@acorex-platform/module-platform-management-client 0.0.38 → 0.0.48

package/fesm2022/{acorex-platform-module-platform-management-client-acorex-platform-module-platform-management-client-BGVhn6wv.mjs → acorex-platform-module-platform-management-client-acorex-platform-module-platform-management-client-YuJijjKh.mjs}

@@ -1,25 +1,27 @@
 import { AXPSessionService, AXP_PERMISSION_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/auth';
 import { AXPSettingsService, AXPMenuProviderService, AXPTokenDefinitionService, AXP_TOKEN_DEFINITION_PROVIDER, AXP_PROTECTED_ROUTE_GUARDS, AXP_MENU_MIDDLEWARE, AXP_MENU_PROVIDER } from '@acorex-platform/framework-client/common';
 import { AXPEntityService, AXP_ENTITY_MODIFIER } from '@acorex-platform/framework-client/layout/entity';
-import { AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER, AXP_MODULE_MANIFEST_PROVIDER, AXP_FEATURE_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/core';
+import { AXP_DISTRIBUTED_EVENT_LISTENER_PROVIDER, AXP_MODULE_MANIFEST_PROVIDER, AXP_FEATURE_DEFINITION_PROVIDER, provideLazyProvider } from '@acorex-platform/framework-client/core';
 import { AXPRootLayoutComponent } from '@acorex-platform/framework-client/themes/default';
 import { AXP_WIDGETS_EDITOR_CATEGORY, AXPWidgetCoreModule, AXP_WIDGET_DEFINITION_PROVIDER } from '@acorex-platform/framework-client/layout/widget-core';
-import { provideCommandSetups, AXPCommandExecutor, provideQuerySetups } from '@acorex-platform/framework-client/runtime';
+import { AXPMenuCustomizerService, AXP_MENU_CUSTOMIZER_SERVICE, AXP_PAGE_COMPONENT_PROVIDER } from '@acorex-platform/framework-client/layout/components';
+import { provideCommandSetups, AXPCommandExecutor, AXPQueryService, provideQuerySetups } from '@acorex-platform/framework-client/runtime';
 import * as i0 from '@angular/core';
 import { Injectable, inject, NgModule, Injector, input, output, viewChild, signal, DestroyRef, computed, afterNextRender, effect, ViewEncapsulation, ChangeDetectionStrategy, Component, Directive } from '@angular/core';
 import { ROUTES } from '@angular/router';
 import { AXPWidgetGroupEnum } from '@acorex-platform/framework-shared/widget-core';
 import { AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_READONLY_PROPERTY, AXP_DISABLED_PROPERTY } from '@acorex-platform/framework-client/layout/widgets';
-import { AXPPlatformManagementFeatureKeys, RootConfig, AXM_TOKEN_RESOLVE_COMMAND_KEY, AXPApplicationsPlatformPermissionKeys, AXPPlatformManagementMenuKeys } from '@acorex-platform/module-platform-management-client/contracts';
-import { AXPPlatformScope, runtimeCommandPayloadData } from '@acorex-platform/framework-shared/core';
-import { AXPMenuCustomizerService, AXP_MENU_CUSTOMIZER_SERVICE } from '@acorex-platform/framework-client/layout/components';
+import { RootConfig, AXPPlatformManagementFeatureKeys, AXM_TOKEN_RESOLVE_COMMAND_KEY, AXPApplicationsPlatformPermissionKeys, AXPPlatformManagementMenuKeys } from '@acorex-platform/module-platform-management-client/contracts';
+import { AXPPlatformScope, runtimeCommandPayloadData, runtimeQueryCollectionData } from '@acorex-platform/framework-shared/core';
 import { cloneDeep } from 'lodash';
 import { AXDialogService } from '@acorex/components/dialog';
 import { AXTranslationService } from '@acorex/core/translation';
 import { SwUpdate } from '@angular/service-worker';
+import { ENTITY_QUERY_DEFAULT } from '@acorex-platform/framework-shared/runtime';
 import { AXPCommonMenuKeys, AXPCommonPermissionGroupKeys } from '@acorex-platform/module-common-client/contracts';
 import { AXP_ENTITY_DEFINITION_CRUD_SERVICE } from '@acorex-platform/framework-client/domain';
 import { commandDefinitionEntityFactory } from '@acorex-platform/module-platform-management-client/contracts/entities/command-definition';
+import { moduleDefinitionEntityFactory } from '@acorex-platform/module-platform-management-client/contracts/entities/module-definition';
 import { entityDefinitionEntityFactory } from '@acorex-platform/module-platform-management-client/contracts/entities/entity-definition';
 import { pluginDefinitionEntityFactory } from '@acorex-platform/module-platform-management-client/contracts/entities/plugin-definition';
 import { queryDefinitionEntityFactory } from '@acorex-platform/module-platform-management-client/contracts/entities/query-definition';
@@ -33,6 +35,206 @@ import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
+const CREATE_USER_QUERY_COMMAND_KEY = 'PlatformManagement:CreateUserQuery';
+const CREATE_USER_QUERY_WIZARD_NAME = 'create-user-query-wizard';
+const CREATE_USER_QUERY_ENTITY_CATALOG = `${RootConfig.module.name}.${RootConfig.entities.entityDefinition.name}`;
+const CREATE_USER_QUERY_I18N = {
+    titles: {
+        entity: '@platform-management:query-definitions.wizard.create.titles.entity',
+        static: '@platform-management:query-definitions.wizard.create.titles.static-list',
+        api: '@platform-management:query-definitions.wizard.create.titles.external-api',
+        advanced: '@platform-management:query-definitions.wizard.create.titles.advanced',
+    },
+    steps: {
+        source: '@platform-management:query-definitions.wizard.create.steps.source',
+        entity: '@platform-management:query-definitions.wizard.create.steps.entity',
+        fields: '@platform-management:query-definitions.wizard.create.steps.fields',
+        contract: '@platform-management:query-definitions.wizard.create.steps.contract',
+    },
+    fields: {
+        entity: '@platform-management:query-definitions.wizard.create.fields.entity',
+        fields: '@platform-management:query-definitions.wizard.create.fields.fields',
+        hostFields: '@platform-management:query-definitions.wizard.create.fields.host-fields',
+        value: '@platform-management:query-definitions.wizard.create.fields.value',
+        title: '@platform-management:query-definitions.wizard.create.fields.title',
+        queryName: '@platform-management:query-definitions.wizard.create.fields.query-name',
+        catalogTitle: '@platform-management:query-definitions.wizard.create.fields.catalog-title',
+        description: '@platform-management:query-definitions.wizard.create.fields.description',
+        identity: '@platform-management:query-definitions.wizard.create.fields.identity',
+        capabilities: '@platform-management:query-definitions.wizard.create.fields.capabilities',
+        predicates: '@platform-management:query-definitions.wizard.create.fields.predicates',
+        kind: '@platform-management:query-definitions.entities.query-definition.fields.kind.title',
+        valueType: '@platform-management:query-definitions.entities.query-definition.fields.value-type.title',
+        measure: '@platform-management:query-definitions.wizard.create.fields.measure',
+        measureField: '@platform-management:query-definitions.wizard.create.fields.measure-field',
+        filterableFields: '@platform-management:query-definitions.wizard.create.fields.filterable-fields',
+        sortableFields: '@platform-management:query-definitions.wizard.create.fields.sortable-fields',
+        paging: '@platform-management:query-definitions.wizard.create.fields.paging',
+        valueField: '@platform-management:query-definitions.wizard.create.fields.value-field',
+        textField: '@platform-management:query-definitions.wizard.create.fields.text-field',
+        connection: '@platform-management:query-definitions.wizard.create.fields.connection',
+        method: '@platform-management:query-definitions.wizard.create.fields.method',
+        path: '@platform-management:query-definitions.wizard.create.fields.path',
+        request: '@platform-management:query-definitions.wizard.create.fields.request',
+        sample: '@platform-management:query-definitions.wizard.create.fields.sample',
+        status: '@platform-management:query-definitions.wizard.create.fields.status',
+        response: '@platform-management:query-definitions.wizard.create.fields.response',
+    },
+    import: {
+        title: '@platform-management:query-definitions.wizard.create.import.title',
+        placeholder: '@platform-management:query-definitions.wizard.create.import.placeholder',
+        apply: '@platform-management:query-definitions.wizard.create.import.apply',
+        parseFailed: '@platform-management:query-definitions.wizard.create.errors.parse-failed',
+    },
+    methods: {
+        get: '@platform-management:query-definitions.wizard.create.methods.get',
+        post: '@platform-management:query-definitions.wizard.create.methods.post',
+    },
+    placeholders: {
+        contract: '@platform-management:query-definitions.wizard.create.placeholders.contract',
+        contractNext: '@platform-management:query-definitions.wizard.create.placeholders.contract-next',
+        identity: '@platform-management:query-definitions.wizard.create.placeholders.identity',
+        kind: '@platform-management:query-definitions.wizard.create.placeholders.kind',
+        valueType: '@platform-management:query-definitions.wizard.create.placeholders.value-type',
+        measure: '@platform-management:query-definitions.wizard.create.placeholders.measure',
+        predicates: '@platform-management:query-definitions.wizard.create.placeholders.predicates',
+        capabilities: '@platform-management:query-definitions.wizard.create.placeholders.capabilities',
+        filterableFields: '@platform-management:query-definitions.wizard.create.placeholders.filterable-fields',
+        sortableFields: '@platform-management:query-definitions.wizard.create.placeholders.sortable-fields',
+        paging: '@platform-management:query-definitions.wizard.create.placeholders.paging',
+        advanced: '@platform-management:query-definitions.wizard.create.placeholders.advanced',
+        itemsHint: '@platform-management:query-definitions.wizard.create.items-hint',
+        entityFields: '@platform-management:query-definitions.wizard.create.placeholders.entity-fields',
+        fieldsNext: '@platform-management:query-definitions.wizard.create.placeholders.fields-next',
+        selectedEntityHint: '@platform-management:query-definitions.wizard.create.placeholders.selected-entity-hint',
+        relatedTo: '@platform-management:query-definitions.wizard.create.placeholders.related-to',
+        apiFieldsNext: '@platform-management:query-definitions.wizard.create.placeholders.api-fields-next',
+        selectedApiHint: '@platform-management:query-definitions.wizard.create.placeholders.selected-api-hint',
+        apiFields: '@platform-management:query-definitions.wizard.create.placeholders.api-fields',
+        apiTestOk: '@platform-management:query-definitions.wizard.create.placeholders.api-test-ok',
+        persistOk: '@platform-management:query-definitions.wizard.create.placeholders.persist-ok',
+    },
+    errors: {
+        entityRequired: '@platform-management:query-definitions.wizard.create.errors.entity-required',
+        entityLoadFailed: '@platform-management:query-definitions.wizard.create.errors.entity-load-failed',
+        fieldsRequired: '@platform-management:query-definitions.wizard.create.errors.fields-required',
+        staticRequired: '@platform-management:query-definitions.wizard.create.errors.static-required',
+        apiConnectionRequired: '@platform-management:query-definitions.wizard.create.errors.api-connection-required',
+        apiPathRequired: '@platform-management:query-definitions.wizard.create.errors.api-path-required',
+        apiUrlRequired: '@platform-management:query-definitions.wizard.create.errors.api-url-required',
+        apiTestFailed: '@platform-management:query-definitions.wizard.create.errors.api-test-failed',
+        apiTestNetwork: '@platform-management:query-definitions.wizard.create.errors.api-test-network',
+        contractNameRequired: '@platform-management:query-definitions.wizard.create.errors.contract-name-required',
+        contractTitleRequired: '@platform-management:query-definitions.wizard.create.errors.contract-title-required',
+        contractBindingInvalid: '@platform-management:query-definitions.wizard.create.errors.contract-binding-invalid',
+        contractMeasureInvalid: '@platform-management:query-definitions.wizard.create.errors.contract-measure-invalid',
+        persistFailed: '@platform-management:query-definitions.wizard.create.errors.persist-failed',
+        persistDuplicate: '@platform-management:query-definitions.wizard.create.errors.persist-duplicate',
+    },
+    widget: {
+        title: '@platform-management:query-definitions.wizard.create.contract-editor.title',
+        description: '@platform-management:query-definitions.wizard.create.contract-editor.description',
+    },
+};
+const USER_QUERY_KIND_OPTIONS = [
+    {
+        value: 'value',
+        text: '@platform-management:query-definitions.entities.query-definition.fields.kind.options.value',
+    },
+    {
+        value: 'object',
+        text: '@platform-management:query-definitions.entities.query-definition.fields.kind.options.object',
+    },
+    {
+        value: 'collection',
+        text: '@platform-management:query-definitions.entities.query-definition.fields.kind.options.collection',
+    },
+];
+const USER_QUERY_VALUE_TYPE_OPTIONS = [
+    {
+        value: 'string',
+        text: '@platform-management:query-definitions.entities.query-definition.fields.value-type.options.string',
+    },
+    {
+        value: 'number',
+        text: '@platform-management:query-definitions.entities.query-definition.fields.value-type.options.number',
+    },
+    {
+        value: 'boolean',
+        text: '@platform-management:query-definitions.entities.query-definition.fields.value-type.options.boolean',
+    },
+    {
+        value: 'date',
+        text: '@platform-management:query-definitions.entities.query-definition.fields.value-type.options.date',
+    },
+    {
+        value: 'datetime',
+        text: '@platform-management:query-definitions.entities.query-definition.fields.value-type.options.datetime',
+    },
+    {
+        value: 'json',
+        text: '@platform-management:query-definitions.entities.query-definition.fields.value-type.options.json',
+    },
+];
+const USER_QUERY_MEASURE_REDUCER_OPTIONS = [
+    {
+        value: 'count',
+        text: '@platform-management:query-definitions.wizard.create.fields.measure-reducers.count',
+    },
+    {
+        value: 'sum',
+        text: '@platform-management:query-definitions.wizard.create.fields.measure-reducers.sum',
+    },
+    {
+        value: 'avg',
+        text: '@platform-management:query-definitions.wizard.create.fields.measure-reducers.avg',
+    },
+    {
+        value: 'min',
+        text: '@platform-management:query-definitions.wizard.create.fields.measure-reducers.min',
+    },
+    {
+        value: 'max',
+        text: '@platform-management:query-definitions.wizard.create.fields.measure-reducers.max',
+    },
+];
+//#endregion
+
+const QUERY_CONTRACT_WIDGET_NAME = 'query-contract-editor';
+
+//#region ----- Imports -----
+//#endregion
+//#region ----- Config -----
+const AXMQueryContractWidget = {
+    name: QUERY_CONTRACT_WIDGET_NAME,
+    title: CREATE_USER_QUERY_I18N.widget.title,
+    description: CREATE_USER_QUERY_I18N.widget.description,
+    icon: 'fa-light fa-file-contract',
+    categories: AXP_WIDGETS_EDITOR_CATEGORY,
+    groups: [AXPWidgetGroupEnum.UtilityWidget],
+    type: 'editor',
+    defaultFilterWidgetName: 'string-filter',
+    options: {
+        needLabel: false,
+    },
+    properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_READONLY_PROPERTY, AXP_DISABLED_PROPERTY],
+    components: {
+        edit: {
+            component: () => import('./acorex-platform-module-platform-management-client-query-contract-widget-edit.component-BW2pBOeg.mjs').then((c) => c.AXMQueryContractWidgetEditComponent),
+        },
+        designer: {
+            component: () => import('./acorex-platform-module-platform-management-client-query-contract-widget-edit.component-BW2pBOeg.mjs').then((c) => c.AXMQueryContractWidgetEditComponent),
+        },
+        view: {
+            component: () => import('./acorex-platform-module-platform-management-client-query-contract-widget-view.component-DD9ETjFD.mjs').then((c) => c.AXMQueryContractWidgetViewComponent),
+        },
+        column: {
+            component: () => import('./acorex-platform-module-platform-management-client-query-contract-widget-column.component-COfOzMGh.mjs').then((c) => c.AXMQueryContractWidgetColumnComponent),
+        },
+    },
+};
+//#endregion
+
 const REST_API_GENERATOR_WIDGET_NAME = 'rest-api-generator-editor';
 const REST_API_GENERATOR_IMPORT_DEBOUNCE_MS = 500;
 
@@ -54,16 +256,16 @@ const AXMRestApiGeneratorWidget = {
     properties: [AXP_NAME_PROPERTY, AXP_DATA_PATH_PROPERTY, AXP_READONLY_PROPERTY, AXP_DISABLED_PROPERTY],
     components: {
         edit: {
-            component: () => import('./acorex-platform-module-platform-management-client-rest-api-generator-widget-edit.component-A0v5MWRU.mjs').then((c) => c.AXMRestApiGeneratorWidgetEditComponent),
+            component: () => import('./acorex-platform-module-platform-management-client-rest-api-generator-widget-edit.component-CXI6fJi3.mjs').then((c) => c.AXMRestApiGeneratorWidgetEditComponent),
         },
         designer: {
-            component: () => import('./acorex-platform-module-platform-management-client-rest-api-generator-widget-edit.component-A0v5MWRU.mjs').then((c) => c.AXMRestApiGeneratorWidgetEditComponent),
+            component: () => import('./acorex-platform-module-platform-management-client-rest-api-generator-widget-edit.component-CXI6fJi3.mjs').then((c) => c.AXMRestApiGeneratorWidgetEditComponent),
         },
         view: {
-            component: () => import('./acorex-platform-module-platform-management-client-rest-api-generator-widget-view.component-RR5zcsnI.mjs').then((c) => c.AXMRestApiGeneratorWidgetViewComponent),
+            component: () => import('./acorex-platform-module-platform-management-client-rest-api-generator-widget-view.component-C3iHgoC2.mjs').then((c) => c.AXMRestApiGeneratorWidgetViewComponent),
         },
         column: {
-            component: () => import('./acorex-platform-module-platform-management-client-rest-api-generator-widget-column.component-B0g6dweQ.mjs').then((c) => c.AXMRestApiGeneratorWidgetColumnComponent),
+            component: () => import('./acorex-platform-module-platform-management-client-rest-api-generator-widget-column.component-DRkE2a7n.mjs').then((c) => c.AXMRestApiGeneratorWidgetColumnComponent),
         },
     },
 };
@@ -958,7 +1160,7 @@ function newTempId() {
 
 //#endregion
 //#region ----- Platform Management Widgets Provider -----
-const WIDGETS = [AXMRestApiGeneratorWidget];
+const WIDGETS = [AXMRestApiGeneratorWidget, AXMQueryContractWidget];
 class AXMPlatformManagementWidgetsProvider {
     getWidgets() {
         return WIDGETS;
@@ -2030,29 +2232,73 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                 }]
         }], ctorParameters: () => [{ type: AXPUpdaterService }] });
 
-//#region ----   Imports   ----
+//#region ----- Imports -----
+//#endregion
+//#region ----- Constants -----
+const MODULE_DEFINITION_ENTITY = `${RootConfig.module.name}.${RootConfig.entities.moduleDefinition.name}`;
+//#endregion
+//#region ----- Mapping -----
+function toModuleManifest(row) {
+    if (!row?.name || !row?.version) {
+        return null;
+    }
+    return {
+        name: row.name,
+        version: row.version,
+        title: row.title || row.name,
+        description: row.description,
+        icon: row.icon,
+        i18n: row.i18n,
+        dependencies: row.dependencies,
+        required: row.required,
+        type: row.type,
+        domain: row.domain,
+    };
+}
 //#endregion
-//#region ----   Manifest Definition   ----
+//#region ----- Discovery -----
 /**
- * Platform Management Module Manifest.
- * Defines module metadata, features, and provider references.
+ * Loads every `PlatformManagement.ModuleDefinition` row and maps it to a manifest.
+ * One catalog query → one manifest per row (same shape as workflow task-board discovery).
  */
-const PlatformManagementManifest = {
-    name: RootConfig.module.name,
-    version: '1.0.0',
-    title: RootConfig.module.title,
-    icon: RootConfig.module.icon,
-    i18n: RootConfig.config.i18n,
-    type: 'platform',
-    domain: 'platform',
-    dependencies: [
-        'SecurityManagement',
-        'ApplicationManagement',
-        'SystemInsight',
-        'TenantManagement',
-        'SubscriptionManagement',
-    ],
-};
+async function discoverModuleManifests(queryService) {
+    try {
+        const page = runtimeQueryCollectionData(await queryService.fetch(ENTITY_QUERY_DEFAULT, {
+            entity: MODULE_DEFINITION_ENTITY,
+            resultMode: 'all',
+        }));
+        const items = page?.items ?? [];
+        const manifests = [];
+        for (const row of items) {
+            const manifest = toModuleManifest(row);
+            if (manifest) {
+                manifests.push(manifest);
+            }
+        }
+        return manifests;
+    }
+    catch (error) {
+        console.error('Failed to load module manifests from ModuleDefinition catalog:', error);
+        return [];
+    }
+}
+//#endregion
+//#region ----- Provider -----
+/**
+ * One `AXP_MODULE_MANIFEST_PROVIDER` slot that resolves to N manifests from the API.
+ */
+function provideModuleManifestsFromApi() {
+    return {
+        provide: AXP_MODULE_MANIFEST_PROVIDER,
+        multi: true,
+        useFactory: () => {
+            const queryService = inject(AXPQueryService);
+            // Return a loader, not the promise. The first startup call is unauthenticated and
+            // would otherwise stay cached, so the post-login feature load never sees modules.
+            return () => discoverModuleManifests(queryService);
+        },
+    };
+}
 //#endregion
 
 class AXMMenuProvider {
@@ -2094,6 +2340,14 @@ class AXMMenuProvider {
             ]);
         }
         context.find(AXPCommonMenuKeys.PlatformDefinitions).addItems([
+            {
+                name: AXPPlatformManagementMenuKeys.ModuleDefinitions,
+                text: `@${scope}:menus.module-definitions.title`,
+                path: this.entityService.createPath(moduleName, RootConfig.entities.moduleDefinition.name),
+                icon: RootConfig.entities.moduleDefinition.icon,
+                priority: 0,
+                policy: platformShellPolicy,
+            },
             {
                 name: AXPPlatformManagementMenuKeys.EntityDefinitions,
                 text: `@${scope}:menus.entity-definitions.title`,
@@ -2437,6 +2691,7 @@ function providePlatformCommandCatalogCrudService() {
 //#endregion
 //#region ----- Constants -----
 const CATALOG_FACTORY_BY_NAME = {
+    [RootConfig.entities.moduleDefinition.name]: moduleDefinitionEntityFactory,
     [RootConfig.entities.entityDefinition.name]: entityDefinitionEntityFactory,
     [RootConfig.entities.commandDefinition.name]: commandDefinitionEntityFactory,
     [RootConfig.entities.queryDefinition.name]: queryDefinitionEntityFactory,
@@ -2490,6 +2745,11 @@ function applyCatalogFactoryLayout(ctx, factory) {
     if (factory.formats) {
         ctx.formats.update(() => factory.formats);
     }
+    if (factory.relatedEntities?.length) {
+        ctx.relatedEntities.remove(() => true);
+        ctx.relatedEntities.add(...factory.relatedEntities);
+    }
+    ctx.entity.pages = factory.pages ? [...factory.pages] : [];
     const factoryMaster = factory.interfaces?.master;
     ctx.interfaces.master.update((current) => {
         const listActions = [...(factoryMaster?.list?.actions ?? current?.list?.actions ?? [])];
@@ -2504,6 +2764,7 @@ function applyCatalogFactoryLayout(ctx, factory) {
                 views: factoryMaster?.list?.views ?? current?.list?.views ?? [],
                 actions: listActions,
             },
+            create: factoryMaster?.create ?? current?.create,
             single: {
                 title: factoryMaster?.single?.title ?? '{{ name }}',
                 description: factoryMaster?.single?.description,
@@ -2553,7 +2814,7 @@ function routesFactory() {
             children: [
                 {
                     path: '',
-                    loadComponent: () => import('./acorex-platform-module-platform-management-client-menu-list.component-uF5w1c7t.mjs').then((c) => c.AXMMenuListComponent),
+                    loadComponent: () => import('./acorex-platform-module-platform-management-client-menu-list.component-iMEnFPEY.mjs').then((c) => c.AXMMenuListComponent),
                     data: { reuse: true },
                 },
             ],
@@ -2579,12 +2840,7 @@ class AXMPlatformManagementModule {
                 multi: true,
                 useFactory: routesFactory,
             },
-            // Module Manifest Provider
-            {
-                provide: AXP_MODULE_MANIFEST_PROVIDER,
-                useValue: PlatformManagementManifest,
-                multi: true,
-            },
+            provideModuleManifestsFromApi(),
             // Provider references (now using tokens)
             {
                 provide: AXP_PERMISSION_DEFINITION_PROVIDER,
@@ -2611,6 +2867,7 @@ class AXMPlatformManagementModule {
                 useValue: AXMPlatformDefinitionCatalogEntityModifier,
                 multi: true,
             },
+            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-platform-management-client-entity-definition-form-page.provider-hLzgoJu3.mjs').then((m) => m.AXMEntityDefinitionFormPageComponentProvider)),
             providePlatformCommandCatalogCrudService(),
             provideCommandSetups([
                 {
@@ -2619,13 +2876,17 @@ class AXMPlatformManagementModule {
                 },
                 {
                     key: 'PlatformManagement:CreateUserQuery',
-                    command: () => import('./acorex-platform-module-platform-management-client-create-user-query.command-9Ku7C1BC.mjs').then((c) => c.AXMCreateUserQueryCommand),
+                    command: () => import('./acorex-platform-module-platform-management-client-create-user-query.command-Bh49QHkl.mjs').then((c) => c.AXMCreateUserQueryCommand),
+                },
+                {
+                    key: 'PlatformManagement.QueryDefinition:Execute',
+                    command: () => import('./acorex-platform-module-platform-management-client-run-user-query.command-BzNa3B48.mjs').then((c) => c.AXMRunUserQueryCommand),
                 },
             ]),
             provideQuerySetups([
                 {
                     key: 'PlatformManagement:ListRegisteredEntities',
-                    loader: () => import('./acorex-platform-module-platform-management-client-list-registered-entities.query-DjStd3a8.mjs').then((c) => c.AXMListRegisteredEntitiesQuery),
+                    loader: () => import('./acorex-platform-module-platform-management-client-list-registered-entities.query-CZM6JQou.mjs').then((c) => c.AXMListRegisteredEntitiesQuery),
                 },
                 {
                     key: 'PlatformManagement:ListRegisteredQueries',
@@ -2705,12 +2966,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             multi: true,
                             useFactory: routesFactory,
                         },
-                        // Module Manifest Provider
-                        {
-                            provide: AXP_MODULE_MANIFEST_PROVIDER,
-                            useValue: PlatformManagementManifest,
-                            multi: true,
-                        },
+                        provideModuleManifestsFromApi(),
                         // Provider references (now using tokens)
                         {
                             provide: AXP_PERMISSION_DEFINITION_PROVIDER,
@@ -2737,6 +2993,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             useValue: AXMPlatformDefinitionCatalogEntityModifier,
                             multi: true,
                         },
+                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-platform-management-client-entity-definition-form-page.provider-hLzgoJu3.mjs').then((m) => m.AXMEntityDefinitionFormPageComponentProvider)),
                         providePlatformCommandCatalogCrudService(),
                         provideCommandSetups([
                             {
@@ -2745,13 +3002,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             },
                             {
                                 key: 'PlatformManagement:CreateUserQuery',
-                                command: () => import('./acorex-platform-module-platform-management-client-create-user-query.command-9Ku7C1BC.mjs').then((c) => c.AXMCreateUserQueryCommand),
+                                command: () => import('./acorex-platform-module-platform-management-client-create-user-query.command-Bh49QHkl.mjs').then((c) => c.AXMCreateUserQueryCommand),
+                            },
+                            {
+                                key: 'PlatformManagement.QueryDefinition:Execute',
+                                command: () => import('./acorex-platform-module-platform-management-client-run-user-query.command-BzNa3B48.mjs').then((c) => c.AXMRunUserQueryCommand),
                             },
                         ]),
                         provideQuerySetups([
                             {
                                 key: 'PlatformManagement:ListRegisteredEntities',
-                                loader: () => import('./acorex-platform-module-platform-management-client-list-registered-entities.query-DjStd3a8.mjs').then((c) => c.AXMListRegisteredEntitiesQuery),
+                                loader: () => import('./acorex-platform-module-platform-management-client-list-registered-entities.query-CZM6JQou.mjs').then((c) => c.AXMListRegisteredEntitiesQuery),
                             },
                             {
                                 key: 'PlatformManagement:ListRegisteredQueries',
@@ -3256,23 +3517,69 @@ function waypointsToRoundedPath(points, radius) {
     return cmds.join(' ');
 }
 /**
- * Builds the SVG `d` string for a connector. When `options.obstacles` is supplied,
- * orthogonal/rounded routes detour around the obstacle rectangles instead of
- * passing through them. The `straight` style always draws a direct line.
+ * Waypoints used to stroke a connector. The `straight` style is two points;
+ * orthogonal/rounded styles include stub-outs and obstacle detours.
  */
-function connectorPath(from, to, style, sourceSide, options = {}) {
+function connectorRoutePoints(from, to, style, sourceSide, options = {}) {
     if (style === 'straight') {
-        return `M ${from.x} ${from.y} L ${to.x} ${to.y}`;
+        return [from, to];
     }
     const targetSide = options.targetSide ?? oppositeSide(sourceSide);
-    const waypoints = routeOrthogonalConnector(from, sourceSide, to, targetSide, options.obstacles ?? [], {
+    return routeOrthogonalConnector(from, sourceSide, to, targetSide, options.obstacles ?? [], {
         stub: options.stub,
         obstaclePadding: options.obstaclePadding,
     });
-    if (style === 'orthogonal') {
-        return waypointsToOrthogonalPath(waypoints);
+}
+/**
+ * Builds the SVG `d` string for a connector. When `options.obstacles` is supplied,
+ * orthogonal/rounded routes detour around the obstacle rectangles instead of
+ * passing through them. The `straight` style always draws a direct line.
+ */
+function connectorPath(from, to, style, sourceSide, options = {}) {
+    const points = connectorRoutePoints(from, to, style, sourceSide, options);
+    if (style === 'rounded') {
+        return waypointsToRoundedPath(points, options.cornerRadius ?? 14);
+    }
+    return waypointsToOrthogonalPath(points);
+}
+function longestConnectorSegment(points) {
+    if (points.length < 2) {
+        return null;
+    }
+    let from = points[0];
+    let to = points[1];
+    let bestLen = -1;
+    for (let i = 0; i < points.length - 1; i++) {
+        const a = points[i];
+        const b = points[i + 1];
+        const len = Math.hypot(b.x - a.x, b.y - a.y);
+        if (len > bestLen) {
+            bestLen = len;
+            from = a;
+            to = b;
+        }
     }
-    return waypointsToRoundedPath(waypoints, options.cornerRadius ?? 14);
+    return {
+        from,
+        to,
+        mid: { x: (from.x + to.x) * 0.5, y: (from.y + to.y) * 0.5 },
+    };
+}
+/** Offsets a point off the segment so a label sits beside the stroke, not on it. */
+function offsetPointOffSegment(point, from, to, distance) {
+    const dx = to.x - from.x;
+    const dy = to.y - from.y;
+    const len = Math.hypot(dx, dy);
+    if (len < 0.001) {
+        return { x: point.x, y: point.y - distance };
+    }
+    let nx = -dy / len;
+    let ny = dx / len;
+    if (ny > 0) {
+        nx = -nx;
+        ny = -ny;
+    }
+    return { x: point.x + nx * distance, y: point.y + ny * distance };
 }
 //#endregion
 //#region ---- Model helpers ----
@@ -3655,6 +3962,9 @@ class AXPWorkflowDesignerComponent {
         ...(ngDevMode ? [{ debugName: "snapToGrid" }] : /* istanbul ignore next */ []));
         this.connectionPreviewStyle = input('orthogonal', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "connectionPreviewStyle" }] : /* istanbul ignore next */ []));
+        /** Distance (px) the connector extends straight out of a port before turning. */
+        this.connectorStub = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "connectorStub" }] : /* istanbul ignore next */ []));
         this.backgroundPattern = input('dots', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "backgroundPattern" }] : /* istanbul ignore next */ []));
         this.zoomChange = output();
@@ -3667,6 +3977,22 @@ class AXPWorkflowDesignerComponent {
         /** When false, port labels are hidden (ports remain interactive). */
         this.showPortLabels = input(true, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "showPortLabels" }] : /* istanbul ignore next */ []));
+        /** When false, inbound/outbound port markers are hidden (routing still uses port anchors). */
+        this.showPorts = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showPorts" }] : /* istanbul ignore next */ []));
+        /** When false, connector `label` text is hidden. */
+        this.showConnectorLabels = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "showConnectorLabels" }] : /* istanbul ignore next */ []));
+        /** Free space (px) kept around the content so nodes can be dragged outward. */
+        this.canvasPadding = input(320, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "canvasPadding" }] : /* istanbul ignore next */ []));
+        /**
+         * Smallest canvas the surface reserves. Editors keep a large drawing area;
+         * readonly diagrams can pass `{ width: 0, height: 0 }` so `fitContent` does not
+         * shrink a small graph to fit an oversized empty canvas.
+         */
+        this.minCanvasSize = input({ width: 1600, height: 1000 }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "minCanvasSize" }] : /* istanbul ignore next */ []));
         this.nodeBodyTemplate = input(null, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "nodeBodyTemplate" }] : /* istanbul ignore next */ []));
         this.designerPointerDown = output();
@@ -3741,9 +4067,8 @@ class AXPWorkflowDesignerComponent {
         ...(ngDevMode ? [{ debugName: "gridStyle" }] : /* istanbul ignore next */ []));
         this.canvasViewport = computed(() => {
             const model = this.model();
-            const contentPadding = 320;
-            const minCanvasWidth = 1600;
-            const minCanvasHeight = 1000;
+            const contentPadding = this.canvasPadding();
+            const { width: minCanvasWidth, height: minCanvasHeight } = this.minCanvasSize();
             const nodeMinX = model.nodes.reduce((acc, node) => Math.min(acc, node.position.x), 0);
             const nodeMinY = model.nodes.reduce((acc, node) => Math.min(acc, node.position.y), 0);
             const nodeMaxRight = model.nodes.reduce((acc, node) => Math.max(acc, node.position.x + node.size.width), 0);
@@ -4470,22 +4795,37 @@ class AXPWorkflowDesignerComponent {
     //#endregion
     //#region ---- Connectors UI ----
     connectorPathD(c) {
-        const model = this.model();
-        const sn = findNode(model, c.sourceNodeId);
-        const tn = findNode(model, c.targetNodeId);
-        if (!sn || !tn)
+        const ends = this.connectorEnds(c);
+        if (!ends)
             return '';
-        const sp = findPort(sn, c.sourcePortId)?.port;
-        const tp = findPort(tn, c.targetPortId)?.port;
-        if (!sp || !tp)
-            return '';
-        const from = this.modelPointToSurface(portCanvasPosition(sn, sp));
-        const to = this.trimmedConnectorTarget(from, this.modelPointToSurface(portCanvasPosition(tn, tp)));
-        return connectorPath(from, to, this.connectionPreviewStyle(), sp.side, {
-            targetSide: tp.side,
-            obstacles: this.collectObstaclesInSurface(),
+        return connectorPath(ends.from, ends.to, this.connectionPreviewStyle(), ends.sourceSide, {
+            ...this.connectorRouteOptions(),
+            targetSide: ends.targetSide,
         });
     }
+    connectorLabelText(c) {
+        const fromField = c.label?.trim();
+        if (fromField) {
+            return fromField;
+        }
+        const fromData = c.data?.['label'];
+        return typeof fromData === 'string' ? fromData.trim() : '';
+    }
+    connectorLabelPoint(c) {
+        const ends = this.connectorEnds(c);
+        if (!ends) {
+            return null;
+        }
+        const points = connectorRoutePoints(ends.from, ends.to, this.connectionPreviewStyle(), ends.sourceSide, {
+            ...this.connectorRouteOptions(),
+            targetSide: ends.targetSide,
+        });
+        const segment = longestConnectorSegment(points);
+        if (!segment) {
+            return null;
+        }
+        return offsetPointOffSegment(segment.mid, segment.from, segment.to, 12);
+    }
     connectorMidpoint(c) {
         const model = this.model();
         const sn = findNode(model, c.sourceNodeId);
@@ -4548,8 +4888,8 @@ class AXPWorkflowDesignerComponent {
         const hoverNode = hover ? findNode(model, hover.nodeId) : undefined;
         const hoverPort = hover && hoverNode ? findPort(hoverNode, hover.portId)?.port : undefined;
         return connectorPath(from, this.trimmedConnectorTarget(from, to), this.connectionPreviewStyle(), sp.side, {
+            ...this.connectorRouteOptions(),
             targetSide: hoverPort?.side,
-            obstacles: this.collectObstaclesInSurface(),
         });
     }
     //#endregion
@@ -4577,13 +4917,14 @@ class AXPWorkflowDesignerComponent {
     portLabelY(node, port) {
         return this.portLabelCanvasPoint(node, port).y;
     }
-    portLabelAnchor(node, port) {
-        const centerX = this.modelPointToSurface({ x: node.position.x + node.size.width * 0.5, y: node.position.y }).x;
-        const anchor = this.modelPointToSurface(portCanvasPosition(node, port));
-        const dx = anchor.x - centerX;
-        if (Math.abs(dx) < 6)
-            return 'middle';
-        return dx < 0 ? 'end' : 'start';
+    portLabelAnchor(port) {
+        if (port.side === 'left') {
+            return 'end';
+        }
+        if (port.side === 'right') {
+            return 'start';
+        }
+        return 'middle';
     }
     nodeSurfaceLeft(node) {
         return node.position.x + this.canvasViewport().offsetX;
@@ -4597,29 +4938,45 @@ class AXPWorkflowDesignerComponent {
         const len = Math.hypot(dx, dy);
         if (len < 0.001)
             return to;
-        // Keep arrowhead just outside the 14px port without creating a visible gap.
-        const trim = 7;
+        // Keep the arrowhead off the port marker; sit on the node edge when ports are hidden.
+        const trim = this.showPorts() ? 7 : 2;
         return {
             x: to.x - (dx / len) * trim,
             y: to.y - (dy / len) * trim,
         };
     }
+    connectorEnds(c) {
+        const model = this.model();
+        const sn = findNode(model, c.sourceNodeId);
+        const tn = findNode(model, c.targetNodeId);
+        if (!sn || !tn) {
+            return null;
+        }
+        const sp = findPort(sn, c.sourcePortId)?.port;
+        const tp = findPort(tn, c.targetPortId)?.port;
+        if (!sp || !tp) {
+            return null;
+        }
+        const from = this.modelPointToSurface(portCanvasPosition(sn, sp));
+        const to = this.trimmedConnectorTarget(from, this.modelPointToSurface(portCanvasPosition(tn, tp)));
+        return { from, to, sourceSide: sp.side, targetSide: tp.side };
+    }
     portLabelCanvasPoint(node, port) {
         const anchor = this.modelPointToSurface(portCanvasPosition(node, port));
-        const center = {
-            x: node.position.x + node.size.width * 0.5 + this.canvasViewport().offsetX,
-            y: node.position.y + node.size.height * 0.5 + this.canvasViewport().offsetY,
-        };
-        const vx = anchor.x - center.x;
-        const vy = anchor.y - center.y;
-        const len = Math.hypot(vx, vy);
-        if (len < 0.001)
-            return anchor;
-        const outward = 18;
-        return {
-            x: anchor.x + (vx / len) * outward,
-            y: anchor.y + (vy / len) * outward,
-        };
+        const outward = this.showPorts() ? 22 : 12;
+        const lift = 12;
+        switch (port.side) {
+            case 'left':
+                return { x: anchor.x - outward, y: anchor.y - lift };
+            case 'right':
+                return { x: anchor.x + outward, y: anchor.y - lift };
+            case 'top':
+                return { x: anchor.x, y: anchor.y - outward };
+            case 'bottom':
+                return { x: anchor.x, y: anchor.y + outward };
+            default:
+                return anchor;
+        }
     }
     //#endregion
     //#region ---- Canvas mapping ----
@@ -4655,6 +5012,13 @@ class AXPWorkflowDesignerComponent {
         }
         return obstacles;
     }
+    connectorRouteOptions() {
+        const stub = this.connectorStub();
+        return {
+            obstacles: this.collectObstaclesInSurface(),
+            ...(stub != null && stub >= 0 ? { stub } : {}),
+        };
+    }
     //#endregion
     //#region ---- Wrapper visuals ----
     syncWrapperBackgroundStyle() {
@@ -4684,15 +5048,15 @@ class AXPWorkflowDesignerComponent {
         window.removeEventListener('pointercancel', this.onWindowPointerUpForLink);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWorkflowDesignerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPWorkflowDesignerComponent, isStandalone: true, selector: "axp-workflow-designer", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, highlightedNodeIds: { classPropertyName: "highlightedNodeIds", publicName: "highlightedNodeIds", isSignal: true, isRequired: false, transformFunction: null }, gridSize: { classPropertyName: "gridSize", publicName: "gridSize", isSignal: true, isRequired: false, transformFunction: null }, snapToGrid: { classPropertyName: "snapToGrid", publicName: "snapToGrid", isSignal: true, isRequired: false, transformFunction: null }, connectionPreviewStyle: { classPropertyName: "connectionPreviewStyle", publicName: "connectionPreviewStyle", isSignal: true, isRequired: false, transformFunction: null }, backgroundPattern: { classPropertyName: "backgroundPattern", publicName: "backgroundPattern", isSignal: true, isRequired: false, transformFunction: null }, canConnect: { classPropertyName: "canConnect", publicName: "canConnect", isSignal: true, isRequired: false, transformFunction: null }, paletteItems: { classPropertyName: "paletteItems", publicName: "paletteItems", isSignal: true, isRequired: false, transformFunction: null }, showPortLabels: { classPropertyName: "showPortLabels", publicName: "showPortLabels", isSignal: true, isRequired: false, transformFunction: null }, nodeBodyTemplate: { classPropertyName: "nodeBodyTemplate", publicName: "nodeBodyTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { modelChange: "modelChange", zoomChange: "zoomChange", designerPointerDown: "designerPointerDown", designerClick: "designerClick", designerDoubleClick: "designerDoubleClick", nodePointerDown: "nodePointerDown", nodeClick: "nodeClick", nodeDoubleClick: "nodeDoubleClick", nodeContextMenu: "nodeContextMenu", nodeDragStart: "nodeDragStart", nodeDragEnd: "nodeDragEnd", portPointerDown: "portPointerDown", linkDragStart: "linkDragStart", linkDragMove: "linkDragMove", linkDragEnd: "linkDragEnd", connectorClick: "connectorClick", connectorDoubleClick: "connectorDoubleClick", connectionCreated: "connectionCreated", connectionRejected: "connectionRejected", activationChange: "activationChange" }, host: { listeners: { "window:keydown": "onWindowKeydown($event)" }, classAttribute: "axp-workflow-designer-host" }, viewQueries: [{ propertyName: "surfaceRef", first: true, predicate: ["surface"], descendants: true, isSignal: true }, { propertyName: "panViewRef", first: true, predicate: AXPanViewDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"axp-workflow-designer\" [ngStyle]=\"gridStyle()\">\n  <div\n    #surface\n    class=\"axp-workflow-designer__surface\"\n    axPanView\n    [(panX)]=\"panX\"\n    [(panY)]=\"panY\"\n    [(zoom)]=\"panZoomLevel\"\n    [maxZoom]=\"10000\"\n    [freeMode]=\"true\"\n    [fitContent]=\"true\"\n    wrapperClasses=\"h\"\n    [ngStyle]=\"surfaceStyle()\"\n    (pointerdown)=\"onSurfacePointerDown($event)\"\n    (click)=\"onSurfaceClick($event)\"\n    (dblclick)=\"onSurfaceDoubleClick($event)\"\n    (dragover)=\"onCanvasDragOver($event)\"\n    (drop)=\"onCanvasDrop($event)\"\n  >\n    <svg\n      class=\"axp-workflow-designer__svg\"\n      width=\"100%\"\n      height=\"100%\"\n      preserveAspectRatio=\"xMinYMin meet\"\n    >\n      <defs>\n        <marker\n          [attr.id]=\"svgMarkerId\"\n          markerWidth=\"6\"\n          markerHeight=\"6\"\n          refX=\"3.9\"\n          refY=\"3\"\n          orient=\"auto\"\n        >\n          <path\n            d=\"M0,0 L4,3 L0,6 Q1.5,3 0,0 Z\"\n            class=\"axp-workflow-designer__arrow-head\"\n          ></path>\n        </marker>\n      </defs>\n      @for (c of model().connectors; track c.id) {\n        <path\n          class=\"axp-workflow-designer__edge-hit\"\n          [attr.d]=\"connectorPathD(c)\"\n          fill=\"none\"\n          stroke=\"transparent\"\n          stroke-width=\"16\"\n          pointer-events=\"stroke\"\n          (click)=\"onConnectorClick(c, $event)\"\n          (dblclick)=\"onConnectorDoubleClick(c, $event)\"\n        />\n        <path\n          [class]=\"connectorEdgeClasses(c)\"\n          [attr.d]=\"connectorPathD(c)\"\n          fill=\"none\"\n          [attr.marker-end]=\"'url(#' + svgMarkerId + ')'\"\n        />\n      }\n      @if (linkDrag()) {\n        <path\n          class=\"axp-workflow-designer__edge-preview\"\n          [attr.d]=\"previewPath()\"\n          fill=\"none\"\n        />\n      }\n      @if (showPortLabels()) {\n        @for (node of model().nodes; track node.id) {\n          @for (port of node.inboundPorts; track port.id) {\n            @if (portLabelText(port)) {\n              <text\n                class=\"axp-workflow-designer__port-label-svg\"\n                [attr.x]=\"portLabelX(node, port)\"\n                [attr.y]=\"portLabelY(node, port)\"\n                [attr.text-anchor]=\"portLabelAnchor(node, port)\"\n              >\n                {{ portLabelText(port) }}\n              </text>\n            }\n          }\n          @for (port of node.outboundPorts; track port.id) {\n            @if (portLabelText(port)) {\n              <text\n                class=\"axp-workflow-designer__port-label-svg\"\n                [attr.x]=\"portLabelX(node, port)\"\n                [attr.y]=\"portLabelY(node, port)\"\n                [attr.text-anchor]=\"portLabelAnchor(node, port)\"\n              >\n                {{ portLabelText(port) }}\n              </text>\n            }\n          }\n        }\n      }\n    </svg>\n\n    @for (c of model().connectors; track c.id) {\n      @if (isConnectorActive(c.id) && !isConnectorReadonly(c)) {\n        <div\n          class=\"axp-workflow-designer__connector-actions\"\n          [style.left.px]=\"connectorMidpoint(c).x - 16\"\n          [style.top.px]=\"connectorMidpoint(c).y - 16\"\n        >\n          <ax-button\n            look=\"blank\"\n            class=\"ax-sm axp-workflow-designer__icon-btn\"\n            (onClick)=\"removeConnector(c)\"\n          >\n            <ax-icon class=\"fa-solid fa-minus\"></ax-icon>\n          </ax-button>\n        </div>\n      }\n    }\n\n    @for (node of model().nodes; track node.id) {\n      <div\n        class=\"axp-workflow-designer__node\"\n        [class.axp-workflow-designer__node--active]=\"isNodeActive(node.id)\"\n        [class.axp-workflow-designer__node--highlighted]=\"\n          isNodeHighlighted(node.id)\n        \"\n        [style.left.px]=\"nodeSurfaceLeft(node)\"\n        [style.top.px]=\"nodeSurfaceTop(node)\"\n        [style.width.px]=\"node.size.width\"\n        [style.height.px]=\"node.size.height\"\n        (pointerdown)=\"onNodePointerDown(node, $event)\"\n        (click)=\"onNodeClick(node, $event)\"\n        (dblclick)=\"onNodeDoubleClick(node, $event)\"\n        (contextmenu)=\"onNodeContextMenu(node, $event)\"\n      >\n        <div [class]=\"nodeShapeClasses(node)\">\n          <div\n            class=\"axp-workflow-designer__node-body\"\n            (pointerdown)=\"onNodeBodyPointerDown(node, $event)\"\n          >\n            @if (nodeBodyTemplate(); as tpl) {\n              <ng-container\n                [ngTemplateOutlet]=\"tpl\"\n                [ngTemplateOutletContext]=\"templateContext(node)\"\n              />\n            } @else {\n              <div class=\"axp-workflow-designer__node-default\">\n                @if (node.icon) {\n                  <ax-icon\n                    class=\"axp-workflow-designer__node-default-icon\"\n                    [class]=\"node.icon\"\n                  ></ax-icon>\n                }\n                <span class=\"axp-workflow-designer__node-default-title\">{{\n                  node.title\n                }}</span>\n              </div>\n            }\n          </div>\n        </div>\n\n        @for (port of node.inboundPorts; track port.id) {\n          <div\n            class=\"axp-workflow-designer__port-cluster\"\n            [class.axp-workflow-designer__port-cluster--side-top]=\"\n              port.side === 'top'\n            \"\n            [class.axp-workflow-designer__port-cluster--side-right]=\"\n              port.side === 'right'\n            \"\n            [class.axp-workflow-designer__port-cluster--side-bottom]=\"\n              port.side === 'bottom'\n            \"\n            [class.axp-workflow-designer__port-cluster--side-left]=\"\n              port.side === 'left'\n            \"\n            [ngStyle]=\"portClusterStyle(node, port)\"\n          >\n            <button\n              type=\"button\"\n              class=\"axp-workflow-designer__port axp-workflow-designer__port--inbound\"\n              [class.axp-workflow-designer__port--active]=\"\n                isPortActive(node.id, port.id)\n              \"\n              [class.axp-workflow-designer__port--link-hover]=\"\n                isPortLinkHoverTarget(node.id, port.id)\n              \"\n              [class.axp-workflow-designer__port--disabled]=\"port.disabled\"\n              [disabled]=\"isNodeReadonly(node) || port.disabled === true\"\n              (pointerdown)=\"onPortPointerDown(node, port, $event)\"\n            ></button>\n          </div>\n        }\n        @for (port of node.outboundPorts; track port.id) {\n          <div\n            class=\"axp-workflow-designer__port-cluster\"\n            [class.axp-workflow-designer__port-cluster--side-top]=\"\n              port.side === 'top'\n            \"\n            [class.axp-workflow-designer__port-cluster--side-right]=\"\n              port.side === 'right'\n            \"\n            [class.axp-workflow-designer__port-cluster--side-bottom]=\"\n              port.side === 'bottom'\n            \"\n            [class.axp-workflow-designer__port-cluster--side-left]=\"\n              port.side === 'left'\n            \"\n            [ngStyle]=\"portClusterStyle(node, port)\"\n          >\n            <button\n              type=\"button\"\n              class=\"axp-workflow-designer__port axp-workflow-designer__port--outbound\"\n              [class.axp-workflow-designer__port--active]=\"\n                isPortActive(node.id, port.id)\n              \"\n              [class.axp-workflow-designer__port--disabled]=\"port.disabled\"\n              [disabled]=\"isNodeReadonly(node) || port.disabled === true\"\n              (pointerdown)=\"onPortPointerDown(node, port, $event)\"\n            ></button>\n          </div>\n        }\n\n        @if (isNodeActive(node.id) && !isNodeReadonly(node)) {\n          <span\n            class=\"axp-workflow-designer__resize axp-workflow-designer__resize--nw\"\n            (pointerdown)=\"onResizePointerDown(node, 'nw', $event)\"\n          ></span>\n          <span\n            class=\"axp-workflow-designer__resize axp-workflow-designer__resize--ne\"\n            (pointerdown)=\"onResizePointerDown(node, 'ne', $event)\"\n          ></span>\n          <span\n            class=\"axp-workflow-designer__resize axp-workflow-designer__resize--sw\"\n            (pointerdown)=\"onResizePointerDown(node, 'sw', $event)\"\n          ></span>\n          <span\n            class=\"axp-workflow-designer__resize axp-workflow-designer__resize--se\"\n            (pointerdown)=\"onResizePointerDown(node, 'se', $event)\"\n          ></span>\n        }\n      </div>\n    }\n  </div>\n</div>\n", styles: ["@layer properties;.axp-workflow-designer-host{box-sizing:border-box;display:block;height:100%;width:100%;min-height:360px;user-select:none;-webkit-user-select:none}.axp-workflow-designer{display:flex;height:100%;width:100%;min-height:inherit}.axp-workflow-designer .axp-workflow-designer__surface{position:relative;min-height:100%;min-width:100%;flex:auto;overflow:auto;border-radius:10px;user-select:none;-webkit-user-select:none}.axp-workflow-designer .axp-workflow-designer__surface::ng-deep .pan-view__wrapper{height:100%;width:100%}.axp-workflow-designer .axp-workflow-designer__svg{pointer-events:none;position:absolute;inset:0;height:100%;width:100%;z-index:1}.axp-workflow-designer .axp-workflow-designer__edge-hit{pointer-events:stroke;cursor:pointer}.axp-workflow-designer .axp-workflow-designer__edge{pointer-events:none;stroke:rgb(var(--ax-sys-color-neutral-500));stroke-width:2;transition:stroke .12s ease}.axp-workflow-designer .axp-workflow-designer__edge.primary-surface:not(.axp-workflow-designer__edge--active){stroke:rgb(var(--ax-sys-color-primary-500))}.axp-workflow-designer .axp-workflow-designer__edge.secondary-surface:not(.axp-workflow-designer__edge--active){stroke:rgb(var(--ax-sys-color-secondary-500))}.axp-workflow-designer .axp-workflow-designer__edge.success-surface:not(.axp-workflow-designer__edge--active){stroke:rgb(var(--ax-sys-color-success-500))}.axp-workflow-designer .axp-workflow-designer__edge.warning-surface:not(.axp-workflow-designer__edge--active){stroke:rgb(var(--ax-sys-color-warning-500))}.axp-workflow-designer .axp-workflow-designer__edge.danger-surface:not(.axp-workflow-designer__edge--active){stroke:rgb(var(--ax-sys-color-danger-500))}.axp-workflow-designer .axp-workflow-designer__edge--active{stroke:rgb(var(--ax-sys-color-primary-500));stroke-dasharray:2}.axp-workflow-designer .axp-workflow-designer__edge-preview{pointer-events:none;stroke:rgb(var(--ax-sys-color-primary-400));stroke-width:2;stroke-dasharray:6 4}.axp-workflow-designer .axp-workflow-designer__port-label-svg{fill:rgb(var(--ax-sys-color-on-surface));font-size:10px;font-weight:600;dominant-baseline:middle;pointer-events:none;paint-order:stroke;stroke:rgb(var(--ax-sys-color-surface));stroke-width:4px;stroke-linejoin:round}.axp-workflow-designer .axp-workflow-designer__arrow-head{fill:rgb(var(--ax-sys-color-neutral-500))}.axp-workflow-designer .axp-workflow-designer__connector-actions{position:absolute;display:flex;align-items:center;justify-content:center;z-index:4}.axp-workflow-designer .axp-workflow-designer__icon-btn{border-radius:999px;user-select:none;-webkit-user-select:none}.axp-workflow-designer .axp-workflow-designer__node{position:absolute;box-sizing:border-box;z-index:2;user-select:none;-webkit-user-select:none}.axp-workflow-designer .axp-workflow-designer__node.axp-workflow-designer__node--active .axp-workflow-designer__node-shape{border:2px dotted rgb(var(--ax-sys-color-primary-500))}.axp-workflow-designer .axp-workflow-designer__node.axp-workflow-designer__node--highlighted .axp-workflow-designer__node-shape{border:2px solid rgb(var(--ax-sys-color-primary-500));box-shadow:0 0 0 3px rgb(var(--ax-sys-color-primary-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape{position:absolute;inset:0;box-sizing:border-box;overflow:visible;background:rgb(var(--ax-sys-color-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-primary-surface{background:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-secondary-surface{background:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-success-surface{background:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-warning-surface{background:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-danger-surface{background:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-primary-border{border:2px solid rgb(var(--ax-sys-color-border-primary-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-secondary-border{border:2px solid rgb(var(--ax-sys-color-border-secondary-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-success-border{border:2px solid rgb(var(--ax-sys-color-border-success-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-warning-border{border:2px solid rgb(var(--ax-sys-color-border-warning-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-danger-border{border:2px solid rgb(var(--ax-sys-color-border-danger-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape--rectangle{border-radius:4px}.axp-workflow-designer .axp-workflow-designer__node-shape--rounded-rectangle{border-radius:14px}.axp-workflow-designer .axp-workflow-designer__node-shape--circle,.axp-workflow-designer .axp-workflow-designer__node-shape--ellipse{border-radius:50%}.axp-workflow-designer .axp-workflow-designer__node-shape--diamond{border-radius:0;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.axp-workflow-designer .axp-workflow-designer__node-body{position:absolute;inset:0;display:flex;cursor:grab;align-items:center;justify-content:center;padding:8px 12px;touch-action:none;user-select:none;-webkit-user-select:none}.axp-workflow-designer .axp-workflow-designer__node-default{display:flex;min-width:0px;align-items:center;gap:8px}.axp-workflow-designer .axp-workflow-designer__node-default-icon{flex-shrink:0}.axp-workflow-designer .axp-workflow-designer__node-default-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.axp-workflow-designer .axp-workflow-designer__port-cluster{pointer-events:none;position:absolute;overflow:visible;width:0;height:0;transform:translate(-50%,-50%);z-index:3}.axp-workflow-designer .axp-workflow-designer__port{position:absolute;flex-shrink:0;cursor:crosshair;border-radius:calc(infinity * 1px);left:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;padding:0;border:1px solid rgb(var(--ax-sys-color-surface));touch-action:none;pointer-events:auto;transition:transform .12s ease}.axp-workflow-designer .axp-workflow-designer__port:disabled{opacity:.45;cursor:not-allowed}.axp-workflow-designer .axp-workflow-designer__port--inbound{background:rgb(var(--ax-sys-color-success-500))}.axp-workflow-designer .axp-workflow-designer__port--outbound{background:rgb(var(--ax-sys-color-primary-500))}.axp-workflow-designer .axp-workflow-designer__port--active{box-shadow:0 0 0 3px #3b82f659}.axp-workflow-designer .axp-workflow-designer__port--link-hover{border:1px solid rgb(var(--ax-sys-color-primary-500));transform:translate(-50%,-50%) scale(1.12)}.axp-workflow-designer .axp-workflow-designer__port--disabled{opacity:.45;cursor:not-allowed}.axp-workflow-designer .axp-workflow-designer__resize{position:absolute;border-radius:calc(infinity * 1px);width:7px;height:7px;background:rgb(var(--ax-sys-color-primary-500));border:1px solid rgb(var(--ax-sys-color-surface));z-index:4;touch-action:none;user-select:none;-webkit-user-select:none}.axp-workflow-designer .axp-workflow-designer__resize--nw{left:-6px;top:-6px;cursor:nwse-resize}.axp-workflow-designer .axp-workflow-designer__resize--ne{right:-6px;top:-6px;cursor:nesw-resize}.axp-workflow-designer .axp-workflow-designer__resize--sw{left:-6px;bottom:-6px;cursor:nesw-resize}.axp-workflow-designer .axp-workflow-designer__resize--se{right:-6px;bottom:-6px;cursor:nwse-resize}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "directive", type: AXPanViewDirective, selector: "[axPanView]", inputs: ["zoomStep", "minZoom", "maxZoom", "freeMode", "fitContent", "disablePan", "disableZoom", "wrapperClasses", "panX", "panY", "zoom"], outputs: ["panXChange", "panYChange", "zoomChange", "positionChange"], exportAs: ["axPanView"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPWorkflowDesignerComponent, isStandalone: true, selector: "axp-workflow-designer", inputs: { model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, highlightedNodeIds: { classPropertyName: "highlightedNodeIds", publicName: "highlightedNodeIds", isSignal: true, isRequired: false, transformFunction: null }, gridSize: { classPropertyName: "gridSize", publicName: "gridSize", isSignal: true, isRequired: false, transformFunction: null }, snapToGrid: { classPropertyName: "snapToGrid", publicName: "snapToGrid", isSignal: true, isRequired: false, transformFunction: null }, connectionPreviewStyle: { classPropertyName: "connectionPreviewStyle", publicName: "connectionPreviewStyle", isSignal: true, isRequired: false, transformFunction: null }, connectorStub: { classPropertyName: "connectorStub", publicName: "connectorStub", isSignal: true, isRequired: false, transformFunction: null }, backgroundPattern: { classPropertyName: "backgroundPattern", publicName: "backgroundPattern", isSignal: true, isRequired: false, transformFunction: null }, canConnect: { classPropertyName: "canConnect", publicName: "canConnect", isSignal: true, isRequired: false, transformFunction: null }, paletteItems: { classPropertyName: "paletteItems", publicName: "paletteItems", isSignal: true, isRequired: false, transformFunction: null }, showPortLabels: { classPropertyName: "showPortLabels", publicName: "showPortLabels", isSignal: true, isRequired: false, transformFunction: null }, showPorts: { classPropertyName: "showPorts", publicName: "showPorts", isSignal: true, isRequired: false, transformFunction: null }, showConnectorLabels: { classPropertyName: "showConnectorLabels", publicName: "showConnectorLabels", isSignal: true, isRequired: false, transformFunction: null }, canvasPadding: { classPropertyName: "canvasPadding", publicName: "canvasPadding", isSignal: true, isRequired: false, transformFunction: null }, minCanvasSize: { classPropertyName: "minCanvasSize", publicName: "minCanvasSize", isSignal: true, isRequired: false, transformFunction: null }, nodeBodyTemplate: { classPropertyName: "nodeBodyTemplate", publicName: "nodeBodyTemplate", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { modelChange: "modelChange", zoomChange: "zoomChange", designerPointerDown: "designerPointerDown", designerClick: "designerClick", designerDoubleClick: "designerDoubleClick", nodePointerDown: "nodePointerDown", nodeClick: "nodeClick", nodeDoubleClick: "nodeDoubleClick", nodeContextMenu: "nodeContextMenu", nodeDragStart: "nodeDragStart", nodeDragEnd: "nodeDragEnd", portPointerDown: "portPointerDown", linkDragStart: "linkDragStart", linkDragMove: "linkDragMove", linkDragEnd: "linkDragEnd", connectorClick: "connectorClick", connectorDoubleClick: "connectorDoubleClick", connectionCreated: "connectionCreated", connectionRejected: "connectionRejected", activationChange: "activationChange" }, host: { listeners: { "window:keydown": "onWindowKeydown($event)" }, classAttribute: "axp-workflow-designer-host" }, viewQueries: [{ propertyName: "surfaceRef", first: true, predicate: ["surface"], descendants: true, isSignal: true }, { propertyName: "panViewRef", first: true, predicate: AXPanViewDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"axp-workflow-designer\" [ngStyle]=\"gridStyle()\">\n  <div\n    #surface\n    class=\"axp-workflow-designer__surface\"\n    axPanView\n    [(panX)]=\"panX\"\n    [(panY)]=\"panY\"\n    [(zoom)]=\"panZoomLevel\"\n    [maxZoom]=\"10000\"\n    [freeMode]=\"true\"\n    [fitContent]=\"true\"\n    wrapperClasses=\"h\"\n    [ngStyle]=\"surfaceStyle()\"\n    (pointerdown)=\"onSurfacePointerDown($event)\"\n    (click)=\"onSurfaceClick($event)\"\n    (dblclick)=\"onSurfaceDoubleClick($event)\"\n    (dragover)=\"onCanvasDragOver($event)\"\n    (drop)=\"onCanvasDrop($event)\"\n  >\n    <svg\n      class=\"axp-workflow-designer__svg\"\n      width=\"100%\"\n      height=\"100%\"\n      preserveAspectRatio=\"xMinYMin meet\"\n    >\n      <defs>\n        <marker\n          [attr.id]=\"svgMarkerId\"\n          markerWidth=\"6\"\n          markerHeight=\"6\"\n          refX=\"3.9\"\n          refY=\"3\"\n          orient=\"auto\"\n        >\n          <path\n            d=\"M0,0 L4,3 L0,6 Q1.5,3 0,0 Z\"\n            class=\"axp-workflow-designer__arrow-head\"\n          ></path>\n        </marker>\n      </defs>\n      @for (c of model().connectors; track c.id) {\n        <path\n          class=\"axp-workflow-designer__edge-hit\"\n          [attr.d]=\"connectorPathD(c)\"\n          fill=\"none\"\n          stroke=\"transparent\"\n          stroke-width=\"16\"\n          pointer-events=\"stroke\"\n          (click)=\"onConnectorClick(c, $event)\"\n          (dblclick)=\"onConnectorDoubleClick(c, $event)\"\n        />\n        <path\n          [class]=\"connectorEdgeClasses(c)\"\n          [attr.d]=\"connectorPathD(c)\"\n          fill=\"none\"\n          [attr.marker-end]=\"'url(#' + svgMarkerId + ')'\"\n        />\n      }\n      @if (linkDrag()) {\n        <path\n          class=\"axp-workflow-designer__edge-preview\"\n          [attr.d]=\"previewPath()\"\n          fill=\"none\"\n        />\n      }\n    </svg>\n\n    @for (c of model().connectors; track c.id) {\n      @if (isConnectorActive(c.id) && !isConnectorReadonly(c)) {\n        <div\n          class=\"axp-workflow-designer__connector-actions\"\n          [style.left.px]=\"connectorMidpoint(c).x - 16\"\n          [style.top.px]=\"connectorMidpoint(c).y - 16\"\n        >\n          <ax-button\n            look=\"blank\"\n            class=\"ax-sm axp-workflow-designer__icon-btn\"\n            (onClick)=\"removeConnector(c)\"\n          >\n            <ax-icon class=\"fa-solid fa-minus\"></ax-icon>\n          </ax-button>\n        </div>\n      }\n    }\n\n    @for (node of model().nodes; track node.id) {\n      <div\n        class=\"axp-workflow-designer__node\"\n        [class.axp-workflow-designer__node--active]=\"isNodeActive(node.id)\"\n        [class.axp-workflow-designer__node--highlighted]=\"\n          isNodeHighlighted(node.id)\n        \"\n        [style.left.px]=\"nodeSurfaceLeft(node)\"\n        [style.top.px]=\"nodeSurfaceTop(node)\"\n        [style.width.px]=\"node.size.width\"\n        [style.height.px]=\"node.size.height\"\n        (pointerdown)=\"onNodePointerDown(node, $event)\"\n        (click)=\"onNodeClick(node, $event)\"\n        (dblclick)=\"onNodeDoubleClick(node, $event)\"\n        (contextmenu)=\"onNodeContextMenu(node, $event)\"\n      >\n        <div [class]=\"nodeShapeClasses(node)\">\n          <div\n            class=\"axp-workflow-designer__node-body\"\n            (pointerdown)=\"onNodeBodyPointerDown(node, $event)\"\n          >\n            @if (nodeBodyTemplate(); as tpl) {\n              <ng-container\n                [ngTemplateOutlet]=\"tpl\"\n                [ngTemplateOutletContext]=\"templateContext(node)\"\n              />\n            } @else {\n              <div class=\"axp-workflow-designer__node-default\">\n                @if (node.icon) {\n                  <ax-icon\n                    class=\"axp-workflow-designer__node-default-icon\"\n                    [class]=\"node.icon\"\n                  ></ax-icon>\n                }\n                <span class=\"axp-workflow-designer__node-default-title\">{{\n                  node.title\n                }}</span>\n              </div>\n            }\n          </div>\n        </div>\n\n        <!--->\n        <!-- ----- Optional inbound / outbound port markers ----- -->\n        @if (showPorts()) {\n          @for (port of node.inboundPorts; track port.id) {\n            <div\n              class=\"axp-workflow-designer__port-cluster\"\n              [class.axp-workflow-designer__port-cluster--side-top]=\"\n                port.side === 'top'\n              \"\n              [class.axp-workflow-designer__port-cluster--side-right]=\"\n                port.side === 'right'\n              \"\n              [class.axp-workflow-designer__port-cluster--side-bottom]=\"\n                port.side === 'bottom'\n              \"\n              [class.axp-workflow-designer__port-cluster--side-left]=\"\n                port.side === 'left'\n              \"\n              [ngStyle]=\"portClusterStyle(node, port)\"\n            >\n              <button\n                type=\"button\"\n                class=\"axp-workflow-designer__port axp-workflow-designer__port--inbound\"\n                [class.axp-workflow-designer__port--active]=\"\n                  isPortActive(node.id, port.id)\n                \"\n                [class.axp-workflow-designer__port--link-hover]=\"\n                  isPortLinkHoverTarget(node.id, port.id)\n                \"\n                [class.axp-workflow-designer__port--disabled]=\"port.disabled\"\n                [disabled]=\"isNodeReadonly(node) || port.disabled === true\"\n                (pointerdown)=\"onPortPointerDown(node, port, $event)\"\n              ></button>\n            </div>\n          }\n          @for (port of node.outboundPorts; track port.id) {\n            <div\n              class=\"axp-workflow-designer__port-cluster\"\n              [class.axp-workflow-designer__port-cluster--side-top]=\"\n                port.side === 'top'\n              \"\n              [class.axp-workflow-designer__port-cluster--side-right]=\"\n                port.side === 'right'\n              \"\n              [class.axp-workflow-designer__port-cluster--side-bottom]=\"\n                port.side === 'bottom'\n              \"\n              [class.axp-workflow-designer__port-cluster--side-left]=\"\n                port.side === 'left'\n              \"\n              [ngStyle]=\"portClusterStyle(node, port)\"\n            >\n              <button\n                type=\"button\"\n                class=\"axp-workflow-designer__port axp-workflow-designer__port--outbound\"\n                [class.axp-workflow-designer__port--active]=\"\n                  isPortActive(node.id, port.id)\n                \"\n                [class.axp-workflow-designer__port--disabled]=\"port.disabled\"\n                [disabled]=\"isNodeReadonly(node) || port.disabled === true\"\n                (pointerdown)=\"onPortPointerDown(node, port, $event)\"\n              ></button>\n            </div>\n          }\n        }\n\n        @if (isNodeActive(node.id) && !isNodeReadonly(node)) {\n          <span\n            class=\"axp-workflow-designer__resize axp-workflow-designer__resize--nw\"\n            (pointerdown)=\"onResizePointerDown(node, 'nw', $event)\"\n          ></span>\n          <span\n            class=\"axp-workflow-designer__resize axp-workflow-designer__resize--ne\"\n            (pointerdown)=\"onResizePointerDown(node, 'ne', $event)\"\n          ></span>\n          <span\n            class=\"axp-workflow-designer__resize axp-workflow-designer__resize--sw\"\n            (pointerdown)=\"onResizePointerDown(node, 'sw', $event)\"\n          ></span>\n          <span\n            class=\"axp-workflow-designer__resize axp-workflow-designer__resize--se\"\n            (pointerdown)=\"onResizePointerDown(node, 'se', $event)\"\n          ></span>\n        }\n      </div>\n    }\n\n    <svg\n      class=\"axp-workflow-designer__svg axp-workflow-designer__svg--labels\"\n      width=\"100%\"\n      height=\"100%\"\n      preserveAspectRatio=\"xMinYMin meet\"\n    >\n      @if (showPortLabels()) {\n        @for (node of model().nodes; track node.id) {\n          @for (port of node.inboundPorts; track port.id) {\n            <!--->\n            <!-- ----- Cardinality / port name on the inbound side ----- -->\n            @if (portLabelText(port)) {\n              <text\n                class=\"axp-workflow-designer__port-label-svg\"\n                [attr.x]=\"portLabelX(node, port)\"\n                [attr.y]=\"portLabelY(node, port)\"\n                [attr.text-anchor]=\"portLabelAnchor(port)\"\n              >\n                {{ portLabelText(port) }}\n              </text>\n            }\n          }\n          @for (port of node.outboundPorts; track port.id) {\n            <!--->\n            <!-- ----- Cardinality / port name on the outbound side ----- -->\n            @if (portLabelText(port)) {\n              <text\n                class=\"axp-workflow-designer__port-label-svg\"\n                [attr.x]=\"portLabelX(node, port)\"\n                [attr.y]=\"portLabelY(node, port)\"\n                [attr.text-anchor]=\"portLabelAnchor(port)\"\n              >\n                {{ portLabelText(port) }}\n              </text>\n            }\n          }\n        }\n      }\n      @if (showConnectorLabels()) {\n        @for (c of model().connectors; track c.id) {\n          <!--->\n          <!-- ----- Skip connectors without a label ----- -->\n          @if (connectorLabelText(c); as text) {\n            <!--->\n            <!-- ----- Relation name beside the longest connector segment ----- -->\n            @if (connectorLabelPoint(c); as point) {\n              <text\n                class=\"axp-workflow-designer__edge-label-svg\"\n                [attr.x]=\"point.x\"\n                [attr.y]=\"point.y\"\n                text-anchor=\"middle\"\n              >\n                {{ text }}\n              </text>\n            }\n          }\n        }\n      }\n    </svg>\n  </div>\n</div>\n", styles: ["@layer properties;.axp-workflow-designer-host{box-sizing:border-box;display:block;height:100%;width:100%;min-height:360px;user-select:none;-webkit-user-select:none}.axp-workflow-designer{display:flex;height:100%;width:100%;min-height:inherit}.axp-workflow-designer .axp-workflow-designer__surface{position:relative;min-height:100%;min-width:100%;flex:auto;overflow:auto;border-radius:10px;user-select:none;-webkit-user-select:none}.axp-workflow-designer .axp-workflow-designer__surface::ng-deep .pan-view__wrapper{height:100%;width:100%}.axp-workflow-designer .axp-workflow-designer__svg{pointer-events:none;position:absolute;inset:0;height:100%;width:100%;z-index:1}.axp-workflow-designer .axp-workflow-designer__svg--labels{z-index:4}.axp-workflow-designer .axp-workflow-designer__edge-hit{pointer-events:stroke;cursor:pointer}.axp-workflow-designer .axp-workflow-designer__edge{pointer-events:none;stroke:rgb(var(--ax-sys-color-neutral-500));stroke-width:2;transition:stroke .12s ease}.axp-workflow-designer .axp-workflow-designer__edge.primary-surface:not(.axp-workflow-designer__edge--active){stroke:rgb(var(--ax-sys-color-primary-500))}.axp-workflow-designer .axp-workflow-designer__edge.secondary-surface:not(.axp-workflow-designer__edge--active){stroke:rgb(var(--ax-sys-color-secondary-500))}.axp-workflow-designer .axp-workflow-designer__edge.success-surface:not(.axp-workflow-designer__edge--active){stroke:rgb(var(--ax-sys-color-success-500))}.axp-workflow-designer .axp-workflow-designer__edge.warning-surface:not(.axp-workflow-designer__edge--active){stroke:rgb(var(--ax-sys-color-warning-500))}.axp-workflow-designer .axp-workflow-designer__edge.danger-surface:not(.axp-workflow-designer__edge--active){stroke:rgb(var(--ax-sys-color-danger-500))}.axp-workflow-designer .axp-workflow-designer__edge--active{stroke:rgb(var(--ax-sys-color-primary-500));stroke-dasharray:2}.axp-workflow-designer .axp-workflow-designer__edge-preview{pointer-events:none;stroke:rgb(var(--ax-sys-color-primary-400));stroke-width:2;stroke-dasharray:6 4}.axp-workflow-designer .axp-workflow-designer__port-label-svg,.axp-workflow-designer .axp-workflow-designer__edge-label-svg{fill:rgb(var(--ax-sys-color-on-surface));font-size:10px;font-weight:600;dominant-baseline:middle;pointer-events:none;paint-order:stroke;stroke:rgb(var(--ax-sys-color-surface));stroke-width:4px;stroke-linejoin:round}.axp-workflow-designer .axp-workflow-designer__arrow-head{fill:rgb(var(--ax-sys-color-neutral-500))}.axp-workflow-designer .axp-workflow-designer__connector-actions{position:absolute;display:flex;align-items:center;justify-content:center;z-index:4}.axp-workflow-designer .axp-workflow-designer__icon-btn{border-radius:999px;user-select:none;-webkit-user-select:none}.axp-workflow-designer .axp-workflow-designer__node{position:absolute;box-sizing:border-box;z-index:2;user-select:none;-webkit-user-select:none}.axp-workflow-designer .axp-workflow-designer__node.axp-workflow-designer__node--active .axp-workflow-designer__node-shape{border:2px dotted rgb(var(--ax-sys-color-primary-500))}.axp-workflow-designer .axp-workflow-designer__node.axp-workflow-designer__node--highlighted .axp-workflow-designer__node-shape{border:2px solid rgb(var(--ax-sys-color-primary-500));box-shadow:0 0 0 3px rgb(var(--ax-sys-color-primary-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape{position:absolute;inset:0;box-sizing:border-box;overflow:visible;background:rgb(var(--ax-sys-color-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-primary-surface{background:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-secondary-surface{background:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-success-surface{background:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-warning-surface{background:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-danger-surface{background:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-primary-border{border:2px solid rgb(var(--ax-sys-color-border-primary-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-secondary-border{border:2px solid rgb(var(--ax-sys-color-border-secondary-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-success-border{border:2px solid rgb(var(--ax-sys-color-border-success-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-warning-border{border:2px solid rgb(var(--ax-sys-color-border-warning-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-danger-border{border:2px solid rgb(var(--ax-sys-color-border-danger-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape--rectangle{border-radius:4px}.axp-workflow-designer .axp-workflow-designer__node-shape--rounded-rectangle{border-radius:14px}.axp-workflow-designer .axp-workflow-designer__node-shape--circle,.axp-workflow-designer .axp-workflow-designer__node-shape--ellipse{border-radius:50%}.axp-workflow-designer .axp-workflow-designer__node-shape--diamond{border-radius:0;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.axp-workflow-designer .axp-workflow-designer__node-body{position:absolute;inset:0;display:flex;cursor:grab;align-items:center;justify-content:center;padding:8px 12px;touch-action:none;user-select:none;-webkit-user-select:none}.axp-workflow-designer .axp-workflow-designer__node-default{display:flex;min-width:0px;align-items:center;gap:8px}.axp-workflow-designer .axp-workflow-designer__node-default-icon{flex-shrink:0}.axp-workflow-designer .axp-workflow-designer__node-default-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.axp-workflow-designer .axp-workflow-designer__port-cluster{pointer-events:none;position:absolute;overflow:visible;width:0;height:0;transform:translate(-50%,-50%);z-index:3}.axp-workflow-designer .axp-workflow-designer__port{position:absolute;flex-shrink:0;cursor:crosshair;border-radius:calc(infinity * 1px);left:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;padding:0;border:1px solid rgb(var(--ax-sys-color-surface));touch-action:none;pointer-events:auto;transition:transform .12s ease}.axp-workflow-designer .axp-workflow-designer__port:disabled{opacity:.45;cursor:not-allowed}.axp-workflow-designer .axp-workflow-designer__port--inbound{background:rgb(var(--ax-sys-color-success-500))}.axp-workflow-designer .axp-workflow-designer__port--outbound{background:rgb(var(--ax-sys-color-primary-500))}.axp-workflow-designer .axp-workflow-designer__port--active{box-shadow:0 0 0 3px #3b82f659}.axp-workflow-designer .axp-workflow-designer__port--link-hover{border:1px solid rgb(var(--ax-sys-color-primary-500));transform:translate(-50%,-50%) scale(1.12)}.axp-workflow-designer .axp-workflow-designer__port--disabled{opacity:.45;cursor:not-allowed}.axp-workflow-designer .axp-workflow-designer__resize{position:absolute;border-radius:calc(infinity * 1px);width:7px;height:7px;background:rgb(var(--ax-sys-color-primary-500));border:1px solid rgb(var(--ax-sys-color-surface));z-index:4;touch-action:none;user-select:none;-webkit-user-select:none}.axp-workflow-designer .axp-workflow-designer__resize--nw{left:-6px;top:-6px;cursor:nwse-resize}.axp-workflow-designer .axp-workflow-designer__resize--ne{right:-6px;top:-6px;cursor:nesw-resize}.axp-workflow-designer .axp-workflow-designer__resize--sw{left:-6px;bottom:-6px;cursor:nesw-resize}.axp-workflow-designer .axp-workflow-designer__resize--se{right:-6px;bottom:-6px;cursor:nwse-resize}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "directive", type: AXPanViewDirective, selector: "[axPanView]", inputs: ["zoomStep", "minZoom", "maxZoom", "freeMode", "fitContent", "disablePan", "disableZoom", "wrapperClasses", "panX", "panY", "zoom"], outputs: ["panXChange", "panYChange", "zoomChange", "positionChange"], exportAs: ["axPanView"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPWorkflowDesignerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-workflow-designer', imports: [CommonModule, AXDecoratorModule, AXButtonModule, AXPanViewDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'axp-workflow-designer-host',
                         '(window:keydown)': 'onWindowKeydown($event)',
-                    }, template: "<div class=\"axp-workflow-designer\" [ngStyle]=\"gridStyle()\">\n  <div\n    #surface\n    class=\"axp-workflow-designer__surface\"\n    axPanView\n    [(panX)]=\"panX\"\n    [(panY)]=\"panY\"\n    [(zoom)]=\"panZoomLevel\"\n    [maxZoom]=\"10000\"\n    [freeMode]=\"true\"\n    [fitContent]=\"true\"\n    wrapperClasses=\"h\"\n    [ngStyle]=\"surfaceStyle()\"\n    (pointerdown)=\"onSurfacePointerDown($event)\"\n    (click)=\"onSurfaceClick($event)\"\n    (dblclick)=\"onSurfaceDoubleClick($event)\"\n    (dragover)=\"onCanvasDragOver($event)\"\n    (drop)=\"onCanvasDrop($event)\"\n  >\n    <svg\n      class=\"axp-workflow-designer__svg\"\n      width=\"100%\"\n      height=\"100%\"\n      preserveAspectRatio=\"xMinYMin meet\"\n    >\n      <defs>\n        <marker\n          [attr.id]=\"svgMarkerId\"\n          markerWidth=\"6\"\n          markerHeight=\"6\"\n          refX=\"3.9\"\n          refY=\"3\"\n          orient=\"auto\"\n        >\n          <path\n            d=\"M0,0 L4,3 L0,6 Q1.5,3 0,0 Z\"\n            class=\"axp-workflow-designer__arrow-head\"\n          ></path>\n        </marker>\n      </defs>\n      @for (c of model().connectors; track c.id) {\n        <path\n          class=\"axp-workflow-designer__edge-hit\"\n          [attr.d]=\"connectorPathD(c)\"\n          fill=\"none\"\n          stroke=\"transparent\"\n          stroke-width=\"16\"\n          pointer-events=\"stroke\"\n          (click)=\"onConnectorClick(c, $event)\"\n          (dblclick)=\"onConnectorDoubleClick(c, $event)\"\n        />\n        <path\n          [class]=\"connectorEdgeClasses(c)\"\n          [attr.d]=\"connectorPathD(c)\"\n          fill=\"none\"\n          [attr.marker-end]=\"'url(#' + svgMarkerId + ')'\"\n        />\n      }\n      @if (linkDrag()) {\n        <path\n          class=\"axp-workflow-designer__edge-preview\"\n          [attr.d]=\"previewPath()\"\n          fill=\"none\"\n        />\n      }\n      @if (showPortLabels()) {\n        @for (node of model().nodes; track node.id) {\n          @for (port of node.inboundPorts; track port.id) {\n            @if (portLabelText(port)) {\n              <text\n                class=\"axp-workflow-designer__port-label-svg\"\n                [attr.x]=\"portLabelX(node, port)\"\n                [attr.y]=\"portLabelY(node, port)\"\n                [attr.text-anchor]=\"portLabelAnchor(node, port)\"\n              >\n                {{ portLabelText(port) }}\n              </text>\n            }\n          }\n          @for (port of node.outboundPorts; track port.id) {\n            @if (portLabelText(port)) {\n              <text\n                class=\"axp-workflow-designer__port-label-svg\"\n                [attr.x]=\"portLabelX(node, port)\"\n                [attr.y]=\"portLabelY(node, port)\"\n                [attr.text-anchor]=\"portLabelAnchor(node, port)\"\n              >\n                {{ portLabelText(port) }}\n              </text>\n            }\n          }\n        }\n      }\n    </svg>\n\n    @for (c of model().connectors; track c.id) {\n      @if (isConnectorActive(c.id) && !isConnectorReadonly(c)) {\n        <div\n          class=\"axp-workflow-designer__connector-actions\"\n          [style.left.px]=\"connectorMidpoint(c).x - 16\"\n          [style.top.px]=\"connectorMidpoint(c).y - 16\"\n        >\n          <ax-button\n            look=\"blank\"\n            class=\"ax-sm axp-workflow-designer__icon-btn\"\n            (onClick)=\"removeConnector(c)\"\n          >\n            <ax-icon class=\"fa-solid fa-minus\"></ax-icon>\n          </ax-button>\n        </div>\n      }\n    }\n\n    @for (node of model().nodes; track node.id) {\n      <div\n        class=\"axp-workflow-designer__node\"\n        [class.axp-workflow-designer__node--active]=\"isNodeActive(node.id)\"\n        [class.axp-workflow-designer__node--highlighted]=\"\n          isNodeHighlighted(node.id)\n        \"\n        [style.left.px]=\"nodeSurfaceLeft(node)\"\n        [style.top.px]=\"nodeSurfaceTop(node)\"\n        [style.width.px]=\"node.size.width\"\n        [style.height.px]=\"node.size.height\"\n        (pointerdown)=\"onNodePointerDown(node, $event)\"\n        (click)=\"onNodeClick(node, $event)\"\n        (dblclick)=\"onNodeDoubleClick(node, $event)\"\n        (contextmenu)=\"onNodeContextMenu(node, $event)\"\n      >\n        <div [class]=\"nodeShapeClasses(node)\">\n          <div\n            class=\"axp-workflow-designer__node-body\"\n            (pointerdown)=\"onNodeBodyPointerDown(node, $event)\"\n          >\n            @if (nodeBodyTemplate(); as tpl) {\n              <ng-container\n                [ngTemplateOutlet]=\"tpl\"\n                [ngTemplateOutletContext]=\"templateContext(node)\"\n              />\n            } @else {\n              <div class=\"axp-workflow-designer__node-default\">\n                @if (node.icon) {\n                  <ax-icon\n                    class=\"axp-workflow-designer__node-default-icon\"\n                    [class]=\"node.icon\"\n                  ></ax-icon>\n                }\n                <span class=\"axp-workflow-designer__node-default-title\">{{\n                  node.title\n                }}</span>\n              </div>\n            }\n          </div>\n        </div>\n\n        @for (port of node.inboundPorts; track port.id) {\n          <div\n            class=\"axp-workflow-designer__port-cluster\"\n            [class.axp-workflow-designer__port-cluster--side-top]=\"\n              port.side === 'top'\n            \"\n            [class.axp-workflow-designer__port-cluster--side-right]=\"\n              port.side === 'right'\n            \"\n            [class.axp-workflow-designer__port-cluster--side-bottom]=\"\n              port.side === 'bottom'\n            \"\n            [class.axp-workflow-designer__port-cluster--side-left]=\"\n              port.side === 'left'\n            \"\n            [ngStyle]=\"portClusterStyle(node, port)\"\n          >\n            <button\n              type=\"button\"\n              class=\"axp-workflow-designer__port axp-workflow-designer__port--inbound\"\n              [class.axp-workflow-designer__port--active]=\"\n                isPortActive(node.id, port.id)\n              \"\n              [class.axp-workflow-designer__port--link-hover]=\"\n                isPortLinkHoverTarget(node.id, port.id)\n              \"\n              [class.axp-workflow-designer__port--disabled]=\"port.disabled\"\n              [disabled]=\"isNodeReadonly(node) || port.disabled === true\"\n              (pointerdown)=\"onPortPointerDown(node, port, $event)\"\n            ></button>\n          </div>\n        }\n        @for (port of node.outboundPorts; track port.id) {\n          <div\n            class=\"axp-workflow-designer__port-cluster\"\n            [class.axp-workflow-designer__port-cluster--side-top]=\"\n              port.side === 'top'\n            \"\n            [class.axp-workflow-designer__port-cluster--side-right]=\"\n              port.side === 'right'\n            \"\n            [class.axp-workflow-designer__port-cluster--side-bottom]=\"\n              port.side === 'bottom'\n            \"\n            [class.axp-workflow-designer__port-cluster--side-left]=\"\n              port.side === 'left'\n            \"\n            [ngStyle]=\"portClusterStyle(node, port)\"\n          >\n            <button\n              type=\"button\"\n              class=\"axp-workflow-designer__port axp-workflow-designer__port--outbound\"\n              [class.axp-workflow-designer__port--active]=\"\n                isPortActive(node.id, port.id)\n              \"\n              [class.axp-workflow-designer__port--disabled]=\"port.disabled\"\n              [disabled]=\"isNodeReadonly(node) || port.disabled === true\"\n              (pointerdown)=\"onPortPointerDown(node, port, $event)\"\n            ></button>\n          </div>\n        }\n\n        @if (isNodeActive(node.id) && !isNodeReadonly(node)) {\n          <span\n            class=\"axp-workflow-designer__resize axp-workflow-designer__resize--nw\"\n            (pointerdown)=\"onResizePointerDown(node, 'nw', $event)\"\n          ></span>\n          <span\n            class=\"axp-workflow-designer__resize axp-workflow-designer__resize--ne\"\n            (pointerdown)=\"onResizePointerDown(node, 'ne', $event)\"\n          ></span>\n          <span\n            class=\"axp-workflow-designer__resize axp-workflow-designer__resize--sw\"\n            (pointerdown)=\"onResizePointerDown(node, 'sw', $event)\"\n          ></span>\n          <span\n            class=\"axp-workflow-designer__resize axp-workflow-designer__resize--se\"\n            (pointerdown)=\"onResizePointerDown(node, 'se', $event)\"\n          ></span>\n        }\n      </div>\n    }\n  </div>\n</div>\n", styles: ["@layer properties;.axp-workflow-designer-host{box-sizing:border-box;display:block;height:100%;width:100%;min-height:360px;user-select:none;-webkit-user-select:none}.axp-workflow-designer{display:flex;height:100%;width:100%;min-height:inherit}.axp-workflow-designer .axp-workflow-designer__surface{position:relative;min-height:100%;min-width:100%;flex:auto;overflow:auto;border-radius:10px;user-select:none;-webkit-user-select:none}.axp-workflow-designer .axp-workflow-designer__surface::ng-deep .pan-view__wrapper{height:100%;width:100%}.axp-workflow-designer .axp-workflow-designer__svg{pointer-events:none;position:absolute;inset:0;height:100%;width:100%;z-index:1}.axp-workflow-designer .axp-workflow-designer__edge-hit{pointer-events:stroke;cursor:pointer}.axp-workflow-designer .axp-workflow-designer__edge{pointer-events:none;stroke:rgb(var(--ax-sys-color-neutral-500));stroke-width:2;transition:stroke .12s ease}.axp-workflow-designer .axp-workflow-designer__edge.primary-surface:not(.axp-workflow-designer__edge--active){stroke:rgb(var(--ax-sys-color-primary-500))}.axp-workflow-designer .axp-workflow-designer__edge.secondary-surface:not(.axp-workflow-designer__edge--active){stroke:rgb(var(--ax-sys-color-secondary-500))}.axp-workflow-designer .axp-workflow-designer__edge.success-surface:not(.axp-workflow-designer__edge--active){stroke:rgb(var(--ax-sys-color-success-500))}.axp-workflow-designer .axp-workflow-designer__edge.warning-surface:not(.axp-workflow-designer__edge--active){stroke:rgb(var(--ax-sys-color-warning-500))}.axp-workflow-designer .axp-workflow-designer__edge.danger-surface:not(.axp-workflow-designer__edge--active){stroke:rgb(var(--ax-sys-color-danger-500))}.axp-workflow-designer .axp-workflow-designer__edge--active{stroke:rgb(var(--ax-sys-color-primary-500));stroke-dasharray:2}.axp-workflow-designer .axp-workflow-designer__edge-preview{pointer-events:none;stroke:rgb(var(--ax-sys-color-primary-400));stroke-width:2;stroke-dasharray:6 4}.axp-workflow-designer .axp-workflow-designer__port-label-svg{fill:rgb(var(--ax-sys-color-on-surface));font-size:10px;font-weight:600;dominant-baseline:middle;pointer-events:none;paint-order:stroke;stroke:rgb(var(--ax-sys-color-surface));stroke-width:4px;stroke-linejoin:round}.axp-workflow-designer .axp-workflow-designer__arrow-head{fill:rgb(var(--ax-sys-color-neutral-500))}.axp-workflow-designer .axp-workflow-designer__connector-actions{position:absolute;display:flex;align-items:center;justify-content:center;z-index:4}.axp-workflow-designer .axp-workflow-designer__icon-btn{border-radius:999px;user-select:none;-webkit-user-select:none}.axp-workflow-designer .axp-workflow-designer__node{position:absolute;box-sizing:border-box;z-index:2;user-select:none;-webkit-user-select:none}.axp-workflow-designer .axp-workflow-designer__node.axp-workflow-designer__node--active .axp-workflow-designer__node-shape{border:2px dotted rgb(var(--ax-sys-color-primary-500))}.axp-workflow-designer .axp-workflow-designer__node.axp-workflow-designer__node--highlighted .axp-workflow-designer__node-shape{border:2px solid rgb(var(--ax-sys-color-primary-500));box-shadow:0 0 0 3px rgb(var(--ax-sys-color-primary-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape{position:absolute;inset:0;box-sizing:border-box;overflow:visible;background:rgb(var(--ax-sys-color-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-primary-surface{background:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-secondary-surface{background:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-success-surface{background:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-warning-surface{background:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-danger-surface{background:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-primary-border{border:2px solid rgb(var(--ax-sys-color-border-primary-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-secondary-border{border:2px solid rgb(var(--ax-sys-color-border-secondary-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-success-border{border:2px solid rgb(var(--ax-sys-color-border-success-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-warning-border{border:2px solid rgb(var(--ax-sys-color-border-warning-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-danger-border{border:2px solid rgb(var(--ax-sys-color-border-danger-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape--rectangle{border-radius:4px}.axp-workflow-designer .axp-workflow-designer__node-shape--rounded-rectangle{border-radius:14px}.axp-workflow-designer .axp-workflow-designer__node-shape--circle,.axp-workflow-designer .axp-workflow-designer__node-shape--ellipse{border-radius:50%}.axp-workflow-designer .axp-workflow-designer__node-shape--diamond{border-radius:0;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.axp-workflow-designer .axp-workflow-designer__node-body{position:absolute;inset:0;display:flex;cursor:grab;align-items:center;justify-content:center;padding:8px 12px;touch-action:none;user-select:none;-webkit-user-select:none}.axp-workflow-designer .axp-workflow-designer__node-default{display:flex;min-width:0px;align-items:center;gap:8px}.axp-workflow-designer .axp-workflow-designer__node-default-icon{flex-shrink:0}.axp-workflow-designer .axp-workflow-designer__node-default-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.axp-workflow-designer .axp-workflow-designer__port-cluster{pointer-events:none;position:absolute;overflow:visible;width:0;height:0;transform:translate(-50%,-50%);z-index:3}.axp-workflow-designer .axp-workflow-designer__port{position:absolute;flex-shrink:0;cursor:crosshair;border-radius:calc(infinity * 1px);left:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;padding:0;border:1px solid rgb(var(--ax-sys-color-surface));touch-action:none;pointer-events:auto;transition:transform .12s ease}.axp-workflow-designer .axp-workflow-designer__port:disabled{opacity:.45;cursor:not-allowed}.axp-workflow-designer .axp-workflow-designer__port--inbound{background:rgb(var(--ax-sys-color-success-500))}.axp-workflow-designer .axp-workflow-designer__port--outbound{background:rgb(var(--ax-sys-color-primary-500))}.axp-workflow-designer .axp-workflow-designer__port--active{box-shadow:0 0 0 3px #3b82f659}.axp-workflow-designer .axp-workflow-designer__port--link-hover{border:1px solid rgb(var(--ax-sys-color-primary-500));transform:translate(-50%,-50%) scale(1.12)}.axp-workflow-designer .axp-workflow-designer__port--disabled{opacity:.45;cursor:not-allowed}.axp-workflow-designer .axp-workflow-designer__resize{position:absolute;border-radius:calc(infinity * 1px);width:7px;height:7px;background:rgb(var(--ax-sys-color-primary-500));border:1px solid rgb(var(--ax-sys-color-surface));z-index:4;touch-action:none;user-select:none;-webkit-user-select:none}.axp-workflow-designer .axp-workflow-designer__resize--nw{left:-6px;top:-6px;cursor:nwse-resize}.axp-workflow-designer .axp-workflow-designer__resize--ne{right:-6px;top:-6px;cursor:nesw-resize}.axp-workflow-designer .axp-workflow-designer__resize--sw{left:-6px;bottom:-6px;cursor:nesw-resize}.axp-workflow-designer .axp-workflow-designer__resize--se{right:-6px;bottom:-6px;cursor:nwse-resize}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
-        }], ctorParameters: () => [], propDecorators: { model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: true }] }], modelChange: [{ type: i0.Output, args: ["modelChange"] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], highlightedNodeIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightedNodeIds", required: false }] }], gridSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridSize", required: false }] }], snapToGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToGrid", required: false }] }], connectionPreviewStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "connectionPreviewStyle", required: false }] }], backgroundPattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundPattern", required: false }] }], zoomChange: [{ type: i0.Output, args: ["zoomChange"] }], canConnect: [{ type: i0.Input, args: [{ isSignal: true, alias: "canConnect", required: false }] }], paletteItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "paletteItems", required: false }] }], showPortLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPortLabels", required: false }] }], nodeBodyTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeBodyTemplate", required: false }] }], designerPointerDown: [{ type: i0.Output, args: ["designerPointerDown"] }], designerClick: [{ type: i0.Output, args: ["designerClick"] }], designerDoubleClick: [{ type: i0.Output, args: ["designerDoubleClick"] }], nodePointerDown: [{ type: i0.Output, args: ["nodePointerDown"] }], nodeClick: [{ type: i0.Output, args: ["nodeClick"] }], nodeDoubleClick: [{ type: i0.Output, args: ["nodeDoubleClick"] }], nodeContextMenu: [{ type: i0.Output, args: ["nodeContextMenu"] }], nodeDragStart: [{ type: i0.Output, args: ["nodeDragStart"] }], nodeDragEnd: [{ type: i0.Output, args: ["nodeDragEnd"] }], portPointerDown: [{ type: i0.Output, args: ["portPointerDown"] }], linkDragStart: [{ type: i0.Output, args: ["linkDragStart"] }], linkDragMove: [{ type: i0.Output, args: ["linkDragMove"] }], linkDragEnd: [{ type: i0.Output, args: ["linkDragEnd"] }], connectorClick: [{ type: i0.Output, args: ["connectorClick"] }], connectorDoubleClick: [{ type: i0.Output, args: ["connectorDoubleClick"] }], connectionCreated: [{ type: i0.Output, args: ["connectionCreated"] }], connectionRejected: [{ type: i0.Output, args: ["connectionRejected"] }], activationChange: [{ type: i0.Output, args: ["activationChange"] }], surfaceRef: [{ type: i0.ViewChild, args: ['surface', { isSignal: true }] }], panViewRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPanViewDirective), { isSignal: true }] }] } });
+                    }, template: "<div class=\"axp-workflow-designer\" [ngStyle]=\"gridStyle()\">\n  <div\n    #surface\n    class=\"axp-workflow-designer__surface\"\n    axPanView\n    [(panX)]=\"panX\"\n    [(panY)]=\"panY\"\n    [(zoom)]=\"panZoomLevel\"\n    [maxZoom]=\"10000\"\n    [freeMode]=\"true\"\n    [fitContent]=\"true\"\n    wrapperClasses=\"h\"\n    [ngStyle]=\"surfaceStyle()\"\n    (pointerdown)=\"onSurfacePointerDown($event)\"\n    (click)=\"onSurfaceClick($event)\"\n    (dblclick)=\"onSurfaceDoubleClick($event)\"\n    (dragover)=\"onCanvasDragOver($event)\"\n    (drop)=\"onCanvasDrop($event)\"\n  >\n    <svg\n      class=\"axp-workflow-designer__svg\"\n      width=\"100%\"\n      height=\"100%\"\n      preserveAspectRatio=\"xMinYMin meet\"\n    >\n      <defs>\n        <marker\n          [attr.id]=\"svgMarkerId\"\n          markerWidth=\"6\"\n          markerHeight=\"6\"\n          refX=\"3.9\"\n          refY=\"3\"\n          orient=\"auto\"\n        >\n          <path\n            d=\"M0,0 L4,3 L0,6 Q1.5,3 0,0 Z\"\n            class=\"axp-workflow-designer__arrow-head\"\n          ></path>\n        </marker>\n      </defs>\n      @for (c of model().connectors; track c.id) {\n        <path\n          class=\"axp-workflow-designer__edge-hit\"\n          [attr.d]=\"connectorPathD(c)\"\n          fill=\"none\"\n          stroke=\"transparent\"\n          stroke-width=\"16\"\n          pointer-events=\"stroke\"\n          (click)=\"onConnectorClick(c, $event)\"\n          (dblclick)=\"onConnectorDoubleClick(c, $event)\"\n        />\n        <path\n          [class]=\"connectorEdgeClasses(c)\"\n          [attr.d]=\"connectorPathD(c)\"\n          fill=\"none\"\n          [attr.marker-end]=\"'url(#' + svgMarkerId + ')'\"\n        />\n      }\n      @if (linkDrag()) {\n        <path\n          class=\"axp-workflow-designer__edge-preview\"\n          [attr.d]=\"previewPath()\"\n          fill=\"none\"\n        />\n      }\n    </svg>\n\n    @for (c of model().connectors; track c.id) {\n      @if (isConnectorActive(c.id) && !isConnectorReadonly(c)) {\n        <div\n          class=\"axp-workflow-designer__connector-actions\"\n          [style.left.px]=\"connectorMidpoint(c).x - 16\"\n          [style.top.px]=\"connectorMidpoint(c).y - 16\"\n        >\n          <ax-button\n            look=\"blank\"\n            class=\"ax-sm axp-workflow-designer__icon-btn\"\n            (onClick)=\"removeConnector(c)\"\n          >\n            <ax-icon class=\"fa-solid fa-minus\"></ax-icon>\n          </ax-button>\n        </div>\n      }\n    }\n\n    @for (node of model().nodes; track node.id) {\n      <div\n        class=\"axp-workflow-designer__node\"\n        [class.axp-workflow-designer__node--active]=\"isNodeActive(node.id)\"\n        [class.axp-workflow-designer__node--highlighted]=\"\n          isNodeHighlighted(node.id)\n        \"\n        [style.left.px]=\"nodeSurfaceLeft(node)\"\n        [style.top.px]=\"nodeSurfaceTop(node)\"\n        [style.width.px]=\"node.size.width\"\n        [style.height.px]=\"node.size.height\"\n        (pointerdown)=\"onNodePointerDown(node, $event)\"\n        (click)=\"onNodeClick(node, $event)\"\n        (dblclick)=\"onNodeDoubleClick(node, $event)\"\n        (contextmenu)=\"onNodeContextMenu(node, $event)\"\n      >\n        <div [class]=\"nodeShapeClasses(node)\">\n          <div\n            class=\"axp-workflow-designer__node-body\"\n            (pointerdown)=\"onNodeBodyPointerDown(node, $event)\"\n          >\n            @if (nodeBodyTemplate(); as tpl) {\n              <ng-container\n                [ngTemplateOutlet]=\"tpl\"\n                [ngTemplateOutletContext]=\"templateContext(node)\"\n              />\n            } @else {\n              <div class=\"axp-workflow-designer__node-default\">\n                @if (node.icon) {\n                  <ax-icon\n                    class=\"axp-workflow-designer__node-default-icon\"\n                    [class]=\"node.icon\"\n                  ></ax-icon>\n                }\n                <span class=\"axp-workflow-designer__node-default-title\">{{\n                  node.title\n                }}</span>\n              </div>\n            }\n          </div>\n        </div>\n\n        <!--->\n        <!-- ----- Optional inbound / outbound port markers ----- -->\n        @if (showPorts()) {\n          @for (port of node.inboundPorts; track port.id) {\n            <div\n              class=\"axp-workflow-designer__port-cluster\"\n              [class.axp-workflow-designer__port-cluster--side-top]=\"\n                port.side === 'top'\n              \"\n              [class.axp-workflow-designer__port-cluster--side-right]=\"\n                port.side === 'right'\n              \"\n              [class.axp-workflow-designer__port-cluster--side-bottom]=\"\n                port.side === 'bottom'\n              \"\n              [class.axp-workflow-designer__port-cluster--side-left]=\"\n                port.side === 'left'\n              \"\n              [ngStyle]=\"portClusterStyle(node, port)\"\n            >\n              <button\n                type=\"button\"\n                class=\"axp-workflow-designer__port axp-workflow-designer__port--inbound\"\n                [class.axp-workflow-designer__port--active]=\"\n                  isPortActive(node.id, port.id)\n                \"\n                [class.axp-workflow-designer__port--link-hover]=\"\n                  isPortLinkHoverTarget(node.id, port.id)\n                \"\n                [class.axp-workflow-designer__port--disabled]=\"port.disabled\"\n                [disabled]=\"isNodeReadonly(node) || port.disabled === true\"\n                (pointerdown)=\"onPortPointerDown(node, port, $event)\"\n              ></button>\n            </div>\n          }\n          @for (port of node.outboundPorts; track port.id) {\n            <div\n              class=\"axp-workflow-designer__port-cluster\"\n              [class.axp-workflow-designer__port-cluster--side-top]=\"\n                port.side === 'top'\n              \"\n              [class.axp-workflow-designer__port-cluster--side-right]=\"\n                port.side === 'right'\n              \"\n              [class.axp-workflow-designer__port-cluster--side-bottom]=\"\n                port.side === 'bottom'\n              \"\n              [class.axp-workflow-designer__port-cluster--side-left]=\"\n                port.side === 'left'\n              \"\n              [ngStyle]=\"portClusterStyle(node, port)\"\n            >\n              <button\n                type=\"button\"\n                class=\"axp-workflow-designer__port axp-workflow-designer__port--outbound\"\n                [class.axp-workflow-designer__port--active]=\"\n                  isPortActive(node.id, port.id)\n                \"\n                [class.axp-workflow-designer__port--disabled]=\"port.disabled\"\n                [disabled]=\"isNodeReadonly(node) || port.disabled === true\"\n                (pointerdown)=\"onPortPointerDown(node, port, $event)\"\n              ></button>\n            </div>\n          }\n        }\n\n        @if (isNodeActive(node.id) && !isNodeReadonly(node)) {\n          <span\n            class=\"axp-workflow-designer__resize axp-workflow-designer__resize--nw\"\n            (pointerdown)=\"onResizePointerDown(node, 'nw', $event)\"\n          ></span>\n          <span\n            class=\"axp-workflow-designer__resize axp-workflow-designer__resize--ne\"\n            (pointerdown)=\"onResizePointerDown(node, 'ne', $event)\"\n          ></span>\n          <span\n            class=\"axp-workflow-designer__resize axp-workflow-designer__resize--sw\"\n            (pointerdown)=\"onResizePointerDown(node, 'sw', $event)\"\n          ></span>\n          <span\n            class=\"axp-workflow-designer__resize axp-workflow-designer__resize--se\"\n            (pointerdown)=\"onResizePointerDown(node, 'se', $event)\"\n          ></span>\n        }\n      </div>\n    }\n\n    <svg\n      class=\"axp-workflow-designer__svg axp-workflow-designer__svg--labels\"\n      width=\"100%\"\n      height=\"100%\"\n      preserveAspectRatio=\"xMinYMin meet\"\n    >\n      @if (showPortLabels()) {\n        @for (node of model().nodes; track node.id) {\n          @for (port of node.inboundPorts; track port.id) {\n            <!--->\n            <!-- ----- Cardinality / port name on the inbound side ----- -->\n            @if (portLabelText(port)) {\n              <text\n                class=\"axp-workflow-designer__port-label-svg\"\n                [attr.x]=\"portLabelX(node, port)\"\n                [attr.y]=\"portLabelY(node, port)\"\n                [attr.text-anchor]=\"portLabelAnchor(port)\"\n              >\n                {{ portLabelText(port) }}\n              </text>\n            }\n          }\n          @for (port of node.outboundPorts; track port.id) {\n            <!--->\n            <!-- ----- Cardinality / port name on the outbound side ----- -->\n            @if (portLabelText(port)) {\n              <text\n                class=\"axp-workflow-designer__port-label-svg\"\n                [attr.x]=\"portLabelX(node, port)\"\n                [attr.y]=\"portLabelY(node, port)\"\n                [attr.text-anchor]=\"portLabelAnchor(port)\"\n              >\n                {{ portLabelText(port) }}\n              </text>\n            }\n          }\n        }\n      }\n      @if (showConnectorLabels()) {\n        @for (c of model().connectors; track c.id) {\n          <!--->\n          <!-- ----- Skip connectors without a label ----- -->\n          @if (connectorLabelText(c); as text) {\n            <!--->\n            <!-- ----- Relation name beside the longest connector segment ----- -->\n            @if (connectorLabelPoint(c); as point) {\n              <text\n                class=\"axp-workflow-designer__edge-label-svg\"\n                [attr.x]=\"point.x\"\n                [attr.y]=\"point.y\"\n                text-anchor=\"middle\"\n              >\n                {{ text }}\n              </text>\n            }\n          }\n        }\n      }\n    </svg>\n  </div>\n</div>\n", styles: ["@layer properties;.axp-workflow-designer-host{box-sizing:border-box;display:block;height:100%;width:100%;min-height:360px;user-select:none;-webkit-user-select:none}.axp-workflow-designer{display:flex;height:100%;width:100%;min-height:inherit}.axp-workflow-designer .axp-workflow-designer__surface{position:relative;min-height:100%;min-width:100%;flex:auto;overflow:auto;border-radius:10px;user-select:none;-webkit-user-select:none}.axp-workflow-designer .axp-workflow-designer__surface::ng-deep .pan-view__wrapper{height:100%;width:100%}.axp-workflow-designer .axp-workflow-designer__svg{pointer-events:none;position:absolute;inset:0;height:100%;width:100%;z-index:1}.axp-workflow-designer .axp-workflow-designer__svg--labels{z-index:4}.axp-workflow-designer .axp-workflow-designer__edge-hit{pointer-events:stroke;cursor:pointer}.axp-workflow-designer .axp-workflow-designer__edge{pointer-events:none;stroke:rgb(var(--ax-sys-color-neutral-500));stroke-width:2;transition:stroke .12s ease}.axp-workflow-designer .axp-workflow-designer__edge.primary-surface:not(.axp-workflow-designer__edge--active){stroke:rgb(var(--ax-sys-color-primary-500))}.axp-workflow-designer .axp-workflow-designer__edge.secondary-surface:not(.axp-workflow-designer__edge--active){stroke:rgb(var(--ax-sys-color-secondary-500))}.axp-workflow-designer .axp-workflow-designer__edge.success-surface:not(.axp-workflow-designer__edge--active){stroke:rgb(var(--ax-sys-color-success-500))}.axp-workflow-designer .axp-workflow-designer__edge.warning-surface:not(.axp-workflow-designer__edge--active){stroke:rgb(var(--ax-sys-color-warning-500))}.axp-workflow-designer .axp-workflow-designer__edge.danger-surface:not(.axp-workflow-designer__edge--active){stroke:rgb(var(--ax-sys-color-danger-500))}.axp-workflow-designer .axp-workflow-designer__edge--active{stroke:rgb(var(--ax-sys-color-primary-500));stroke-dasharray:2}.axp-workflow-designer .axp-workflow-designer__edge-preview{pointer-events:none;stroke:rgb(var(--ax-sys-color-primary-400));stroke-width:2;stroke-dasharray:6 4}.axp-workflow-designer .axp-workflow-designer__port-label-svg,.axp-workflow-designer .axp-workflow-designer__edge-label-svg{fill:rgb(var(--ax-sys-color-on-surface));font-size:10px;font-weight:600;dominant-baseline:middle;pointer-events:none;paint-order:stroke;stroke:rgb(var(--ax-sys-color-surface));stroke-width:4px;stroke-linejoin:round}.axp-workflow-designer .axp-workflow-designer__arrow-head{fill:rgb(var(--ax-sys-color-neutral-500))}.axp-workflow-designer .axp-workflow-designer__connector-actions{position:absolute;display:flex;align-items:center;justify-content:center;z-index:4}.axp-workflow-designer .axp-workflow-designer__icon-btn{border-radius:999px;user-select:none;-webkit-user-select:none}.axp-workflow-designer .axp-workflow-designer__node{position:absolute;box-sizing:border-box;z-index:2;user-select:none;-webkit-user-select:none}.axp-workflow-designer .axp-workflow-designer__node.axp-workflow-designer__node--active .axp-workflow-designer__node-shape{border:2px dotted rgb(var(--ax-sys-color-primary-500))}.axp-workflow-designer .axp-workflow-designer__node.axp-workflow-designer__node--highlighted .axp-workflow-designer__node-shape{border:2px solid rgb(var(--ax-sys-color-primary-500));box-shadow:0 0 0 3px rgb(var(--ax-sys-color-primary-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape{position:absolute;inset:0;box-sizing:border-box;overflow:visible;background:rgb(var(--ax-sys-color-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-primary-surface{background:rgb(var(--ax-sys-color-primary-surface));color:rgb(var(--ax-sys-color-on-primary-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-secondary-surface{background:rgb(var(--ax-sys-color-secondary-surface));color:rgb(var(--ax-sys-color-on-secondary-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-success-surface{background:rgb(var(--ax-sys-color-success-surface));color:rgb(var(--ax-sys-color-on-success-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-warning-surface{background:rgb(var(--ax-sys-color-warning-surface));color:rgb(var(--ax-sys-color-on-warning-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-danger-surface{background:rgb(var(--ax-sys-color-danger-surface));color:rgb(var(--ax-sys-color-on-danger-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-primary-border{border:2px solid rgb(var(--ax-sys-color-border-primary-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-secondary-border{border:2px solid rgb(var(--ax-sys-color-border-secondary-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-success-border{border:2px solid rgb(var(--ax-sys-color-border-success-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-warning-border{border:2px solid rgb(var(--ax-sys-color-border-warning-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape.axp-danger-border{border:2px solid rgb(var(--ax-sys-color-border-danger-surface))}.axp-workflow-designer .axp-workflow-designer__node-shape--rectangle{border-radius:4px}.axp-workflow-designer .axp-workflow-designer__node-shape--rounded-rectangle{border-radius:14px}.axp-workflow-designer .axp-workflow-designer__node-shape--circle,.axp-workflow-designer .axp-workflow-designer__node-shape--ellipse{border-radius:50%}.axp-workflow-designer .axp-workflow-designer__node-shape--diamond{border-radius:0;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.axp-workflow-designer .axp-workflow-designer__node-body{position:absolute;inset:0;display:flex;cursor:grab;align-items:center;justify-content:center;padding:8px 12px;touch-action:none;user-select:none;-webkit-user-select:none}.axp-workflow-designer .axp-workflow-designer__node-default{display:flex;min-width:0px;align-items:center;gap:8px}.axp-workflow-designer .axp-workflow-designer__node-default-icon{flex-shrink:0}.axp-workflow-designer .axp-workflow-designer__node-default-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm, .875rem);line-height:var(--tw-leading, var(--text-sm--line-height, calc(1.25 / .875)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600)}.axp-workflow-designer .axp-workflow-designer__port-cluster{pointer-events:none;position:absolute;overflow:visible;width:0;height:0;transform:translate(-50%,-50%);z-index:3}.axp-workflow-designer .axp-workflow-designer__port{position:absolute;flex-shrink:0;cursor:crosshair;border-radius:calc(infinity * 1px);left:50%;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;padding:0;border:1px solid rgb(var(--ax-sys-color-surface));touch-action:none;pointer-events:auto;transition:transform .12s ease}.axp-workflow-designer .axp-workflow-designer__port:disabled{opacity:.45;cursor:not-allowed}.axp-workflow-designer .axp-workflow-designer__port--inbound{background:rgb(var(--ax-sys-color-success-500))}.axp-workflow-designer .axp-workflow-designer__port--outbound{background:rgb(var(--ax-sys-color-primary-500))}.axp-workflow-designer .axp-workflow-designer__port--active{box-shadow:0 0 0 3px #3b82f659}.axp-workflow-designer .axp-workflow-designer__port--link-hover{border:1px solid rgb(var(--ax-sys-color-primary-500));transform:translate(-50%,-50%) scale(1.12)}.axp-workflow-designer .axp-workflow-designer__port--disabled{opacity:.45;cursor:not-allowed}.axp-workflow-designer .axp-workflow-designer__resize{position:absolute;border-radius:calc(infinity * 1px);width:7px;height:7px;background:rgb(var(--ax-sys-color-primary-500));border:1px solid rgb(var(--ax-sys-color-surface));z-index:4;touch-action:none;user-select:none;-webkit-user-select:none}.axp-workflow-designer .axp-workflow-designer__resize--nw{left:-6px;top:-6px;cursor:nwse-resize}.axp-workflow-designer .axp-workflow-designer__resize--ne{right:-6px;top:-6px;cursor:nesw-resize}.axp-workflow-designer .axp-workflow-designer__resize--sw{left:-6px;bottom:-6px;cursor:nesw-resize}.axp-workflow-designer .axp-workflow-designer__resize--se{right:-6px;bottom:-6px;cursor:nwse-resize}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+        }], ctorParameters: () => [], propDecorators: { model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: true }] }], modelChange: [{ type: i0.Output, args: ["modelChange"] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], highlightedNodeIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightedNodeIds", required: false }] }], gridSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridSize", required: false }] }], snapToGrid: [{ type: i0.Input, args: [{ isSignal: true, alias: "snapToGrid", required: false }] }], connectionPreviewStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "connectionPreviewStyle", required: false }] }], connectorStub: [{ type: i0.Input, args: [{ isSignal: true, alias: "connectorStub", required: false }] }], backgroundPattern: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundPattern", required: false }] }], zoomChange: [{ type: i0.Output, args: ["zoomChange"] }], canConnect: [{ type: i0.Input, args: [{ isSignal: true, alias: "canConnect", required: false }] }], paletteItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "paletteItems", required: false }] }], showPortLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPortLabels", required: false }] }], showPorts: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPorts", required: false }] }], showConnectorLabels: [{ type: i0.Input, args: [{ isSignal: true, alias: "showConnectorLabels", required: false }] }], canvasPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "canvasPadding", required: false }] }], minCanvasSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "minCanvasSize", required: false }] }], nodeBodyTemplate: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodeBodyTemplate", required: false }] }], designerPointerDown: [{ type: i0.Output, args: ["designerPointerDown"] }], designerClick: [{ type: i0.Output, args: ["designerClick"] }], designerDoubleClick: [{ type: i0.Output, args: ["designerDoubleClick"] }], nodePointerDown: [{ type: i0.Output, args: ["nodePointerDown"] }], nodeClick: [{ type: i0.Output, args: ["nodeClick"] }], nodeDoubleClick: [{ type: i0.Output, args: ["nodeDoubleClick"] }], nodeContextMenu: [{ type: i0.Output, args: ["nodeContextMenu"] }], nodeDragStart: [{ type: i0.Output, args: ["nodeDragStart"] }], nodeDragEnd: [{ type: i0.Output, args: ["nodeDragEnd"] }], portPointerDown: [{ type: i0.Output, args: ["portPointerDown"] }], linkDragStart: [{ type: i0.Output, args: ["linkDragStart"] }], linkDragMove: [{ type: i0.Output, args: ["linkDragMove"] }], linkDragEnd: [{ type: i0.Output, args: ["linkDragEnd"] }], connectorClick: [{ type: i0.Output, args: ["connectorClick"] }], connectorDoubleClick: [{ type: i0.Output, args: ["connectorDoubleClick"] }], connectionCreated: [{ type: i0.Output, args: ["connectionCreated"] }], connectionRejected: [{ type: i0.Output, args: ["connectionRejected"] }], activationChange: [{ type: i0.Output, args: ["activationChange"] }], surfaceRef: [{ type: i0.ViewChild, args: ['surface', { isSignal: true }] }], panViewRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXPanViewDirective), { isSignal: true }] }] } });
 
 /**
  * Makes any host element a draggable palette source. Set `[axpWorkflowPaletteItem]="item"` and optional outputs.
@@ -4753,5 +5117,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXPMenuManagementService as A, snapPoint as B, snapScalar as C, REST_API_GENERATOR_WIDGET_NAME as R, REST_API_GENERATOR_IMPORT_DEBOUNCE_MS as a, AXMPlatformManagementModule as b, createEmptyRestApiOutput as c, AXPWorkflowDesignerComponent as d, AXPWorkflowPaletteItemDragDirective as e, formatRestApiSummary as f, AXP_WORKFLOW_PALETTE_MIME as g, hasParsedContent as h, arrangeWorkflowDiagram as i, cloneDiagram as j, connectorPath as k, createNodeFromPaletteItem as l, createPortsFromPalette as m, normalizeRestApiOutput as n, createWorkflowConnectorId as o, parseHttpRequest as p, createWorkflowNodeId as q, createWorkflowPortId as r, defaultCanConnectRequest as s, findConnector as t, findNode as u, findPort as v, parsePaletteItemDragPayload as w, portAnchorOnNode as x, portCanvasPosition as y, routeOrthogonalConnector as z };
-//# sourceMappingURL=acorex-platform-module-platform-management-client-acorex-platform-module-platform-management-client-BGVhn6wv.mjs.map
+export { AXPMenuManagementService as A, findPort as B, CREATE_USER_QUERY_I18N as C, longestConnectorSegment as D, offsetPointOffSegment as E, parsePaletteItemDragPayload as F, portAnchorOnNode as G, portCanvasPosition as H, routeOrthogonalConnector as I, snapPoint as J, snapScalar as K, QUERY_CONTRACT_WIDGET_NAME as Q, REST_API_GENERATOR_WIDGET_NAME as R, USER_QUERY_KIND_OPTIONS as U, CREATE_USER_QUERY_WIZARD_NAME as a, CREATE_USER_QUERY_ENTITY_CATALOG as b, createEmptyRestApiOutput as c, USER_QUERY_VALUE_TYPE_OPTIONS as d, USER_QUERY_MEASURE_REDUCER_OPTIONS as e, REST_API_GENERATOR_IMPORT_DEBOUNCE_MS as f, formatRestApiSummary as g, hasParsedContent as h, AXMPlatformManagementModule as i, AXPWorkflowDesignerComponent as j, AXPWorkflowPaletteItemDragDirective as k, AXP_WORKFLOW_PALETTE_MIME as l, arrangeWorkflowDiagram as m, normalizeRestApiOutput as n, cloneDiagram as o, parseHttpRequest as p, connectorPath as q, connectorRoutePoints as r, createNodeFromPaletteItem as s, createPortsFromPalette as t, createWorkflowConnectorId as u, createWorkflowNodeId as v, createWorkflowPortId as w, defaultCanConnectRequest as x, findConnector as y, findNode as z };
+//# sourceMappingURL=acorex-platform-module-platform-management-client-acorex-platform-module-platform-management-client-YuJijjKh.mjs.map