@acorex/modules 21.0.0-next.34 → 21.0.0-next.39

package/fesm2022/acorex-modules-workflow-management-index-D8fjNgQJ.mjs

@@ -0,0 +1,726 @@
+import { W as WORKFLOW_DEFINITION_ACTIVITIES_PAGE_COMPONENT_KEY } from './acorex-modules-workflow-management-WORKFLOW_DEFINITION_ACTIVITIES_PAGE_COMPONENT_KEY-D6q__Ewd.mjs';
+import * as i2 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXFormModule } from '@acorex/components/form';
+import * as i5 from '@acorex/components/search-box';
+import { AXSearchBoxModule } from '@acorex/components/search-box';
+import * as i3$1 from '@acorex/components/select-box';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import * as i5$1 from '@acorex/core/translation';
+import { AXTranslationService, AXTranslationModule } from '@acorex/core/translation';
+import { AXPBroadcastEventService, AXPDataGenerator } from '@acorex/platform/core';
+import { AXPPropertyViewerComponent, buildPropertyViewerTabsFromProperties } from '@acorex/platform/layout/components';
+import { AXPEntityService, AXPEntityEventsKeys } from '@acorex/platform/layout/entity';
+import { AXPPageLayoutBaseComponent, AXPPageLayoutBase } from '@acorex/platform/layout/views';
+import { mapAXPPropertyToWidgetProperty } from '@acorex/platform/layout/widget-core';
+import { AXPCommandService } from '@acorex/platform/runtime';
+import { AXPActivityDefinitionService } from '@acorex/platform/workflow';
+import * as i7 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, inject, viewChild, signal, computed, effect, untracked, ChangeDetectionStrategy, Component, Injectable } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { cloneDeep, isEqual } from 'lodash-es';
+import { RootConfig } from './acorex-modules-workflow-management.mjs';
+import { WORKFLOW_DEFINITION_ACTIVITIES_SAVE_COMMAND } from './acorex-modules-workflow-management-save-workflow-definition-activities.command-fFO152ni.mjs';
+
+//#region ---- Imports ----
+/** Select box value meaning “no next activity” (empty string breaks some list UIs). */
+const CONNECTION_TARGET_END = '__axm_wf_connection_end__';
+const WORKFLOW_DEFINITION_ACTIVITIES_DISCARD_COMMAND = 'WorkflowManagement.WorkflowDefinition:Activities:Discard';
+const WORKFLOW_DEFINITION_ACTIVITIES_ADD_STEP_COMMAND = 'WorkflowManagement.WorkflowDefinition:Activities:AddStep';
+//#endregion
+//#region ---- Helpers ----
+function normalizeActivityDefinitionInputs(raw) {
+    if (Array.isArray(raw)) {
+        return raw;
+    }
+    if (typeof raw === 'string' && raw.trim().length > 0) {
+        try {
+            const parsed = JSON.parse(raw);
+            return Array.isArray(parsed) ? parsed : [];
+        }
+        catch {
+            return [];
+        }
+    }
+    return [];
+}
+function portKey(port) {
+    return port == null || port === '' ? 'Done' : port;
+}
+function coerceActivityName(raw) {
+    if (typeof raw === 'string') {
+        return raw;
+    }
+    return '';
+}
+function rowFromInstance(a) {
+    const inputs = a.inputs != null && typeof a.inputs === 'object' && !Array.isArray(a.inputs)
+        ? { ...a.inputs }
+        : {};
+    const extRaw = a.extensions;
+    const extensions = extRaw != null && typeof extRaw === 'object' && !Array.isArray(extRaw)
+        ? { ...extRaw }
+        : undefined;
+    return {
+        id: a.id,
+        name: coerceActivityName(a.name),
+        inputs,
+        ...(extensions != null && Object.keys(extensions).length > 0 ? { extensions } : {}),
+    };
+}
+function instanceFromRow(r) {
+    const out = {
+        id: r.id,
+        name: r.name,
+        inputs: { ...r.inputs },
+    };
+    if (r.extensions != null && Object.keys(r.extensions).length > 0) {
+        out.extensions = { ...r.extensions };
+    }
+    return out;
+}
+function graphContentFingerprint(g) {
+    if (g == null) {
+        return null;
+    }
+    return {
+        startActivityId: g.startActivityId,
+        activities: g.activities,
+        connections: g.connections,
+    };
+}
+function emptyGraph() {
+    return {
+        startActivityId: '',
+        activities: [],
+        connections: [],
+    };
+}
+//#endregion
+//#region ---- Component ----
+class AXMWorkflowDefinitionActivitiesPageComponent extends AXPPageLayoutBaseComponent {
+    //#endregion
+    //#region ---- Lifecycle ----
+    constructor() {
+        super();
+        //#region ---- Inputs ----
+        this.rootContext = input(...(ngDevMode ? [undefined, { debugName: "rootContext" }] : /* istanbul ignore next */ []));
+        this.pageConfig = input(...(ngDevMode ? [undefined, { debugName: "pageConfig" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Services & Dependencies ----
+        this.commandService = inject(AXPCommandService);
+        this.eventService = inject(AXPBroadcastEventService);
+        this.entityService = inject(AXPEntityService);
+        this.activityDefService = inject(AXPActivityDefinitionService);
+        this.mlResolver = inject(AXTranslationService);
+        this.hostPageLayout = inject(AXPPageLayoutBase, { optional: true, skipSelf: true });
+        //#endregion
+        //#region ---- View refs ----
+        this.propertyViewerRef = viewChild(AXPPropertyViewerComponent, ...(ngDevMode ? [{ debugName: "propertyViewerRef" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- State ----
+        this.activityCatalogLoaded = signal(false, ...(ngDevMode ? [{ debugName: "activityCatalogLoaded" }] : /* istanbul ignore next */ []));
+        this.activitySelectItems = signal([], ...(ngDevMode ? [{ debugName: "activitySelectItems" }] : /* istanbul ignore next */ []));
+        this.activities = signal([], ...(ngDevMode ? [{ debugName: "activities" }] : /* istanbul ignore next */ []));
+        this.connections = signal([], ...(ngDevMode ? [{ debugName: "connections" }] : /* istanbul ignore next */ []));
+        this.startActivityId = signal('', ...(ngDevMode ? [{ debugName: "startActivityId" }] : /* istanbul ignore next */ []));
+        this.selectedRowId = signal(null, ...(ngDevMode ? [{ debugName: "selectedRowId" }] : /* istanbul ignore next */ []));
+        this.viewerTabs = signal([], ...(ngDevMode ? [{ debugName: "viewerTabs" }] : /* istanbul ignore next */ []));
+        this.selectedActivityOutcomeRows = signal([], ...(ngDevMode ? [{ debugName: "selectedActivityOutcomeRows" }] : /* istanbul ignore next */ []));
+        this.connectionEndOptionText = signal('(End workflow)', ...(ngDevMode ? [{ debugName: "connectionEndOptionText" }] : /* istanbul ignore next */ []));
+        this.baselineGraph = signal(null, ...(ngDevMode ? [{ debugName: "baselineGraph" }] : /* istanbul ignore next */ []));
+        this.isDirty = signal(false, ...(ngDevMode ? [{ debugName: "isDirty" }] : /* istanbul ignore next */ []));
+        //#endregion
+        //#region ---- Computed ----
+        this.context = computed(() => this.rootContext() ?? {}, ...(ngDevMode ? [{ debugName: "context" }] : /* istanbul ignore next */ []));
+        this.selectedRow = computed(() => {
+            const id = this.selectedRowId();
+            if (id == null) {
+                return null;
+            }
+            return this.activities().find((r) => r.id === id) ?? null;
+        }, ...(ngDevMode ? [{ debugName: "selectedRow" }] : /* istanbul ignore next */ []));
+        this.startActivityItems = computed(() => this.activities().map((r) => ({
+            value: r.id,
+            text: this.formatActivityStepLabel(r),
+        })), ...(ngDevMode ? [{ debugName: "startActivityItems" }] : /* istanbul ignore next */ []));
+        /**
+         * Entity catalog plus any activity type names already on the graph (so selects always resolve labels).
+         */
+        this.activitySelectOptions = computed(() => {
+            const graphTitleByName = new Map();
+            for (const r of this.activities()) {
+                const n = r.name?.trim();
+                if (!n) {
+                    continue;
+                }
+                const ext = r.extensions;
+                const dt = ext && typeof ext['displayTitle'] === 'string' ? ext['displayTitle'].trim() : '';
+                if (dt) {
+                    graphTitleByName.set(n, dt);
+                }
+            }
+            const byValue = new Map();
+            for (const x of this.activitySelectItems()) {
+                const text = graphTitleByName.get(x.value) ?? x.text;
+                byValue.set(x.value, { value: x.value, text });
+            }
+            for (const r of this.activities()) {
+                const n = r.name?.trim();
+                if (!n || byValue.has(n)) {
+                    continue;
+                }
+                const text = graphTitleByName.get(n) ?? n;
+                byValue.set(n, { value: n, text });
+            }
+            return [...byValue.values()].sort((a, b) => a.text.localeCompare(b.text));
+        }, ...(ngDevMode ? [{ debugName: "activitySelectOptions" }] : /* istanbul ignore next */ []));
+        void this.translateService
+            .translateAsync('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.connection-end')
+            .then((t) => this.connectionEndOptionText.set(t?.trim() ? t : '(End workflow)'));
+        let previousRootId = undefined;
+        effect(() => {
+            const ctx = this.rootContext();
+            const currentId = ctx != null && typeof ctx === 'object' ? ctx['id'] : undefined;
+            if (currentId !== previousRootId) {
+                previousRootId = currentId;
+                untracked(() => {
+                    const graph = ctx?.['graph'];
+                    const rows = (graph?.activities ?? []).map((a) => rowFromInstance(a));
+                    this.baselineGraph.set(graph != null ? cloneDeep(graph) : emptyGraph());
+                    this.activities.set(rows);
+                    this.connections.set(cloneDeep(graph?.connections ?? []));
+                    let start = graph?.startActivityId ?? '';
+                    if (!start && rows.length > 0) {
+                        start = rows[0].id;
+                    }
+                    this.startActivityId.set(start);
+                    this.selectedRowId.set(rows[0]?.id ?? null);
+                    this.isDirty.set(false);
+                    void this.ensureActivityCatalogLoaded();
+                    void this.refreshPropertyViewer();
+                });
+            }
+        });
+    }
+    //#endregion
+    //#region ---- Page chrome ----
+    async getPrimaryMenuItems() {
+        const addTitle = (await this.translateService.translateAsync('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.add-step')) || 'Add step';
+        const discardTitle = (await this.translateService.translateAsync('@general:actions.discard.title')) || 'Discard';
+        const saveTitle = (await this.translateService.translateAsync('@general:actions.save.title')) || 'Save';
+        const addAction = {
+            title: addTitle,
+            icon: 'fa-light fa-plus',
+            zone: 'header',
+            priority: 'primary',
+            color: 'primary',
+            command: {
+                name: WORKFLOW_DEFINITION_ACTIVITIES_ADD_STEP_COMMAND,
+                options: {},
+            },
+        };
+        const discardAction = {
+            title: discardTitle,
+            icon: 'fa-light fa-rotate-left',
+            zone: 'footer',
+            priority: 'secondary',
+            color: 'default',
+            visible: this.isDirty(),
+            command: {
+                name: WORKFLOW_DEFINITION_ACTIVITIES_DISCARD_COMMAND,
+                options: {},
+            },
+        };
+        const saveAction = {
+            title: saveTitle,
+            icon: 'fa-light fa-floppy-disk',
+            zone: 'footer',
+            priority: 'primary',
+            color: 'primary',
+            visible: this.isDirty(),
+            command: {
+                name: WORKFLOW_DEFINITION_ACTIVITIES_SAVE_COMMAND,
+                options: {},
+            },
+        };
+        return [addAction, discardAction, saveAction];
+    }
+    //#endregion
+    //#region ---- Commands ----
+    execute(command) {
+        if (command.name === WORKFLOW_DEFINITION_ACTIVITIES_DISCARD_COMMAND) {
+            const base = this.baselineGraph();
+            const rows = (base?.activities ?? []).map((a) => rowFromInstance(a));
+            this.activities.set(rows);
+            this.connections.set(cloneDeep(base?.connections ?? []));
+            let start = base?.startActivityId ?? '';
+            if (!start && rows.length > 0) {
+                start = rows[0].id;
+            }
+            this.startActivityId.set(start);
+            this.selectedRowId.set(rows[0]?.id ?? null);
+            this.isDirty.set(false);
+            void this.refreshPropertyViewer();
+            this.recompute();
+            return;
+        }
+        if (command.name === WORKFLOW_DEFINITION_ACTIVITIES_ADD_STEP_COMMAND) {
+            this.addStep();
+            return;
+        }
+        if (command.name === WORKFLOW_DEFINITION_ACTIVITIES_SAVE_COMMAND) {
+            return this.handleSaveExecute();
+        }
+    }
+    async handleSaveExecute() {
+        const ctx = this.context();
+        const id = typeof ctx['id'] === 'string' ? ctx['id'] : undefined;
+        if (!id) {
+            return {
+                success: false,
+                message: {
+                    text: await this.translateService.translateAsync('@general:messages.entity.invalid-data'),
+                },
+            };
+        }
+        const graph = this.buildCurrentGraph();
+        const input = { id, graph };
+        const result = await this.commandService.execute(WORKFLOW_DEFINITION_ACTIVITIES_SAVE_COMMAND, input);
+        const execResult = (result ?? { success: false });
+        if (execResult.success) {
+            this.baselineGraph.set(cloneDeep(graph));
+            this.isDirty.set(false);
+            this.recompute();
+            this.eventService.publish(AXPEntityEventsKeys.REFRESH_LAYOUT, {
+                name: `${RootConfig.module.name}.${RootConfig.entities.workflowDefinition.name}`,
+            });
+        }
+        return execResult;
+    }
+    //#endregion
+    //#region ---- Graph / rows ----
+    buildCurrentGraph() {
+        const instances = this.activities().map((r) => instanceFromRow(r));
+        const base = this.baselineGraph();
+        return {
+            startActivityId: this.startActivityId(),
+            activities: instances,
+            connections: cloneDeep(this.connections()),
+            designer: base?.designer,
+        };
+    }
+    recomputeDirty() {
+        const next = graphContentFingerprint(this.buildCurrentGraph());
+        const base = graphContentFingerprint(this.baselineGraph());
+        this.isDirty.set(!isEqual(next, base));
+        this.recompute();
+    }
+    formatActivityStepLabel(r) {
+        const shortId = r.id.length >= 8 ? r.id.slice(0, 8) : r.id;
+        const typePart = r.name?.trim() ? r.name : '…';
+        return `${typePart} (${shortId})`;
+    }
+    /** Outgoing targets for a step (excludes the same step; use sentinel for “end”). */
+    connectionTargetsFor(sourceActivityId) {
+        const end = this.connectionEndOptionText();
+        const steps = this.activities()
+            .filter((r) => r.id !== sourceActivityId)
+            .map((r) => ({
+            value: r.id,
+            text: this.formatActivityStepLabel(r),
+        }));
+        return [{ value: CONNECTION_TARGET_END, text: end }, ...steps];
+    }
+    connectionSelectValue(sourceActivityId, port) {
+        const t = this.getOutgoingTarget(sourceActivityId, port);
+        return t === '' ? CONNECTION_TARGET_END : t;
+    }
+    selectRow(rowId) {
+        this.selectedRowId.set(rowId);
+        void this.refreshPropertyViewer();
+    }
+    addStep() {
+        const catalog = this.activitySelectOptions();
+        const defaultName = catalog[0]?.value ?? '';
+        const row = {
+            id: AXPDataGenerator.uuid(),
+            name: defaultName,
+            inputs: {},
+        };
+        this.activities.update((list) => [...list, row]);
+        this.selectedRowId.set(row.id);
+        if (!this.startActivityId() && row.id) {
+            this.startActivityId.set(row.id);
+        }
+        void this.refreshPropertyViewer();
+        this.recomputeDirty();
+    }
+    removeStep(rowId) {
+        this.connections.update((list) => list.filter((c) => c.source.activtyName !== rowId && c.target.activtyName !== rowId));
+        const list = this.activities().filter((r) => r.id !== rowId);
+        this.activities.set(list);
+        if (this.selectedRowId() === rowId) {
+            this.selectedRowId.set(list[0]?.id ?? null);
+        }
+        if (this.startActivityId() === rowId) {
+            this.startActivityId.set(list[0]?.id ?? '');
+        }
+        void this.refreshPropertyViewer();
+        this.recomputeDirty();
+    }
+    onActivityTypeChange(rowId, event) {
+        const name = event.value != null ? String(event.value) : '';
+        let typeChanged = false;
+        this.activities.update((rows) => rows.map((r) => {
+            if (r.id !== rowId) {
+                return r;
+            }
+            if (r.name !== name) {
+                typeChanged = true;
+                return { ...r, name, inputs: {}, extensions: undefined };
+            }
+            return { ...r, name };
+        }));
+        if (typeChanged) {
+            void this.activityDefService.getActivityByName(name).then((def) => {
+                const rowNow = this.activities().find((r) => r.id === rowId) ?? null;
+                const allowed = new Set(this.buildOutcomeRows(rowId, rowNow, def).map((o) => o.port));
+                this.pruneOutgoingConnections(rowId, allowed);
+                void this.refreshPropertyViewer();
+                this.recomputeDirty();
+            });
+        }
+        else {
+            void this.refreshPropertyViewer();
+        }
+        if (!typeChanged) {
+            this.recomputeDirty();
+        }
+    }
+    onStartActivityChange(event) {
+        this.startActivityId.set(event.value != null ? String(event.value) : '');
+        this.recomputeDirty();
+    }
+    getOutgoingTarget(sourceActivityId, port) {
+        const key = portKey(port);
+        for (const c of this.connections()) {
+            if (c.source.activtyName !== sourceActivityId) {
+                continue;
+            }
+            if (portKey(c.source.port) === key) {
+                return c.target.activtyName;
+            }
+        }
+        return '';
+    }
+    onOutgoingConnectionChange(sourceActivityId, port, event) {
+        const raw = event.value != null ? String(event.value) : CONNECTION_TARGET_END;
+        const targetId = raw === CONNECTION_TARGET_END ? '' : raw;
+        const key = portKey(port);
+        this.connections.update((list) => {
+            const filtered = list.filter((c) => {
+                if (c.source.activtyName !== sourceActivityId) {
+                    return true;
+                }
+                return portKey(c.source.port) !== key;
+            });
+            if (!targetId) {
+                return filtered;
+            }
+            const sourcePort = key === 'Done' ? null : port;
+            return [
+                ...filtered,
+                {
+                    source: { activtyName: sourceActivityId, port: sourcePort },
+                    target: { activtyName: targetId, port: null },
+                },
+            ];
+        });
+        this.recomputeDirty();
+    }
+    pruneOutgoingConnections(sourceActivityId, allowedPorts) {
+        this.connections.update((list) => list.filter((c) => {
+            if (c.source.activtyName !== sourceActivityId) {
+                return true;
+            }
+            return allowedPorts.has(portKey(c.source.port));
+        }));
+    }
+    outcomePortsFromConnections(activityId) {
+        const ports = new Set();
+        for (const c of this.connections()) {
+            if (c.source.activtyName === activityId) {
+                ports.add(portKey(c.source.port));
+            }
+        }
+        return [...ports];
+    }
+    outcomeRowsFromRawDefinition(raw) {
+        if (raw == null) {
+            return [];
+        }
+        let items = [];
+        if (Array.isArray(raw)) {
+            items = raw;
+        }
+        else if (typeof raw === 'string' && raw.trim().length > 0) {
+            try {
+                const parsed = JSON.parse(raw);
+                items = Array.isArray(parsed) ? parsed : [];
+            }
+            catch {
+                return [];
+            }
+        }
+        else {
+            return [];
+        }
+        const rows = [];
+        for (const item of items) {
+            if (typeof item === 'string' && item.trim()) {
+                rows.push({ port: item, label: item });
+                continue;
+            }
+            if (item != null && typeof item === 'object' && !Array.isArray(item)) {
+                const o = item;
+                const portVal = o['name'] ?? o['value'] ?? o['outcome'] ?? o['port'];
+                if (typeof portVal !== 'string' || !portVal.trim()) {
+                    continue;
+                }
+                const titleRaw = o['title'];
+                let label = portVal;
+                if (typeof titleRaw === 'string' && titleRaw.trim()) {
+                    label = titleRaw;
+                }
+                else if (titleRaw != null && typeof titleRaw === 'object') {
+                    label = this.mlResolver.resolve(titleRaw) ?? portVal;
+                }
+                rows.push({ port: portVal, label });
+            }
+        }
+        return rows;
+    }
+    outcomePortsFromTaskActions(inputs) {
+        const actions = inputs['actions'];
+        if (actions == null) {
+            return [];
+        }
+        let root = actions;
+        if (typeof actions === 'string' && actions.trim().length > 0) {
+            try {
+                root = JSON.parse(actions);
+            }
+            catch {
+                return [];
+            }
+        }
+        if (typeof root !== 'object' || root === null) {
+            return [];
+        }
+        const names = [];
+        const obj = root;
+        for (const key of ['suffix', 'prefix']) {
+            const list = obj[key];
+            if (!Array.isArray(list)) {
+                continue;
+            }
+            for (const entry of list) {
+                if (!entry || typeof entry !== 'object') {
+                    continue;
+                }
+                const cmd = entry['command'];
+                if (cmd && typeof cmd === 'object') {
+                    const n = cmd['name'];
+                    if (typeof n === 'string' && n.trim()) {
+                        names.push(n);
+                    }
+                }
+            }
+        }
+        return names;
+    }
+    buildOutcomeRows(activityId, row, def) {
+        const map = new Map();
+        for (const o of this.outcomeRowsFromRawDefinition(def?.outcomes)) {
+            map.set(o.port, o);
+        }
+        for (const p of this.outcomePortsFromConnections(activityId)) {
+            if (!map.has(p)) {
+                map.set(p, { port: p, label: p });
+            }
+        }
+        if (row) {
+            for (const p of this.outcomePortsFromTaskActions(row.inputs)) {
+                if (!map.has(p)) {
+                    map.set(p, { port: p, label: p });
+                }
+            }
+        }
+        if (map.size === 0) {
+            map.set('Done', { port: 'Done', label: 'Done' });
+        }
+        return [...map.values()].sort((a, b) => a.port.localeCompare(b.port));
+    }
+    //#endregion
+    //#region ---- Property viewer ----
+    async ensureActivityCatalogLoaded() {
+        if (this.activityCatalogLoaded()) {
+            return;
+        }
+        try {
+            const data = this.entityService
+                .withEntity(RootConfig.module.name, RootConfig.entities.activityDefinition.name)
+                .data();
+            const res = await data.query({ skip: 0, take: 1000 });
+            const items = (res.items ?? [])
+                .map((row) => {
+                const n = row['name'];
+                const typeFallback = row['type'];
+                const valueKey = typeof n === 'string' && n.trim()
+                    ? n.trim()
+                    : typeof n === 'number'
+                        ? String(n)
+                        : typeof typeFallback === 'string' && typeFallback.trim()
+                            ? typeFallback.trim()
+                            : typeof typeFallback === 'number'
+                                ? String(typeFallback)
+                                : '';
+                if (!valueKey) {
+                    return null;
+                }
+                const titleRaw = row['title'];
+                let text = valueKey;
+                if (typeof titleRaw === 'string' && titleRaw.trim()) {
+                    text = titleRaw.trim();
+                }
+                else if (titleRaw != null && typeof titleRaw === 'object') {
+                    text = this.mlResolver.resolve(titleRaw) ?? valueKey;
+                }
+                return { value: valueKey, text: String(text).trim() || valueKey };
+            })
+                .filter((x) => x != null);
+            items.sort((a, b) => a.text.localeCompare(b.text));
+            this.activitySelectItems.set(items);
+            this.activityCatalogLoaded.set(true);
+        }
+        catch {
+            this.activitySelectItems.set([]);
+            this.activityCatalogLoaded.set(true);
+        }
+    }
+    async refreshPropertyViewer() {
+        const row = this.selectedRow();
+        if (row == null || row.name.trim() === '') {
+            this.viewerTabs.set([]);
+            this.selectedActivityOutcomeRows.set([]);
+            setTimeout(() => this.propertyViewerRef()?.initializeContext({ inputs: {} }), 0);
+            return;
+        }
+        const def = await this.activityDefService.getActivityByName(row.name);
+        const rowLatest = this.activities().find((r) => r.id === row.id) ?? row;
+        this.selectedActivityOutcomeRows.set(this.buildOutcomeRows(row.id, rowLatest, def));
+        const inputProps = normalizeActivityDefinitionInputs(def?.inputs);
+        const group = { name: 'activity-inputs', title: 'Inputs', order: 0 };
+        const widgetProps = inputProps.map((p, index) => mapAXPPropertyToWidgetProperty(p, {
+            group,
+            order: index,
+            valuePathPrefix: 'inputs',
+            resolveTitle: (prop) => typeof prop.title === 'string' ? prop.title : (this.mlResolver.resolve(prop.title) ?? prop.name),
+            resolveDescription: (prop) => prop.description === undefined
+                ? undefined
+                : typeof prop.description === 'string'
+                    ? prop.description
+                    : this.mlResolver.resolve(prop.description),
+        }));
+        this.viewerTabs.set(buildPropertyViewerTabsFromProperties(widgetProps));
+        setTimeout(() => {
+            const current = this.activities().find((r) => r.id === row.id);
+            this.propertyViewerRef()?.initializeContext({
+                inputs: cloneDeep(current?.inputs ?? {}),
+            });
+        }, 0);
+    }
+    onViewerChanged(ev) {
+        if (ev.mode === 'init') {
+            return;
+        }
+        const id = this.selectedRowId();
+        if (id == null || ev.values == null) {
+            return;
+        }
+        const values = ev.values;
+        const inputs = values.inputs ?? {};
+        this.activities.update((rows) => rows.map((r) => (r.id === id ? { ...r, inputs: { ...inputs } } : r)));
+        const sel = this.activities().find((r) => r.id === id);
+        if (sel?.name?.trim()) {
+            void this.activityDefService.getActivityByName(sel.name).then((def) => {
+                this.selectedActivityOutcomeRows.set(this.buildOutcomeRows(sel.id, sel, def));
+            });
+        }
+        this.recomputeDirty();
+    }
+    //#endregion
+    //#region ---- Utilities ----
+    recompute() {
+        super.recompute();
+        const maybeLayout = this.hostPageLayout;
+        maybeLayout.recompute?.();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMWorkflowDefinitionActivitiesPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: AXMWorkflowDefinitionActivitiesPageComponent, isStandalone: true, selector: "axm-workflow-definition-activities-page", inputs: { rootContext: { classPropertyName: "rootContext", publicName: "rootContext", isSignal: true, isRequired: false, transformFunction: null }, pageConfig: { classPropertyName: "pageConfig", publicName: "pageConfig", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: AXPPageLayoutBase,
+                useExisting: AXMWorkflowDefinitionActivitiesPageComponent,
+            },
+        ], viewQueries: [{ propertyName: "propertyViewerRef", first: true, predicate: AXPPropertyViewerComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"axm-workflow-definition-activities\">\n  <div class=\"axm-workflow-definition-activities__columns\">\n    <section class=\"axm-workflow-definition-activities__list\" aria-label=\"Activity steps\">\n      @if (activities().length === 0) {\n        <p class=\"axm-workflow-definition-activities__empty\">\n          {{\n            ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.empty'\n              | translate\n              | async) ?? ''\n          }}\n        </p>\n      }\n      @for (row of activities(); track row.id) {\n        <div\n          class=\"axm-workflow-definition-activities__row\"\n          [class.axm-workflow-definition-activities__row--selected]=\"selectedRowId() === row.id\"\n          (click)=\"selectRow(row.id)\"\n        >\n          <div class=\"axm-workflow-definition-activities__row-main\">\n            <ax-select-box\n              class=\"axm-workflow-definition-activities__select\"\n              [ngModel]=\"row.name\"\n              [dataSource]=\"activitySelectOptions()\"\n              valueField=\"value\"\n              textField=\"text\"\n              [placeholder]=\"\n                ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.select-activity'\n                  | translate\n                  | async) ?? ''\n              \"\n              (onValueChanged)=\"onActivityTypeChange(row.id, $event)\"\n            >\n              <ax-search-box></ax-search-box>\n              <ax-clear-button></ax-clear-button>\n            </ax-select-box>\n          </div>\n          <div class=\"axm-workflow-definition-activities__row-actions\" (click)=\"$event.stopPropagation()\">\n            <ax-button\n              class=\"ax-flat\"\n              color=\"danger\"\n              [attr.aria-label]=\"('@general:actions.delete.title' | translate | async) ?? ''\"\n              (onClick)=\"removeStep(row.id)\"\n            >\n              <i class=\"fa-light fa-trash\"></i>\n            </ax-button>\n          </div>\n        </div>\n      }\n    </section>\n\n    <section class=\"axm-workflow-definition-activities__editor\" aria-label=\"Activity editor\">\n      @if (activities().length > 0) {\n        <div class=\"axm-workflow-definition-activities__start\">\n          <span class=\"axm-workflow-definition-activities__field-label\">\n            {{\n              ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.start-activity'\n                | translate\n                | async) ?? ''\n            }}\n          </span>\n          <ax-select-box\n            class=\"axm-workflow-definition-activities__select\"\n            [ngModel]=\"startActivityId()\"\n            [dataSource]=\"startActivityItems()\"\n            valueField=\"value\"\n            textField=\"text\"\n            (onValueChanged)=\"onStartActivityChange($event)\"\n          ></ax-select-box>\n        </div>\n      }\n\n      @if (selectedRow(); as row) {\n        @if (row.name.trim() !== '') {\n          <div class=\"axm-workflow-definition-activities__connections\">\n            <h3 class=\"axm-workflow-definition-activities__section-title\">\n              {{\n                ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.connections.title'\n                  | translate\n                  | async) ?? ''\n              }}\n            </h3>\n            <p class=\"axm-workflow-definition-activities__section-hint\">\n              {{\n                ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.connections.hint'\n                  | translate\n                  | async) ?? ''\n              }}\n            </p>\n            @for (outcome of selectedActivityOutcomeRows(); track outcome.port) {\n              <div class=\"axm-workflow-definition-activities__connection-row\">\n                <span class=\"axm-workflow-definition-activities__outcome\">{{ outcome.label }}</span>\n                <ax-select-box\n                  class=\"axm-workflow-definition-activities__select axm-workflow-definition-activities__connection-target\"\n                  [ngModel]=\"connectionSelectValue(row.id, outcome.port)\"\n                  [dataSource]=\"connectionTargetsFor(row.id)\"\n                  valueField=\"value\"\n                  textField=\"text\"\n                  [placeholder]=\"\n                    ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.connection-target-placeholder'\n                      | translate\n                      | async) ?? ''\n                  \"\n                  (onValueChanged)=\"onOutgoingConnectionChange(row.id, outcome.port, $event)\"\n                ></ax-select-box>\n              </div>\n            }\n          </div>\n        }\n\n        @if (viewerTabs().length > 0) {\n          <div class=\"axm-workflow-definition-activities__inputs\">\n            <h3 class=\"axm-workflow-definition-activities__section-title\">\n              {{\n                ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.inputs.title'\n                  | translate\n                  | async) ?? ''\n              }}\n            </h3>\n            <axp-property-viewer\n              [tabsInput]=\"viewerTabs()\"\n              mode=\"advanced\"\n              (onChanged)=\"onViewerChanged($event)\"\n            ></axp-property-viewer>\n          </div>\n        } @else if (row.name.trim() === '') {\n          <p class=\"axm-workflow-definition-activities__hint\">\n            {{\n              ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.editor-placeholder'\n                | translate\n                | async) ?? ''\n            }}\n          </p>\n        }\n      } @else if (activities().length > 0) {\n        <p class=\"axm-workflow-definition-activities__hint\">\n          {{\n            ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.select-step'\n              | translate\n              | async) ?? ''\n          }}\n        </p>\n      }\n    </section>\n  </div>\n</div>\n", styles: [".axm-workflow-definition-activities{display:flex;flex-direction:column;gap:1rem;min-height:280px}.axm-workflow-definition-activities__columns{display:grid;grid-template-columns:minmax(260px,1fr) minmax(340px,2fr);gap:1.25rem;align-items:start}@media(max-width:960px){.axm-workflow-definition-activities__columns{grid-template-columns:1fr}.axm-workflow-definition-activities__editor{position:static;max-height:none}}.axm-workflow-definition-activities__list{display:flex;flex-direction:column;gap:.5rem;max-height:calc(100vh - 220px);overflow-y:auto;padding-inline-end:4px}.axm-workflow-definition-activities__row{display:flex;flex-direction:row;align-items:flex-start;gap:.5rem;padding:.65rem .75rem;border-radius:var(--ax-radius-md, 6px);border:1px solid var(--ax-border-color, rgba(0, 0, 0, .08));background:var(--ax-surface-color, #fff);cursor:pointer;flex-shrink:0}.axm-workflow-definition-activities__row--selected{border-color:var(--ax-primary-color, #2563eb);box-shadow:0 0 0 1px var(--ax-primary-color, #2563eb)}.axm-workflow-definition-activities__row-main{flex:1;min-width:0}.axm-workflow-definition-activities__select{width:100%}.axm-workflow-definition-activities__row-actions{display:flex;flex-wrap:wrap;gap:.25rem;flex-shrink:0}.axm-workflow-definition-activities__editor{position:sticky;top:.75rem;align-self:start;max-height:calc(100vh - 220px);overflow-y:auto;padding:.75rem;border-radius:var(--ax-radius-md, 6px);border:1px solid var(--ax-border-color, rgba(0, 0, 0, .08));background:var(--ax-surface-color, #fff);box-shadow:0 1px 2px #0000000a}.axm-workflow-definition-activities__start{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--ax-border-color, rgba(0, 0, 0, .08))}.axm-workflow-definition-activities__field-label{font-size:.8125rem;font-weight:600;color:var(--ax-text-secondary-color, #64748b)}.axm-workflow-definition-activities__connections{margin-bottom:1.25rem}.axm-workflow-definition-activities__inputs{margin-top:.25rem}.axm-workflow-definition-activities__section-title{margin:0 0 .35rem;font-size:1rem;font-weight:600}.axm-workflow-definition-activities__section-hint{margin:0 0 .75rem;font-size:.8125rem;color:var(--ax-text-secondary-color, #64748b)}.axm-workflow-definition-activities__connection-row{display:grid;grid-template-columns:minmax(72px,.35fr) 1fr;gap:.5rem .75rem;align-items:center;margin-bottom:.5rem}@media(max-width:520px){.axm-workflow-definition-activities__connection-row{grid-template-columns:1fr}}.axm-workflow-definition-activities__outcome{font-size:.8125rem;font-weight:600;color:var(--ax-text-color, #1e293b);word-break:break-word}.axm-workflow-definition-activities__connection-target{min-width:0}.axm-workflow-definition-activities__empty,.axm-workflow-definition-activities__hint{margin:0;color:var(--ax-text-secondary-color, #64748b);font-size:.9375rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i3$1.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i5.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type", "autoSearch"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "component", type: AXPPropertyViewerComponent, selector: "axp-property-viewer", inputs: ["tabsInput", "mode", "bindingExpressionEditorMode"], outputs: ["onChanged"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "pipe", type: i5$1.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMWorkflowDefinitionActivitiesPageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'axm-workflow-definition-activities-page', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXSelectBoxModule,
+                        AXSearchBoxModule,
+                        AXFormModule,
+                        AXTranslationModule,
+                        AXPPropertyViewerComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: AXPPageLayoutBase,
+                            useExisting: AXMWorkflowDefinitionActivitiesPageComponent,
+                        },
+                    ], template: "<div class=\"axm-workflow-definition-activities\">\n  <div class=\"axm-workflow-definition-activities__columns\">\n    <section class=\"axm-workflow-definition-activities__list\" aria-label=\"Activity steps\">\n      @if (activities().length === 0) {\n        <p class=\"axm-workflow-definition-activities__empty\">\n          {{\n            ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.empty'\n              | translate\n              | async) ?? ''\n          }}\n        </p>\n      }\n      @for (row of activities(); track row.id) {\n        <div\n          class=\"axm-workflow-definition-activities__row\"\n          [class.axm-workflow-definition-activities__row--selected]=\"selectedRowId() === row.id\"\n          (click)=\"selectRow(row.id)\"\n        >\n          <div class=\"axm-workflow-definition-activities__row-main\">\n            <ax-select-box\n              class=\"axm-workflow-definition-activities__select\"\n              [ngModel]=\"row.name\"\n              [dataSource]=\"activitySelectOptions()\"\n              valueField=\"value\"\n              textField=\"text\"\n              [placeholder]=\"\n                ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.select-activity'\n                  | translate\n                  | async) ?? ''\n              \"\n              (onValueChanged)=\"onActivityTypeChange(row.id, $event)\"\n            >\n              <ax-search-box></ax-search-box>\n              <ax-clear-button></ax-clear-button>\n            </ax-select-box>\n          </div>\n          <div class=\"axm-workflow-definition-activities__row-actions\" (click)=\"$event.stopPropagation()\">\n            <ax-button\n              class=\"ax-flat\"\n              color=\"danger\"\n              [attr.aria-label]=\"('@general:actions.delete.title' | translate | async) ?? ''\"\n              (onClick)=\"removeStep(row.id)\"\n            >\n              <i class=\"fa-light fa-trash\"></i>\n            </ax-button>\n          </div>\n        </div>\n      }\n    </section>\n\n    <section class=\"axm-workflow-definition-activities__editor\" aria-label=\"Activity editor\">\n      @if (activities().length > 0) {\n        <div class=\"axm-workflow-definition-activities__start\">\n          <span class=\"axm-workflow-definition-activities__field-label\">\n            {{\n              ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.start-activity'\n                | translate\n                | async) ?? ''\n            }}\n          </span>\n          <ax-select-box\n            class=\"axm-workflow-definition-activities__select\"\n            [ngModel]=\"startActivityId()\"\n            [dataSource]=\"startActivityItems()\"\n            valueField=\"value\"\n            textField=\"text\"\n            (onValueChanged)=\"onStartActivityChange($event)\"\n          ></ax-select-box>\n        </div>\n      }\n\n      @if (selectedRow(); as row) {\n        @if (row.name.trim() !== '') {\n          <div class=\"axm-workflow-definition-activities__connections\">\n            <h3 class=\"axm-workflow-definition-activities__section-title\">\n              {{\n                ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.connections.title'\n                  | translate\n                  | async) ?? ''\n              }}\n            </h3>\n            <p class=\"axm-workflow-definition-activities__section-hint\">\n              {{\n                ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.connections.hint'\n                  | translate\n                  | async) ?? ''\n              }}\n            </p>\n            @for (outcome of selectedActivityOutcomeRows(); track outcome.port) {\n              <div class=\"axm-workflow-definition-activities__connection-row\">\n                <span class=\"axm-workflow-definition-activities__outcome\">{{ outcome.label }}</span>\n                <ax-select-box\n                  class=\"axm-workflow-definition-activities__select axm-workflow-definition-activities__connection-target\"\n                  [ngModel]=\"connectionSelectValue(row.id, outcome.port)\"\n                  [dataSource]=\"connectionTargetsFor(row.id)\"\n                  valueField=\"value\"\n                  textField=\"text\"\n                  [placeholder]=\"\n                    ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.connection-target-placeholder'\n                      | translate\n                      | async) ?? ''\n                  \"\n                  (onValueChanged)=\"onOutgoingConnectionChange(row.id, outcome.port, $event)\"\n                ></ax-select-box>\n              </div>\n            }\n          </div>\n        }\n\n        @if (viewerTabs().length > 0) {\n          <div class=\"axm-workflow-definition-activities__inputs\">\n            <h3 class=\"axm-workflow-definition-activities__section-title\">\n              {{\n                ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.inputs.title'\n                  | translate\n                  | async) ?? ''\n              }}\n            </h3>\n            <axp-property-viewer\n              [tabsInput]=\"viewerTabs()\"\n              mode=\"advanced\"\n              (onChanged)=\"onViewerChanged($event)\"\n            ></axp-property-viewer>\n          </div>\n        } @else if (row.name.trim() === '') {\n          <p class=\"axm-workflow-definition-activities__hint\">\n            {{\n              ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.editor-placeholder'\n                | translate\n                | async) ?? ''\n            }}\n          </p>\n        }\n      } @else if (activities().length > 0) {\n        <p class=\"axm-workflow-definition-activities__hint\">\n          {{\n            ('@workflow-management:workflow-definitions.entities.workflow-definition.pages.activities.select-step'\n              | translate\n              | async) ?? ''\n          }}\n        </p>\n      }\n    </section>\n  </div>\n</div>\n", styles: [".axm-workflow-definition-activities{display:flex;flex-direction:column;gap:1rem;min-height:280px}.axm-workflow-definition-activities__columns{display:grid;grid-template-columns:minmax(260px,1fr) minmax(340px,2fr);gap:1.25rem;align-items:start}@media(max-width:960px){.axm-workflow-definition-activities__columns{grid-template-columns:1fr}.axm-workflow-definition-activities__editor{position:static;max-height:none}}.axm-workflow-definition-activities__list{display:flex;flex-direction:column;gap:.5rem;max-height:calc(100vh - 220px);overflow-y:auto;padding-inline-end:4px}.axm-workflow-definition-activities__row{display:flex;flex-direction:row;align-items:flex-start;gap:.5rem;padding:.65rem .75rem;border-radius:var(--ax-radius-md, 6px);border:1px solid var(--ax-border-color, rgba(0, 0, 0, .08));background:var(--ax-surface-color, #fff);cursor:pointer;flex-shrink:0}.axm-workflow-definition-activities__row--selected{border-color:var(--ax-primary-color, #2563eb);box-shadow:0 0 0 1px var(--ax-primary-color, #2563eb)}.axm-workflow-definition-activities__row-main{flex:1;min-width:0}.axm-workflow-definition-activities__select{width:100%}.axm-workflow-definition-activities__row-actions{display:flex;flex-wrap:wrap;gap:.25rem;flex-shrink:0}.axm-workflow-definition-activities__editor{position:sticky;top:.75rem;align-self:start;max-height:calc(100vh - 220px);overflow-y:auto;padding:.75rem;border-radius:var(--ax-radius-md, 6px);border:1px solid var(--ax-border-color, rgba(0, 0, 0, .08));background:var(--ax-surface-color, #fff);box-shadow:0 1px 2px #0000000a}.axm-workflow-definition-activities__start{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--ax-border-color, rgba(0, 0, 0, .08))}.axm-workflow-definition-activities__field-label{font-size:.8125rem;font-weight:600;color:var(--ax-text-secondary-color, #64748b)}.axm-workflow-definition-activities__connections{margin-bottom:1.25rem}.axm-workflow-definition-activities__inputs{margin-top:.25rem}.axm-workflow-definition-activities__section-title{margin:0 0 .35rem;font-size:1rem;font-weight:600}.axm-workflow-definition-activities__section-hint{margin:0 0 .75rem;font-size:.8125rem;color:var(--ax-text-secondary-color, #64748b)}.axm-workflow-definition-activities__connection-row{display:grid;grid-template-columns:minmax(72px,.35fr) 1fr;gap:.5rem .75rem;align-items:center;margin-bottom:.5rem}@media(max-width:520px){.axm-workflow-definition-activities__connection-row{grid-template-columns:1fr}}.axm-workflow-definition-activities__outcome{font-size:.8125rem;font-weight:600;color:var(--ax-text-color, #1e293b);word-break:break-word}.axm-workflow-definition-activities__connection-target{min-width:0}.axm-workflow-definition-activities__empty,.axm-workflow-definition-activities__hint{margin:0;color:var(--ax-text-secondary-color, #64748b);font-size:.9375rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { rootContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "rootContext", required: false }] }], pageConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageConfig", required: false }] }], propertyViewerRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPPropertyViewerComponent), { isSignal: true }] }] } });
+
+var workflowDefinitionActivitiesPage_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AXMWorkflowDefinitionActivitiesPageComponent: AXMWorkflowDefinitionActivitiesPageComponent
+});
+
+//#region ---- Workflow Definition Activities Page Provider ----
+class AXMWorkflowDefinitionActivitiesPageComponentProvider {
+    async components() {
+        return [
+            {
+                key: WORKFLOW_DEFINITION_ACTIVITIES_PAGE_COMPONENT_KEY,
+                loader: () => Promise.resolve().then(function () { return workflowDefinitionActivitiesPage_component; }).then((m) => m.AXMWorkflowDefinitionActivitiesPageComponent),
+            },
+        ];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMWorkflowDefinitionActivitiesPageComponentProvider, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMWorkflowDefinitionActivitiesPageComponentProvider }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AXMWorkflowDefinitionActivitiesPageComponentProvider, decorators: [{
+            type: Injectable
+        }] });
+
+export { AXMWorkflowDefinitionActivitiesPageComponent, AXMWorkflowDefinitionActivitiesPageComponentProvider, WORKFLOW_DEFINITION_ACTIVITIES_PAGE_COMPONENT_KEY };
+//# sourceMappingURL=acorex-modules-workflow-management-index-D8fjNgQJ.mjs.map