@acorex/modules 21.0.0-next.51 → 21.0.0-next.54

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

@@ -1,726 +0,0 @@
-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 i5 from '@acorex/components/decorators';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import { AXFormModule } from '@acorex/components/form';
-import * as i4 from '@acorex/components/search-box';
-import { AXSearchBoxModule } from '@acorex/components/search-box';
-import * as i3 from '@acorex/components/select-box';
-import { AXSelectBoxModule } from '@acorex/components/select-box';
-import * as i7 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 i1$1 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: i5.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i3.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: i4.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: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i7.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-jin24dmb.mjs.map