@valtimo/process-link 13.12.0 → 13.14.0

package/fesm2022/valtimo-process-link.mjs

@@ -1,33 +1,369 @@
 import * as i0 from '@angular/core';
 import { Injectable, InjectionToken, Optional, Inject, Component, EventEmitter, Output, Input, ViewChild, ChangeDetectionStrategy, NgModule, ViewContainerRef } from '@angular/core';
-import * as i2 from '@valtimo/shared';
-import { BaseApiService, getCaseManagementRouteParams, ROLE_ADMIN } from '@valtimo/shared';
-import * as i1 from '@angular/common/http';
-import { HttpParams, HttpHeaders } from '@angular/common/http';
-import { BehaviorSubject, Subject, switchMap, of, combineLatest, map as map$1, filter, Subscription, startWith, mergeMap, tap, take as take$1 } from 'rxjs';
-import { map, take, switchMap as switchMap$1, tap as tap$1 } from 'rxjs/operators';
+import { catchError, of, BehaviorSubject, combineLatest, map, Subject, switchMap, filter, Subscription, startWith, mergeMap, tap, withLatestFrom as withLatestFrom$1, take as take$1, shareReplay, distinctUntilChanged } from 'rxjs';
+import * as i2 from '@angular/common/http';
+import { HttpHeaders, HttpParams } from '@angular/common/http';
+import * as i1 from '@valtimo/shared';
+import { BaseApiService, InterceptorSkip, getCaseManagementRouteParams, getBuildingBlockManagementRouteParams, ROLE_ADMIN } from '@valtimo/shared';
+import { map as map$1, take, switchMap as switchMap$1, withLatestFrom, filter as filter$1, catchError as catchError$1, tap as tap$1 } from 'rxjs/operators';
 import * as i1$1 from '@valtimo/plugin';
 import { PluginTranslatePipeModule, PluginConfigurationContainerModule } from '@valtimo/plugin';
-import * as i2$1 from '@ngx-translate/core';
+import * as i3 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
-import * as i3 from '@angular/common';
+import * as i3$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i4 from 'carbon-components-angular';
-import { ModalModule as ModalModule$1, ProgressIndicatorModule, ButtonModule, IconModule, ComboBoxModule, InputModule, LoadingModule, StructuredListModule, TilesModule, SelectModule, ToggleModule, LayerModule, ToggletipModule } from 'carbon-components-angular';
+import * as i3$2 from 'carbon-components-angular';
+import { ComboBoxModule, RadioModule, InputModule, ButtonModule, IconModule, LayerModule, ModalModule as ModalModule$1, ProgressIndicatorModule, LoadingModule, StructuredListModule, TilesModule, SelectModule as SelectModule$1, ToggleModule, ToggletipModule, NotificationModule } from 'carbon-components-angular';
 import * as i1$2 from '@angular/forms';
-import { FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { FormControl, Validators, FormGroup, FormArray, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { Upload16 } from '@carbon/icons';
-import * as i2$2 from '@valtimo/components';
-import { FormioOptionsImpl, ModalModule, SearchableDropdownSelectModule, StepperModule, VModalModule, ParagraphModule, TooltipModule, TooltipIconModule, FormIoModule, ValtimoCdsModalDirective, RenderInPageHeaderDirective, CarbonMultiInputModule, RemoveClassnamesDirective } from '@valtimo/components';
+import * as i2$1 from '@valtimo/components';
+import { ValuePathSelectorPrefix, ValuePathSelectorComponent, InputLabelModule, SelectModule, FormioOptionsImpl, ModalModule, SearchableDropdownSelectModule, StepperModule, VModalModule, ParagraphModule, TooltipModule, TooltipIconModule, FormIoModule, ValtimoCdsModalDirective, RenderInPageHeaderDirective, CarbonMultiInputModule, RemoveClassnamesDirective } from '@valtimo/components';
 import * as i5 from 'carbon-components-angular/dropdown';
 import BpmnViewer from 'bpmn-js';
 import * as i1$3 from '@valtimo/process';
-import * as i3$1 from '@angular/router';
+import * as i3$3 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import { AuthGuardService } from '@valtimo/security';
 import * as i1$4 from '@valtimo/form';
 import * as i1$5 from '@valtimo/form-flow-management';
 
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ProcessLinkBuildingBlockApiService extends BaseApiService {
+    constructor(configService, httpClient) {
+        super(httpClient, configService);
+        this.configService = configService;
+        this.httpClient = httpClient;
+    }
+    getVersionsForBuildingBlock(key, page = 0, size = 5, all = false) {
+        const allParam = all ? 'all=true' : '';
+        return this.httpClient.get(this.getApiUrl(`management/v1/building-block/${key}/version?page=${page}&size=${size}${allParam}`));
+    }
+    getPluginDefinitionsForBuildingBlock(key, versionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/plugin`));
+    }
+    getFieldsForBuildingBlock(key, versionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/fields`));
+    }
+    getBuildingBlockDefinitions(options) {
+        return this.httpClient
+            .get(this.getApiUrl('management/v1/building-block'), {
+            params: options,
+            headers: new HttpHeaders().set(InterceptorSkip, '404'),
+        })
+            .pipe(catchError((error) => {
+            if (error.status === 404)
+                return of([]);
+            throw error;
+        }));
+    }
+    getMainProcessDefinitionKeyForBuildingBlock(key, versionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/process-definition/main/key`), {
+            responseType: 'text',
+        });
+    }
+    isBuildingBlockProcess(processDefinitionId) {
+        return this.httpClient
+            .get(this.getApiUrl(`management/v1/building-block/process-definition/${processDefinitionId}/is-building-block`))
+            .pipe(catchError(() => of(false)));
+    }
+    getBuildingBlockDefinition(key, versionTag) {
+        return this.httpClient
+            .get(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}`), {
+            headers: new HttpHeaders().set(InterceptorSkip, '404'),
+        })
+            .pipe(catchError(() => of(null)));
+    }
+    getCaseDefinition(key, versionTag) {
+        return this.httpClient
+            .get(this.getApiUrl(`management/v1/case-definition/${key}/version/${versionTag}`), {
+            headers: new HttpHeaders().set(InterceptorSkip, '404'),
+        })
+            .pipe(catchError(() => of(null)));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkBuildingBlockApiService, deps: [{ token: i1.ConfigService }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkBuildingBlockApiService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkBuildingBlockApiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.ConfigService }, { type: i2.HttpClient }] });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class BuildingBlockStateService {
+    constructor(processLinkBuildingBlockApiService) {
+        this.processLinkBuildingBlockApiService = processLinkBuildingBlockApiService;
+        this._definitionKey$ = new BehaviorSubject(null);
+        this._definitionVersionTag$ = new BehaviorSubject(null);
+        this._versions$ = new BehaviorSubject([]);
+        this._requiredPluginKeys$ = new BehaviorSubject([]);
+        this._pluginMappings$ = new BehaviorSubject({});
+        this._buildingBlockFields$ = new BehaviorSubject([]);
+        this._inputMappings$ = new BehaviorSubject([]);
+        this._outputMappings$ = new BehaviorSubject([]);
+        this._loadingRequirements$ = new BehaviorSubject(false);
+        this._loadingFields$ = new BehaviorSubject(false);
+        this._pluginDependencies$ = new BehaviorSubject([]);
+        this._isNestedBuildingBlock$ = new BehaviorSubject(false);
+    }
+    get definitionKey$() {
+        return this._definitionKey$.asObservable();
+    }
+    get definitionVersionTag$() {
+        return this._definitionVersionTag$.asObservable();
+    }
+    get versions$() {
+        return this._versions$.asObservable();
+    }
+    get requiredPluginKeys$() {
+        return this._requiredPluginKeys$.asObservable();
+    }
+    get pluginMappings$() {
+        return this._pluginMappings$.asObservable();
+    }
+    get buildingBlockFields$() {
+        return this._buildingBlockFields$.asObservable();
+    }
+    get inputMappings$() {
+        return this._inputMappings$.asObservable();
+    }
+    get outputMappings$() {
+        return this._outputMappings$.asObservable();
+    }
+    get requirementsLoading$() {
+        return this._loadingRequirements$.asObservable();
+    }
+    get fieldsLoading$() {
+        return this._loadingFields$.asObservable();
+    }
+    get pluginDependencies$() {
+        return this._pluginDependencies$.asObservable();
+    }
+    get isNestedBuildingBlock$() {
+        return this._isNestedBuildingBlock$.asObservable();
+    }
+    setIsNestedBuildingBlock(isNested) {
+        this._isNestedBuildingBlock$.next(isNested);
+    }
+    get mappingsComplete$() {
+        return combineLatest([
+            this.requiredPluginKeys$,
+            this.pluginMappings$,
+            this.definitionVersionTag$,
+            this.isNestedBuildingBlock$,
+        ]).pipe(map(([keys, mappings, version, isNested]) => !!version && (isNested || keys.every(key => !!mappings[key]))));
+    }
+    setDefinitionKey(key, initialVersionTag) {
+        this._definitionKey$.next(key);
+        this._definitionVersionTag$.next(null);
+        this._versions$.next([]);
+        this.clearPluginRequirements();
+        this.clearMappings();
+        this.clearFields();
+        this._versionSubscription?.unsubscribe();
+        if (!key)
+            return;
+        this._versionSubscription = this.processLinkBuildingBlockApiService
+            .getVersionsForBuildingBlock(key)
+            .subscribe({
+            next: versions => {
+                this._versions$.next(versions.content.map(version => {
+                    return version.versionTag;
+                }) ?? []);
+                if (initialVersionTag) {
+                    this.setDefinitionVersionTag(initialVersionTag, true);
+                }
+            },
+            error: () => {
+                this._versions$.next([]);
+            },
+        });
+    }
+    setProcessLink(processLink) {
+        if (!processLink) {
+            this.reset();
+            return;
+        }
+        if (processLink.processLinkType === 'building-block') {
+            this.setDefinitionKey(processLink.buildingBlockDefinitionKey ?? null, processLink.buildingBlockDefinitionVersionTag ?? undefined);
+            this.setPluginConfigurationMappings(processLink.pluginConfigurationMappings);
+            this.setInputMappings(processLink.inputMappings ?? []);
+            this.setOutputMappings(processLink.outputMappings ?? []);
+        }
+        else {
+            this.reset();
+        }
+    }
+    setDefinitionVersionTag(versionTag, preserveMappings = false) {
+        this._definitionVersionTag$.next(versionTag);
+        this.clearPluginRequirements({ preserveMappings });
+        this.clearFields();
+        this.clearMappings({ preserveMappings });
+        const key = this._definitionKey$.getValue();
+        if (key && versionTag) {
+            this.loadPluginRequirements(key, versionTag);
+            this.loadFields(key, versionTag);
+        }
+    }
+    setPluginConfigurationMapping(pluginDefinitionKey, configurationId) {
+        const current = this._pluginMappings$.getValue();
+        this._pluginMappings$.next({
+            ...current,
+            [pluginDefinitionKey]: configurationId,
+        });
+    }
+    setPluginConfigurationMappings(mappings) {
+        const normalized = {};
+        Object.entries(mappings ?? {}).forEach(([key, value]) => {
+            normalized[key] = value;
+        });
+        this._pluginMappings$.next(normalized);
+    }
+    setInputMappings(mappings) {
+        this._inputMappings$.next(mappings ?? []);
+    }
+    setOutputMappings(mappings) {
+        this._outputMappings$.next(mappings ?? []);
+    }
+    getInputMappingsSnapshot() {
+        return [...this._inputMappings$.getValue()];
+    }
+    getOutputMappingsSnapshot() {
+        return [...this._outputMappings$.getValue()];
+    }
+    getPluginConfigurationMappingsSnapshot() {
+        return { ...this._pluginMappings$.getValue() };
+    }
+    getDefinitionSnapshot() {
+        return {
+            key: this._definitionKey$.getValue(),
+            versionTag: this._definitionVersionTag$.getValue(),
+        };
+    }
+    getBuildingBlockFieldsSnapshot() {
+        return [...this._buildingBlockFields$.getValue()];
+    }
+    reset() {
+        this._definitionKey$.next(null);
+        this._definitionVersionTag$.next(null);
+        this._versions$.next([]);
+        this._pluginMappings$.next({});
+        this._isNestedBuildingBlock$.next(false);
+        this.clearFields();
+        this.clearMappings();
+        this.clearPluginRequirements();
+    }
+    ngOnDestroy() {
+        this._versionSubscription?.unsubscribe();
+        this._requirementsSubscription?.unsubscribe();
+        this._fieldsSubscription?.unsubscribe();
+    }
+    loadPluginRequirements(key, versionTag) {
+        this._loadingRequirements$.next(true);
+        this._requirementsSubscription?.unsubscribe();
+        this._requirementsSubscription = this.processLinkBuildingBlockApiService
+            .getPluginDefinitionsForBuildingBlock(key, versionTag)
+            .subscribe({
+            next: res => {
+                const plugins = res?.plugins ?? [];
+                const pluginKeys = plugins.map(plugin => plugin.pluginDefinitionKey).filter(Boolean);
+                const dependencies = Array.from(new Set(plugins.flatMap(p => p.dependencies ?? []).map(d => d.key)));
+                this.applyPluginKeys(pluginKeys ?? []);
+                this._pluginDependencies$.next(dependencies);
+                this._loadingRequirements$.next(false);
+            },
+            error: () => {
+                this.applyPluginKeys([]);
+                this._pluginDependencies$.next([]);
+                this._loadingRequirements$.next(false);
+            },
+        });
+    }
+    applyPluginKeys(pluginKeys) {
+        const currentMappings = this._pluginMappings$.getValue();
+        const normalized = {};
+        pluginKeys.forEach(key => {
+            normalized[key] = currentMappings[key] ?? null;
+        });
+        this._requiredPluginKeys$.next(pluginKeys);
+        this._pluginMappings$.next(normalized);
+    }
+    loadFields(key, versionTag) {
+        this._loadingFields$.next(true);
+        this._fieldsSubscription?.unsubscribe();
+        this._fieldsSubscription = this.processLinkBuildingBlockApiService
+            .getFieldsForBuildingBlock(key, versionTag)
+            .subscribe({
+            next: fields => {
+                this._buildingBlockFields$.next(fields ?? []);
+                this._loadingFields$.next(false);
+            },
+            error: () => {
+                this._buildingBlockFields$.next([]);
+                this._loadingFields$.next(false);
+            },
+        });
+    }
+    clearPluginRequirements(options = {}) {
+        this._requirementsSubscription?.unsubscribe();
+        this._requiredPluginKeys$.next([]);
+        if (!options.preserveMappings) {
+            this._pluginMappings$.next({});
+        }
+        this._loadingRequirements$.next(false);
+    }
+    clearFields() {
+        this._fieldsSubscription?.unsubscribe();
+        this._buildingBlockFields$.next([]);
+        this._loadingFields$.next(false);
+    }
+    clearMappings(options = {}) {
+        if (options.preserveMappings) {
+            return;
+        }
+        this._inputMappings$.next([]);
+        this._outputMappings$.next([]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockStateService, deps: [{ token: ProcessLinkBuildingBlockApiService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockStateService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockStateService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: ProcessLinkBuildingBlockApiService }] });
+
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
@@ -70,15 +406,15 @@ class FormFlowService extends BaseApiService {
     navigateToStep(instanceId, currentStepInstanceId, targetStepInstanceId, submissionData) {
         return this.httpClient.post(this.getApiUrl(`v1/form-flow/instance/${instanceId}/step/instance/${currentStepInstanceId}/to/step/instance/${targetStepInstanceId}`), submissionData);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormFlowService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormFlowService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FormFlowService, deps: [{ token: i2.HttpClient }, { token: i1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FormFlowService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormFlowService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FormFlowService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ConfigService }] });
+        }], ctorParameters: () => [{ type: i2.HttpClient }, { type: i1.ConfigService }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -118,17 +454,22 @@ class PluginStateService {
         return this._save$.asObservable();
     }
     get functionKey$() {
-        return this._selectedProcessLink$.pipe(switchMap(processLink => !processLink
-            ? this._selectedPluginFunction$.pipe(map(pluginFunction => pluginFunction?.key))
-            : of(processLink?.pluginActionDefinitionKey)));
+        // Prioritize user-selected function, fall back to process link's saved action
+        return this._selectedPluginFunction$.pipe(map$1(pluginFunction => pluginFunction?.key));
     }
     get pluginDefinitionKey$() {
         return this._selectedProcessLink$.pipe(switchMap(selectedProcesLink => !selectedProcesLink
-            ? this._selectedPluginConfiguration$.pipe(map(configuration => configuration?.pluginDefinition.key))
+            ? combineLatest([
+                this._selectedPluginConfiguration$,
+                this._selectedPluginDefinition$,
+            ]).pipe(map$1(([configuration, definition]) => configuration?.pluginDefinition.key || definition?.key))
             : combineLatest([
                 this._selectedProcessLink$,
                 this.pluginService.pluginSpecifications$,
-            ]).pipe(map(([processLink, pluginSpecifications]) => {
+            ]).pipe(map$1(([processLink, pluginSpecifications]) => {
+                if (processLink?.pluginDefinitionKey) {
+                    return processLink.pluginDefinitionKey;
+                }
                 const pluginSpecification = pluginSpecifications.find(specification => {
                     const functionKeys = specification?.functionConfigurationComponents &&
                         Object.keys(specification.functionConfigurationComponents);
@@ -148,6 +489,60 @@ class PluginStateService {
     }
     selectProcessLink(processLink) {
         this._selectedProcessLink$.next(processLink);
+        // When editing a plugin process link, populate the plugin definition
+        if (processLink?.processLinkType === 'plugin') {
+            this.loadPluginDefinitionForProcessLink(processLink);
+        }
+    }
+    loadPluginDefinitionForProcessLink(processLink) {
+        // Get the plugin definition key - either directly or from plugin specifications
+        this.getPluginDefinitionKeyForProcessLink(processLink)
+            .pipe(take(1))
+            .subscribe(pluginDefinitionKey => {
+            if (pluginDefinitionKey) {
+                // Fetch all plugin definitions and find the one matching the key
+                this.pluginManagementService
+                    .getPluginDefinitions()
+                    .pipe(take(1), map$1(definitions => definitions.find(d => d.key === pluginDefinitionKey)))
+                    .subscribe(definition => {
+                    if (definition) {
+                        this._selectedPluginDefinition$.next(definition);
+                        // Also set the selected function if available
+                        if (processLink.pluginActionDefinitionKey) {
+                            this._selectedPluginFunction$.next({
+                                key: processLink.pluginActionDefinitionKey,
+                            });
+                        }
+                    }
+                });
+            }
+        });
+        // Load and set the plugin configuration if available
+        if (processLink.pluginConfigurationId) {
+            this.pluginManagementService
+                .getAllPluginConfigurations()
+                .pipe(take(1), map$1(configs => configs.find(c => c.id === processLink.pluginConfigurationId)))
+                .subscribe(configuration => {
+                if (configuration) {
+                    this._selectedPluginConfiguration$.next(configuration);
+                }
+            });
+        }
+    }
+    getPluginDefinitionKeyForProcessLink(processLink) {
+        // If the key is directly available, use it
+        if (processLink.pluginDefinitionKey) {
+            return of(processLink.pluginDefinitionKey);
+        }
+        // Otherwise, derive it from plugin specifications using the action key
+        return this.pluginService.pluginSpecifications$.pipe(map$1(pluginSpecifications => {
+            const pluginSpecification = pluginSpecifications.find(specification => {
+                const functionKeys = specification?.functionConfigurationComponents &&
+                    Object.keys(specification.functionConfigurationComponents);
+                return functionKeys?.includes(processLink.pluginActionDefinitionKey);
+            });
+            return pluginSpecification?.pluginId;
+        }));
     }
     deselectProcessLink() {
         this._selectedProcessLink$.next(undefined);
@@ -155,10 +550,10 @@ class PluginStateService {
     save() {
         this._save$.next(null);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginStateService, deps: [{ token: i1$1.PluginManagementService }, { token: i1$1.PluginService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginStateService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PluginStateService, deps: [{ token: i1$1.PluginManagementService }, { token: i1$1.PluginService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PluginStateService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginStateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PluginStateService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -189,7 +584,7 @@ class ProcessLinkService {
     getTasksWithProcessLinks(processInstanceId) {
         return this.http
             .get(`${this.VALTIMO_ENDPOINT_URI}v1/process/${processInstanceId}/tasks/process-link`, {})
-            .pipe(map$1(res => res || []));
+            .pipe(map(res => res || []));
     }
     getProcessLink(getProcessLinkRequest) {
         var params = new HttpParams().set('processDefinitionId', getProcessLinkRequest.processDefinitionId);
@@ -199,15 +594,6 @@ class ProcessLinkService {
             params,
         });
     }
-    updateProcessLink(updateProcessLinkRequest) {
-        return this.http.put(`${this.VALTIMO_ENDPOINT_URI}v1/process-link`, this.emptyStringToNull(updateProcessLinkRequest));
-    }
-    saveProcessLink(saveProcessLinkRequest) {
-        return this.http.post(`${this.VALTIMO_ENDPOINT_URI}v1/process-link`, this.emptyStringToNull(saveProcessLinkRequest));
-    }
-    deleteProcessLink(id) {
-        return this.http.delete(`${this.VALTIMO_ENDPOINT_URI}v1/process-link/${id}`);
-    }
     getProcessLinkCandidates(activityType) {
         return this.http.get(`${this.VALTIMO_ENDPOINT_URI}v1/process-link/types?activityType=${activityType}`);
     }
@@ -233,6 +619,21 @@ class ProcessLinkService {
         formData.append('startableByUser', String(startableByUser));
         return this.http.post(`${this.VALTIMO_ENDPOINT_URI}management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/process-definition`, formData);
     }
+    deployProcessWithProcessLinksForBuildingBlock(processLinks = [], processDefinitionId, processXml, buildingBlockKey, buildingBlockVersionTag, replace = false) {
+        const formData = new FormData();
+        const processLinksBlob = new Blob([JSON.stringify(processLinks.map(processLink => this.emptyStringToNull(processLink)))], { type: 'application/json' });
+        if (processXml) {
+            formData.append('file', new File([processXml], `${buildingBlockKey}-${buildingBlockVersionTag}.bpmn`));
+        }
+        if (processDefinitionId) {
+            formData.append('processDefinitionId', processDefinitionId);
+        }
+        formData.append('processLinks', processLinksBlob);
+        return this.http.post(`${this.VALTIMO_ENDPOINT_URI}management/v1/building-block/${buildingBlockKey}/version/${buildingBlockVersionTag}/process-definition/${processDefinitionId}`, formData, {
+            headers: new HttpHeaders().set(InterceptorSkip, '409'),
+            params: replace ? new HttpParams().set('replace', 'true') : undefined,
+        });
+    }
     submitForm(processLinkId, formData, documentId, taskInstanceId, documentDefinitionName) {
         let params = new HttpParams();
         if (documentId) {
@@ -288,85 +689,15 @@ class ProcessLinkService {
         }
         return object;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkService, deps: [{ token: i2.ConfigService }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkService, deps: [{ token: i1.ConfigService }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i2.ConfigService }, { type: i1.HttpClient }] });
-
-/*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-var ProcessLinkEditMode;
-(function (ProcessLinkEditMode) {
-    ProcessLinkEditMode[ProcessLinkEditMode["SAVE_TO_BACKEND"] = 0] = "SAVE_TO_BACKEND";
-    ProcessLinkEditMode[ProcessLinkEditMode["EMIT_EVENTS"] = 1] = "EMIT_EVENTS";
-})(ProcessLinkEditMode || (ProcessLinkEditMode = {}));
-
-/*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
+        }], ctorParameters: () => [{ type: i1.ConfigService }, { type: i2.HttpClient }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -407,6 +738,7 @@ const formSizeToCarbonModalSizeMap = {
     medium: 'md',
     large: 'lg',
 };
+const UNSUPPORTED_PROCESS_LINK_TYPES_IN_BUILDING_BLOCK = ['form', 'form-flow', 'ui-component'];
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -520,10 +852,10 @@ class ProcessLinkButtonService {
         this.hideNextButton();
         this.disableNextButton();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkButtonService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkButtonService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkButtonService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkButtonService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -551,7 +883,7 @@ class ProcessLinkStepService {
             this._steps$,
             this._disableSteps$,
             this.translateService.stream('key'),
-        ]).pipe(filter(([steps]) => !!steps), map$1(([steps, disableSteps]) => steps.map(step => ({
+        ]).pipe(filter(([steps]) => !!steps), map(([steps, disableSteps]) => steps.map(step => ({
             ...step,
             disabled: disableSteps,
             label: this.translateService.instant(`processLinkSteps.${step.label}`),
@@ -564,7 +896,7 @@ class ProcessLinkStepService {
         return this._currentStepIndex$.asObservable();
     }
     get currentStepId$() {
-        return combineLatest([this._steps$, this.currentStepIndex$]).pipe(filter(([steps, currentStepIndex]) => !!steps && typeof currentStepIndex === 'number'), map$1(([steps, currentStepIndex]) => steps.length > 0 ? steps[currentStepIndex]?.label : ''));
+        return combineLatest([this._steps$, this.currentStepIndex$]).pipe(filter(([steps, currentStepIndex]) => !!steps && typeof currentStepIndex === 'number'), map(([steps, currentStepIndex]) => steps.length > 0 ? steps[currentStepIndex]?.label : ''));
     }
     get hasOneProcessLinkType$() {
         return this._hasOneProcessLinkType$.asObservable();
@@ -578,6 +910,7 @@ class ProcessLinkStepService {
         this._currentStepIndex$ = new BehaviorSubject(0);
         this._disableSteps$ = new BehaviorSubject(false);
         this._hasOneProcessLinkType$ = new BehaviorSubject(false);
+        this._context = 'independent';
     }
     reset() {
         this._currentStepIndex$.next(0);
@@ -618,17 +951,19 @@ class ProcessLinkStepService {
         this._currentStepIndex$.next(0);
     }
     setChoosePluginConfigurationSteps() {
+        const selectionLabel = this._context === 'buildingBlock' ? 'choosePluginDefinition' : 'choosePluginConfiguration';
         this._steps$.next([
             { label: 'chooseProcessLinkType', secondaryLabel: 'processLinkType.plugin' },
-            { label: 'choosePluginConfiguration' },
+            { label: selectionLabel },
             { label: 'choosePluginAction', disabled: true },
             { label: 'configurePluginAction', disabled: true },
         ]);
         this._currentStepIndex$.next(1);
     }
     setSingleChoosePluginConfigurationSteps() {
+        const selectionLabel = this._context === 'buildingBlock' ? 'choosePluginDefinition' : 'choosePluginConfiguration';
         this._steps$.next([
-            { label: 'choosePluginConfiguration' },
+            { label: selectionLabel },
             { label: 'choosePluginAction', disabled: true },
             { label: 'configurePluginAction', disabled: true },
         ]);
@@ -638,12 +973,17 @@ class ProcessLinkStepService {
         combineLatest([
             this._hasOneProcessLinkType$,
             this.pluginStateService.selectedPluginConfiguration$,
+            this.pluginStateService.selectedPluginDefinition$,
         ])
             .pipe(take(1))
-            .subscribe(([hasOneType, selectedConfiguration]) => {
+            .subscribe(([hasOneType, selectedConfiguration, selectedDefinition]) => {
+            const selectionLabel = this._context === 'buildingBlock'
+                ? 'choosePluginDefinition'
+                : 'choosePluginConfiguration';
+            const selectedPluginLabel = this.getSelectedPluginLabel(selectedConfiguration, selectedDefinition);
             if (hasOneType) {
                 this._steps$.next([
-                    { label: 'choosePluginConfiguration', secondaryLabel: selectedConfiguration.title },
+                    { label: selectionLabel, secondaryLabel: selectedPluginLabel },
                     { label: 'choosePluginAction' },
                     { label: 'configurePluginAction', disabled: true },
                 ]);
@@ -656,7 +996,7 @@ class ProcessLinkStepService {
             else {
                 this._steps$.next([
                     { label: 'chooseProcessLinkType', secondaryLabel: 'processLinkType.plugin' },
-                    { label: 'choosePluginConfiguration', secondaryLabel: selectedConfiguration.title },
+                    { label: selectionLabel, secondaryLabel: selectedPluginLabel },
                     { label: 'choosePluginAction' },
                     { label: 'configurePluginAction', disabled: true },
                 ]);
@@ -673,13 +1013,21 @@ class ProcessLinkStepService {
             this._hasOneProcessLinkType$,
             this.pluginStateService.selectedPluginConfiguration$,
             this.pluginStateService.selectedPluginFunction$,
+            this.pluginStateService.selectedPluginDefinition$,
         ])
             .pipe(take(1))
-            .subscribe(([hasOneType, selectedConfiguration, selectedFunction]) => {
-            const selectedFunctionTranslation = this.pluginTranslateService.instant(selectedFunction.key, selectedConfiguration.pluginDefinition.key);
+            .subscribe(([hasOneType, selectedConfiguration, selectedFunction, selectedDefinition]) => {
+            const pluginKey = selectedDefinition?.key || selectedConfiguration?.pluginDefinition?.key || '';
+            const selectedFunctionTranslation = pluginKey
+                ? this.pluginTranslateService.instant(selectedFunction.key, pluginKey)
+                : selectedFunction.key;
+            const selectionLabel = this._context === 'buildingBlock'
+                ? 'choosePluginDefinition'
+                : 'choosePluginConfiguration';
+            const selectedPluginLabel = this.getSelectedPluginLabel(selectedConfiguration, selectedDefinition);
             if (hasOneType) {
                 this._steps$.next([
-                    { label: 'choosePluginConfiguration', secondaryLabel: selectedConfiguration.title },
+                    { label: selectionLabel, secondaryLabel: selectedPluginLabel },
                     { label: 'choosePluginAction', secondaryLabel: selectedFunctionTranslation },
                     { label: 'configurePluginAction' },
                 ]);
@@ -690,7 +1038,7 @@ class ProcessLinkStepService {
             else {
                 this._steps$.next([
                     { label: 'chooseProcessLinkType', secondaryLabel: 'processLinkType.plugin' },
-                    { label: 'choosePluginConfiguration', secondaryLabel: selectedConfiguration.title },
+                    { label: selectionLabel, secondaryLabel: selectedPluginLabel },
                     { label: 'choosePluginAction', secondaryLabel: selectedFunctionTranslation },
                     { label: 'configurePluginAction' },
                 ]);
@@ -700,6 +1048,72 @@ class ProcessLinkStepService {
             }
         });
     }
+    setBuildingBlockSteps() {
+        this._hasOneProcessLinkType$.pipe(take(1)).subscribe(hasOneType => {
+            this._steps$.next([
+                { label: 'chooseProcessLinkType', secondaryLabel: 'processLinkType.building-block' },
+                { label: 'selectBuildingBlock' },
+                { label: 'configureBuildingBlockPlugins', disabled: true },
+                { label: 'configureBuildingBlockMappings', disabled: true },
+            ]);
+            this._currentStepIndex$.next(hasOneType ? 0 : 1);
+            this.buttonService.showBackButton();
+            this.buttonService.showNextButton();
+            this.buttonService.hideSaveButton();
+            this.buttonService.disableNextButton();
+        });
+    }
+    setConfigureBuildingBlockPluginsStep(selectionLabel) {
+        this._hasOneProcessLinkType$.pipe(take(1)).subscribe(hasOneType => {
+            const steps = hasOneType
+                ? [
+                    { label: 'selectBuildingBlock', secondaryLabel: selectionLabel },
+                    { label: 'configureBuildingBlockPlugins' },
+                    { label: 'configureBuildingBlockMappings', disabled: true },
+                ]
+                : [
+                    { label: 'chooseProcessLinkType', secondaryLabel: 'processLinkType.building-block' },
+                    { label: 'selectBuildingBlock', secondaryLabel: selectionLabel },
+                    { label: 'configureBuildingBlockPlugins' },
+                    { label: 'configureBuildingBlockMappings', disabled: true },
+                ];
+            this._steps$.next(steps);
+            this._currentStepIndex$.next(hasOneType ? 1 : 2);
+            this.buttonService.showNextButton();
+            this.buttonService.hideSaveButton();
+            this.buttonService.disableNextButton();
+            this.buttonService.showBackButton();
+        });
+    }
+    setConfigureBuildingBlockMappingsStep(selectionLabel) {
+        this._hasOneProcessLinkType$.pipe(take(1)).subscribe(hasOneType => {
+            const steps = hasOneType
+                ? [
+                    { label: 'selectBuildingBlock', secondaryLabel: selectionLabel },
+                    { label: 'configureBuildingBlockPlugins' },
+                    { label: 'configureBuildingBlockMappings' },
+                ]
+                : [
+                    { label: 'chooseProcessLinkType', secondaryLabel: 'processLinkType.building-block' },
+                    { label: 'selectBuildingBlock', secondaryLabel: selectionLabel },
+                    { label: 'configureBuildingBlockPlugins' },
+                    { label: 'configureBuildingBlockMappings' },
+                ];
+            this._steps$.next(steps);
+            this._currentStepIndex$.next(hasOneType ? 2 : 3);
+            this.buttonService.hideNextButton();
+            this.buttonService.showSaveButton();
+            this.buttonService.disableSaveButton();
+            this.buttonService.showBackButton();
+        });
+    }
+    updateBuildingBlockSelectionStepLabel(label) {
+        const steps = this._steps$.getValue();
+        if (!steps?.length)
+            return;
+        const updatedSteps = steps.map(step => step.label === 'selectBuildingBlock' ? { ...step, secondaryLabel: label } : step);
+        this._steps$.next(updatedSteps);
+    }
     setURLSteps() {
         this._steps$.next([
             { label: 'chooseProcessLinkType', secondaryLabel: 'processLinkType.url' },
@@ -757,6 +1171,9 @@ class ProcessLinkStepService {
                     this.buttonService.showNextButton();
                 }
                 break;
+            case 'building-block':
+                this.setBuildingBlockSteps();
+                break;
             case 'url':
                 if (hasOneOption) {
                     this.setSingleURLStep();
@@ -784,15 +1201,133 @@ class ProcessLinkStepService {
         ]);
         this._currentStepIndex$.next(0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkStepService, deps: [{ token: i2$1.TranslateService }, { token: ProcessLinkButtonService }, { token: PluginStateService }, { token: i1$1.PluginTranslationService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkStepService, providedIn: 'root' }); }
+    getSelectedPluginLabel(selectedConfiguration, selectedDefinition) {
+        if (this._context === 'buildingBlock') {
+            const definitionKey = selectedDefinition?.key || selectedConfiguration?.pluginDefinition?.key;
+            return definitionKey ? this.pluginTranslateService.instant('title', definitionKey) : '';
+        }
+        return selectedConfiguration?.title || '';
+    }
+    setContext(context) {
+        this._context = context;
+    }
+    /**
+     * Initialize steps for editing an existing process link.
+     * Sets up configuration steps only (skipping type selection since type can't be changed).
+     * Navigates to the final step.
+     */
+    initializeEditModeSteps(processLinkType) {
+        switch (processLinkType) {
+            case 'form':
+                // Single step for form - just the form selection
+                this._steps$.next([{ label: 'selectForm' }]);
+                this._currentStepIndex$.next(0);
+                break;
+            case 'form-flow':
+                // Single step for form-flow - just the form flow selection
+                this._steps$.next([{ label: 'selectFormFlow' }]);
+                this._currentStepIndex$.next(0);
+                break;
+            case 'plugin':
+                const selectionLabel = this._context === 'buildingBlock' ? 'choosePluginDefinition' : 'choosePluginConfiguration';
+                // Plugin has 3 config steps: select config, select action, configure action
+                this._steps$.next([
+                    { label: selectionLabel },
+                    { label: 'choosePluginAction' },
+                    { label: 'configurePluginAction' },
+                ]);
+                this._currentStepIndex$.next(2); // Start at last step
+                break;
+            case 'building-block':
+                // Building block has 3 config steps: select BB, configure plugins, configure mappings
+                this._steps$.next([
+                    { label: 'selectBuildingBlock' },
+                    { label: 'configureBuildingBlockPlugins' },
+                    { label: 'configureBuildingBlockMappings' },
+                ]);
+                this._currentStepIndex$.next(2); // Start at last step
+                break;
+            case 'ui-component':
+                // Single step for UI component
+                this._steps$.next([{ label: 'uiComponent' }]);
+                this._currentStepIndex$.next(0);
+                break;
+            case 'url':
+                // Single step for URL
+                this._steps$.next([{ label: 'selectURL' }]);
+                this._currentStepIndex$.next(0);
+                break;
+        }
+    }
+    /**
+     * Navigate to a specific step by index (for edit mode navigation)
+     */
+    goToStep(stepIndex) {
+        const steps = this._steps$.getValue();
+        if (steps && stepIndex >= 0 && stepIndex < steps.length) {
+            this._currentStepIndex$.next(stepIndex);
+        }
+    }
+    /**
+     * Navigate to the previous step (for edit mode navigation)
+     * Returns true if navigation was successful, false if already at first step
+     */
+    goToPreviousStep() {
+        const currentIndex = this._currentStepIndex$.getValue();
+        if (currentIndex > 0) {
+            this._currentStepIndex$.next(currentIndex - 1);
+            return true;
+        }
+        return false;
+    }
+    /**
+     * Navigate to the next step (for edit mode navigation)
+     * Returns true if navigation was successful, false if already at last step
+     */
+    goToNextStep() {
+        const steps = this._steps$.getValue();
+        const currentIndex = this._currentStepIndex$.getValue();
+        if (steps && currentIndex < steps.length - 1) {
+            this._currentStepIndex$.next(currentIndex + 1);
+            return true;
+        }
+        return false;
+    }
+    /**
+     * Check if currently at the first step
+     */
+    isFirstStep() {
+        return this._currentStepIndex$.getValue() === 0;
+    }
+    /**
+     * Check if currently at the last step
+     */
+    isLastStep() {
+        const steps = this._steps$.getValue();
+        const currentIndex = this._currentStepIndex$.getValue();
+        return steps ? currentIndex === steps.length - 1 : false;
+    }
+    /**
+     * Get the total number of steps
+     */
+    getStepCount() {
+        return this._steps$.getValue()?.length || 0;
+    }
+    /**
+     * Get the current step index
+     */
+    getCurrentStepIndex() {
+        return this._currentStepIndex$.getValue();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkStepService, deps: [{ token: i3.TranslateService }, { token: ProcessLinkButtonService }, { token: PluginStateService }, { token: i1$1.PluginTranslationService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkStepService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkStepService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkStepService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i2$1.TranslateService }, { type: ProcessLinkButtonService }, { type: PluginStateService }, { type: i1$1.PluginTranslationService }] });
+        }], ctorParameters: () => [{ type: i3.TranslateService }, { type: ProcessLinkButtonService }, { type: PluginStateService }, { type: i1$1.PluginTranslationService }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -826,17 +1361,22 @@ class ProcessLinkStateService {
         return this._elementName$.asObservable();
     }
     get availableProcessLinkTypes$() {
-        return this._availableProcessLinkTypes$.pipe(map$1(types => (!this.formCustomComponentConfig
+        return combineLatest([this._availableProcessLinkTypes$, this._context$]).pipe(map(([types, context]) => (!this.formCustomComponentConfig
             ? types.map(type => ({
                 ...type,
                 enabled: type.processLinkType === 'ui-component' ? false : type.enabled,
             }))
-            : types).filter(type => type.processLinkType !== 'url')));
+            : types)
+            .filter(type => type.processLinkType !== 'url')
+            .map(type => context === 'buildingBlock' &&
+            UNSUPPORTED_PROCESS_LINK_TYPES_IN_BUILDING_BLOCK.includes(type.processLinkType)
+            ? { ...type, enabled: false }
+            : type)));
     }
     get hideProgressIndicator$() {
         return this._availableProcessLinkTypes$
             .asObservable()
-            .pipe(map$1(availableTypes => Array.isArray(availableTypes) &&
+            .pipe(map(availableTypes => Array.isArray(availableTypes) &&
             availableTypes.length === 1 &&
             (availableTypes[0]?.processLinkType === 'form' ||
                 availableTypes[0]?.processLinkType === 'form-flow')));
@@ -854,10 +1394,7 @@ class ProcessLinkStateService {
         return this._selectedProcessLink$.asObservable();
     }
     get typeOfSelectedProcessLink$() {
-        return this.selectedProcessLink$.pipe(map$1(processLink => processLink?.processLinkType || ''));
-    }
-    get processLinkEditMode() {
-        return this._processLinkEditMode$.getValue();
+        return this.selectedProcessLink$.pipe(map(processLink => processLink?.processLinkType || ''));
     }
     get viewModelEnabled$() {
         return this._viewModelEnabled$.asObservable();
@@ -865,10 +1402,17 @@ class ProcessLinkStateService {
     get url$() {
         return this._url$.asObservable();
     }
-    constructor(processLinkStepService, buttonService, pluginStateService, formCustomComponentConfig) {
+    get context$() {
+        return this._context$.asObservable();
+    }
+    get isEditing$() {
+        return this._isEditing$.asObservable();
+    }
+    constructor(processLinkStepService, buttonService, pluginStateService, buildingBlockStateService, formCustomComponentConfig) {
         this.processLinkStepService = processLinkStepService;
         this.buttonService = buttonService;
         this.pluginStateService = pluginStateService;
+        this.buildingBlockStateService = buildingBlockStateService;
         this.formCustomComponentConfig = formCustomComponentConfig;
         this._showModal$ = new BehaviorSubject(false);
         this._availableProcessLinkTypes$ = new BehaviorSubject([]);
@@ -879,14 +1423,18 @@ class ProcessLinkStateService {
         this._saving$ = new BehaviorSubject(false);
         this._modalParams$ = new BehaviorSubject(undefined);
         this._selectedProcessLink$ = new BehaviorSubject(undefined);
-        this._processLinkEditMode$ = new BehaviorSubject(ProcessLinkEditMode.SAVE_TO_BACKEND);
+        this._isEditing$ = new BehaviorSubject(false);
         this._processLinkUpdateEvents$ = new Subject();
         this._processLinkCreateEvents$ = new Subject();
         this._processLinkDeleteEvents$ = new Subject();
+        this._context$ = new BehaviorSubject('independent');
         this.openAvailableProcessLinkTypesSubscription();
+        this.openEditModeNavigationSubscriptions();
     }
     ngOnDestroy() {
         this._availableProcessLinkTypesSubscription?.unsubscribe();
+        this._backButtonSubscription?.unsubscribe();
+        this._nextButtonSubscription?.unsubscribe();
     }
     setAvailableProcessLinkTypes(processLinkTypes) {
         const hasOneOption = processLinkTypes.length === 1;
@@ -934,20 +1482,28 @@ class ProcessLinkStateService {
     setModalParams(params) {
         this._modalParams$.next(params);
     }
+    setContext(context) {
+        this._context$.next(context);
+        this.processLinkStepService.setContext(context);
+    }
     selectProcessLink(processLink) {
         if (!processLink)
             return;
         this._selectedProcessLink$.next(processLink);
+        this._isEditing$.next(true);
         this.pluginStateService.selectProcessLink(processLink);
+        this.buildingBlockStateService.setProcessLink(processLink);
         this.setViewModelEnabled(processLink.viewModelEnabled ?? false);
         this._url$.next(processLink.url ?? '');
+        // Initialize stepper for editing mode - navigate to last step
+        this.processLinkStepService.initializeEditModeSteps(processLink.processLinkType);
+        // Set button visibility based on current step position
+        this.updateButtonsForCurrentStep();
     }
     deselectProcessLink() {
         this._selectedProcessLink$.next(undefined);
         this.pluginStateService.deselectProcessLink();
-    }
-    setEditMode(editMode) {
-        this._processLinkEditMode$.next(editMode);
+        this.resetBuildingBlockState();
     }
     sendProcessLinkUpdateEvent(event) {
         this._processLinkUpdateEvents$.next(event);
@@ -965,6 +1521,59 @@ class ProcessLinkStateService {
             }
         });
     }
+    openEditModeNavigationSubscriptions() {
+        // Handle back button in edit mode
+        this._backButtonSubscription = this.buttonService.backButtonClick$.subscribe(() => {
+            if (this._isEditing$.getValue()) {
+                this.navigateBackInEditMode();
+            }
+        });
+        // Handle next button in edit mode
+        this._nextButtonSubscription = this.buttonService.nextButtonClick$.subscribe(() => {
+            if (this._isEditing$.getValue()) {
+                this.navigateForwardInEditMode();
+            }
+        });
+    }
+    navigateBackInEditMode() {
+        const navigated = this.processLinkStepService.goToPreviousStep();
+        if (navigated) {
+            this.updateButtonsForCurrentStep();
+        }
+    }
+    navigateForwardInEditMode() {
+        const navigated = this.processLinkStepService.goToNextStep();
+        if (navigated) {
+            this.updateButtonsForCurrentStep();
+        }
+    }
+    updateButtonsForCurrentStep() {
+        const isFirstStep = this.processLinkStepService.isFirstStep();
+        const isLastStep = this.processLinkStepService.isLastStep();
+        // Back button visibility
+        if (isFirstStep) {
+            this.buttonService.hideBackButton();
+        }
+        else {
+            this.buttonService.showBackButton();
+        }
+        // Next/Save button visibility
+        if (isLastStep) {
+            this.buttonService.hideNextButton();
+            this.buttonService.showSaveButton();
+        }
+        else {
+            this.buttonService.showNextButton();
+            this.buttonService.enableNextButton();
+            this.buttonService.hideSaveButton();
+        }
+    }
+    isBuildingBlockContext() {
+        return this._context$.getValue() === 'buildingBlock';
+    }
+    resetBuildingBlockState() {
+        this.buildingBlockStateService.reset();
+    }
     reset() {
         this.setAvailableProcessLinkTypes([]);
         this.processLinkStepService.reset();
@@ -972,16 +1581,18 @@ class ProcessLinkStateService {
         this.buttonService.resetButtons();
         this.clearSelectedProcessLinkType();
         this.deselectProcessLink();
+        this.resetBuildingBlockState();
+        this._isEditing$.next(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkStateService, deps: [{ token: ProcessLinkStepService }, { token: ProcessLinkButtonService }, { token: PluginStateService }, { token: FORM_CUSTOM_COMPONENT_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkStateService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkStateService, deps: [{ token: ProcessLinkStepService }, { token: ProcessLinkButtonService }, { token: PluginStateService }, { token: BuildingBlockStateService }, { token: FORM_CUSTOM_COMPONENT_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkStateService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkStateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkStateService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: ProcessLinkStepService }, { type: ProcessLinkButtonService }, { type: PluginStateService }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: ProcessLinkStepService }, { type: ProcessLinkButtonService }, { type: PluginStateService }, { type: BuildingBlockStateService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
@@ -1015,10 +1626,10 @@ class FormFlowComponentService {
     setSupportedComponents(supportedComponents) {
         this._supportedComponents$.next(supportedComponents);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormFlowComponentService, deps: [{ token: FORM_FLOW_COMPONENT_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormFlowComponentService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FormFlowComponentService, deps: [{ token: FORM_FLOW_COMPONENT_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FormFlowComponentService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormFlowComponentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FormFlowComponentService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1052,10 +1663,10 @@ class UrlResolverService {
         });
         return resolvingUrl;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: UrlResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: UrlResolverService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: UrlResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: UrlResolverService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: UrlResolverService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: UrlResolverService, decorators: [{
             type: Injectable
         }] });
 
@@ -1075,10 +1686,10 @@ class UrlValidatorService {
             }
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: UrlValidatorService, deps: [{ token: UrlResolverService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: UrlValidatorService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: UrlValidatorService, deps: [{ token: UrlResolverService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: UrlValidatorService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: UrlValidatorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: UrlValidatorService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: UrlResolverService }] });
 
@@ -1114,21 +1725,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
  * limitations under the License.
  */
 class SelectPluginConfigurationComponent {
-    constructor(pluginManagementService, pluginStateService, pluginService, stateService, buttonService, stepService) {
+    constructor(pluginManagementService, pluginStateService, pluginService, stateService, buttonService, stepService, pluginTranslationService) {
         this.pluginManagementService = pluginManagementService;
         this.pluginStateService = pluginStateService;
         this.pluginService = pluginService;
         this.stateService = stateService;
         this.buttonService = buttonService;
         this.stepService = stepService;
-        this.pluginConfigurations$ = this.stateService.modalParams$.pipe(switchMap$1(modalData => combineLatest([
-            modalData?.element?.type
-                ? this.pluginManagementService.getAllPluginConfigurationsWithLogos(modalData?.element?.activityListenerType)
-                : of(undefined),
-            this.pluginService.availablePluginIds$,
-        ]).pipe(map(([pluginConfigurations, availablePluginIds]) => pluginConfigurations?.filter(configuration => availablePluginIds.includes(configuration.pluginDefinition.key))))));
+        this.pluginTranslationService = pluginTranslationService;
+        this.isBuildingBlockContext$ = this.stateService.context$.pipe(map$1(context => context === 'buildingBlock'));
+        this.listItems$ = combineLatest([
+            this.isBuildingBlockContext$,
+            this.stateService.modalParams$,
+        ]).pipe(switchMap$1(([isBuildingBlock, modalData]) => isBuildingBlock
+            ? combineLatest([
+                this.pluginManagementService.getPluginDefinitions(modalData?.element?.activityListenerType),
+                this.pluginService.pluginSpecifications$,
+            ]).pipe(map$1(([definitions, specs]) => {
+                const limitedDefinitions = definitions?.filter(definition => specs.some(spec => spec.pluginId === definition.key)) ?? [];
+                const enriched = limitedDefinitions.map(definition => {
+                    const spec = specs.find(item => item.pluginId === definition.key);
+                    return {
+                        id: definition.key,
+                        title: this.pluginTranslationService.instant('title', definition.key) ||
+                            definition.title,
+                        description: this.pluginTranslationService.instant('description', definition.key) ||
+                            definition.description,
+                        logo: spec?.pluginLogoBase64 ?? null,
+                        payload: definition.key,
+                        isDefinition: true,
+                    };
+                });
+                this.pluginDefinitionsCache = limitedDefinitions;
+                return enriched;
+            }))
+            : combineLatest([
+                modalData?.element?.type
+                    ? this.pluginManagementService.getAllPluginConfigurationsWithLogos(modalData?.element?.activityListenerType)
+                    : of(undefined),
+                this.pluginService.availablePluginIds$,
+            ]).pipe(map$1(([configs, availablePluginIds]) => configs
+                ?.filter(configuration => availablePluginIds.includes(configuration.pluginDefinition.key))
+                ?.map(configuration => ({
+                id: configuration.id ?? configuration.title,
+                title: configuration.title,
+                description: this.pluginTranslationService.instant('description', configuration.pluginDefinition.key),
+                logo: configuration.pluginLogoBase64 ?? null,
+                payload: configuration,
+                isDefinition: false,
+            }))))));
+        this.pageHeaderText$ = this.isBuildingBlockContext$.pipe(map$1(isBuildingBlock => isBuildingBlock
+            ? 'processLinkConfiguration.choosePluginDefinitionDescription'
+            : 'processLinkConfiguration.choosePluginConfigurationDescription'));
+        this.columnHeaderText$ = this.isBuildingBlockContext$.pipe(map$1(isBuildingBlock => isBuildingBlock
+            ? 'pluginManagement.labels.pluginName'
+            : 'pluginManagement.labels.configurationName'));
         this.selectedPluginConfiguration$ = this.pluginStateService.selectedPluginConfiguration$;
+        this.selectedPluginDefinition$ = this.pluginStateService.selectedPluginDefinition$;
         this._subscriptions = new Subscription();
+        this.pluginDefinitionsCache = [];
     }
     ngOnInit() {
         this.openBackButtonSubscription();
@@ -1138,30 +1793,53 @@ class SelectPluginConfigurationComponent {
         this._subscriptions.unsubscribe();
     }
     selected(event) {
-        this.selectConfiguration(event.value);
-        this.buttonService.enableNextButton();
+        this.isBuildingBlockContext$.pipe(take(1)).subscribe(isBuildingBlock => {
+            if (isBuildingBlock) {
+                const definitionKey = event.value;
+                const definition = this.pluginDefinitionsCache.find(def => def.key === definitionKey);
+                this.selectDefinition(definition);
+            }
+            else {
+                this.selectConfiguration(event.value);
+            }
+            this.buttonService.enableNextButton();
+        });
     }
     selectConfiguration(configuration) {
-        this.pluginStateService.selectPluginDefinition({ key: configuration.pluginDefinition.key });
+        if (!configuration)
+            return;
+        if (configuration.pluginDefinition) {
+            this.pluginStateService.selectPluginDefinition(configuration.pluginDefinition);
+        }
         this.pluginStateService.selectPluginConfiguration(configuration);
     }
+    selectDefinition(definition) {
+        if (!definition)
+            return;
+        this.pluginStateService.selectPluginDefinition(definition);
+        this.pluginStateService.selectPluginConfiguration(undefined);
+    }
     openBackButtonSubscription() {
-        this._subscriptions.add(this.buttonService.backButtonClick$.subscribe(() => {
+        this._subscriptions.add(this.buttonService.backButtonClick$
+            .pipe(withLatestFrom(this.stateService.isEditing$), filter$1(([, isEditing]) => !isEditing))
+            .subscribe(() => {
             this.stateService.setInitial();
         }));
     }
     openNextButtonSubscription() {
-        this._subscriptions.add(this.buttonService.nextButtonClick$.subscribe(() => {
+        this._subscriptions.add(this.buttonService.nextButtonClick$
+            .pipe(withLatestFrom(this.stateService.isEditing$), filter$1(([, isEditing]) => !isEditing))
+            .subscribe(() => {
             this.stepService.setChoosePluginActionSteps();
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SelectPluginConfigurationComponent, deps: [{ token: i1$1.PluginManagementService }, { token: PluginStateService }, { token: i1$1.PluginService }, { token: ProcessLinkStateService }, { token: ProcessLinkButtonService }, { token: ProcessLinkStepService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SelectPluginConfigurationComponent, isStandalone: false, selector: "valtimo-select-plugin-configuration", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"pluginConfigurations$ | async as pluginConfigurations; else loading\">\n  <p class=\"step-description\">\n    {{ 'processLinkConfiguration.choosePluginConfigurationDescription' | translate }}\n  </p>\n  <div class=\"list-container\">\n    <cds-structured-list (selected)=\"selected($event)\" selection=\"true\">\n      <cds-list-header>\n        <cds-list-column nowrap=\"true\"></cds-list-column>\n        <cds-list-column nowrap=\"true\">{{\n          'pluginManagement.labels.configurationName' | translate\n        }}</cds-list-column>\n        <cds-list-column>{{\n          'processLinkConfiguration.pluginDescription' | translate\n        }}</cds-list-column>\n      </cds-list-header>\n      <cds-list-row\n        *ngFor=\"let pluginConfiguration of pluginConfigurations\"\n        [value]=\"pluginConfiguration\"\n      >\n        <cds-list-column>\n          <div *ngIf=\"pluginConfiguration.pluginLogoBase64\">\n            <img\n              [src]=\"pluginConfiguration.pluginLogoBase64\"\n              [title]=\"'title' | pluginTranslate: pluginConfiguration.pluginDefinition.key | async\"\n              class=\"plugin-configuration-logo\"\n            /></div\n        ></cds-list-column>\n        <cds-list-column>{{ pluginConfiguration.title }}</cds-list-column>\n        <cds-list-column>\n          {{ 'description' | pluginTranslate: pluginConfiguration.pluginDefinition.key | async }}\n        </cds-list-column>\n      </cds-list-row>\n    </cds-structured-list>\n  </div>\n</ng-container>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n", styles: [".btn-back{position:absolute}.cards-container{display:flex;flex-flow:row wrap;width:100%}.card{width:calc(33.3% - 20px);margin-right:30px}.card:nth-child(3n+3){margin-right:0}.card-header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plugin-configuration-logo{object-fit:contain;height:60px;width:100%;margin-bottom:-.5rem}.loading-container{display:flex;justify-content:center;margin-top:40px;flex-direction:row}.list-container{margin-top:32px;margin-bottom:32px}::ng-deep .list-container .cds--structured-list-td{vertical-align:top}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i4.StructuredList, selector: "cds-structured-list, ibm-structured-list", inputs: ["selection", "flushed", "condensed", "name", "skeleton"], outputs: ["selected"] }, { kind: "component", type: i4.ListRow, selector: "cds-list-row, ibm-list-row", inputs: ["selected", "label", "value"], outputs: ["change"] }, { kind: "component", type: i4.ListHeader, selector: "cds-list-header, ibm-list-header", inputs: ["skeleton"] }, { kind: "component", type: i4.ListColumn, selector: "cds-list-column, ibm-list-column", inputs: ["skeleton", "nowrap"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i1$1.PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SelectPluginConfigurationComponent, deps: [{ token: i1$1.PluginManagementService }, { token: PluginStateService }, { token: i1$1.PluginService }, { token: ProcessLinkStateService }, { token: ProcessLinkButtonService }, { token: ProcessLinkStepService }, { token: i1$1.PluginTranslationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SelectPluginConfigurationComponent, isStandalone: false, selector: "valtimo-select-plugin-configuration", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"listItems$ | async as items; else loading\">\n  <p class=\"step-description\">\n    {{ pageHeaderText$ | async | translate }}\n  </p>\n  <div class=\"list-container\">\n    <cds-structured-list (selected)=\"selected($event)\" selection=\"true\">\n      <cds-list-header>\n        <cds-list-column nowrap=\"true\"></cds-list-column>\n        <cds-list-column nowrap=\"true\">\n          {{ columnHeaderText$ | async | translate }}\n        </cds-list-column>\n        <cds-list-column>\n          {{ 'processLinkConfiguration.pluginDescription' | translate }}\n        </cds-list-column>\n      </cds-list-header>\n      <cds-list-row *ngFor=\"let item of items\" [value]=\"item.payload\">\n        <cds-list-column>\n          <div *ngIf=\"item.logo\">\n            <img [src]=\"item.logo\" [title]=\"item.title\" class=\"plugin-configuration-logo\" />\n          </div>\n        </cds-list-column>\n        <cds-list-column>{{ item.title }}</cds-list-column>\n        <cds-list-column>{{ item.description }}</cds-list-column>\n      </cds-list-row>\n    </cds-structured-list>\n  </div>\n</ng-container>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n", styles: [".btn-back{position:absolute}.plugin-configuration-logo{object-fit:contain;height:60px;width:100%;margin-bottom:-.5rem}.loading-container{display:flex;justify-content:center;margin-top:40px;flex-direction:row}.list-container{margin-top:32px;margin-bottom:32px}::ng-deep .list-container .cds--structured-list-td{vertical-align:top}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i3$2.StructuredList, selector: "cds-structured-list, ibm-structured-list", inputs: ["selection", "flushed", "condensed", "name", "skeleton"], outputs: ["selected"] }, { kind: "component", type: i3$2.ListRow, selector: "cds-list-row, ibm-list-row", inputs: ["selected", "label", "value"], outputs: ["change"] }, { kind: "component", type: i3$2.ListHeader, selector: "cds-list-header, ibm-list-header", inputs: ["skeleton"] }, { kind: "component", type: i3$2.ListColumn, selector: "cds-list-column, ibm-list-column", inputs: ["skeleton", "nowrap"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SelectPluginConfigurationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SelectPluginConfigurationComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'valtimo-select-plugin-configuration', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"pluginConfigurations$ | async as pluginConfigurations; else loading\">\n  <p class=\"step-description\">\n    {{ 'processLinkConfiguration.choosePluginConfigurationDescription' | translate }}\n  </p>\n  <div class=\"list-container\">\n    <cds-structured-list (selected)=\"selected($event)\" selection=\"true\">\n      <cds-list-header>\n        <cds-list-column nowrap=\"true\"></cds-list-column>\n        <cds-list-column nowrap=\"true\">{{\n          'pluginManagement.labels.configurationName' | translate\n        }}</cds-list-column>\n        <cds-list-column>{{\n          'processLinkConfiguration.pluginDescription' | translate\n        }}</cds-list-column>\n      </cds-list-header>\n      <cds-list-row\n        *ngFor=\"let pluginConfiguration of pluginConfigurations\"\n        [value]=\"pluginConfiguration\"\n      >\n        <cds-list-column>\n          <div *ngIf=\"pluginConfiguration.pluginLogoBase64\">\n            <img\n              [src]=\"pluginConfiguration.pluginLogoBase64\"\n              [title]=\"'title' | pluginTranslate: pluginConfiguration.pluginDefinition.key | async\"\n              class=\"plugin-configuration-logo\"\n            /></div\n        ></cds-list-column>\n        <cds-list-column>{{ pluginConfiguration.title }}</cds-list-column>\n        <cds-list-column>\n          {{ 'description' | pluginTranslate: pluginConfiguration.pluginDefinition.key | async }}\n        </cds-list-column>\n      </cds-list-row>\n    </cds-structured-list>\n  </div>\n</ng-container>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n", styles: [".btn-back{position:absolute}.cards-container{display:flex;flex-flow:row wrap;width:100%}.card{width:calc(33.3% - 20px);margin-right:30px}.card:nth-child(3n+3){margin-right:0}.card-header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plugin-configuration-logo{object-fit:contain;height:60px;width:100%;margin-bottom:-.5rem}.loading-container{display:flex;justify-content:center;margin-top:40px;flex-direction:row}.list-container{margin-top:32px;margin-bottom:32px}::ng-deep .list-container .cds--structured-list-td{vertical-align:top}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.PluginManagementService }, { type: PluginStateService }, { type: i1$1.PluginService }, { type: ProcessLinkStateService }, { type: ProcessLinkButtonService }, { type: ProcessLinkStepService }] });
+            args: [{ standalone: false, selector: 'valtimo-select-plugin-configuration', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"listItems$ | async as items; else loading\">\n  <p class=\"step-description\">\n    {{ pageHeaderText$ | async | translate }}\n  </p>\n  <div class=\"list-container\">\n    <cds-structured-list (selected)=\"selected($event)\" selection=\"true\">\n      <cds-list-header>\n        <cds-list-column nowrap=\"true\"></cds-list-column>\n        <cds-list-column nowrap=\"true\">\n          {{ columnHeaderText$ | async | translate }}\n        </cds-list-column>\n        <cds-list-column>\n          {{ 'processLinkConfiguration.pluginDescription' | translate }}\n        </cds-list-column>\n      </cds-list-header>\n      <cds-list-row *ngFor=\"let item of items\" [value]=\"item.payload\">\n        <cds-list-column>\n          <div *ngIf=\"item.logo\">\n            <img [src]=\"item.logo\" [title]=\"item.title\" class=\"plugin-configuration-logo\" />\n          </div>\n        </cds-list-column>\n        <cds-list-column>{{ item.title }}</cds-list-column>\n        <cds-list-column>{{ item.description }}</cds-list-column>\n      </cds-list-row>\n    </cds-structured-list>\n  </div>\n</ng-container>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n", styles: [".btn-back{position:absolute}.plugin-configuration-logo{object-fit:contain;height:60px;width:100%;margin-bottom:-.5rem}.loading-container{display:flex;justify-content:center;margin-top:40px;flex-direction:row}.list-container{margin-top:32px;margin-bottom:32px}::ng-deep .list-container .cds--structured-list-td{vertical-align:top}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: i1$1.PluginManagementService }, { type: PluginStateService }, { type: i1$1.PluginService }, { type: ProcessLinkStateService }, { type: ProcessLinkButtonService }, { type: ProcessLinkStepService }, { type: i1$1.PluginTranslationService }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -1214,20 +1892,22 @@ class SelectPluginActionComponent {
     }
     openBackButtonSubscription() {
         this.buttonService.backButtonClick$
-            .pipe(switchMap$1(() => this.stepService.hasOneProcessLinkType$), take(1))
+            .pipe(withLatestFrom(this.processLinkStateService.isEditing$), filter$1(([, isEditing]) => !isEditing), switchMap$1(() => this.stepService.hasOneProcessLinkType$), take(1))
             .subscribe((hasOneOption) => {
             this.stepService.setProcessLinkTypeSteps('plugin', hasOneOption);
         });
     }
     openNextButtonSubscription() {
-        this._subscriptions.add(this.buttonService.nextButtonClick$.subscribe(() => {
+        this._subscriptions.add(this.buttonService.nextButtonClick$
+            .pipe(withLatestFrom(this.processLinkStateService.isEditing$), filter$1(([, isEditing]) => !isEditing))
+            .subscribe(() => {
             this.stepService.setConfigurePluginActionSteps();
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SelectPluginActionComponent, deps: [{ token: ProcessLinkButtonService }, { token: i1$1.PluginManagementService }, { token: PluginStateService }, { token: ProcessLinkStepService }, { token: ProcessLinkStateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SelectPluginActionComponent, isStandalone: false, selector: "valtimo-select-plugin-action", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"pluginFunctions$ | async as pluginFunctions; else loading\">\n  <div class=\"choose-plugin-action\" *ngIf=\"pluginFunctions?.length > 0\">\n    <p class=\"step-description\">\n      {{ 'processLinkConfiguration.choosePluginActionDescription' | translate }}\n    </p>\n    <div class=\"action-tiles\">\n      <cds-tile-group\n        [multiple]=\"false\"\n        *ngIf=\"{selectedPluginDefinition: selectedPluginDefinition$ | async} as obs\"\n        (selected)=\"selected($event)\"\n      >\n        <cds-selection-tile\n          *ngFor=\"let pluginFunction of pluginFunctions\"\n          [value]=\"stringify(pluginFunction)\"\n          [selected]=\"false\"\n          >{{\n            pluginFunction.key | pluginTranslate: obs.selectedPluginDefinition.key | async\n          }}</cds-selection-tile\n        >\n      </cds-tile-group>\n    </div>\n  </div>\n  <ng-container *ngIf=\"!pluginFunctions || pluginFunctions?.length === 0\">\n    <ng-container *ngTemplateOutlet=\"noPluginFunctionsTemplate\"> </ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #noPluginFunctionsTemplate>\n  <p class=\"step-description\">\n    {{ 'processLink.noPluginFunctions' | translate }}\n  </p>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n", styles: [".btn-back{position:absolute}.cards-container{display:flex;flex-flow:row wrap;width:100%}.card{width:calc(33.3% - 20px);margin-right:30px}.card:nth-child(3n+3){margin-right:0}.card-header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-container{display:flex;justify-content:center;margin-top:40px;flex-direction:row}.action-tiles{margin-top:24px;width:calc(100% + 8px);margin-left:-8px}::ng-deep .choose-plugin-action cds-selection-tile{display:flex;width:calc(33.3% - 8px)}::ng-deep .choose-plugin-action .cds--tile{width:100%}::ng-deep .choose-plugin-action cds-tile-group fieldset{display:flex;flex-direction:row;flex-wrap:wrap}::ng-deep .choose-plugin-action cds-selection-tile{margin-left:8px}::ng-deep .choose-plugin-action cds-selection-tile:nth-child(n+4){margin-top:8px}::ng-deep .action-tiles .cds--tile{background-color:var(--cds-layer-02, #ffffff)}::ng-deep .action-tiles .cds--tile:hover{background:var(--cds-layer-hover)}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i4.SelectionTile, selector: "cds-selection-tile, ibm-selection-tile", inputs: ["theme", "id", "selected", "value", "disabled"], outputs: ["change"] }, { kind: "component", type: i4.TileGroup, selector: "cds-tile-group, ibm-tile-group", inputs: ["name", "multiple", "legend"], outputs: ["selected"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i1$1.PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SelectPluginActionComponent, deps: [{ token: ProcessLinkButtonService }, { token: i1$1.PluginManagementService }, { token: PluginStateService }, { token: ProcessLinkStepService }, { token: ProcessLinkStateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SelectPluginActionComponent, isStandalone: false, selector: "valtimo-select-plugin-action", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"pluginFunctions$ | async as pluginFunctions; else loading\">\n  <div class=\"choose-plugin-action\" *ngIf=\"pluginFunctions?.length > 0\">\n    <p class=\"step-description\">\n      {{ 'processLinkConfiguration.choosePluginActionDescription' | translate }}\n    </p>\n    <div class=\"action-tiles\">\n      <cds-tile-group\n        [multiple]=\"false\"\n        *ngIf=\"{selectedPluginDefinition: selectedPluginDefinition$ | async} as obs\"\n        (selected)=\"selected($event)\"\n      >\n        <cds-selection-tile\n          *ngFor=\"let pluginFunction of pluginFunctions\"\n          [value]=\"stringify(pluginFunction)\"\n          [selected]=\"false\"\n          >{{\n            pluginFunction.key | pluginTranslate: obs.selectedPluginDefinition.key | async\n          }}</cds-selection-tile\n        >\n      </cds-tile-group>\n    </div>\n  </div>\n  <ng-container *ngIf=\"!pluginFunctions || pluginFunctions?.length === 0\">\n    <ng-container *ngTemplateOutlet=\"noPluginFunctionsTemplate\"> </ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #noPluginFunctionsTemplate>\n  <p class=\"step-description\">\n    {{ 'processLink.noPluginFunctions' | translate }}\n  </p>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n", styles: [".btn-back{position:absolute}.cards-container{display:flex;flex-flow:row wrap;width:100%}.card{width:calc(33.3% - 20px);margin-right:30px}.card:nth-child(3n+3){margin-right:0}.card-header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-container{display:flex;justify-content:center;margin-top:40px;flex-direction:row}.action-tiles{margin-top:24px;width:calc(100% + 8px);margin-left:-8px}::ng-deep .choose-plugin-action cds-selection-tile{display:flex;width:calc(33.3% - 8px)}::ng-deep .choose-plugin-action .cds--tile{width:100%}::ng-deep .choose-plugin-action cds-tile-group fieldset{display:flex;flex-direction:row;flex-wrap:wrap}::ng-deep .choose-plugin-action cds-selection-tile{margin-left:8px}::ng-deep .choose-plugin-action cds-selection-tile:nth-child(n+4){margin-top:8px}::ng-deep .action-tiles .cds--tile{background-color:var(--cds-layer-02, #ffffff)}::ng-deep .action-tiles .cds--tile:hover{background:var(--cds-layer-hover)}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i3$2.SelectionTile, selector: "cds-selection-tile, ibm-selection-tile", inputs: ["theme", "id", "selected", "value", "disabled"], outputs: ["change"] }, { kind: "component", type: i3$2.TileGroup, selector: "cds-tile-group, ibm-tile-group", inputs: ["name", "multiple", "legend"], outputs: ["selected"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: i1$1.PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SelectPluginActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SelectPluginActionComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-select-plugin-action', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"pluginFunctions$ | async as pluginFunctions; else loading\">\n  <div class=\"choose-plugin-action\" *ngIf=\"pluginFunctions?.length > 0\">\n    <p class=\"step-description\">\n      {{ 'processLinkConfiguration.choosePluginActionDescription' | translate }}\n    </p>\n    <div class=\"action-tiles\">\n      <cds-tile-group\n        [multiple]=\"false\"\n        *ngIf=\"{selectedPluginDefinition: selectedPluginDefinition$ | async} as obs\"\n        (selected)=\"selected($event)\"\n      >\n        <cds-selection-tile\n          *ngFor=\"let pluginFunction of pluginFunctions\"\n          [value]=\"stringify(pluginFunction)\"\n          [selected]=\"false\"\n          >{{\n            pluginFunction.key | pluginTranslate: obs.selectedPluginDefinition.key | async\n          }}</cds-selection-tile\n        >\n      </cds-tile-group>\n    </div>\n  </div>\n  <ng-container *ngIf=\"!pluginFunctions || pluginFunctions?.length === 0\">\n    <ng-container *ngTemplateOutlet=\"noPluginFunctionsTemplate\"> </ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #noPluginFunctionsTemplate>\n  <p class=\"step-description\">\n    {{ 'processLink.noPluginFunctions' | translate }}\n  </p>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n", styles: [".btn-back{position:absolute}.cards-container{display:flex;flex-flow:row wrap;width:100%}.card{width:calc(33.3% - 20px);margin-right:30px}.card:nth-child(3n+3){margin-right:0}.card-header{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-container{display:flex;justify-content:center;margin-top:40px;flex-direction:row}.action-tiles{margin-top:24px;width:calc(100% + 8px);margin-left:-8px}::ng-deep .choose-plugin-action cds-selection-tile{display:flex;width:calc(33.3% - 8px)}::ng-deep .choose-plugin-action .cds--tile{width:100%}::ng-deep .choose-plugin-action cds-tile-group fieldset{display:flex;flex-direction:row;flex-wrap:wrap}::ng-deep .choose-plugin-action cds-selection-tile{margin-left:8px}::ng-deep .choose-plugin-action cds-selection-tile:nth-child(n+4){margin-top:8px}::ng-deep .action-tiles .cds--tile{background-color:var(--cds-layer-02, #ffffff)}::ng-deep .action-tiles .cds--tile:hover{background:var(--cds-layer-hover)}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: ProcessLinkButtonService }, { type: i1$1.PluginManagementService }, { type: PluginStateService }, { type: ProcessLinkStepService }, { type: ProcessLinkStateService }] });
@@ -1278,7 +1958,7 @@ class ImportPluginConfigurationComponent {
         this.processListItems$ = combineLatest([
             this._compatiblePluginProcessLinksSubject$,
             this.process.valueChanges.pipe(startWith('')),
-        ]).pipe(map$1(([compatibleProcessLinks, processValue]) => compatibleProcessLinks?.map(compatibleProcessLink => ({
+        ]).pipe(map(([compatibleProcessLinks, processValue]) => compatibleProcessLinks?.map(compatibleProcessLink => ({
             content: compatibleProcessLink.processDefinitionKey,
             selected: processValue === compatibleProcessLink.processDefinitionKey,
         })) || []));
@@ -1286,7 +1966,7 @@ class ImportPluginConfigurationComponent {
             this._compatiblePluginProcessLinksSubject$,
             this.process.valueChanges.pipe(startWith('')),
             this.version.valueChanges.pipe(startWith('')),
-        ]).pipe(map$1(([compatibleProcessLinks, processValue, versionValue]) => !processValue
+        ]).pipe(map(([compatibleProcessLinks, processValue, versionValue]) => !processValue
             ? []
             : compatibleProcessLinks
                 .find(compatibleLinks => compatibleLinks.processDefinitionKey === processValue)
@@ -1300,7 +1980,7 @@ class ImportPluginConfigurationComponent {
             this.process.valueChanges.pipe(startWith('')),
             this.version.valueChanges.pipe(startWith('')),
             this.activity.valueChanges.pipe(startWith('')),
-        ]).pipe(map$1(([compatibleProcessLinks, processValue, versionValue, activityValue]) => !processValue || !versionValue
+        ]).pipe(map(([compatibleProcessLinks, processValue, versionValue, activityValue]) => !processValue || !versionValue
             ? []
             : compatibleProcessLinks
                 .find(compatibleLinks => compatibleLinks.processDefinitionKey === processValue)
@@ -1341,13 +2021,13 @@ class ImportPluginConfigurationComponent {
     activitySelected(event) {
         this.activity.setValue(event?.item?.content);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ImportPluginConfigurationComponent, deps: [{ token: i1$2.FormBuilder }, { token: ProcessLinkService }, { token: i4.IconService }, { token: i2$2.CdsThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ImportPluginConfigurationComponent, isStandalone: false, selector: "valtimo-import-plugin-configuration", inputs: { pluginActionKey: "pluginActionKey" }, outputs: { configurationEvent: "configurationEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-toggletip align=\"right-bottom\" [autoAlign]=\"true\" [isOpen]=\"open$ | async\">\n  <button\n    class=\"process-link-configuration-import-button\"\n    [disabled]=\"((compatiblePluginProcessLinks$ | async) || []).length === 0\"\n    cdsToggletipButton\n    [removeClassnames]=\"['cds--toggletip-button']\"\n    cdsButton=\"ghost\"\n  >\n    {{ 'processLinkConfiguration.importConfiguration' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"upload\" size=\"16\"></svg>\n  </button>\n\n  <div\n    cdsToggletipContent\n    [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n    class=\"process-link-configuration-select\"\n  >\n    <cds-dropdown\n      [label]=\"'processLinkConfiguration.process' | translate\"\n      [placeholder]=\"'processLinkConfiguration.selectProcess' | translate\"\n      (selected)=\"processSelected($event)\"\n      [appendInline]=\"true\"\n      [cdsLayer]=\"1\"\n    >\n      <cds-dropdown-list\n        [items]=\"processListItems$ | async\"\n        onclick=\"event.stopPropagation()\"\n      ></cds-dropdown-list>\n    </cds-dropdown>\n\n    <cds-dropdown\n      [label]=\"'processLinkConfiguration.version' | translate\"\n      [placeholder]=\"'processLinkConfiguration.selectVersion' | translate\"\n      [disabled]=\"!process.value\"\n      (selected)=\"versionSelected($event)\"\n      [appendInline]=\"true\"\n      [cdsLayer]=\"1\"\n    >\n      <cds-dropdown-list\n        [items]=\"versionListItems$ | async\"\n        onclick=\"event.stopPropagation()\"\n      ></cds-dropdown-list>\n    </cds-dropdown>\n\n    <cds-dropdown\n      [label]=\"'processLinkConfiguration.activity' | translate\"\n      [placeholder]=\"'processLinkConfiguration.selectActivity' | translate\"\n      [disabled]=\"!process.value || !version.value\"\n      (selected)=\"activitySelected($event)\"\n      [appendInline]=\"true\"\n      [cdsLayer]=\"1\"\n    >\n      <cds-dropdown-list\n        [items]=\"activityListItems$ | async\"\n        onclick=\"event.stopPropagation()\"\n      ></cds-dropdown-list>\n    </cds-dropdown>\n\n    <button cdsButton [disabled]=\"!importPluginForm.valid\" (click)=\"onSubmit()\" [cdsLayer]=\"1\">\n      {{ 'processLinkConfiguration.importConfiguration' | translate }}\n    </button>\n  </div>\n</cds-toggletip>\n", styles: [":host ::ng-deep .cds--popover-content{max-inline-size:unset}.process-link-configuration-import-button{margin-bottom:16px}.process-link-configuration-select{width:400px;max-inline-size:400px;display:flex;flex-direction:column;gap:16px}.process-link-configuration-select .cds--btn{width:100%;max-width:unset}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i5.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "readonly", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp", "fluid"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i5.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "directive", type: i4.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: i4.Toggletip, selector: "cds-toggletip, ibm-toggletip", inputs: ["id", "isOpen"] }, { kind: "directive", type: i4.ToggletipButton, selector: "[cdsToggletipButton], [ibmToggletipButton]", inputs: ["ariaLabel"] }, { kind: "directive", type: i4.ToggletipContent, selector: "[cdsToggletipContent], [ibmToggletipContent]" }, { kind: "directive", type: i2$2.RemoveClassnamesDirective, selector: "[removeClassnames]", inputs: ["removeClassnames"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ImportPluginConfigurationComponent, deps: [{ token: i1$2.FormBuilder }, { token: ProcessLinkService }, { token: i3$2.IconService }, { token: i2$1.CdsThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ImportPluginConfigurationComponent, isStandalone: false, selector: "valtimo-import-plugin-configuration", inputs: { pluginActionKey: "pluginActionKey" }, outputs: { configurationEvent: "configurationEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-toggletip align=\"right-bottom\" [autoAlign]=\"true\" [isOpen]=\"open$ | async\">\n  <button\n    class=\"process-link-configuration-import-button\"\n    [disabled]=\"((compatiblePluginProcessLinks$ | async) || []).length === 0\"\n    cdsToggletipButton\n    [removeClassnames]=\"['cds--toggletip-button']\"\n    cdsButton=\"ghost\"\n  >\n    {{ 'processLinkConfiguration.importConfiguration' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"upload\" size=\"16\"></svg>\n  </button>\n\n  <div\n    cdsToggletipContent\n    [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n    class=\"process-link-configuration-select\"\n  >\n    <cds-dropdown\n      [label]=\"'processLinkConfiguration.process' | translate\"\n      [placeholder]=\"'processLinkConfiguration.selectProcess' | translate\"\n      (selected)=\"processSelected($event)\"\n      [appendInline]=\"true\"\n      [cdsLayer]=\"1\"\n    >\n      <cds-dropdown-list\n        [items]=\"processListItems$ | async\"\n        onclick=\"event.stopPropagation()\"\n      ></cds-dropdown-list>\n    </cds-dropdown>\n\n    <cds-dropdown\n      [label]=\"'processLinkConfiguration.version' | translate\"\n      [placeholder]=\"'processLinkConfiguration.selectVersion' | translate\"\n      [disabled]=\"!process.value\"\n      (selected)=\"versionSelected($event)\"\n      [appendInline]=\"true\"\n      [cdsLayer]=\"1\"\n    >\n      <cds-dropdown-list\n        [items]=\"versionListItems$ | async\"\n        onclick=\"event.stopPropagation()\"\n      ></cds-dropdown-list>\n    </cds-dropdown>\n\n    <cds-dropdown\n      [label]=\"'processLinkConfiguration.activity' | translate\"\n      [placeholder]=\"'processLinkConfiguration.selectActivity' | translate\"\n      [disabled]=\"!process.value || !version.value\"\n      (selected)=\"activitySelected($event)\"\n      [appendInline]=\"true\"\n      [cdsLayer]=\"1\"\n    >\n      <cds-dropdown-list\n        [items]=\"activityListItems$ | async\"\n        onclick=\"event.stopPropagation()\"\n      ></cds-dropdown-list>\n    </cds-dropdown>\n\n    <button cdsButton [disabled]=\"!importPluginForm.valid\" (click)=\"onSubmit()\" [cdsLayer]=\"1\">\n      {{ 'processLinkConfiguration.importConfiguration' | translate }}\n    </button>\n  </div>\n</cds-toggletip>\n", styles: [":host ::ng-deep .cds--popover-content{max-inline-size:unset}.process-link-configuration-import-button{margin-bottom:16px}.process-link-configuration-select{width:400px;max-inline-size:400px;display:flex;flex-direction:column;gap:16px}.process-link-configuration-select .cds--btn{width:100%;max-width:unset}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i3$2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i5.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "readonly", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp", "fluid"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i5.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "directive", type: i3$2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: i3$2.Toggletip, selector: "cds-toggletip, ibm-toggletip", inputs: ["id", "isOpen"] }, { kind: "directive", type: i3$2.ToggletipButton, selector: "[cdsToggletipButton], [ibmToggletipButton]", inputs: ["ariaLabel"] }, { kind: "directive", type: i3$2.ToggletipContent, selector: "[cdsToggletipContent], [ibmToggletipContent]" }, { kind: "directive", type: i2$1.RemoveClassnamesDirective, selector: "[removeClassnames]", inputs: ["removeClassnames"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ImportPluginConfigurationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ImportPluginConfigurationComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-import-plugin-configuration', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-toggletip align=\"right-bottom\" [autoAlign]=\"true\" [isOpen]=\"open$ | async\">\n  <button\n    class=\"process-link-configuration-import-button\"\n    [disabled]=\"((compatiblePluginProcessLinks$ | async) || []).length === 0\"\n    cdsToggletipButton\n    [removeClassnames]=\"['cds--toggletip-button']\"\n    cdsButton=\"ghost\"\n  >\n    {{ 'processLinkConfiguration.importConfiguration' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"upload\" size=\"16\"></svg>\n  </button>\n\n  <div\n    cdsToggletipContent\n    [attr.data-carbon-theme]=\"toggletipTheme$ | async\"\n    class=\"process-link-configuration-select\"\n  >\n    <cds-dropdown\n      [label]=\"'processLinkConfiguration.process' | translate\"\n      [placeholder]=\"'processLinkConfiguration.selectProcess' | translate\"\n      (selected)=\"processSelected($event)\"\n      [appendInline]=\"true\"\n      [cdsLayer]=\"1\"\n    >\n      <cds-dropdown-list\n        [items]=\"processListItems$ | async\"\n        onclick=\"event.stopPropagation()\"\n      ></cds-dropdown-list>\n    </cds-dropdown>\n\n    <cds-dropdown\n      [label]=\"'processLinkConfiguration.version' | translate\"\n      [placeholder]=\"'processLinkConfiguration.selectVersion' | translate\"\n      [disabled]=\"!process.value\"\n      (selected)=\"versionSelected($event)\"\n      [appendInline]=\"true\"\n      [cdsLayer]=\"1\"\n    >\n      <cds-dropdown-list\n        [items]=\"versionListItems$ | async\"\n        onclick=\"event.stopPropagation()\"\n      ></cds-dropdown-list>\n    </cds-dropdown>\n\n    <cds-dropdown\n      [label]=\"'processLinkConfiguration.activity' | translate\"\n      [placeholder]=\"'processLinkConfiguration.selectActivity' | translate\"\n      [disabled]=\"!process.value || !version.value\"\n      (selected)=\"activitySelected($event)\"\n      [appendInline]=\"true\"\n      [cdsLayer]=\"1\"\n    >\n      <cds-dropdown-list\n        [items]=\"activityListItems$ | async\"\n        onclick=\"event.stopPropagation()\"\n      ></cds-dropdown-list>\n    </cds-dropdown>\n\n    <button cdsButton [disabled]=\"!importPluginForm.valid\" (click)=\"onSubmit()\" [cdsLayer]=\"1\">\n      {{ 'processLinkConfiguration.importConfiguration' | translate }}\n    </button>\n  </div>\n</cds-toggletip>\n", styles: [":host ::ng-deep .cds--popover-content{max-inline-size:unset}.process-link-configuration-import-button{margin-bottom:16px}.process-link-configuration-select{width:400px;max-inline-size:400px;display:flex;flex-direction:column;gap:16px}.process-link-configuration-select .cds--btn{width:100%;max-width:unset}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i1$2.FormBuilder }, { type: ProcessLinkService }, { type: i4.IconService }, { type: i2$2.CdsThemeService }], propDecorators: { pluginActionKey: [{
+        }], ctorParameters: () => [{ type: i1$2.FormBuilder }, { type: ProcessLinkService }, { type: i3$2.IconService }, { type: i2$1.CdsThemeService }], propDecorators: { pluginActionKey: [{
                 type: Input
             }], configurationEvent: [{
                 type: Output
@@ -1382,11 +2062,25 @@ class PluginActionConfigurationComponent {
         this.save$ = this.pluginStateService.save$;
         this.saving$ = this.stateService.saving$;
         this._prefillConfigurationSubject$ = new BehaviorSubject(null);
-        this._prefillConfiguration$ = this.stateService.selectedProcessLink$.pipe(map(processLink => (processLink ? processLink?.actionProperties : undefined)));
+        // Only prefill if the action key hasn't changed from what's saved in the process link
+        this._prefillConfiguration$ = combineLatest([
+            this.stateService.selectedProcessLink$,
+            this.pluginStateService.selectedPluginFunction$,
+        ]).pipe(map$1(([processLink, selectedFunction]) => {
+            if (!processLink)
+                return undefined;
+            // Only prefill if the action hasn't been changed
+            const savedActionKey = processLink.pluginActionDefinitionKey;
+            const currentActionKey = selectedFunction?.key;
+            if (currentActionKey && savedActionKey !== currentActionKey) {
+                return undefined; // Action changed, don't prefill old configuration
+            }
+            return processLink.actionProperties;
+        }));
         this.prefillConfiguration$ = combineLatest([
             this._prefillConfigurationSubject$,
             this._prefillConfiguration$,
-        ]).pipe(map(([prefillConfigurationSubjectValue, prefillConfiguration]) => prefillConfigurationSubjectValue || prefillConfiguration));
+        ]).pipe(map$1(([prefillConfigurationSubjectValue, prefillConfiguration]) => prefillConfigurationSubjectValue || prefillConfiguration));
         this._subscriptions = new Subscription();
     }
     ngOnInit() {
@@ -1417,23 +2111,29 @@ class PluginActionConfigurationComponent {
         this._prefillConfigurationSubject$.next(configuration);
     }
     updateProcessLink(configuration) {
-        this.stateService.selectedProcessLink$.pipe(take(1)).subscribe(selectedProcessLink => {
+        combineLatest([
+            this.stateService.selectedProcessLink$,
+            this.pluginStateService.selectedPluginFunction$,
+        ])
+            .pipe(take(1))
+            .subscribe(([selectedProcessLink, selectedFunction]) => {
+            const inferredReferenceType = selectedProcessLink.referenceType ||
+                (selectedProcessLink.pluginDefinitionKey ? 'BUILDING_BLOCK' : 'FIXED');
+            const pluginConfigurationId = inferredReferenceType === 'FIXED'
+                ? (selectedProcessLink.pluginConfigurationId ?? '')
+                : undefined;
+            // Use the currently selected function key (user may have changed it)
+            const actionKey = selectedFunction?.key ?? selectedProcessLink.pluginActionDefinitionKey ?? '';
             const updateProcessLinkRequest = {
                 id: selectedProcessLink.id,
-                pluginConfigurationId: selectedProcessLink.pluginConfigurationId ?? '',
-                pluginActionDefinitionKey: selectedProcessLink.pluginActionDefinitionKey ?? '',
+                pluginConfigurationId,
+                pluginActionDefinitionKey: actionKey,
                 actionProperties: configuration,
                 activityId: selectedProcessLink.activityId,
+                referenceType: inferredReferenceType,
+                pluginDefinitionKey: selectedProcessLink.pluginDefinitionKey,
             };
-            if (this.stateService.processLinkEditMode === ProcessLinkEditMode.EMIT_EVENTS) {
-                this.stateService.sendProcessLinkUpdateEvent(updateProcessLinkRequest);
-                return;
-            }
-            this.processLinkService.updateProcessLink(updateProcessLinkRequest).subscribe(() => {
-                this.stateService.closeModal();
-            }, () => {
-                this.stateService.stopSaving();
-            });
+            this.stateService.sendProcessLinkUpdateEvent(updateProcessLinkRequest);
         });
     }
     saveNewProcessLink(configuration) {
@@ -1442,31 +2142,41 @@ class PluginActionConfigurationComponent {
             this.pluginStateService.selectedPluginConfiguration$,
             this.pluginStateService.selectedPluginFunction$,
             this.stateService.selectedProcessLinkTypeId$,
+            this.pluginStateService.selectedPluginDefinition$,
         ])
             .pipe(take(1))
-            .subscribe(([modalData, selectedConfiguration, selectedFunction, selectedProcessLinkTypeId]) => {
+            .subscribe(([modalData, selectedConfiguration, selectedFunction, selectedProcessLinkTypeId, selectedDefinition,]) => {
+            const isBuildingBlock = this.stateService.isBuildingBlockContext();
+            const pluginDefinitionKey = selectedConfiguration?.pluginDefinition?.key || selectedDefinition?.key;
+            if (!selectedFunction || (isBuildingBlock && !pluginDefinitionKey)) {
+                this.stateService.stopSaving();
+                return;
+            }
+            if (!isBuildingBlock && !selectedConfiguration) {
+                this.stateService.stopSaving();
+                return;
+            }
+            const referenceType = isBuildingBlock
+                ? 'BUILDING_BLOCK'
+                : 'FIXED';
             const processLinkRequest = {
                 actionProperties: configuration,
                 activityId: modalData?.element?.id,
                 activityType: modalData?.element?.activityListenerType ?? '',
-                pluginConfigurationId: selectedConfiguration.id,
+                pluginConfigurationId: isBuildingBlock ? undefined : selectedConfiguration?.id,
                 processDefinitionId: modalData?.processDefinitionId,
                 pluginActionDefinitionKey: selectedFunction.key,
                 processLinkType: selectedProcessLinkTypeId,
+                referenceType,
+                pluginDefinitionKey,
             };
-            if (this.stateService.processLinkEditMode === ProcessLinkEditMode.EMIT_EVENTS) {
-                this.stateService.sendProcessLinkCreateEvent(processLinkRequest);
-                return;
-            }
-            this.processLinkService.saveProcessLink(processLinkRequest).subscribe(() => {
-                this.stateService.closeModal();
-            }, () => {
-                this.stateService.stopSaving();
-            });
+            this.stateService.sendProcessLinkCreateEvent(processLinkRequest);
         });
     }
     openBackButtonSubscription() {
-        this._subscriptions.add(this.buttonService.backButtonClick$.subscribe(() => {
+        this._subscriptions.add(this.buttonService.backButtonClick$
+            .pipe(withLatestFrom(this.stateService.isEditing$), filter$1(([, isEditing]) => !isEditing))
+            .subscribe(() => {
             this.stepService.setChoosePluginActionSteps();
         }));
     }
@@ -1475,10 +2185,10 @@ class PluginActionConfigurationComponent {
             this.pluginStateService.save();
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginActionConfigurationComponent, deps: [{ token: ProcessLinkStateService }, { token: PluginStateService }, { token: ProcessLinkButtonService }, { token: ProcessLinkStepService }, { token: ProcessLinkService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: PluginActionConfigurationComponent, isStandalone: false, selector: "valtimo-plugin-action-configuration", inputs: { selectedPluginConfiguration$: "selectedPluginConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-import-plugin-configuration\n  [pluginActionKey]=\"functionKey$ | async\"\n  (configurationEvent)=\"onImportConfiguration($event)\"\n></valtimo-import-plugin-configuration>\n\n<valtimo-plugin-configuration-container\n  [pluginDefinitionKey]=\"pluginDefinitionKey$ | async\"\n  [functionKey]=\"functionKey$ | async\"\n  [save$]=\"save$\"\n  [disabled$]=\"saving$\"\n  [selectedPluginConfiguration$]=\"selectedPluginConfiguration$\"\n  [prefillConfiguration$]=\"prefillConfiguration$\"\n  (valid)=\"onValid($event)\"\n  (configuration)=\"onConfiguration($event)\"\n  type=\"function\"\n></valtimo-plugin-configuration-container>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "component", type: i1$1.PluginConfigurationContainerComponent, selector: "valtimo-plugin-configuration-container", inputs: ["type", "pluginDefinitionKey", "functionKey", "save$", "disabled$", "selectedPluginConfiguration$", "prefillConfiguration$"], outputs: ["valid", "configuration"] }, { kind: "component", type: ImportPluginConfigurationComponent, selector: "valtimo-import-plugin-configuration", inputs: ["pluginActionKey"], outputs: ["configurationEvent"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PluginActionConfigurationComponent, deps: [{ token: ProcessLinkStateService }, { token: PluginStateService }, { token: ProcessLinkButtonService }, { token: ProcessLinkStepService }, { token: ProcessLinkService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: PluginActionConfigurationComponent, isStandalone: false, selector: "valtimo-plugin-action-configuration", inputs: { selectedPluginConfiguration$: "selectedPluginConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-import-plugin-configuration\n  [pluginActionKey]=\"functionKey$ | async\"\n  (configurationEvent)=\"onImportConfiguration($event)\"\n></valtimo-import-plugin-configuration>\n\n<valtimo-plugin-configuration-container\n  [pluginDefinitionKey]=\"pluginDefinitionKey$ | async\"\n  [functionKey]=\"functionKey$ | async\"\n  [save$]=\"save$\"\n  [disabled$]=\"saving$\"\n  [selectedPluginConfiguration$]=\"selectedPluginConfiguration$\"\n  [prefillConfiguration$]=\"prefillConfiguration$\"\n  (valid)=\"onValid($event)\"\n  (configuration)=\"onConfiguration($event)\"\n  type=\"function\"\n></valtimo-plugin-configuration-container>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "component", type: i1$1.PluginConfigurationContainerComponent, selector: "valtimo-plugin-configuration-container", inputs: ["type", "pluginDefinitionKey", "functionKey", "save$", "disabled$", "selectedPluginConfiguration$", "prefillConfiguration$"], outputs: ["valid", "configuration"] }, { kind: "component", type: ImportPluginConfigurationComponent, selector: "valtimo-import-plugin-configuration", inputs: ["pluginActionKey"], outputs: ["configurationEvent"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginActionConfigurationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: PluginActionConfigurationComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-plugin-action-configuration', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-import-plugin-configuration\n  [pluginActionKey]=\"functionKey$ | async\"\n  (configurationEvent)=\"onImportConfiguration($event)\"\n></valtimo-import-plugin-configuration>\n\n<valtimo-plugin-configuration-container\n  [pluginDefinitionKey]=\"pluginDefinitionKey$ | async\"\n  [functionKey]=\"functionKey$ | async\"\n  [save$]=\"save$\"\n  [disabled$]=\"saving$\"\n  [selectedPluginConfiguration$]=\"selectedPluginConfiguration$\"\n  [prefillConfiguration$]=\"prefillConfiguration$\"\n  (valid)=\"onValid($event)\"\n  (configuration)=\"onConfiguration($event)\"\n  type=\"function\"\n></valtimo-plugin-configuration-container>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: ProcessLinkStateService }, { type: PluginStateService }, { type: ProcessLinkButtonService }, { type: ProcessLinkStepService }, { type: ProcessLinkService }], propDecorators: { selectedPluginConfiguration$: [{
@@ -1516,7 +2226,7 @@ class FormLinkProcessDiagramComponent {
     ngOnInit() {
         this.pageTitleService.disableReset();
         combineLatest([this.route.queryParams, this.processService.getProcessDefinitions()])
-            .pipe(map(([queryParams, processDefinitions]) => ({ queryParams, processDefinitions })))
+            .pipe(map$1(([queryParams, processDefinitions]) => ({ queryParams, processDefinitions })))
             .subscribe(response => {
             this.processDefinitions = response.processDefinitions;
             if (response.queryParams.process) {
@@ -1613,13 +2323,13 @@ class FormLinkProcessDiagramComponent {
         }
         this.version = +version;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormLinkProcessDiagramComponent, deps: [{ token: i1$3.ProcessService }, { token: i3$1.ActivatedRoute }, { token: i2$2.PageTitleService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FormLinkProcessDiagramComponent, isStandalone: false, selector: "valtimo-form-link-process-diagram", outputs: { bpmnElementModalOpen: "bpmnElementModalOpen", bpmnElementModalClose: "bpmnElementModalClose" }, viewQueries: [{ propertyName: "el", first: true, predicate: ["ref"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"container-fluid\">\n  <div class=\"row p-4 bg-white\">\n    <div class=\"col\">\n      <div #ref class=\"diagram-container\"></div>\n    </div>\n  </div>\n</div>\n<div class=\"p-4 text-center legenda-holder\">\n  <span>Click on a User Task to specify a form definition for that User Task.</span>\n</div>\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <div class=\"form-link-dossier-actions\">\n      <cds-select [label]=\"'Process'\" (change)=\"setProcessDefinitionKey($event.target.value)\"\n        ><option\n          *ngFor=\"let processDefinition of processDefinitions\"\n          [value]=\"processDefinition.key\"\n          [selected]=\"processDefinitionKey === processDefinition.key\"\n        >\n          {{ processDefinition.name }}\n        </option>\n      </cds-select>\n      <cds-select [label]=\"'Version'\" (change)=\"setProcessDefinitionVersion($event.target.value)\">\n        <option\n          *ngFor=\"let processDefinitionVersion of processDefinitionVersions\"\n          [value]=\"processDefinitionVersion.version\"\n          [selected]=\"processDefinitionVersion.version === version\"\n        >\n          {{ processDefinitionVersion.version }}\n        </option>\n      </cds-select>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".diagram-container-switch-holder{width:100%;z-index:1000}.diagram-container{height:58vh}.container-fluid{border:1px solid #dee2e6}.options{border-bottom:1px solid #dee2e6}.form-link-dossier-actions{display:flex;flex-direction:row;gap:8px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$2.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: i4.Select, selector: "cds-select, ibm-select", inputs: ["value", "display", "label", "helperText", "invalidText", "warn", "warnText", "id", "size", "disabled", "skeleton", "invalid", "readonly", "theme", "ariaLabel", "fluid"], outputs: ["valueChange"] }, { kind: "directive", type: i4.Option, selector: "option" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FormLinkProcessDiagramComponent, deps: [{ token: i1$3.ProcessService }, { token: i3$3.ActivatedRoute }, { token: i2$1.PageTitleService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: FormLinkProcessDiagramComponent, isStandalone: false, selector: "valtimo-form-link-process-diagram", outputs: { bpmnElementModalOpen: "bpmnElementModalOpen", bpmnElementModalClose: "bpmnElementModalClose" }, viewQueries: [{ propertyName: "el", first: true, predicate: ["ref"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"container-fluid\">\n  <div class=\"row p-4 bg-white\">\n    <div class=\"col\">\n      <div #ref class=\"diagram-container\"></div>\n    </div>\n  </div>\n</div>\n<div class=\"p-4 text-center legenda-holder\">\n  <span>Click on a User Task to specify a form definition for that User Task.</span>\n</div>\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <div class=\"form-link-dossier-actions\">\n      <cds-select [label]=\"'Process'\" (change)=\"setProcessDefinitionKey($event.target.value)\"\n        ><option\n          *ngFor=\"let processDefinition of processDefinitions\"\n          [value]=\"processDefinition.key\"\n          [selected]=\"processDefinitionKey === processDefinition.key\"\n        >\n          {{ processDefinition.name }}\n        </option>\n      </cds-select>\n      <cds-select [label]=\"'Version'\" (change)=\"setProcessDefinitionVersion($event.target.value)\">\n        <option\n          *ngFor=\"let processDefinitionVersion of processDefinitionVersions\"\n          [value]=\"processDefinitionVersion.version\"\n          [selected]=\"processDefinitionVersion.version === version\"\n        >\n          {{ processDefinitionVersion.version }}\n        </option>\n      </cds-select>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".diagram-container-switch-holder{width:100%;z-index:1000}.diagram-container{height:58vh}.container-fluid{border:1px solid #dee2e6}.options{border-bottom:1px solid #dee2e6}.form-link-dossier-actions{display:flex;flex-direction:row;gap:8px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: i3$2.Select, selector: "cds-select, ibm-select", inputs: ["value", "display", "label", "helperText", "invalidText", "warn", "warnText", "id", "size", "disabled", "skeleton", "invalid", "readonly", "theme", "ariaLabel", "fluid"], outputs: ["valueChange"] }, { kind: "directive", type: i3$2.Option, selector: "option" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormLinkProcessDiagramComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FormLinkProcessDiagramComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-form-link-process-diagram', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"container-fluid\">\n  <div class=\"row p-4 bg-white\">\n    <div class=\"col\">\n      <div #ref class=\"diagram-container\"></div>\n    </div>\n  </div>\n</div>\n<div class=\"p-4 text-center legenda-holder\">\n  <span>Click on a User Task to specify a form definition for that User Task.</span>\n</div>\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <div class=\"form-link-dossier-actions\">\n      <cds-select [label]=\"'Process'\" (change)=\"setProcessDefinitionKey($event.target.value)\"\n        ><option\n          *ngFor=\"let processDefinition of processDefinitions\"\n          [value]=\"processDefinition.key\"\n          [selected]=\"processDefinitionKey === processDefinition.key\"\n        >\n          {{ processDefinition.name }}\n        </option>\n      </cds-select>\n      <cds-select [label]=\"'Version'\" (change)=\"setProcessDefinitionVersion($event.target.value)\">\n        <option\n          *ngFor=\"let processDefinitionVersion of processDefinitionVersions\"\n          [value]=\"processDefinitionVersion.version\"\n          [selected]=\"processDefinitionVersion.version === version\"\n        >\n          {{ processDefinitionVersion.version }}\n        </option>\n      </cds-select>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".diagram-container-switch-holder{width:100%;z-index:1000}.diagram-container{height:58vh}.container-fluid{border:1px solid #dee2e6}.options{border-bottom:1px solid #dee2e6}.form-link-dossier-actions{display:flex;flex-direction:row;gap:8px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i1$3.ProcessService }, { type: i3$1.ActivatedRoute }, { type: i2$2.PageTitleService }], propDecorators: { el: [{
+        }], ctorParameters: () => [{ type: i1$3.ProcessService }, { type: i3$3.ActivatedRoute }, { type: i2$1.PageTitleService }], propDecorators: { el: [{
                 type: ViewChild,
                 args: ['ref']
             }], bpmnElementModalOpen: [{
@@ -1629,7 +2339,541 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
             }] } });
 
 /*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ConfigureBuildingBlockMappingsComponent {
+    getBuildingBlockFieldItemsForRow$(group) {
+        const cached = this._rowItemsCache.get(group);
+        if (cached)
+            return cached;
+        const stream = combineLatest([
+            this.buildingBlockFieldItems$,
+            this.inputsForm.valueChanges.pipe(startWith(this.inputsForm.value)),
+            group.valueChanges.pipe(startWith(group.value)),
+        ]).pipe(map$1(([buildingBlockFieldItems, inputsFormValue, groupValue]) => {
+            const usedInputTargets = inputsFormValue.inputs?.map(input => input.target).filter(Boolean) ?? [];
+            return buildingBlockFieldItems.filter(item => {
+                if (item.id === groupValue.target)
+                    return true;
+                return !usedInputTargets.includes(`${item.id}`);
+            });
+        }));
+        this._rowItemsCache.set(group, stream);
+        return stream;
+    }
+    getUsedCaseTargetsForRow$(group) {
+        const cached = this._outputTargetFiltersCache.get(group);
+        if (cached)
+            return cached;
+        const stream = combineLatest([
+            this.outputsForm.valueChanges.pipe(startWith(this.outputsForm.value)),
+            group.valueChanges.pipe(startWith(group.value)),
+        ]).pipe(map$1(([outputsFormValue, groupValue]) => {
+            const allTargets = outputsFormValue.outputs?.map(output => output.target).filter(Boolean) ?? [];
+            return allTargets.filter(target => target !== groupValue.target);
+        }));
+        this._outputTargetFiltersCache.set(group, stream);
+        return stream;
+    }
+    get inputs() {
+        return this.inputsForm.controls.inputs;
+    }
+    get outputs() {
+        return this.outputsForm.controls.outputs;
+    }
+    constructor(fb, buildingBlockStateService, buttonService, stepService, processLinkService, processLinkStateService, translateService, route, changeDetectorRef, buildingBlockApiService, stateService) {
+        this.fb = fb;
+        this.buildingBlockStateService = buildingBlockStateService;
+        this.buttonService = buttonService;
+        this.stepService = stepService;
+        this.processLinkService = processLinkService;
+        this.processLinkStateService = processLinkStateService;
+        this.translateService = translateService;
+        this.route = route;
+        this.changeDetectorRef = changeDetectorRef;
+        this.buildingBlockApiService = buildingBlockApiService;
+        this.stateService = stateService;
+        this.buildingBlockFields$ = this.buildingBlockStateService.buildingBlockFields$;
+        this.buildingBlockFieldItems$ = this.buildingBlockFields$.pipe(map$1(buildingBlockFields => buildingBlockFields.map(buildingBlockField => {
+            return {
+                id: buildingBlockField.name,
+                text: `doc:${buildingBlockField.name}`,
+            };
+        })));
+        this.inputsForm = new FormGroup({
+            inputs: new FormArray([]),
+        });
+        this.outputsForm = new FormGroup({
+            outputs: new FormArray([]),
+        });
+        this._rowItemsCache = new WeakMap();
+        this._outputTargetFiltersCache = new WeakMap();
+        this.syncTimingItems = [
+            {
+                id: 'CONTINUOUS',
+                labelKey: 'processLinkConfiguration.buildingBlock.sync.continuous',
+            },
+            {
+                id: 'END',
+                labelKey: 'processLinkConfiguration.buildingBlock.sync.end',
+            },
+        ];
+        this.params$ = getCaseManagementRouteParams(this.route);
+        this.buildingBlockParams$ = getBuildingBlockManagementRouteParams(this.route);
+        this.ValuePathSelectorPrefix = ValuePathSelectorPrefix;
+        this.sourceIsCase$ = new BehaviorSubject(true);
+        this.sourceIsIndependent$ = new BehaviorSubject(false);
+        /**
+         * Returns the name of the source/target context in mappings.
+         * When in a building block context, shows the parent building block name.
+         * When in a case context, shows the case name.
+         * When in an independent process context, shows the process label.
+         */
+        this.sourceContextName$ = combineLatest([
+            this.params$,
+            this.buildingBlockParams$,
+        ]).pipe(switchMap$1(([caseParams, bbParams]) => {
+            if (bbParams?.buildingBlockDefinitionKey && bbParams?.buildingBlockDefinitionVersionTag) {
+                this.sourceIsCase$.next(false);
+                this.sourceIsIndependent$.next(false);
+                // We're in a building block context - fetch the parent building block name
+                return this.buildingBlockApiService
+                    .getBuildingBlockDefinition(bbParams.buildingBlockDefinitionKey, bbParams.buildingBlockDefinitionVersionTag)
+                    .pipe(map$1(def => def?.name ?? bbParams.buildingBlockDefinitionKey));
+            }
+            else if (caseParams?.caseDefinitionKey && caseParams?.caseDefinitionVersionTag) {
+                this.sourceIsCase$.next(true);
+                this.sourceIsIndependent$.next(false);
+                // We're in a case context - fetch the case name
+                return this.buildingBlockApiService
+                    .getCaseDefinition(caseParams.caseDefinitionKey, caseParams.caseDefinitionVersionTag)
+                    .pipe(map$1(def => def?.name ?? caseParams.caseDefinitionKey));
+            }
+            // We're in an independent process context
+            this.sourceIsCase$.next(false);
+            this.sourceIsIndependent$.next(true);
+            return of(this.translateService.instant('processLinkConfiguration.buildingBlock.process'));
+        }));
+        /**
+         * Returns the name of the building block being configured.
+         */
+        this.targetBuildingBlockName$ = combineLatest([
+            this.buildingBlockStateService.definitionKey$,
+            this.buildingBlockStateService.definitionVersionTag$,
+        ]).pipe(switchMap$1(([key, versionTag]) => {
+            if (key && versionTag) {
+                return this.buildingBlockApiService
+                    .getBuildingBlockDefinition(key, versionTag)
+                    .pipe(map$1(def => def?.name ?? key));
+            }
+            return of(this.translateService.instant('processLinkConfiguration.buildingBlock.buildingBlock'));
+        }));
+        this._subscriptions = new Subscription();
+        this._syncingFromState = false;
+        this._suppressValidation = false;
+        this._inputRefreshHandle = null;
+        this._destroyed = false;
+        this.allInputsMapped$ = combineLatest([
+            this.buildingBlockFields$,
+            this.inputsForm.valueChanges.pipe(startWith(this.inputsForm.value)),
+        ]).pipe(map$1(([fields, inputsFormValue]) => {
+            const allTargets = inputsFormValue.inputs?.map(input => input.target).filter((t) => !!t) ?? [];
+            if (!fields || fields.length === 0) {
+                return false;
+            }
+            return fields.every(field => allTargets.includes(field.name));
+        }));
+    }
+    ngOnInit() {
+        this._subscriptions.add(combineLatest([
+            this.buildingBlockFields$,
+            this.buildingBlockStateService.inputMappings$,
+        ]).subscribe(([fields, mappings]) => {
+            this.syncInputsIfNeeded(fields, mappings);
+        }));
+        this.buildingBlockStateService.outputMappings$.pipe(take(1)).subscribe(mappings => {
+            this.syncOutputsFromState(mappings);
+        });
+        this._subscriptions.add(combineLatest([this.inputsForm.statusChanges, this.outputsForm.statusChanges]).subscribe(() => {
+            this.triggerValidation();
+        }));
+        this.triggerValidation();
+        this._subscriptions.add(this.buttonService.backButtonClick$
+            .pipe(withLatestFrom(this.stateService.isEditing$), filter$1(([, isEditing]) => !isEditing))
+            .subscribe(() => {
+            this.stepService.setConfigureBuildingBlockPluginsStep();
+        }));
+        this._subscriptions.add(this.buttonService.saveButtonClick$.subscribe(() => {
+            this.persistProcessLink();
+        }));
+        this._subscriptions.add(this.outputsForm.valueChanges.subscribe(() => {
+            this.persistOutputFormState();
+        }));
+        this._subscriptions.add(this.inputsForm.valueChanges.subscribe(() => {
+            this.persistInputFormState();
+        }));
+    }
+    ngAfterViewInit() {
+        this.queueInputSourceRefresh();
+    }
+    ngOnDestroy() {
+        this._destroyed = true;
+        if (this._inputRefreshHandle !== null) {
+            clearTimeout(this._inputRefreshHandle);
+            this._inputRefreshHandle = null;
+        }
+        this._subscriptions.unsubscribe();
+    }
+    createInputGroup(mapping) {
+        return new FormGroup({
+            source: new FormControl(mapping?.source ?? '', {
+                nonNullable: true,
+                validators: [Validators.required],
+            }),
+            target: new FormControl(mapping?.target ?? '', {
+                nonNullable: true,
+                validators: [Validators.required],
+            }),
+        });
+    }
+    createOutputGroup(mapping, sourceOverride) {
+        return new FormGroup({
+            source: new FormControl(sourceOverride ?? mapping?.source ?? '', {
+                nonNullable: true,
+                validators: [Validators.required],
+            }),
+            target: new FormControl(mapping?.target ?? '', {
+                nonNullable: true,
+                validators: [Validators.required],
+            }),
+            syncTiming: new FormControl(mapping?.syncTiming ?? 'END', { nonNullable: true, validators: [Validators.required] }),
+        });
+    }
+    addInput() {
+        this.inputs.push(this.createInputGroup());
+        this.persistInputFormState();
+        this.changeDetectorRef.detectChanges();
+    }
+    deleteInput(index) {
+        this.inputs.removeAt(index);
+        this.persistInputFormState();
+        this.changeDetectorRef.detectChanges();
+    }
+    addOutput(source) {
+        this.outputs.push(this.createOutputGroup(undefined, source));
+        this.persistOutputFormState();
+        this.changeDetectorRef.detectChanges();
+    }
+    deleteOutput(index) {
+        this.outputs.removeAt(index);
+        this.persistOutputFormState();
+    }
+    syncInputsFromState(fields, mappings) {
+        this._syncingFromState = true;
+        const requiredTargets = fields.filter(f => f.required).map(f => f.name);
+        const allMappings = [
+            ...requiredTargets.map(target => mappings.find(m => m.target === target) || { target: target, source: '' }),
+            ...mappings.filter(mapping => !requiredTargets.includes(mapping.target)),
+        ];
+        this.inputs.clear();
+        allMappings.forEach(mapping => {
+            this.inputs.push(this.createInputGroup(mapping));
+        });
+        this._syncingFromState = false;
+        this.triggerValidation();
+        this.queueInputSourceRefresh();
+    }
+    syncInputsIfNeeded(fields, mappings) {
+        if (this._syncingFromState) {
+            return;
+        }
+        const requiredTargets = fields.filter(f => f.required).map(f => f.name);
+        const currentTargets = this.inputs.controls
+            .map(group => group.controls.target.value)
+            .filter((target) => !!target) ?? [];
+        const missingRequired = requiredTargets.some(target => !currentTargets.includes(target));
+        const shouldSync = (this.inputs.length === 0 && (mappings.length > 0 || fields.length > 0)) || missingRequired;
+        if (shouldSync) {
+            this.syncInputsFromState(fields, mappings);
+            return;
+        }
+        this.applyMappingSources(mappings);
+    }
+    applyMappingSources(mappings) {
+        const mappingByTarget = new Map(mappings.filter(mapping => !!mapping.target).map(mapping => [mapping.target, mapping]));
+        let updated = false;
+        this._syncingFromState = true;
+        this.inputs.controls.forEach(group => {
+            const target = group.controls.target.value;
+            if (!target)
+                return;
+            const mapping = mappingByTarget.get(target);
+            if (!mapping?.source)
+                return;
+            if (!group.controls.source.value) {
+                group.controls.source.setValue(mapping.source);
+                updated = true;
+            }
+        });
+        this._syncingFromState = false;
+        if (updated) {
+            this.triggerValidation();
+            this.queueInputSourceRefresh();
+        }
+    }
+    queueInputSourceRefresh() {
+        if (this._inputRefreshHandle !== null) {
+            clearTimeout(this._inputRefreshHandle);
+        }
+        this._inputRefreshHandle = window.setTimeout(() => {
+            if (this._destroyed)
+                return;
+            this.inputs.controls.forEach(group => {
+                const value = group.controls.source.value ?? '';
+                group.controls.source.setValue(value, { emitEvent: false });
+            });
+            this.changeDetectorRef.detectChanges();
+            this._inputRefreshHandle = null;
+        }, 0);
+    }
+    isSyncTimingSelected(group, value) {
+        return group.controls.syncTiming.value === value;
+    }
+    syncOutputsFromState(mappings) {
+        this._syncingFromState = true;
+        this.outputs.clear();
+        (mappings || []).forEach(mapping => {
+            this.outputs.push(this.createOutputGroup(mapping));
+        });
+        this._syncingFromState = false;
+        this.triggerValidation();
+    }
+    persistInputFormState() {
+        if (this._syncingFromState) {
+            return;
+        }
+        const mapped = this.inputs.controls.map(group => {
+            return { source: group.value.source, target: group.value.target };
+        });
+        this.buildingBlockStateService.setInputMappings(mapped);
+        this.triggerValidation();
+    }
+    persistOutputFormState() {
+        if (this._syncingFromState) {
+            return;
+        }
+        const mapped = this.outputs.controls.map(group => {
+            return {
+                source: group.value.source,
+                target: group.value.target,
+                syncTiming: (group.value.syncTiming ?? 'END'),
+            };
+        });
+        this.buildingBlockStateService.setOutputMappings(mapped);
+        this.triggerValidation();
+    }
+    isValid() {
+        const fields = this.buildingBlockStateService.getBuildingBlockFieldsSnapshot();
+        this.clearCustomErrors();
+        const inputsValid = this.validateInputs(fields);
+        const outputsValid = this.validateOutputs();
+        const overall = this.inputsForm.valid && this.outputsForm.valid && inputsValid && outputsValid;
+        this.buttonService[overall ? 'enableSaveButton' : 'disableSaveButton']();
+        return overall;
+    }
+    validateInputs(fields) {
+        let valid = true;
+        const requiredTargets = new Set(fields.filter(f => f.required).map(f => f.name));
+        const targetCounts = {};
+        this.inputs.controls.forEach(group => {
+            const target = group.controls.target.value || '';
+            const source = group.controls.source.value || '';
+            if (target) {
+                targetCounts[target] = (targetCounts[target] || 0) + 1;
+            }
+            if (!source) {
+                group.controls.source.setErrors({ required: true });
+                valid = false;
+            }
+            if (!target) {
+                group.controls.target.setErrors({ required: true });
+                valid = false;
+            }
+        });
+        Object.entries(targetCounts).forEach(([target, count]) => {
+            if (count > 1) {
+                this.inputs.controls
+                    .filter(g => g.controls.target.value === target)
+                    .forEach(g => g.controls.target.setErrors({ duplicateTarget: true }));
+                valid = false;
+            }
+        });
+        requiredTargets.forEach(reqTarget => {
+            const match = this.inputs.controls.find(g => g.controls.target.value === reqTarget);
+            if (!match || !match.controls.source.value) {
+                valid = false;
+            }
+        });
+        return valid;
+    }
+    validateOutputs() {
+        let valid = true;
+        const targetCounts = {};
+        this.outputs.controls.forEach(group => {
+            const target = group.controls.target.value || '';
+            const source = group.controls.source.value || '';
+            const syncTiming = group.controls.syncTiming.value;
+            if (target) {
+                targetCounts[target] = (targetCounts[target] || 0) + 1;
+            }
+            if (!source) {
+                group.controls.source.setErrors({ required: true });
+                valid = false;
+            }
+            if (!target) {
+                group.controls.target.setErrors({ required: true });
+                valid = false;
+            }
+            if (!syncTiming) {
+                group.controls.syncTiming.setErrors({ required: true });
+                valid = false;
+            }
+        });
+        Object.entries(targetCounts).forEach(([target, count]) => {
+            if (count > 1) {
+                this.outputs.controls
+                    .filter(g => g.controls.target.value === target)
+                    .forEach(g => g.controls.target.setErrors({ duplicateTarget: true }));
+                valid = false;
+            }
+        });
+        return valid;
+    }
+    clearCustomErrors() {
+        this.inputs.controls.forEach(group => {
+            group.controls.source.setErrors(null);
+            group.controls.target.setErrors(null);
+        });
+        this.outputs.controls.forEach(group => {
+            group.controls.source.setErrors(null);
+            group.controls.target.setErrors(null);
+            group.controls.syncTiming.setErrors(null);
+        });
+    }
+    triggerValidation() {
+        if (this._suppressValidation)
+            return;
+        this._suppressValidation = true;
+        Promise.resolve().then(() => {
+            this.isValid();
+            this._suppressValidation = false;
+        });
+    }
+    persistProcessLink() {
+        if (!this.isValid()) {
+            this.buttonService.disableSaveButton();
+            return;
+        }
+        this.buttonService.disableSaveButton();
+        this.processLinkStateService.startSaving();
+        this.processLinkStateService.selectedProcessLink$
+            .pipe(take(1))
+            .subscribe(selectedProcessLink => {
+            if (selectedProcessLink && selectedProcessLink.processLinkType === 'building-block') {
+                this.updateProcessLink(selectedProcessLink);
+            }
+            else {
+                this.createProcessLink();
+            }
+        });
+    }
+    createProcessLink() {
+        this.processLinkStateService.modalParams$.pipe(take(1)).subscribe(modalParams => {
+            const { key, versionTag } = this.buildingBlockStateService.getDefinitionSnapshot();
+            if (!modalParams || !key || !versionTag) {
+                this.processLinkStateService.stopSaving();
+                return;
+            }
+            const activityId = modalParams.element?.id;
+            if (!activityId) {
+                this.processLinkStateService.stopSaving();
+                return;
+            }
+            const request = {
+                processDefinitionId: modalParams.processDefinitionId ?? '-',
+                activityId,
+                activityType: modalParams.element?.activityListenerType ?? '',
+                processLinkType: 'building-block',
+                buildingBlockDefinitionKey: key,
+                buildingBlockDefinitionVersionTag: versionTag,
+                pluginConfigurationMappings: this.buildingBlockStateService.getPluginConfigurationMappingsSnapshot(),
+                inputMappings: this.buildingBlockStateService.getInputMappingsSnapshot(),
+                outputMappings: this.buildingBlockStateService.getOutputMappingsSnapshot(),
+            };
+            this.processLinkStateService.sendProcessLinkCreateEvent(request);
+        });
+    }
+    updateProcessLink(processLink) {
+        this.processLinkStateService.modalParams$.pipe(take(1)).subscribe(modalParams => {
+            const { key, versionTag } = this.buildingBlockStateService.getDefinitionSnapshot();
+            if (!modalParams || !key || !versionTag) {
+                this.processLinkStateService.stopSaving();
+                return;
+            }
+            const activityId = modalParams.element?.id;
+            const request = {
+                id: processLink.id,
+                activityId: activityId,
+                processLinkType: 'building-block',
+                buildingBlockDefinitionKey: key,
+                buildingBlockDefinitionVersionTag: versionTag,
+                pluginConfigurationMappings: this.buildingBlockStateService.getPluginConfigurationMappingsSnapshot(),
+                inputMappings: this.buildingBlockStateService.getInputMappingsSnapshot(),
+                outputMappings: this.buildingBlockStateService.getOutputMappingsSnapshot(),
+            };
+            this.processLinkStateService.sendProcessLinkUpdateEvent(request);
+        });
+    }
+    isRequiredTarget(fields, target) {
+        if (!fields)
+            return false;
+        return fields.some(field => field.required && field.name === target);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ConfigureBuildingBlockMappingsComponent, deps: [{ token: i1$2.FormBuilder }, { token: BuildingBlockStateService }, { token: ProcessLinkButtonService }, { token: ProcessLinkStepService }, { token: ProcessLinkService }, { token: ProcessLinkStateService }, { token: i3.TranslateService }, { token: i3$3.ActivatedRoute }, { token: i0.ChangeDetectorRef }, { token: ProcessLinkBuildingBlockApiService }, { token: ProcessLinkStateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ConfigureBuildingBlockMappingsComponent, isStandalone: true, selector: "valtimo-configure-building-block-mappings", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@let obs =\n  {\n    fields: (buildingBlockFields$ | async),\n    fieldItems: (buildingBlockFieldItems$ | async),\n    params: (params$ | async),\n    buildingBlockParams: (buildingBlockParams$ | async),\n    sourceContextName: (sourceContextName$ | async),\n    targetBuildingBlockName: (targetBuildingBlockName$ | async),\n    sourceIsCase: (sourceIsCase$ | async),\n    sourceIsIndependent: (sourceIsIndependent$ | async),\n    caseLabelTranslation: ('Case' | translate),\n    processLabelTranslation: ('processLinkConfiguration.buildingBlock.process' | translate),\n    buildingBlockLabelTranslation:\n      ('processLinkConfiguration.buildingBlock.selectLabel' | translate),\n  };\n\n<div class=\"mapping-step\">\n  <section class=\"mapping-section\">\n    <h4 class=\"section-header\">\n      {{ 'processLinkConfiguration.buildingBlock.inputTitle' | translate }}\n    </h4>\n\n    <div class=\"mapping-table\" [formGroup]=\"inputsForm\">\n      <div class=\"mapping-header input\">\n        <v-input-label\n          [title]=\"\n            (obs.sourceIsIndependent\n              ? obs.processLabelTranslation\n              : obs.sourceIsCase\n                ? obs.caseLabelTranslation\n                : obs.buildingBlockLabelTranslation) +\n            (obs.sourceIsIndependent ? '' : ': ' + obs.sourceContextName)\n          \"\n        />\n\n        <v-input-label\n          [title]=\"obs.buildingBlockLabelTranslation + ': ' + obs.targetBuildingBlockName\"\n        />\n      </div>\n\n      <div formArrayName=\"inputs\">\n        @for (group of inputs.controls; let inputIndex = $index; track inputIndex) {\n          <div class=\"mapping-row input\" [formGroup]=\"group\">\n            <div class=\"mapping-part\">\n              @if (obs.sourceIsIndependent) {\n                <input [cdsLayer]=\"2\" cdsText formControlName=\"source\" [placeholder]=\"'pv:'\" />\n              } @else {\n                <valtimo-value-path-selector\n                  [cdsLayer]=\"2\"\n                  [prefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n                  [caseDefinitionKey]=\"obs.params?.caseDefinitionKey\"\n                  [caseDefinitionVersionTag]=\"obs.params?.caseDefinitionVersionTag\"\n                  [buildingBlockDefinitionKey]=\"obs.buildingBlockParams?.buildingBlockDefinitionKey\"\n                  [buildingBlockDefinitionVersionTag]=\"\n                    obs.buildingBlockParams?.buildingBlockDefinitionVersionTag\n                  \"\n                  [appendInline]=\"false\"\n                  [dropUp]=\"false\"\n                  [formControl]=\"group.get('source')\"\n                ></valtimo-value-path-selector>\n              }\n\n              <div class=\"arrow\">\u2192</div>\n            </div>\n\n            <div class=\"mapping-part\">\n              <div class=\"mapping-cell\">\n                @if (isRequiredTarget(obs.fields, group.get('target')?.value)) {\n                  <div class=\"required-target\">\n                    {{ 'doc:' + group.get('target')?.value }}\n                  </div>\n                } @else {\n                  <v-select\n                    [cdsLayer]=\"2\"\n                    [appendInline]=\"false\"\n                    formControlName=\"target\"\n                    [placeholder]=\"\n                      'processLinkConfiguration.buildingBlock.selectedBuildingBlockFieldPlaceholder'\n                        | translate\n                    \"\n                    [items]=\"getBuildingBlockFieldItemsForRow$(group) | async\"\n                    [dropUp]=\"false\"\n                  >\n                  </v-select>\n                }\n              </div>\n\n              <div class=\"mapping-cell-actions\">\n                @if (!isRequiredTarget(obs.fields, group.get('target')?.value)) {\n                  <button\n                    cdsButton=\"danger--ghost\"\n                    iconOnly\n                    size=\"sm\"\n                    (click)=\"deleteInput(inputIndex)\"\n                  >\n                    <svg cdsIcon=\"trash-can\" class=\"cds--btn__icon\" size=\"16\"></svg>\n                  </button>\n                } @else {\n                  <div class=\"required-indicator\">*</div>\n\n                  <div>\n                    {{ 'interface.required' | translate }}\n                  </div>\n                }\n              </div>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n\n    <button\n      cdsButton=\"tertiary\"\n      size=\"sm\"\n      (click)=\"addInput()\"\n      [title]=\"'processLinkConfiguration.buildingBlock.addInput' | translate\"\n      [disabled]=\"allInputsMapped$ | async\"\n    >\n      {{ 'processLinkConfiguration.buildingBlock.addInput' | translate }}\n\n      <svg cdsIcon=\"add\" class=\"cds--btn__icon\" size=\"16\"></svg>\n    </button>\n  </section>\n\n  <section class=\"mapping-section\">\n    <h4 class=\"section-header\">\n      {{ 'processLinkConfiguration.buildingBlock.outputTitle' | translate }}\n    </h4>\n\n    <div class=\"mapping-table\" [formGroup]=\"outputsForm\">\n      <div class=\"mapping-header output\">\n        <v-input-label\n          [title]=\"obs.buildingBlockLabelTranslation + ': ' + obs.targetBuildingBlockName\"\n        />\n\n        <v-input-label\n          [title]=\"\n            (obs.sourceIsIndependent\n              ? obs.processLabelTranslation\n              : obs.sourceIsCase\n                ? obs.caseLabelTranslation\n                : obs.buildingBlockLabelTranslation) +\n            (obs.sourceIsIndependent ? '' : ': ' + obs.sourceContextName)\n          \"\n        />\n\n        <div class=\"sync-options\" [style.display]=\"'none'\">\n          <v-input-label\n            [title]=\"'processLinkConfiguration.buildingBlock.sync.title' | translate\"\n          />\n        </div>\n      </div>\n\n      <div formArrayName=\"outputs\">\n        @for (group of outputs.controls; let outputIndex = $index; track outputIndex) {\n          <div class=\"mapping-row output\" [formGroup]=\"group\">\n            <div class=\"mapping-part\">\n              <div class=\"mapping-cell\">\n                <v-select\n                  [cdsLayer]=\"2\"\n                  [appendInline]=\"false\"\n                  formControlName=\"source\"\n                  [items]=\"obs.fieldItems || []\"\n                  [placeholder]=\"\n                    'processLinkConfiguration.buildingBlock.selectedBuildingBlockFieldPlaceholder'\n                      | translate\n                  \"\n                  [dropUp]=\"true\"\n                >\n                </v-select>\n              </div>\n\n              <div class=\"arrow\">\u2192</div>\n            </div>\n\n            <div class=\"mapping-part\">\n              @if (obs.sourceIsIndependent) {\n                <input [cdsLayer]=\"2\" cdsText formControlName=\"target\" [placeholder]=\"'pv:'\" />\n              } @else {\n                <valtimo-value-path-selector\n                  [cdsLayer]=\"2\"\n                  [prefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n                  [caseDefinitionKey]=\"obs.params?.caseDefinitionKey\"\n                  [caseDefinitionVersionTag]=\"obs.params?.caseDefinitionVersionTag\"\n                  [buildingBlockDefinitionKey]=\"obs.buildingBlockParams?.buildingBlockDefinitionKey\"\n                  [buildingBlockDefinitionVersionTag]=\"\n                    obs.buildingBlockParams?.buildingBlockDefinitionVersionTag\n                  \"\n                  [formControl]=\"group.get('target')\"\n                  [appendInline]=\"false\"\n                  [filterItems]=\"getUsedCaseTargetsForRow$(group) | async\"\n                  [dropUp]=\"true\"\n                ></valtimo-value-path-selector>\n              }\n            </div>\n\n            <div class=\"mapping-part\">\n              <div class=\"mapping-cell\" [style.display]=\"'none'\">\n                <cds-radio-group\n                  class=\"sync-radio-group\"\n                  formControlName=\"syncTiming\"\n                  [attr.name]=\"'syncTiming-' + outputIndex\"\n                >\n                  @for (item of syncTimingItems; track item.id) {\n                    <cds-radio [value]=\"item.id\" [checked]=\"isSyncTimingSelected(group, item.id)\">\n                      {{ item.labelKey | translate }}\n                    </cds-radio>\n                  }\n                </cds-radio-group>\n              </div>\n\n              <div class=\"mapping-cell-actions\">\n                <button\n                  cdsButton=\"danger--ghost\"\n                  iconOnly\n                  size=\"sm\"\n                  (click)=\"deleteOutput(outputIndex)\"\n                >\n                  <svg cdsIcon=\"trash-can\" class=\"cds--btn__icon\" size=\"16\"></svg>\n                </button>\n              </div>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n\n    <button\n      cdsButton=\"tertiary\"\n      size=\"sm\"\n      (click)=\"addOutput()\"\n      [title]=\"'processLinkConfiguration.buildingBlock.addOutput' | translate\"\n    >\n      {{ 'processLinkConfiguration.buildingBlock.addOutput' | translate }}\n\n      <svg cdsIcon=\"add\" class=\"cds--btn__icon\" size=\"16\"></svg>\n    </button>\n  </section>\n</div>\n", styles: [".section-header{font-size:14px;line-height:18px;font-weight:600}.mapping-section{margin-bottom:16px}.mapping-row,.mapping-header{display:grid;align-items:center}.mapping-row.input,.mapping-header.input{grid-template-columns:1fr 1fr}.mapping-row.output,.mapping-header.output{grid-template-columns:5fr 6fr 58px}.mapping-header .output .sync-options{padding-left:10px;display:flex}.mapping-row{margin-bottom:8px;padding:8px;background-color:var(--cds-layer)}.mapping-row .mapping-part{display:flex}.mapping-row .arrow{text-align:center;width:40px;line-height:40px;font-size:large}.mapping-row .mapping-cell{flex:1;min-width:0}.mapping-row .mapping-cell-actions{display:flex;align-self:flex-end;text-transform:capitalize;margin-left:10px}.mapping-row .mapping-cell-actions .required-indicator{margin:0 5px;color:var(--cds-text-error)}.mapping-row .mapping-cell-actions button{margin-bottom:5px}.mapping-row .mapping-cell-actions button ::ng-deep .cds--btn__icon{margin:0!important}.mapping-row .sync-radio-group{padding-left:10px;margin-top:8px}.mapping-row .sync-radio-group .sync-radio:first-child{margin-right:0}.mapping-row .sync-radio-group ::ng-deep .cds--radio-button__label{justify-content:normal}::ng-deep .process-link-modal-container .cds--modal-container{max-width:1280px}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "ngmodule", type: ComboBoxModule }, { kind: "ngmodule", type: RadioModule }, { kind: "component", type: i3$2.Radio, selector: "cds-radio, ibm-radio", inputs: ["checked", "name", "disabled", "labelPlacement", "ariaLabelledby", "ariaLabel", "required", "value", "skeleton", "id"], outputs: ["change"] }, { kind: "component", type: i3$2.RadioGroup, selector: "cds-radio-group, ibm-radio-group", inputs: ["selected", "value", "name", "disabled", "skeleton", "orientation", "labelPlacement", "legend", "ariaLabel", "ariaLabelledby", "helperText", "invalid", "invalidText", "warn", "warnText"], outputs: ["change"] }, { kind: "ngmodule", type: InputModule }, { kind: "directive", type: i3$2.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "component", type: ValuePathSelectorComponent, selector: "valtimo-value-path-selector", inputs: ["name", "appendInline", "margin", "marginLg", "marginXl", "disabled", "caseDefinitionKey", "caseDefinitionVersionTag", "buildingBlockDefinitionKey", "buildingBlockDefinitionVersionTag", "prefixes", "label", "tooltip", "required", "showCaseDefinitionSelector", "notation", "dropUp", "defaultValue", "type", "parentItem", "filterItems"], outputs: ["valueChangeEvent", "collectionSelected"] }, { kind: "ngmodule", type: InputLabelModule }, { kind: "component", type: i2$1.InputLabelComponent, selector: "v-input-label", inputs: ["name", "tooltip", "tooltipTranslationKey", "largeMargin", "small", "noMargin", "title", "titleTranslationKey", "required", "disabled", "carbonTheme"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i3$2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i2$1.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i3$2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ConfigureBuildingBlockMappingsComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-configure-building-block-mappings', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        ComboBoxModule,
+                        RadioModule,
+                        InputModule,
+                        ValuePathSelectorComponent,
+                        InputLabelModule,
+                        TranslateModule,
+                        ButtonModule,
+                        IconModule,
+                        SelectModule,
+                        LayerModule,
+                    ], template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@let obs =\n  {\n    fields: (buildingBlockFields$ | async),\n    fieldItems: (buildingBlockFieldItems$ | async),\n    params: (params$ | async),\n    buildingBlockParams: (buildingBlockParams$ | async),\n    sourceContextName: (sourceContextName$ | async),\n    targetBuildingBlockName: (targetBuildingBlockName$ | async),\n    sourceIsCase: (sourceIsCase$ | async),\n    sourceIsIndependent: (sourceIsIndependent$ | async),\n    caseLabelTranslation: ('Case' | translate),\n    processLabelTranslation: ('processLinkConfiguration.buildingBlock.process' | translate),\n    buildingBlockLabelTranslation:\n      ('processLinkConfiguration.buildingBlock.selectLabel' | translate),\n  };\n\n<div class=\"mapping-step\">\n  <section class=\"mapping-section\">\n    <h4 class=\"section-header\">\n      {{ 'processLinkConfiguration.buildingBlock.inputTitle' | translate }}\n    </h4>\n\n    <div class=\"mapping-table\" [formGroup]=\"inputsForm\">\n      <div class=\"mapping-header input\">\n        <v-input-label\n          [title]=\"\n            (obs.sourceIsIndependent\n              ? obs.processLabelTranslation\n              : obs.sourceIsCase\n                ? obs.caseLabelTranslation\n                : obs.buildingBlockLabelTranslation) +\n            (obs.sourceIsIndependent ? '' : ': ' + obs.sourceContextName)\n          \"\n        />\n\n        <v-input-label\n          [title]=\"obs.buildingBlockLabelTranslation + ': ' + obs.targetBuildingBlockName\"\n        />\n      </div>\n\n      <div formArrayName=\"inputs\">\n        @for (group of inputs.controls; let inputIndex = $index; track inputIndex) {\n          <div class=\"mapping-row input\" [formGroup]=\"group\">\n            <div class=\"mapping-part\">\n              @if (obs.sourceIsIndependent) {\n                <input [cdsLayer]=\"2\" cdsText formControlName=\"source\" [placeholder]=\"'pv:'\" />\n              } @else {\n                <valtimo-value-path-selector\n                  [cdsLayer]=\"2\"\n                  [prefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n                  [caseDefinitionKey]=\"obs.params?.caseDefinitionKey\"\n                  [caseDefinitionVersionTag]=\"obs.params?.caseDefinitionVersionTag\"\n                  [buildingBlockDefinitionKey]=\"obs.buildingBlockParams?.buildingBlockDefinitionKey\"\n                  [buildingBlockDefinitionVersionTag]=\"\n                    obs.buildingBlockParams?.buildingBlockDefinitionVersionTag\n                  \"\n                  [appendInline]=\"false\"\n                  [dropUp]=\"false\"\n                  [formControl]=\"group.get('source')\"\n                ></valtimo-value-path-selector>\n              }\n\n              <div class=\"arrow\">\u2192</div>\n            </div>\n\n            <div class=\"mapping-part\">\n              <div class=\"mapping-cell\">\n                @if (isRequiredTarget(obs.fields, group.get('target')?.value)) {\n                  <div class=\"required-target\">\n                    {{ 'doc:' + group.get('target')?.value }}\n                  </div>\n                } @else {\n                  <v-select\n                    [cdsLayer]=\"2\"\n                    [appendInline]=\"false\"\n                    formControlName=\"target\"\n                    [placeholder]=\"\n                      'processLinkConfiguration.buildingBlock.selectedBuildingBlockFieldPlaceholder'\n                        | translate\n                    \"\n                    [items]=\"getBuildingBlockFieldItemsForRow$(group) | async\"\n                    [dropUp]=\"false\"\n                  >\n                  </v-select>\n                }\n              </div>\n\n              <div class=\"mapping-cell-actions\">\n                @if (!isRequiredTarget(obs.fields, group.get('target')?.value)) {\n                  <button\n                    cdsButton=\"danger--ghost\"\n                    iconOnly\n                    size=\"sm\"\n                    (click)=\"deleteInput(inputIndex)\"\n                  >\n                    <svg cdsIcon=\"trash-can\" class=\"cds--btn__icon\" size=\"16\"></svg>\n                  </button>\n                } @else {\n                  <div class=\"required-indicator\">*</div>\n\n                  <div>\n                    {{ 'interface.required' | translate }}\n                  </div>\n                }\n              </div>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n\n    <button\n      cdsButton=\"tertiary\"\n      size=\"sm\"\n      (click)=\"addInput()\"\n      [title]=\"'processLinkConfiguration.buildingBlock.addInput' | translate\"\n      [disabled]=\"allInputsMapped$ | async\"\n    >\n      {{ 'processLinkConfiguration.buildingBlock.addInput' | translate }}\n\n      <svg cdsIcon=\"add\" class=\"cds--btn__icon\" size=\"16\"></svg>\n    </button>\n  </section>\n\n  <section class=\"mapping-section\">\n    <h4 class=\"section-header\">\n      {{ 'processLinkConfiguration.buildingBlock.outputTitle' | translate }}\n    </h4>\n\n    <div class=\"mapping-table\" [formGroup]=\"outputsForm\">\n      <div class=\"mapping-header output\">\n        <v-input-label\n          [title]=\"obs.buildingBlockLabelTranslation + ': ' + obs.targetBuildingBlockName\"\n        />\n\n        <v-input-label\n          [title]=\"\n            (obs.sourceIsIndependent\n              ? obs.processLabelTranslation\n              : obs.sourceIsCase\n                ? obs.caseLabelTranslation\n                : obs.buildingBlockLabelTranslation) +\n            (obs.sourceIsIndependent ? '' : ': ' + obs.sourceContextName)\n          \"\n        />\n\n        <div class=\"sync-options\" [style.display]=\"'none'\">\n          <v-input-label\n            [title]=\"'processLinkConfiguration.buildingBlock.sync.title' | translate\"\n          />\n        </div>\n      </div>\n\n      <div formArrayName=\"outputs\">\n        @for (group of outputs.controls; let outputIndex = $index; track outputIndex) {\n          <div class=\"mapping-row output\" [formGroup]=\"group\">\n            <div class=\"mapping-part\">\n              <div class=\"mapping-cell\">\n                <v-select\n                  [cdsLayer]=\"2\"\n                  [appendInline]=\"false\"\n                  formControlName=\"source\"\n                  [items]=\"obs.fieldItems || []\"\n                  [placeholder]=\"\n                    'processLinkConfiguration.buildingBlock.selectedBuildingBlockFieldPlaceholder'\n                      | translate\n                  \"\n                  [dropUp]=\"true\"\n                >\n                </v-select>\n              </div>\n\n              <div class=\"arrow\">\u2192</div>\n            </div>\n\n            <div class=\"mapping-part\">\n              @if (obs.sourceIsIndependent) {\n                <input [cdsLayer]=\"2\" cdsText formControlName=\"target\" [placeholder]=\"'pv:'\" />\n              } @else {\n                <valtimo-value-path-selector\n                  [cdsLayer]=\"2\"\n                  [prefixes]=\"[ValuePathSelectorPrefix.DOC, ValuePathSelectorPrefix.CASE]\"\n                  [caseDefinitionKey]=\"obs.params?.caseDefinitionKey\"\n                  [caseDefinitionVersionTag]=\"obs.params?.caseDefinitionVersionTag\"\n                  [buildingBlockDefinitionKey]=\"obs.buildingBlockParams?.buildingBlockDefinitionKey\"\n                  [buildingBlockDefinitionVersionTag]=\"\n                    obs.buildingBlockParams?.buildingBlockDefinitionVersionTag\n                  \"\n                  [formControl]=\"group.get('target')\"\n                  [appendInline]=\"false\"\n                  [filterItems]=\"getUsedCaseTargetsForRow$(group) | async\"\n                  [dropUp]=\"true\"\n                ></valtimo-value-path-selector>\n              }\n            </div>\n\n            <div class=\"mapping-part\">\n              <div class=\"mapping-cell\" [style.display]=\"'none'\">\n                <cds-radio-group\n                  class=\"sync-radio-group\"\n                  formControlName=\"syncTiming\"\n                  [attr.name]=\"'syncTiming-' + outputIndex\"\n                >\n                  @for (item of syncTimingItems; track item.id) {\n                    <cds-radio [value]=\"item.id\" [checked]=\"isSyncTimingSelected(group, item.id)\">\n                      {{ item.labelKey | translate }}\n                    </cds-radio>\n                  }\n                </cds-radio-group>\n              </div>\n\n              <div class=\"mapping-cell-actions\">\n                <button\n                  cdsButton=\"danger--ghost\"\n                  iconOnly\n                  size=\"sm\"\n                  (click)=\"deleteOutput(outputIndex)\"\n                >\n                  <svg cdsIcon=\"trash-can\" class=\"cds--btn__icon\" size=\"16\"></svg>\n                </button>\n              </div>\n            </div>\n          </div>\n        }\n      </div>\n    </div>\n\n    <button\n      cdsButton=\"tertiary\"\n      size=\"sm\"\n      (click)=\"addOutput()\"\n      [title]=\"'processLinkConfiguration.buildingBlock.addOutput' | translate\"\n    >\n      {{ 'processLinkConfiguration.buildingBlock.addOutput' | translate }}\n\n      <svg cdsIcon=\"add\" class=\"cds--btn__icon\" size=\"16\"></svg>\n    </button>\n  </section>\n</div>\n", styles: [".section-header{font-size:14px;line-height:18px;font-weight:600}.mapping-section{margin-bottom:16px}.mapping-row,.mapping-header{display:grid;align-items:center}.mapping-row.input,.mapping-header.input{grid-template-columns:1fr 1fr}.mapping-row.output,.mapping-header.output{grid-template-columns:5fr 6fr 58px}.mapping-header .output .sync-options{padding-left:10px;display:flex}.mapping-row{margin-bottom:8px;padding:8px;background-color:var(--cds-layer)}.mapping-row .mapping-part{display:flex}.mapping-row .arrow{text-align:center;width:40px;line-height:40px;font-size:large}.mapping-row .mapping-cell{flex:1;min-width:0}.mapping-row .mapping-cell-actions{display:flex;align-self:flex-end;text-transform:capitalize;margin-left:10px}.mapping-row .mapping-cell-actions .required-indicator{margin:0 5px;color:var(--cds-text-error)}.mapping-row .mapping-cell-actions button{margin-bottom:5px}.mapping-row .mapping-cell-actions button ::ng-deep .cds--btn__icon{margin:0!important}.mapping-row .sync-radio-group{padding-left:10px;margin-top:8px}.mapping-row .sync-radio-group .sync-radio:first-child{margin-right:0}.mapping-row .sync-radio-group ::ng-deep .cds--radio-button__label{justify-content:normal}::ng-deep .process-link-modal-container .cds--modal-container{max-width:1280px}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.FormBuilder }, { type: BuildingBlockStateService }, { type: ProcessLinkButtonService }, { type: ProcessLinkStepService }, { type: ProcessLinkService }, { type: ProcessLinkStateService }, { type: i3.TranslateService }, { type: i3$3.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: ProcessLinkBuildingBlockApiService }, { type: ProcessLinkStateService }] });
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -1648,15 +2892,22 @@ class ChooseProcessLinkTypeComponent {
         this.processLinkStateService = processLinkStateService;
         this.availableProcessLinkTypes$ = this.processLinkStateService.availableProcessLinkTypes$;
     }
+    getTooltipKey(processLinkTypeId) {
+        if (this.processLinkStateService.isBuildingBlockContext() &&
+            UNSUPPORTED_PROCESS_LINK_TYPES_IN_BUILDING_BLOCK.includes(processLinkTypeId)) {
+            return 'processLinkTypeDisabledTooltip.buildingBlockUnsupported';
+        }
+        return 'processLinkTypeDisabledTooltip.' + processLinkTypeId;
+    }
     selectProcessLinkType(processLinkTypeId) {
         this.processLinkStateService.selectProcessLinkType(processLinkTypeId);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChooseProcessLinkTypeComponent, deps: [{ token: ProcessLinkStateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ChooseProcessLinkTypeComponent, isStandalone: false, selector: "valtimo-choose-process-link-type", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    availableProcessLinkTypes: availableProcessLinkTypes$ | async,\n  } as obs\"\n>\n  <p class=\"step-description\">\n    {{ 'processLinkConfiguration.chooseProcessLinkTypeDescription' | translate }}\n  </p>\n  <div class=\"process-link-grid\">\n    <div\n      class=\"process-link-item\"\n      *ngFor=\"let availableProcessLinkType of obs.availableProcessLinkTypes\"\n    >\n      <ng-container *ngIf=\"availableProcessLinkType.processLinkType as processLinkTypeId\">\n        <button\n          (click)=\"selectProcessLinkType(processLinkTypeId)\"\n          cdsButton=\"secondary\"\n          size=\"xl\"\n          class=\"process-link-type-button\"\n          [disabled]=\"!availableProcessLinkType.enabled\"\n          [vTooltip]=\"'processLinkTypeDisabledTooltip.' + processLinkTypeId | translate\"\n          [onBottom]=\"true\"\n          [tooltipDisabled]=\"availableProcessLinkType.enabled\"\n        >\n          {{ 'processLinkType.' + processLinkTypeId | translate }}\n          <svg\n            *ngIf=\"processLinkTypeId === 'plugin'\"\n            class=\"cds--btn__icon\"\n            cdsIcon=\"link\"\n            size=\"16\"\n          ></svg>\n          <svg\n            *ngIf=\"processLinkTypeId === 'form'\"\n            class=\"cds--btn__icon\"\n            cdsIcon=\"receipt\"\n            size=\"16\"\n          ></svg>\n          <svg\n            *ngIf=\"processLinkTypeId === 'form-flow'\"\n            class=\"cds--btn__icon\"\n            cdsIcon=\"flow--data\"\n            size=\"16\"\n          ></svg>\n          <svg\n            *ngIf=\"processLinkTypeId === 'ui-component'\"\n            class=\"cds--btn__icon\"\n            cdsIcon=\"receipt\"\n            size=\"16\"\n          ></svg>\n        </button>\n      </ng-container>\n    </div>\n  </div>\n</ng-container>\n", styles: [".process-link-type-button{width:100%}.process-link-grid{margin-top:24px;display:flex;justify-content:flex-start;width:100%;flex-wrap:wrap;gap:8px}.process-link-item{flex-basis:calc(33.3% - 5.3333333333px)}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "directive", type: i2$2.TooltipDirective, selector: "[vTooltip]", inputs: ["vTooltip", "onBottom", "tooltipDisabled"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ChooseProcessLinkTypeComponent, deps: [{ token: ProcessLinkStateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ChooseProcessLinkTypeComponent, isStandalone: false, selector: "valtimo-choose-process-link-type", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    availableProcessLinkTypes: availableProcessLinkTypes$ | async,\n  } as obs\"\n>\n  <p class=\"step-description\">\n    {{ 'processLinkConfiguration.chooseProcessLinkTypeDescription' | translate }}\n  </p>\n  <div class=\"process-link-grid\">\n    <div\n      class=\"process-link-item\"\n      *ngFor=\"let availableProcessLinkType of obs.availableProcessLinkTypes\"\n    >\n      <ng-container *ngIf=\"availableProcessLinkType.processLinkType as processLinkTypeId\">\n        <button\n          (click)=\"selectProcessLinkType(processLinkTypeId)\"\n          cdsButton=\"secondary\"\n          size=\"xl\"\n          class=\"process-link-type-button\"\n          [disabled]=\"!availableProcessLinkType.enabled\"\n          [vTooltip]=\"getTooltipKey(processLinkTypeId) | translate\"\n          [onBottom]=\"true\"\n          [tooltipDisabled]=\"availableProcessLinkType.enabled\"\n        >\n          {{ 'processLinkType.' + processLinkTypeId | translate }}\n          <svg\n            *ngIf=\"processLinkTypeId === 'plugin'\"\n            class=\"cds--btn__icon\"\n            cdsIcon=\"link\"\n            size=\"16\"\n          ></svg>\n          <svg\n            *ngIf=\"processLinkTypeId === 'form'\"\n            class=\"cds--btn__icon\"\n            cdsIcon=\"receipt\"\n            size=\"16\"\n          ></svg>\n          <svg\n            *ngIf=\"processLinkTypeId === 'form-flow'\"\n            class=\"cds--btn__icon\"\n            cdsIcon=\"flow--data\"\n            size=\"16\"\n          ></svg>\n          <svg\n            *ngIf=\"processLinkTypeId === 'ui-component'\"\n            class=\"cds--btn__icon\"\n            cdsIcon=\"receipt\"\n            size=\"16\"\n          ></svg>\n        </button>\n      </ng-container>\n    </div>\n  </div>\n</ng-container>\n", styles: [".process-link-type-button{width:100%}.process-link-grid{margin-top:24px;display:flex;justify-content:flex-start;width:100%;flex-wrap:wrap;gap:8px}.process-link-item{flex-basis:calc(33.3% - 5.3333333333px)}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i3$2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "directive", type: i2$1.TooltipDirective, selector: "[vTooltip]", inputs: ["vTooltip", "onBottom", "tooltipDisabled"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ChooseProcessLinkTypeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ChooseProcessLinkTypeComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'valtimo-choose-process-link-type', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    availableProcessLinkTypes: availableProcessLinkTypes$ | async,\n  } as obs\"\n>\n  <p class=\"step-description\">\n    {{ 'processLinkConfiguration.chooseProcessLinkTypeDescription' | translate }}\n  </p>\n  <div class=\"process-link-grid\">\n    <div\n      class=\"process-link-item\"\n      *ngFor=\"let availableProcessLinkType of obs.availableProcessLinkTypes\"\n    >\n      <ng-container *ngIf=\"availableProcessLinkType.processLinkType as processLinkTypeId\">\n        <button\n          (click)=\"selectProcessLinkType(processLinkTypeId)\"\n          cdsButton=\"secondary\"\n          size=\"xl\"\n          class=\"process-link-type-button\"\n          [disabled]=\"!availableProcessLinkType.enabled\"\n          [vTooltip]=\"'processLinkTypeDisabledTooltip.' + processLinkTypeId | translate\"\n          [onBottom]=\"true\"\n          [tooltipDisabled]=\"availableProcessLinkType.enabled\"\n        >\n          {{ 'processLinkType.' + processLinkTypeId | translate }}\n          <svg\n            *ngIf=\"processLinkTypeId === 'plugin'\"\n            class=\"cds--btn__icon\"\n            cdsIcon=\"link\"\n            size=\"16\"\n          ></svg>\n          <svg\n            *ngIf=\"processLinkTypeId === 'form'\"\n            class=\"cds--btn__icon\"\n            cdsIcon=\"receipt\"\n            size=\"16\"\n          ></svg>\n          <svg\n            *ngIf=\"processLinkTypeId === 'form-flow'\"\n            class=\"cds--btn__icon\"\n            cdsIcon=\"flow--data\"\n            size=\"16\"\n          ></svg>\n          <svg\n            *ngIf=\"processLinkTypeId === 'ui-component'\"\n            class=\"cds--btn__icon\"\n            cdsIcon=\"receipt\"\n            size=\"16\"\n          ></svg>\n        </button>\n      </ng-container>\n    </div>\n  </div>\n</ng-container>\n", styles: [".process-link-type-button{width:100%}.process-link-grid{margin-top:24px;display:flex;justify-content:flex-start;width:100%;flex-wrap:wrap;gap:8px}.process-link-item{flex-basis:calc(33.3% - 5.3333333333px)}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+            args: [{ standalone: false, selector: 'valtimo-choose-process-link-type', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    availableProcessLinkTypes: availableProcessLinkTypes$ | async,\n  } as obs\"\n>\n  <p class=\"step-description\">\n    {{ 'processLinkConfiguration.chooseProcessLinkTypeDescription' | translate }}\n  </p>\n  <div class=\"process-link-grid\">\n    <div\n      class=\"process-link-item\"\n      *ngFor=\"let availableProcessLinkType of obs.availableProcessLinkTypes\"\n    >\n      <ng-container *ngIf=\"availableProcessLinkType.processLinkType as processLinkTypeId\">\n        <button\n          (click)=\"selectProcessLinkType(processLinkTypeId)\"\n          cdsButton=\"secondary\"\n          size=\"xl\"\n          class=\"process-link-type-button\"\n          [disabled]=\"!availableProcessLinkType.enabled\"\n          [vTooltip]=\"getTooltipKey(processLinkTypeId) | translate\"\n          [onBottom]=\"true\"\n          [tooltipDisabled]=\"availableProcessLinkType.enabled\"\n        >\n          {{ 'processLinkType.' + processLinkTypeId | translate }}\n          <svg\n            *ngIf=\"processLinkTypeId === 'plugin'\"\n            class=\"cds--btn__icon\"\n            cdsIcon=\"link\"\n            size=\"16\"\n          ></svg>\n          <svg\n            *ngIf=\"processLinkTypeId === 'form'\"\n            class=\"cds--btn__icon\"\n            cdsIcon=\"receipt\"\n            size=\"16\"\n          ></svg>\n          <svg\n            *ngIf=\"processLinkTypeId === 'form-flow'\"\n            class=\"cds--btn__icon\"\n            cdsIcon=\"flow--data\"\n            size=\"16\"\n          ></svg>\n          <svg\n            *ngIf=\"processLinkTypeId === 'ui-component'\"\n            class=\"cds--btn__icon\"\n            cdsIcon=\"receipt\"\n            size=\"16\"\n          ></svg>\n        </button>\n      </ng-container>\n    </div>\n  </div>\n</ng-container>\n", styles: [".process-link-type-button{width:100%}.process-link-grid{margin-top:24px;display:flex;justify-content:flex-start;width:100%;flex-wrap:wrap;gap:8px}.process-link-item{flex-basis:calc(33.3% - 5.3333333333px)}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: ProcessLinkStateService }] });
 
 /*
@@ -1685,7 +2936,7 @@ class FormDisplayConfigurationComponent {
         this.formDisplayValue$ = new BehaviorSubject(null);
         this.formSizeValue$ = new BehaviorSubject(null);
         this._subtitles$ = new BehaviorSubject([]);
-        this.subtitles$ = this._subtitles$.pipe(map(subtitles => subtitles.map(subtitle => ({ value: subtitle }))));
+        this.subtitles$ = this._subtitles$.pipe(map$1(subtitles => subtitles.map(subtitle => ({ value: subtitle }))));
         this.disableFormSizeInput$ = new BehaviorSubject(true);
         this.saving$ = this.stateService.saving$;
         this.isUserTask$ = new BehaviorSubject(false);
@@ -1695,7 +2946,7 @@ class FormDisplayConfigurationComponent {
         this.formDisplayTypeListItems$ = combineLatest([
             this.formDisplayValue$,
             this.translateService.stream('key'),
-        ]).pipe(map(([formDisplayValue]) => this._DISPLAY_TYPE_OPTIONS.map((key) => ({
+        ]).pipe(map$1(([formDisplayValue]) => this._DISPLAY_TYPE_OPTIONS.map((key) => ({
             content: this.translateService.instant(`processLinkSteps.displayType.options.${key}`),
             key: key,
             selected: this.formDisplayValue$.getValue() === key,
@@ -1703,7 +2954,7 @@ class FormDisplayConfigurationComponent {
         this.formSizeListItems$ = combineLatest([
             this.formSizeValue$,
             this.translateService.stream('key'),
-        ]).pipe(map(([formSizeValue]) => this._FORM_SIZE_OPTIONS.map((key) => ({
+        ]).pipe(map$1(([formSizeValue]) => this._FORM_SIZE_OPTIONS.map((key) => ({
             content: this.translateService.instant(`processLinkSteps.formSize.options.${key}`),
             key: key,
             selected: this.formSizeValue$.getValue() === key,
@@ -1761,13 +3012,13 @@ class FormDisplayConfigurationComponent {
         else
             this.buttonService.disableSaveButton();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormDisplayConfigurationComponent, deps: [{ token: ProcessLinkButtonService }, { token: ProcessLinkStateService }, { token: i2$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: FormDisplayConfigurationComponent, isStandalone: false, selector: "valtimo-form-display-configuration", inputs: { selectedFormDefinition: "selectedFormDefinition" }, outputs: { formDisplayValue: "formDisplayValue", formSizeValue: "formSizeValue", subtitlesValue: "subtitlesValue" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    formDisplayValue: formDisplayValue$ | async,\n    formDisplayTypeListItems: formDisplayTypeListItems$ | async,\n    formSizeListItems: formSizeListItems$ | async,\n    disableFormSizeInput: disableFormSizeInput$ | async,\n    subtitles: subtitles$ | async,\n    isUserTask: isUserTask$ | async,\n    saving: saving$ | async,\n  } as obs\"\n>\n  @if (obs.isUserTask) {\n    <cds-combo-box\n      [placeholder]=\"'processLinkSteps.displayType.placeholder' | translate\"\n      [label]=\"'processLinkSteps.displayType.label' | translate\"\n      [disabled]=\"obs.saving\"\n      (selected)=\"selectFormDisplayType($event)\"\n    >\n      <cds-dropdown-list [items]=\"obs.formDisplayTypeListItems || []\"></cds-dropdown-list>\n    </cds-combo-box>\n\n    <br />\n\n    <cds-combo-box\n      [placeholder]=\"'processLinkSteps.formSize.placeholder' | translate\"\n      [label]=\"'processLinkSteps.formSize.label' | translate\"\n      [disabled]=\"obs.disableFormSizeInput || obs.saving\"\n      (selected)=\"selectFormSize($event)\"\n    >\n      <cds-dropdown-list [items]=\"obs.formSizeListItems || []\"></cds-dropdown-list>\n    </cds-combo-box>\n\n    <br />\n\n    <valtimo-carbon-multi-input\n      type=\"value\"\n      titleTranslationKey=\"processLinkSteps.subtitles\"\n      addRowTranslationKey=\"processLinkSteps.addSubtitle\"\n      [disabled]=\"obs.saving\"\n      [fullWidth]=\"true\"\n      [minimumAmountOfRows]=\"0\"\n      [initialAmountOfRows]=\"0\"\n      [defaultValues]=\"obs.subtitles\"\n      (valueChange)=\"onSubtitlesChange($event)\"\n    ></valtimo-carbon-multi-input>\n  }\n</ng-container>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "labelId", "items", "type", "size", "itemValueKey", "label", "hideLabel", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled", "readonly", "fluid"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i5.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i2$2.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["addRowText", "addButtonType", "addRowTranslationKey", "arbitraryAmountTitles", "arbitraryValueAmount", "defaultValues", "deleteRowText", "deleteRowTranslationKey", "disabled", "dropdownColumnTitle", "dropdownItems", "dropdownWidth", "fullWidth", "hideAddButton", "hideDeleteButton", "initialAmountOfRows", "keyColumnTitle", "margin", "maxRows", "minimumAmountOfRows", "name", "required", "title", "titleTranslationKey", "tooltip", "type", "valueColumnTitle", "valuePathSelectorCaseDefinitionKey", "valuePathSelectorPrefixes", "valuePathSelectorShowCaseDefinitionSelector", "valuePathSelectorNotation", "keyColumnFlex", "dropdownColumnFlex", "valueColumnFlex"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FormDisplayConfigurationComponent, deps: [{ token: ProcessLinkButtonService }, { token: ProcessLinkStateService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: FormDisplayConfigurationComponent, isStandalone: false, selector: "valtimo-form-display-configuration", inputs: { selectedFormDefinition: "selectedFormDefinition" }, outputs: { formDisplayValue: "formDisplayValue", formSizeValue: "formSizeValue", subtitlesValue: "subtitlesValue" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    formDisplayValue: formDisplayValue$ | async,\n    formDisplayTypeListItems: formDisplayTypeListItems$ | async,\n    formSizeListItems: formSizeListItems$ | async,\n    disableFormSizeInput: disableFormSizeInput$ | async,\n    subtitles: subtitles$ | async,\n    isUserTask: isUserTask$ | async,\n    saving: saving$ | async,\n  } as obs\"\n>\n  @if (obs.isUserTask) {\n    <cds-combo-box\n      [placeholder]=\"'processLinkSteps.displayType.placeholder' | translate\"\n      [label]=\"'processLinkSteps.displayType.label' | translate\"\n      [disabled]=\"obs.saving\"\n      (selected)=\"selectFormDisplayType($event)\"\n    >\n      <cds-dropdown-list [items]=\"obs.formDisplayTypeListItems || []\"></cds-dropdown-list>\n    </cds-combo-box>\n\n    <br />\n\n    <cds-combo-box\n      [placeholder]=\"'processLinkSteps.formSize.placeholder' | translate\"\n      [label]=\"'processLinkSteps.formSize.label' | translate\"\n      [disabled]=\"obs.disableFormSizeInput || obs.saving\"\n      (selected)=\"selectFormSize($event)\"\n    >\n      <cds-dropdown-list [items]=\"obs.formSizeListItems || []\"></cds-dropdown-list>\n    </cds-combo-box>\n\n    <br />\n\n    <valtimo-carbon-multi-input\n      type=\"value\"\n      titleTranslationKey=\"processLinkSteps.subtitles\"\n      addRowTranslationKey=\"processLinkSteps.addSubtitle\"\n      [disabled]=\"obs.saving\"\n      [fullWidth]=\"true\"\n      [minimumAmountOfRows]=\"0\"\n      [initialAmountOfRows]=\"0\"\n      [defaultValues]=\"obs.subtitles\"\n      (valueChange)=\"onSubtitlesChange($event)\"\n    ></valtimo-carbon-multi-input>\n  }\n</ng-container>\n", dependencies: [{ kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "labelId", "items", "type", "size", "itemValueKey", "label", "hideLabel", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled", "readonly", "fluid"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i5.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i2$1.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["addRowText", "addButtonType", "addRowTranslationKey", "arbitraryAmountTitles", "arbitraryValueAmount", "defaultValues", "deleteRowText", "deleteRowTranslationKey", "disabled", "dropdownColumnTitle", "dropdownItems", "dropdownWidth", "fullWidth", "hideAddButton", "hideDeleteButton", "initialAmountOfRows", "keyColumnTitle", "margin", "maxRows", "minimumAmountOfRows", "name", "required", "title", "titleTranslationKey", "tooltip", "type", "valueColumnTitle", "valuePathSelectorCaseDefinitionKey", "valuePathSelectorPrefixes", "valuePathSelectorShowCaseDefinitionSelector", "valuePathSelectorNotation", "keyColumnFlex", "dropdownColumnFlex", "valueColumnFlex"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormDisplayConfigurationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FormDisplayConfigurationComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-form-display-configuration', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    formDisplayValue: formDisplayValue$ | async,\n    formDisplayTypeListItems: formDisplayTypeListItems$ | async,\n    formSizeListItems: formSizeListItems$ | async,\n    disableFormSizeInput: disableFormSizeInput$ | async,\n    subtitles: subtitles$ | async,\n    isUserTask: isUserTask$ | async,\n    saving: saving$ | async,\n  } as obs\"\n>\n  @if (obs.isUserTask) {\n    <cds-combo-box\n      [placeholder]=\"'processLinkSteps.displayType.placeholder' | translate\"\n      [label]=\"'processLinkSteps.displayType.label' | translate\"\n      [disabled]=\"obs.saving\"\n      (selected)=\"selectFormDisplayType($event)\"\n    >\n      <cds-dropdown-list [items]=\"obs.formDisplayTypeListItems || []\"></cds-dropdown-list>\n    </cds-combo-box>\n\n    <br />\n\n    <cds-combo-box\n      [placeholder]=\"'processLinkSteps.formSize.placeholder' | translate\"\n      [label]=\"'processLinkSteps.formSize.label' | translate\"\n      [disabled]=\"obs.disableFormSizeInput || obs.saving\"\n      (selected)=\"selectFormSize($event)\"\n    >\n      <cds-dropdown-list [items]=\"obs.formSizeListItems || []\"></cds-dropdown-list>\n    </cds-combo-box>\n\n    <br />\n\n    <valtimo-carbon-multi-input\n      type=\"value\"\n      titleTranslationKey=\"processLinkSteps.subtitles\"\n      addRowTranslationKey=\"processLinkSteps.addSubtitle\"\n      [disabled]=\"obs.saving\"\n      [fullWidth]=\"true\"\n      [minimumAmountOfRows]=\"0\"\n      [initialAmountOfRows]=\"0\"\n      [defaultValues]=\"obs.subtitles\"\n      (valueChange)=\"onSubtitlesChange($event)\"\n    ></valtimo-carbon-multi-input>\n  }\n</ng-container>\n" }]
-        }], ctorParameters: () => [{ type: ProcessLinkButtonService }, { type: ProcessLinkStateService }, { type: i2$1.TranslateService }], propDecorators: { selectedFormDefinition: [{
+        }], ctorParameters: () => [{ type: ProcessLinkButtonService }, { type: ProcessLinkStateService }, { type: i3.TranslateService }], propDecorators: { selectedFormDefinition: [{
                 type: Input
             }], formDisplayValue: [{
                 type: Output
@@ -1808,7 +3059,7 @@ class SelectFormComponent {
             }
             return this.formService.getAllUnlinkedFormDefinitions();
         }));
-        this.formDefinitionListItems$ = combineLatest([this.stateService.selectedProcessLink$, this.formDefinitions$]).pipe(map$1(([selectedProcessLink, formDefinitions]) => formDefinitions.map(definition => ({
+        this.formDefinitionListItems$ = combineLatest([this.stateService.selectedProcessLink$, this.formDefinitions$]).pipe(map(([selectedProcessLink, formDefinitions]) => formDefinitions.map(definition => ({
             content: definition.name,
             id: definition.id,
             selected: selectedProcessLink
@@ -1859,7 +3110,9 @@ class SelectFormComponent {
         this.subtitlesValue = subtitles;
     }
     openBackButtonSubscription() {
-        this._subscriptions.add(this.buttonService.backButtonClick$.subscribe(() => {
+        this._subscriptions.add(this.buttonService.backButtonClick$
+            .pipe(withLatestFrom(this.stateService.isEditing$), filter$1(([, isEditing]) => !isEditing))
+            .subscribe(() => {
             this.stateService.setInitial();
         }));
     }
@@ -1898,18 +3151,7 @@ class SelectFormComponent {
                 ...(isUserTask && { formSize: this.formSizeValue || this._DEFAULT_FORM_DISPLAY_TYPE }),
                 ...(isUserTask && { subtitles: this.subtitlesValue }),
             };
-            if (this.stateService.processLinkEditMode === ProcessLinkEditMode.EMIT_EVENTS) {
-                this.stateService.sendProcessLinkUpdateEvent(updateProcessLinkRequest);
-                return;
-            }
-            this.processLinkService.updateProcessLink(updateProcessLinkRequest).subscribe({
-                next: () => {
-                    this.stateService.closeModal();
-                },
-                error: () => {
-                    this.stateService.stopSaving();
-                },
-            });
+            this.stateService.sendProcessLinkUpdateEvent(updateProcessLinkRequest);
         });
     }
     saveNewProcessLink() {
@@ -1938,27 +3180,16 @@ class SelectFormComponent {
                     subtitles: this.subtitlesValue,
                 }),
             };
-            if (this.stateService.processLinkEditMode === ProcessLinkEditMode.EMIT_EVENTS) {
-                this.stateService.sendProcessLinkCreateEvent(createRequest);
-                return;
-            }
-            this.processLinkService.saveProcessLink(createRequest).subscribe({
-                next: () => {
-                    this.stateService.closeModal();
-                },
-                error: () => {
-                    this.stateService.stopSaving();
-                },
-            });
+            this.stateService.sendProcessLinkCreateEvent(createRequest);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SelectFormComponent, deps: [{ token: i1$4.FormService }, { token: ProcessLinkStateService }, { token: ProcessLinkService }, { token: ProcessLinkButtonService }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SelectFormComponent, isStandalone: false, selector: "valtimo-select-form", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    formDefinitions: formDefinitionListItems$ | async,\n    saving: saving$ | async,\n  } as obs\"\n>\n  <p class=\"step-description\">\n    {{ 'processLinkConfiguration.chooseFormDescription' | translate }}\n  </p>\n  <div class=\"select-form\">\n    <cds-combo-box\n      [appendInline]=\"true\"\n      [disabled]=\"!obs.formDefinitions || obs.saving\"\n      [items]=\"obs.formDefinitions || []\"\n      [placeholder]=\"'interface.typeToSearch' | translate\"\n      (selected)=\"selectFormDefinition($event)\"\n      [label]=\"'processLinkSteps.selectForm' | translate\"\n      ><cds-dropdown-list></cds-dropdown-list\n    ></cds-combo-box>\n    <br />\n\n    <valtimo-form-display-configuration\n      [selectedFormDefinition]=\"selectedFormDefinition\"\n      (formDisplayValue)=\"selectedFormDisplayValue($event)\"\n      (formSizeValue)=\"selectedFormSizeValue($event)\"\n      (subtitlesValue)=\"selectedSubtitlesValue($event)\"\n    ></valtimo-form-display-configuration>\n  </div>\n</ng-container>\n", styles: [".label-with-tooltip{display:flex;align-items:center}.select-form{display:flex;flex-direction:column;width:100%;margin-top:24px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "labelId", "items", "type", "size", "itemValueKey", "label", "hideLabel", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled", "readonly", "fluid"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i5.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: FormDisplayConfigurationComponent, selector: "valtimo-form-display-configuration", inputs: ["selectedFormDefinition"], outputs: ["formDisplayValue", "formSizeValue", "subtitlesValue"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SelectFormComponent, deps: [{ token: i1$4.FormService }, { token: ProcessLinkStateService }, { token: ProcessLinkService }, { token: ProcessLinkButtonService }, { token: i3$3.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SelectFormComponent, isStandalone: false, selector: "valtimo-select-form", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    formDefinitions: formDefinitionListItems$ | async,\n    saving: saving$ | async,\n  } as obs\"\n>\n  <p class=\"step-description\">\n    {{ 'processLinkConfiguration.chooseFormDescription' | translate }}\n  </p>\n  <div class=\"select-form\">\n    <cds-combo-box\n      [appendInline]=\"true\"\n      [disabled]=\"!obs.formDefinitions || obs.saving\"\n      [items]=\"obs.formDefinitions || []\"\n      [placeholder]=\"'interface.typeToSearch' | translate\"\n      (selected)=\"selectFormDefinition($event)\"\n      [label]=\"'processLinkSteps.selectForm' | translate\"\n      ><cds-dropdown-list></cds-dropdown-list\n    ></cds-combo-box>\n    <br />\n\n    <valtimo-form-display-configuration\n      [selectedFormDefinition]=\"selectedFormDefinition\"\n      (formDisplayValue)=\"selectedFormDisplayValue($event)\"\n      (formSizeValue)=\"selectedFormSizeValue($event)\"\n      (subtitlesValue)=\"selectedSubtitlesValue($event)\"\n    ></valtimo-form-display-configuration>\n  </div>\n</ng-container>\n", styles: [".label-with-tooltip{display:flex;align-items:center}.select-form{display:flex;flex-direction:column;width:100%;margin-top:24px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "labelId", "items", "type", "size", "itemValueKey", "label", "hideLabel", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled", "readonly", "fluid"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i5.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: FormDisplayConfigurationComponent, selector: "valtimo-form-display-configuration", inputs: ["selectedFormDefinition"], outputs: ["formDisplayValue", "formSizeValue", "subtitlesValue"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SelectFormComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SelectFormComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-select-form', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    formDefinitions: formDefinitionListItems$ | async,\n    saving: saving$ | async,\n  } as obs\"\n>\n  <p class=\"step-description\">\n    {{ 'processLinkConfiguration.chooseFormDescription' | translate }}\n  </p>\n  <div class=\"select-form\">\n    <cds-combo-box\n      [appendInline]=\"true\"\n      [disabled]=\"!obs.formDefinitions || obs.saving\"\n      [items]=\"obs.formDefinitions || []\"\n      [placeholder]=\"'interface.typeToSearch' | translate\"\n      (selected)=\"selectFormDefinition($event)\"\n      [label]=\"'processLinkSteps.selectForm' | translate\"\n      ><cds-dropdown-list></cds-dropdown-list\n    ></cds-combo-box>\n    <br />\n\n    <valtimo-form-display-configuration\n      [selectedFormDefinition]=\"selectedFormDefinition\"\n      (formDisplayValue)=\"selectedFormDisplayValue($event)\"\n      (formSizeValue)=\"selectedFormSizeValue($event)\"\n      (subtitlesValue)=\"selectedSubtitlesValue($event)\"\n    ></valtimo-form-display-configuration>\n  </div>\n</ng-container>\n", styles: [".label-with-tooltip{display:flex;align-items:center}.select-form{display:flex;flex-direction:column;width:100%;margin-top:24px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i1$4.FormService }, { type: ProcessLinkStateService }, { type: ProcessLinkService }, { type: ProcessLinkButtonService }, { type: i3$1.ActivatedRoute }] });
+        }], ctorParameters: () => [{ type: i1$4.FormService }, { type: ProcessLinkStateService }, { type: ProcessLinkService }, { type: ProcessLinkButtonService }, { type: i3$3.ActivatedRoute }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -1984,8 +3215,8 @@ class SelectFormFlowComponent {
         this.route = route;
         this.subtitlesValue = [];
         this.saving$ = this.stateService.saving$;
-        this.formFlowDefinitions$ = getCaseManagementRouteParams(this.route).pipe(switchMap$1((params) => this.formFlowService.getFormFlowDefinitions(params?.caseDefinitionKey ?? '', params?.caseDefinitionVersionTag ?? '')), map$1((formFlowDefinitions) => formFlowDefinitions.content));
-        this.formFlowDefinitionListItems$ = combineLatest([this.stateService.selectedProcessLink$, this.formFlowDefinitions$]).pipe(map$1(([selectedProcessLink, formFlowDefinitions]) => formFlowDefinitions.map(definition => ({
+        this.formFlowDefinitions$ = getCaseManagementRouteParams(this.route).pipe(switchMap$1((params) => this.formFlowService.getFormFlowDefinitions(params?.caseDefinitionKey ?? '', params?.caseDefinitionVersionTag ?? '')), map((formFlowDefinitions) => formFlowDefinitions.content));
+        this.formFlowDefinitionListItems$ = combineLatest([this.stateService.selectedProcessLink$, this.formFlowDefinitions$]).pipe(map(([selectedProcessLink, formFlowDefinitions]) => formFlowDefinitions.map(definition => ({
             content: definition.key,
             id: definition.key,
             selected: selectedProcessLink
@@ -2038,7 +3269,9 @@ class SelectFormFlowComponent {
         this.subtitlesValue = subtitles;
     }
     openBackButtonSubscription() {
-        this._subscriptions.add(this.buttonService.backButtonClick$.subscribe(() => {
+        this._subscriptions.add(this.buttonService.backButtonClick$
+            .pipe(withLatestFrom(this.stateService.isEditing$), filter$1(([, isEditing]) => !isEditing))
+            .subscribe(() => {
             this.stateService.setInitial();
         }));
     }
@@ -2070,18 +3303,7 @@ class SelectFormFlowComponent {
                 ...(isUserTask && { formSize: this.formSizeValue || this._DEFAULT_FORM_DISPLAY_SIZE }),
                 ...(isUserTask && { subtitles: this.subtitlesValue }),
             };
-            if (this.stateService.processLinkEditMode === ProcessLinkEditMode.EMIT_EVENTS) {
-                this.stateService.sendProcessLinkUpdateEvent(updateProcessLinkRequest);
-                return;
-            }
-            this.processLinkService.updateProcessLink(updateProcessLinkRequest).subscribe({
-                next: () => {
-                    this.stateService.closeModal();
-                },
-                error: () => {
-                    this.stateService.stopSaving();
-                },
-            });
+            this.stateService.sendProcessLinkUpdateEvent(updateProcessLinkRequest);
         });
     }
     saveNewProcessLink() {
@@ -2104,27 +3326,16 @@ class SelectFormFlowComponent {
                 ...(isUserTask && { formSize: this.formSizeValue || this._DEFAULT_FORM_DISPLAY_SIZE }),
                 ...(isUserTask && { subtitles: this.subtitlesValue }),
             };
-            if (this.stateService.processLinkEditMode === ProcessLinkEditMode.EMIT_EVENTS) {
-                this.stateService.sendProcessLinkCreateEvent(createRequest);
-                return;
-            }
-            this.processLinkService.saveProcessLink(createRequest).subscribe({
-                next: () => {
-                    this.stateService.closeModal();
-                },
-                error: () => {
-                    this.stateService.stopSaving();
-                },
-            });
+            this.stateService.sendProcessLinkCreateEvent(createRequest);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SelectFormFlowComponent, deps: [{ token: i1$5.FormFlowService }, { token: ProcessLinkStateService }, { token: ProcessLinkService }, { token: ProcessLinkButtonService }, { token: i3$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SelectFormFlowComponent, isStandalone: false, selector: "valtimo-select-form-flow", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    formFlowDefinitions: formFlowDefinitionListItems$ | async,\n    saving: saving$ | async,\n  } as obs\"\n>\n  <p class=\"step-description\">\n    {{ 'processLinkConfiguration.chooseFormFlowDescription' | translate }}\n  </p>\n\n  <div class=\"select-form-flow\">\n    <cds-combo-box\n      [appendInline]=\"true\"\n      [disabled]=\"!obs.formFlowDefinitions || obs.saving\"\n      [items]=\"obs.formFlowDefinitions || []\"\n      [placeholder]=\"'interface.typeToSearch' | translate\"\n      (selected)=\"selectFormFlowDefinition($event)\"\n      [label]=\"'processLinkSteps.selectFormFlow' | translate\"\n      ><cds-dropdown-list></cds-dropdown-list\n    ></cds-combo-box>\n\n    <br />\n\n    <valtimo-form-display-configuration\n      [selectedFormDefinition]=\"selectedFormFlowDefinitionId\"\n      (formDisplayValue)=\"selectedFormDisplayValue($event)\"\n      (formSizeValue)=\"selectedFormSizeValue($event)\"\n      (subtitlesValue)=\"selectedSubtitlesValue($event)\"\n    ></valtimo-form-display-configuration>\n  </div>\n</ng-container>\n", styles: [".label-with-tooltip{display:flex;align-items:center}.select-form-flow{display:flex;flex-direction:column;width:100%;margin-top:24px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "labelId", "items", "type", "size", "itemValueKey", "label", "hideLabel", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled", "readonly", "fluid"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i5.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: FormDisplayConfigurationComponent, selector: "valtimo-form-display-configuration", inputs: ["selectedFormDefinition"], outputs: ["formDisplayValue", "formSizeValue", "subtitlesValue"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SelectFormFlowComponent, deps: [{ token: i1$5.FormFlowService }, { token: ProcessLinkStateService }, { token: ProcessLinkService }, { token: ProcessLinkButtonService }, { token: i3$3.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SelectFormFlowComponent, isStandalone: false, selector: "valtimo-select-form-flow", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    formFlowDefinitions: formFlowDefinitionListItems$ | async,\n    saving: saving$ | async,\n  } as obs\"\n>\n  <p class=\"step-description\">\n    {{ 'processLinkConfiguration.chooseFormFlowDescription' | translate }}\n  </p>\n\n  <div class=\"select-form-flow\">\n    <cds-combo-box\n      [appendInline]=\"true\"\n      [disabled]=\"!obs.formFlowDefinitions || obs.saving\"\n      [items]=\"obs.formFlowDefinitions || []\"\n      [placeholder]=\"'interface.typeToSearch' | translate\"\n      (selected)=\"selectFormFlowDefinition($event)\"\n      [label]=\"'processLinkSteps.selectFormFlow' | translate\"\n      ><cds-dropdown-list></cds-dropdown-list\n    ></cds-combo-box>\n\n    <br />\n\n    <valtimo-form-display-configuration\n      [selectedFormDefinition]=\"selectedFormFlowDefinitionId\"\n      (formDisplayValue)=\"selectedFormDisplayValue($event)\"\n      (formSizeValue)=\"selectedFormSizeValue($event)\"\n      (subtitlesValue)=\"selectedSubtitlesValue($event)\"\n    ></valtimo-form-display-configuration>\n  </div>\n</ng-container>\n", styles: [".label-with-tooltip{display:flex;align-items:center}.select-form-flow{display:flex;flex-direction:column;width:100%;margin-top:24px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "labelId", "items", "type", "size", "itemValueKey", "label", "hideLabel", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled", "readonly", "fluid"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i5.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: FormDisplayConfigurationComponent, selector: "valtimo-form-display-configuration", inputs: ["selectedFormDefinition"], outputs: ["formDisplayValue", "formSizeValue", "subtitlesValue"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SelectFormFlowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SelectFormFlowComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-select-form-flow', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    formFlowDefinitions: formFlowDefinitionListItems$ | async,\n    saving: saving$ | async,\n  } as obs\"\n>\n  <p class=\"step-description\">\n    {{ 'processLinkConfiguration.chooseFormFlowDescription' | translate }}\n  </p>\n\n  <div class=\"select-form-flow\">\n    <cds-combo-box\n      [appendInline]=\"true\"\n      [disabled]=\"!obs.formFlowDefinitions || obs.saving\"\n      [items]=\"obs.formFlowDefinitions || []\"\n      [placeholder]=\"'interface.typeToSearch' | translate\"\n      (selected)=\"selectFormFlowDefinition($event)\"\n      [label]=\"'processLinkSteps.selectFormFlow' | translate\"\n      ><cds-dropdown-list></cds-dropdown-list\n    ></cds-combo-box>\n\n    <br />\n\n    <valtimo-form-display-configuration\n      [selectedFormDefinition]=\"selectedFormFlowDefinitionId\"\n      (formDisplayValue)=\"selectedFormDisplayValue($event)\"\n      (formSizeValue)=\"selectedFormSizeValue($event)\"\n      (subtitlesValue)=\"selectedSubtitlesValue($event)\"\n    ></valtimo-form-display-configuration>\n  </div>\n</ng-container>\n", styles: [".label-with-tooltip{display:flex;align-items:center}.select-form-flow{display:flex;flex-direction:column;width:100%;margin-top:24px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i1$5.FormFlowService }, { type: ProcessLinkStateService }, { type: ProcessLinkService }, { type: ProcessLinkButtonService }, { type: i3$1.ActivatedRoute }] });
+        }], ctorParameters: () => [{ type: i1$5.FormFlowService }, { type: ProcessLinkStateService }, { type: ProcessLinkService }, { type: ProcessLinkButtonService }, { type: i3$3.ActivatedRoute }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -2151,7 +3362,7 @@ class SelectUIComponentComponent {
         this.formCustomComponentListItems$ = combineLatest([
             this.stateService.selectedProcessLink$,
             this._formCustomComponentConfig$,
-        ]).pipe(map$1(([selectedProcessLink, formCustomComponentConfigs]) => Object.keys(formCustomComponentConfigs).map(key => ({
+        ]).pipe(map(([selectedProcessLink, formCustomComponentConfigs]) => Object.keys(formCustomComponentConfigs).map(key => ({
             content: key,
             selected: selectedProcessLink ? selectedProcessLink?.componentKey === key : false,
         }))), tap(formCustomComponentListItems => {
@@ -2177,7 +3388,9 @@ class SelectUIComponentComponent {
             : this.buttonService.disableSaveButton();
     }
     openBackButtonSubscription() {
-        this._subscriptions.add(this.buttonService.backButtonClick$.subscribe(() => {
+        this._subscriptions.add(this.buttonService.backButtonClick$
+            .pipe(withLatestFrom$1(this.stateService.isEditing$), filter(([, isEditing]) => !isEditing))
+            .subscribe(() => {
             this.stateService.setInitial();
         }));
     }
@@ -2199,14 +3412,7 @@ class SelectUIComponentComponent {
                 componentKey: this._selectedCustomComponent.content,
                 activityId: selectedProcessLink.activityId,
             };
-            if (this.stateService.processLinkEditMode === ProcessLinkEditMode.EMIT_EVENTS) {
-                this.stateService.sendProcessLinkUpdateEvent(updateRequest);
-                return;
-            }
-            this.processLinkService.updateProcessLink(updateRequest).subscribe({
-                next: () => this.stateService.closeModal(),
-                error: () => this.stateService.stopSaving(),
-            });
+            this.stateService.sendProcessLinkUpdateEvent(updateRequest);
         });
     }
     saveNewProcessLink() {
@@ -2219,21 +3425,18 @@ class SelectUIComponentComponent {
                 processLinkType: processLinkTypeId,
                 activityId: modalParams.element.id,
             };
-            if (this.stateService.processLinkEditMode === ProcessLinkEditMode.EMIT_EVENTS) {
-                this.stateService.sendProcessLinkCreateEvent(createRequest);
-                return [];
-            }
-            return this.processLinkService.saveProcessLink(createRequest);
+            this.stateService.sendProcessLinkCreateEvent(createRequest);
+            return [];
         }))
             .subscribe({
             next: () => this.stateService.closeModal(),
             error: () => this.stateService.stopSaving(),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SelectUIComponentComponent, deps: [{ token: ProcessLinkStateService }, { token: ProcessLinkButtonService }, { token: ProcessLinkService }, { token: FORM_CUSTOM_COMPONENT_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SelectUIComponentComponent, isStandalone: false, selector: "valtimo-select-ui-component", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<cds-combo-box\n  [dropUp]=\"false\"\n  formControlName=\"contentKey\"\n  [items]=\"formCustomComponentListItems$ | async\"\n  itemValueKey=\"contentKey\"\n  [label]=\"'processLinkSteps.uiComponent' | translate\"\n  (selected)=\"selectCustomComponent($event)\"\n>\n  <cds-dropdown-list></cds-dropdown-list>\n</cds-combo-box>\n", styles: [".custom-widget{padding:24px}.custom-widget__header{display:flex;align-items:center;justify-content:space-between}.custom-widget__title{color:var(--cds-text-primary);font-weight:600;font-size:16px;line-height:24px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i4.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "labelId", "items", "type", "size", "itemValueKey", "label", "hideLabel", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled", "readonly", "fluid"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i5.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SelectUIComponentComponent, deps: [{ token: ProcessLinkStateService }, { token: ProcessLinkButtonService }, { token: ProcessLinkService }, { token: FORM_CUSTOM_COMPONENT_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SelectUIComponentComponent, isStandalone: false, selector: "valtimo-select-ui-component", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<cds-combo-box\n  [dropUp]=\"false\"\n  formControlName=\"contentKey\"\n  [items]=\"formCustomComponentListItems$ | async\"\n  itemValueKey=\"contentKey\"\n  [label]=\"'processLinkSteps.uiComponent' | translate\"\n  (selected)=\"selectCustomComponent($event)\"\n>\n  <cds-dropdown-list></cds-dropdown-list>\n</cds-combo-box>\n", styles: [".custom-widget{padding:24px}.custom-widget__header{display:flex;align-items:center;justify-content:space-between}.custom-widget__title{color:var(--cds-text-primary);font-weight:600;font-size:16px;line-height:24px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3$2.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "labelId", "items", "type", "size", "itemValueKey", "label", "hideLabel", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled", "readonly", "fluid"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i5.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SelectUIComponentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SelectUIComponentComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-select-ui-component', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<cds-combo-box\n  [dropUp]=\"false\"\n  formControlName=\"contentKey\"\n  [items]=\"formCustomComponentListItems$ | async\"\n  itemValueKey=\"contentKey\"\n  [label]=\"'processLinkSteps.uiComponent' | translate\"\n  (selected)=\"selectCustomComponent($event)\"\n>\n  <cds-dropdown-list></cds-dropdown-list>\n</cds-combo-box>\n", styles: [".custom-widget{padding:24px}.custom-widget__header{display:flex;align-items:center;justify-content:space-between}.custom-widget__title{color:var(--cds-text-primary);font-weight:600;font-size:16px;line-height:24px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: ProcessLinkStateService }, { type: ProcessLinkButtonService }, { type: ProcessLinkService }, { type: undefined, decorators: [{
@@ -2243,6 +3446,348 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                     args: [FORM_CUSTOM_COMPONENT_TOKEN]
                 }] }] });
 
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class SelectBuildingBlockComponent {
+    constructor(processLinkBuildingBlockApiService, stateService, buildingBlockStateService, buttonService, stepService) {
+        this.processLinkBuildingBlockApiService = processLinkBuildingBlockApiService;
+        this.stateService = stateService;
+        this.buildingBlockStateService = buildingBlockStateService;
+        this.buttonService = buttonService;
+        this.stepService = stepService;
+        this.buildingBlocks$ = this.processLinkBuildingBlockApiService
+            .getBuildingBlockDefinitions({ includeArtwork: true })
+            .pipe(map(definitions => [...(definitions ?? [])]), map(definitions => definitions.sort((a, b) => (a.name || a.key).localeCompare(b.name || b.key))), catchError(() => of([])), tap(() => {
+            this.loading = false;
+        }), shareReplay(1));
+        this.loading = true;
+        this.selectedKey = null;
+        this.subscriptions = new Subscription();
+        this.buildingBlocks = [];
+    }
+    ngOnInit() {
+        this.buttonService.disableNextButton();
+        this.subscriptions.add(this.buildingBlocks$.subscribe(definitions => {
+            this.buildingBlocks = definitions ?? [];
+            if (this.selectedKey) {
+                this.stepService.updateBuildingBlockSelectionStepLabel(this.getDefinitionLabel(this.findDefinitionByKey(this.selectedKey)));
+            }
+        }));
+        this.subscriptions.add(this.buildingBlockStateService.definitionKey$.subscribe(key => {
+            this.selectedKey = key;
+            if (key) {
+                this.stepService.updateBuildingBlockSelectionStepLabel(this.getDefinitionLabel(this.findDefinitionByKey(key)));
+                this.buttonService.enableNextButton();
+            }
+            else {
+                this.buttonService.disableNextButton();
+            }
+        }));
+        this.subscriptions.add(this.buttonService.backButtonClick$
+            .pipe(withLatestFrom$1(this.stateService.isEditing$), filter(([, isEditing]) => !isEditing))
+            .subscribe(() => {
+            this.stateService.setInitial();
+        }));
+        this.subscriptions.add(this.buttonService.nextButtonClick$
+            .pipe(withLatestFrom$1(this.stateService.isEditing$), filter(([, isEditing]) => !isEditing))
+            .subscribe(() => {
+            this.stepService.setConfigureBuildingBlockPluginsStep(this.getDefinitionLabel(this.findDefinitionByKey(this.selectedKey)));
+        }));
+    }
+    ngOnDestroy() {
+        this.subscriptions.unsubscribe();
+    }
+    onSelectionChange(event) {
+        const definition = event?.value;
+        this.selectedKey = definition?.key ?? null;
+        this.buildingBlockStateService.setDefinitionKey(definition?.key ?? null);
+        this.stepService.updateBuildingBlockSelectionStepLabel(this.getDefinitionLabel(definition));
+        if (definition?.key) {
+            this.buttonService.enableNextButton();
+        }
+        else {
+            this.buttonService.disableNextButton();
+        }
+    }
+    trackByKey(_, definition) {
+        return definition.key;
+    }
+    findDefinitionByKey(key) {
+        if (!key)
+            return undefined;
+        return this.buildingBlocks.find(definition => definition.key === key);
+    }
+    getDefinitionLabel(definition) {
+        if (!definition)
+            return '';
+        const name = definition.name || definition.key;
+        return name;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SelectBuildingBlockComponent, deps: [{ token: ProcessLinkBuildingBlockApiService }, { token: ProcessLinkStateService }, { token: BuildingBlockStateService }, { token: ProcessLinkButtonService }, { token: ProcessLinkStepService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: SelectBuildingBlockComponent, isStandalone: false, selector: "valtimo-select-building-block", ngImport: i0, template: "<!--\n  Copyright 2015-2025 Ritense BV\n  Licensed under the EUPL, Version 1.2\n-->\n\n<div class=\"select-building-block\" *ngIf=\"!loading; else loadingState\">\n  <ng-container *ngIf=\"buildingBlocks$ | async as buildingBlocks\">\n    <ng-container *ngIf=\"buildingBlocks.length; else emptyState\">\n      <div class=\"list-container\">\n        <cds-structured-list (selected)=\"onSelectionChange($event)\" selection=\"true\">\n          <cds-list-header>\n            <cds-list-column nowrap=\"true\"></cds-list-column>\n            <cds-list-column nowrap=\"true\">\n              {{ 'processLinkConfiguration.buildingBlock.name' | translate }}\n            </cds-list-column>\n            <cds-list-column>\n              {{ 'processLinkConfiguration.buildingBlock.description' | translate }}\n            </cds-list-column>\n          </cds-list-header>\n          <cds-list-row *ngFor=\"let buildingBlock of buildingBlocks\" [value]=\"buildingBlock\">\n            <cds-list-column>\n              <div *ngIf=\"buildingBlock.imageBase64\">\n                <img\n                  class=\"building-block-artwork\"\n                  [src]=\"'data:image/png;base64,' + buildingBlock.imageBase64\"\n                  [title]=\"buildingBlock.name\"\n                />\n              </div>\n            </cds-list-column>\n            <cds-list-column>{{ buildingBlock.name }}</cds-list-column>\n            <cds-list-column>{{ buildingBlock.description }}</cds-list-column>\n          </cds-list-row>\n        </cds-structured-list>\n      </div>\n    </ng-container>\n  </ng-container>\n</div>\n\n<ng-template #loadingState>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n\n<ng-template #emptyState>\n  <div class=\"empty-state\">\n    {{ 'processLinkConfiguration.buildingBlock.emptyState' | translate }}\n  </div>\n</ng-template>\n", styles: [".loading-container{display:flex;justify-content:center;padding:16px 0}.empty-state{padding:1rem;border:1px solid #e0e0e0;border-radius:4px;background-color:#f4f4f4;color:#8d8d8d}.building-block-artwork{object-fit:contain;height:60px;width:100%;margin-bottom:-.5rem}::ng-deep .list-container .cds--structured-list-td{vertical-align:top}\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i3$2.StructuredList, selector: "cds-structured-list, ibm-structured-list", inputs: ["selection", "flushed", "condensed", "name", "skeleton"], outputs: ["selected"] }, { kind: "component", type: i3$2.ListRow, selector: "cds-list-row, ibm-list-row", inputs: ["selected", "label", "value"], outputs: ["change"] }, { kind: "component", type: i3$2.ListHeader, selector: "cds-list-header, ibm-list-header", inputs: ["skeleton"] }, { kind: "component", type: i3$2.ListColumn, selector: "cds-list-column, ibm-list-column", inputs: ["skeleton", "nowrap"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: SelectBuildingBlockComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'valtimo-select-building-block', template: "<!--\n  Copyright 2015-2025 Ritense BV\n  Licensed under the EUPL, Version 1.2\n-->\n\n<div class=\"select-building-block\" *ngIf=\"!loading; else loadingState\">\n  <ng-container *ngIf=\"buildingBlocks$ | async as buildingBlocks\">\n    <ng-container *ngIf=\"buildingBlocks.length; else emptyState\">\n      <div class=\"list-container\">\n        <cds-structured-list (selected)=\"onSelectionChange($event)\" selection=\"true\">\n          <cds-list-header>\n            <cds-list-column nowrap=\"true\"></cds-list-column>\n            <cds-list-column nowrap=\"true\">\n              {{ 'processLinkConfiguration.buildingBlock.name' | translate }}\n            </cds-list-column>\n            <cds-list-column>\n              {{ 'processLinkConfiguration.buildingBlock.description' | translate }}\n            </cds-list-column>\n          </cds-list-header>\n          <cds-list-row *ngFor=\"let buildingBlock of buildingBlocks\" [value]=\"buildingBlock\">\n            <cds-list-column>\n              <div *ngIf=\"buildingBlock.imageBase64\">\n                <img\n                  class=\"building-block-artwork\"\n                  [src]=\"'data:image/png;base64,' + buildingBlock.imageBase64\"\n                  [title]=\"buildingBlock.name\"\n                />\n              </div>\n            </cds-list-column>\n            <cds-list-column>{{ buildingBlock.name }}</cds-list-column>\n            <cds-list-column>{{ buildingBlock.description }}</cds-list-column>\n          </cds-list-row>\n        </cds-structured-list>\n      </div>\n    </ng-container>\n  </ng-container>\n</div>\n\n<ng-template #loadingState>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n\n<ng-template #emptyState>\n  <div class=\"empty-state\">\n    {{ 'processLinkConfiguration.buildingBlock.emptyState' | translate }}\n  </div>\n</ng-template>\n", styles: [".loading-container{display:flex;justify-content:center;padding:16px 0}.empty-state{padding:1rem;border:1px solid #e0e0e0;border-radius:4px;background-color:#f4f4f4;color:#8d8d8d}.building-block-artwork{object-fit:contain;height:60px;width:100%;margin-bottom:-.5rem}::ng-deep .list-container .cds--structured-list-td{vertical-align:top}\n"] }]
+        }], ctorParameters: () => [{ type: ProcessLinkBuildingBlockApiService }, { type: ProcessLinkStateService }, { type: BuildingBlockStateService }, { type: ProcessLinkButtonService }, { type: ProcessLinkStepService }] });
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ConfigureBuildingBlockPluginsComponent {
+    constructor(stateService, buildingBlockStateService, buttonService, stepService, pluginManagementService, pluginTranslationService, processLinkService, translateService, processLinkBuildingBlockApiService) {
+        this.stateService = stateService;
+        this.buildingBlockStateService = buildingBlockStateService;
+        this.buttonService = buttonService;
+        this.stepService = stepService;
+        this.pluginManagementService = pluginManagementService;
+        this.pluginTranslationService = pluginTranslationService;
+        this.processLinkService = processLinkService;
+        this.translateService = translateService;
+        this.processLinkBuildingBlockApiService = processLinkBuildingBlockApiService;
+        this.pluginKeys$ = this.buildingBlockStateService.requiredPluginKeys$;
+        this.isNestedBuildingBlock$ = this.buildingBlockStateService.isNestedBuildingBlock$;
+        this._pluginDependenciesWarningTranslationKey$ = this.buildingBlockStateService.pluginDependencies$.pipe(map$1(dependencies => {
+            if (!dependencies || !dependencies.length)
+                return '';
+            const zaakInstanceLinkDependency = dependencies.includes('ZAAK_INSTANCE_LINK');
+            const zaakTypeLinkDependency = dependencies.includes('ZAAK_TYPE_LINK');
+            if (zaakInstanceLinkDependency && zaakTypeLinkDependency) {
+                return 'processLinkConfiguration.buildingBlock.pluginDependenciesWarning.zaakInstanceAndTypeLink';
+            }
+            else if (zaakInstanceLinkDependency) {
+                return 'processLinkConfiguration.buildingBlock.pluginDependenciesWarning.zaakInstanceLink';
+            }
+            else if (zaakTypeLinkDependency) {
+                return 'processLinkConfiguration.buildingBlock.pluginDependenciesWarning.zaakTypeLink';
+            }
+            return '';
+        }));
+        this.dependenciesNotificationObject$ = combineLatest([
+            this._pluginDependenciesWarningTranslationKey$,
+            this.translateService.stream('key'),
+        ]).pipe(map$1(([warningTranslationKey]) => !warningTranslationKey
+            ? null
+            : {
+                type: 'warning',
+                lowContrast: true,
+                title: this.translateService.instant('processLinkConfiguration.buildingBlock.pluginDependenciesWarning.title'),
+                message: this.translateService.instant(warningTranslationKey),
+                showClose: false,
+            }));
+        this.loading$ = this.buildingBlockStateService.requirementsLoading$;
+        this.versions$ = this.buildingBlockStateService.versions$;
+        this.definitionVersionTag$ = this.buildingBlockStateService.definitionVersionTag$;
+        this.versionPlaceholder$ = this.translateService.stream('processLinkConfiguration.buildingBlock.versionPlaceholder');
+        this.configurationPlaceholder$ = this.translateService.stream('processLinkConfiguration.buildingBlock.configurationPlaceholder');
+        this.versionItems$ = combineLatest([
+            this.versions$,
+            this.definitionVersionTag$,
+            this.versionPlaceholder$,
+        ]).pipe(map$1(([versions, selectedVersion, placeholder]) => {
+            const normalizedSelectedVersion = selectedVersion || '';
+            return [
+                {
+                    id: '',
+                    content: placeholder,
+                    selected: normalizedSelectedVersion === '',
+                },
+                ...(versions || []).map(version => ({
+                    id: version,
+                    content: version,
+                    selected: normalizedSelectedVersion === version,
+                })),
+            ];
+        }));
+        this.pluginConfigurationViewModels$ = combineLatest([
+            this.pluginKeys$,
+            this.buildingBlockStateService.pluginMappings$,
+            this.configurationPlaceholder$,
+        ]).pipe(switchMap$1(([pluginKeys, pluginMappings, placeholder]) => {
+            if (!pluginKeys?.length) {
+                return of([]);
+            }
+            return combineLatest(pluginKeys.map(pluginKey => this.getConfigurationOptions(pluginKey).pipe(map$1(options => ({
+                key: pluginKey,
+                label: this.pluginLabel(pluginKey),
+                dropdownItems: this.buildDropdownItems(options, pluginMappings?.[pluginKey], placeholder),
+                hasOptions: options.length > 0,
+            })))));
+        }));
+        this._subscriptions = new Subscription();
+        this._configurationOptionsCache = new Map();
+    }
+    ngOnInit() {
+        // Check if we're configuring from within a building block process (nested building block)
+        this._subscriptions.add(this.stateService.modalParams$
+            .pipe(map$1(params => params?.processDefinitionId), distinctUntilChanged())
+            .subscribe(processDefinitionId => {
+            if (processDefinitionId) {
+                this.processLinkBuildingBlockApiService
+                    .isBuildingBlockProcess(processDefinitionId)
+                    .subscribe(isNested => {
+                    this.buildingBlockStateService.setIsNestedBuildingBlock(isNested);
+                });
+            }
+        }));
+        this._subscriptions.add(combineLatest([
+            this.buildingBlockStateService.requiredPluginKeys$,
+            this.buildingBlockStateService.mappingsComplete$,
+            this.buildingBlockStateService.requirementsLoading$,
+            this.definitionVersionTag$,
+        ]).subscribe(([keys, complete, loading, version]) => {
+            if (loading || !version) {
+                this.buttonService.disableNextButton();
+                return;
+            }
+            if (keys.length === 0 || complete) {
+                this.buttonService.enableNextButton();
+            }
+            else {
+                this.buttonService.disableNextButton();
+            }
+        }));
+        this._subscriptions.add(this.buttonService.backButtonClick$
+            .pipe(withLatestFrom(this.stateService.isEditing$), filter$1(([, isEditing]) => !isEditing))
+            .subscribe(() => {
+            this.stepService.setBuildingBlockSteps();
+        }));
+        this._subscriptions.add(this.buttonService.nextButtonClick$
+            .pipe(withLatestFrom(this.stateService.isEditing$), filter$1(([, isEditing]) => !isEditing))
+            .subscribe(() => {
+            this.stepService.setConfigureBuildingBlockMappingsStep(this.buildingBlockStateService.getDefinitionSnapshot().key ?? undefined);
+        }));
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    getConfigurationOptions(pluginDefinitionKey) {
+        if (!this._configurationOptionsCache.has(pluginDefinitionKey)) {
+            this._configurationOptionsCache.set(pluginDefinitionKey, this.pluginManagementService
+                .getPluginConfigurationsByPluginDefinitionKey(pluginDefinitionKey)
+                .pipe(catchError$1(() => of([])), shareReplay(1)));
+        }
+        return this._configurationOptionsCache.get(pluginDefinitionKey) ?? of([]);
+    }
+    onMappingChange(pluginDefinitionKey, configurationId) {
+        const normalizedValue = configurationId || null;
+        this.buildingBlockStateService.setPluginConfigurationMapping(pluginDefinitionKey, normalizedValue);
+    }
+    pluginLabel(pluginDefinitionKey) {
+        return (this.pluginTranslationService.instant('title', pluginDefinitionKey) || pluginDefinitionKey);
+    }
+    buildDropdownItems(options, selectedId, placeholder) {
+        return [
+            {
+                id: '',
+                content: placeholder,
+                selected: !selectedId,
+            },
+            ...options.map(option => ({
+                id: option.id,
+                content: option.title,
+                selected: selectedId === option.id || (options.length === 1 && !selectedId),
+            })),
+        ];
+    }
+    checkSingleBuildingBlockType(types) {
+        if (!types?.length)
+            return false;
+        return types.length === 1 && types[0]?.processLinkType === 'building-block' && types[0].enabled;
+    }
+    onVersionChange(versionTag) {
+        const normalizedValue = versionTag || null;
+        this.buildingBlockStateService.setPluginConfigurationMappings(undefined);
+        this.buildingBlockStateService.setDefinitionVersionTag(normalizedValue);
+    }
+    createProcessLink() {
+        this.stateService.modalParams$.pipe(take(1)).subscribe(modalParams => {
+            const { key, versionTag } = this.buildingBlockStateService.getDefinitionSnapshot();
+            if (!modalParams || !key || !versionTag) {
+                this.stateService.stopSaving();
+                return;
+            }
+            const activityId = modalParams.element?.id;
+            if (!activityId) {
+                this.stateService.stopSaving();
+                return;
+            }
+            const request = {
+                processDefinitionId: modalParams.processDefinitionId ?? '-',
+                activityId,
+                activityType: modalParams.element?.activityListenerType ?? '',
+                processLinkType: 'building-block',
+                buildingBlockDefinitionKey: key,
+                buildingBlockDefinitionVersionTag: versionTag,
+                pluginConfigurationMappings: this.getMappingsForPayload(),
+                inputMappings: [],
+                outputMappings: [],
+            };
+            this.stateService.sendProcessLinkCreateEvent(request);
+        });
+    }
+    updateProcessLink(processLink) {
+        this.stateService.modalParams$.pipe(take(1)).subscribe(modalParams => {
+            const { key, versionTag } = this.buildingBlockStateService.getDefinitionSnapshot();
+            if (!modalParams || !key || !versionTag) {
+                this.stateService.stopSaving();
+                return;
+            }
+            const activityId = modalParams.element?.id;
+            const request = {
+                id: processLink.id,
+                activityId: activityId,
+                processLinkType: 'building-block',
+                buildingBlockDefinitionKey: key,
+                buildingBlockDefinitionVersionTag: versionTag,
+                pluginConfigurationMappings: this.getMappingsForPayload(),
+                inputMappings: [],
+                outputMappings: [],
+            };
+            this.stateService.sendProcessLinkUpdateEvent(request);
+        });
+    }
+    getMappingsForPayload() {
+        const mappings = this.buildingBlockStateService.getPluginConfigurationMappingsSnapshot();
+        return Object.entries(mappings).reduce((acc, [pluginKey, configurationId]) => {
+            if (configurationId)
+                acc[pluginKey] = configurationId;
+            return acc;
+        }, {});
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ConfigureBuildingBlockPluginsComponent, deps: [{ token: ProcessLinkStateService }, { token: BuildingBlockStateService }, { token: ProcessLinkButtonService }, { token: ProcessLinkStepService }, { token: i1$1.PluginManagementService }, { token: i1$1.PluginTranslationService }, { token: ProcessLinkService }, { token: i3.TranslateService }, { token: ProcessLinkBuildingBlockApiService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ConfigureBuildingBlockPluginsComponent, isStandalone: false, selector: "valtimo-configure-building-block-plugins", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"configure-building-block-plugins\">\n  <div\n    *ngIf=\"dependenciesNotificationObject$ | async as dependenciesNotificationObject\"\n    class=\"configure-building-block-plugins__warning\"\n  >\n    <cds-notification [notificationObj]=\"dependenciesNotificationObject\"> </cds-notification>\n  </div>\n\n  @if (versionItems$ | async; as versionItems) {\n    @let versionPlaceholder = versionPlaceholder$ | async;\n    <div class=\"version-select\">\n      <cds-combo-box\n        cdsLayer\n        size=\"lg\"\n        [appendInline]=\"true\"\n        [label]=\"'processLinkConfiguration.buildingBlock.versionLabel' | translate\"\n        [placeholder]=\"versionPlaceholder || ''\"\n        (selected)=\"onVersionChange($event?.id || '')\"\n        (clear)=\"onVersionChange('')\"\n      >\n        <cds-dropdown-list [items]=\"versionItems\"></cds-dropdown-list>\n      </cds-combo-box>\n    </div>\n  }\n\n  @if (loading$ | async) {\n    <div class=\"loading-container\">\n      <cds-loading></cds-loading>\n    </div>\n  } @else {\n    <div class=\"plugin-list\">\n      @if (definitionVersionTag$ | async) {\n        @if (isNestedBuildingBlock$ | async) {\n          <div class=\"empty-state\">\n            {{ 'processLinkConfiguration.buildingBlock.nestedBuildingBlockInfo' | translate }}\n          </div>\n        } @else {\n          @if (pluginConfigurationViewModels$ | async; as pluginConfigurationViewModels) {\n            @if (pluginConfigurationViewModels.length === 0) {\n              <div class=\"empty-state\">\n                {{ 'processLinkConfiguration.buildingBlock.noRequirements' | translate }}\n              </div>\n            } @else {\n              @let configurationPlaceholder = configurationPlaceholder$ | async;\n\n              <div class=\"plugin-row\">\n                <v-input-label\n                  [title]=\"'processLinkConfiguration.buildingBlock.pluginLabel' | translate\"\n                >\n                </v-input-label>\n                <v-input-label\n                  [title]=\"'processLinkConfiguration.buildingBlock.configurationLabel' | translate\"\n                  required=\"true\"\n                >\n                </v-input-label>\n              </div>\n\n              @for (plugin of pluginConfigurationViewModels; track plugin.key) {\n                <div class=\"plugin-row\">\n                  <div class=\"plugin-label\">\n                    {{ plugin.label }}\n                  </div>\n\n                  <cds-combo-box\n                    cdsLayer\n                    size=\"lg\"\n                    [appendInline]=\"true\"\n                    [placeholder]=\"configurationPlaceholder || ''\"\n                    (selected)=\"onMappingChange(plugin.key, $event?.id || '')\"\n                    (clear)=\"onMappingChange(plugin.key, '')\"\n                  >\n                    <cds-dropdown-list [items]=\"plugin.dropdownItems\"></cds-dropdown-list>\n                  </cds-combo-box>\n                </div>\n              }\n            }\n          }\n        }\n      }\n    </div>\n  }\n</div>\n", styles: [".loading-container{display:flex;justify-content:center;padding:2rem 0}.empty-state{padding:1rem;border:1px solid #e0e0e0;border-radius:4px;background-color:#f4f4f4;color:#8d8d8d}.plugin-row{display:grid;align-items:center;grid-template-columns:1fr 1fr;margin-bottom:15px}.plugin-row .plugin-label{padding-left:16px;border-block-end:1px solid var(--cds-border-strong);height:100%;margin-right:15px;display:grid;align-items:center}.plugin-list{margin-top:30px}.configure-building-block-plugins__warning{display:flex;width:100%;margin-bottom:24px}.configure-building-block-plugins__warning ::ng-deep cds-notification{max-inline-size:100%;min-inline-size:100%}\n"], dependencies: [{ kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "labelId", "items", "type", "size", "itemValueKey", "label", "hideLabel", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled", "readonly", "fluid"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i5.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i3$2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "directive", type: i3$2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: i2$1.InputLabelComponent, selector: "v-input-label", inputs: ["name", "tooltip", "tooltipTranslationKey", "largeMargin", "small", "noMargin", "title", "titleTranslationKey", "required", "disabled", "carbonTheme"] }, { kind: "component", type: i3$2.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ConfigureBuildingBlockPluginsComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'valtimo-configure-building-block-plugins', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"configure-building-block-plugins\">\n  <div\n    *ngIf=\"dependenciesNotificationObject$ | async as dependenciesNotificationObject\"\n    class=\"configure-building-block-plugins__warning\"\n  >\n    <cds-notification [notificationObj]=\"dependenciesNotificationObject\"> </cds-notification>\n  </div>\n\n  @if (versionItems$ | async; as versionItems) {\n    @let versionPlaceholder = versionPlaceholder$ | async;\n    <div class=\"version-select\">\n      <cds-combo-box\n        cdsLayer\n        size=\"lg\"\n        [appendInline]=\"true\"\n        [label]=\"'processLinkConfiguration.buildingBlock.versionLabel' | translate\"\n        [placeholder]=\"versionPlaceholder || ''\"\n        (selected)=\"onVersionChange($event?.id || '')\"\n        (clear)=\"onVersionChange('')\"\n      >\n        <cds-dropdown-list [items]=\"versionItems\"></cds-dropdown-list>\n      </cds-combo-box>\n    </div>\n  }\n\n  @if (loading$ | async) {\n    <div class=\"loading-container\">\n      <cds-loading></cds-loading>\n    </div>\n  } @else {\n    <div class=\"plugin-list\">\n      @if (definitionVersionTag$ | async) {\n        @if (isNestedBuildingBlock$ | async) {\n          <div class=\"empty-state\">\n            {{ 'processLinkConfiguration.buildingBlock.nestedBuildingBlockInfo' | translate }}\n          </div>\n        } @else {\n          @if (pluginConfigurationViewModels$ | async; as pluginConfigurationViewModels) {\n            @if (pluginConfigurationViewModels.length === 0) {\n              <div class=\"empty-state\">\n                {{ 'processLinkConfiguration.buildingBlock.noRequirements' | translate }}\n              </div>\n            } @else {\n              @let configurationPlaceholder = configurationPlaceholder$ | async;\n\n              <div class=\"plugin-row\">\n                <v-input-label\n                  [title]=\"'processLinkConfiguration.buildingBlock.pluginLabel' | translate\"\n                >\n                </v-input-label>\n                <v-input-label\n                  [title]=\"'processLinkConfiguration.buildingBlock.configurationLabel' | translate\"\n                  required=\"true\"\n                >\n                </v-input-label>\n              </div>\n\n              @for (plugin of pluginConfigurationViewModels; track plugin.key) {\n                <div class=\"plugin-row\">\n                  <div class=\"plugin-label\">\n                    {{ plugin.label }}\n                  </div>\n\n                  <cds-combo-box\n                    cdsLayer\n                    size=\"lg\"\n                    [appendInline]=\"true\"\n                    [placeholder]=\"configurationPlaceholder || ''\"\n                    (selected)=\"onMappingChange(plugin.key, $event?.id || '')\"\n                    (clear)=\"onMappingChange(plugin.key, '')\"\n                  >\n                    <cds-dropdown-list [items]=\"plugin.dropdownItems\"></cds-dropdown-list>\n                  </cds-combo-box>\n                </div>\n              }\n            }\n          }\n        }\n      }\n    </div>\n  }\n</div>\n", styles: [".loading-container{display:flex;justify-content:center;padding:2rem 0}.empty-state{padding:1rem;border:1px solid #e0e0e0;border-radius:4px;background-color:#f4f4f4;color:#8d8d8d}.plugin-row{display:grid;align-items:center;grid-template-columns:1fr 1fr;margin-bottom:15px}.plugin-row .plugin-label{padding-left:16px;border-block-end:1px solid var(--cds-border-strong);height:100%;margin-right:15px;display:grid;align-items:center}.plugin-list{margin-top:30px}.configure-building-block-plugins__warning{display:flex;width:100%;margin-bottom:24px}.configure-building-block-plugins__warning ::ng-deep cds-notification{max-inline-size:100%;min-inline-size:100%}\n"] }]
+        }], ctorParameters: () => [{ type: ProcessLinkStateService }, { type: BuildingBlockStateService }, { type: ProcessLinkButtonService }, { type: ProcessLinkStepService }, { type: i1$1.PluginManagementService }, { type: i1$1.PluginTranslationService }, { type: ProcessLinkService }, { type: i3.TranslateService }, { type: ProcessLinkBuildingBlockApiService }] });
+
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
@@ -2259,12 +3804,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
  * limitations under the License.
  */
 class ProcessLinkModalComponent {
-    constructor(stateService, stepService, buttonService, pluginStateService, processLinkService, processLinkStateService, configService) {
+    constructor(stateService, stepService, buttonService, pluginStateService, processLinkStateService, configService) {
         this.stateService = stateService;
         this.stepService = stepService;
         this.buttonService = buttonService;
         this.pluginStateService = pluginStateService;
-        this.processLinkService = processLinkService;
         this.processLinkStateService = processLinkStateService;
         this.configService = configService;
         this.showModal$ = this.stateService.showModal$;
@@ -2281,6 +3825,7 @@ class ProcessLinkModalComponent {
         this.saving$ = this.stateService.saving$;
         this.typeOfSelectedProcessLink$ = this.stateService.typeOfSelectedProcessLink$;
         this.viewModelEnabled$ = this.stateService.viewModelEnabled$;
+        this.isEditing$ = this.stateService.isEditing$;
         this.selectedPluginConfiguration$ = this.pluginStateService.selectedPluginConfiguration$;
         this.showViewModelToggle = this.configService.config.featureToggles.enableFormViewModel;
     }
@@ -2298,30 +3843,21 @@ class ProcessLinkModalComponent {
     }
     unlinkButtonClick() {
         this.stateService.selectedProcessLink$.pipe(take(1)).subscribe(selectedProcessLink => {
-            if (this.processLinkStateService.processLinkEditMode === ProcessLinkEditMode.EMIT_EVENTS) {
-                this.processLinkStateService.sendProcessLinkDeleteEvent({
-                    activityId: selectedProcessLink.activityId,
-                });
-                return;
-            }
-            this.stateService.startSaving();
-            this.processLinkService.deleteProcessLink(selectedProcessLink.id).subscribe(() => {
-                this.stateService.closeModal();
-            }, () => {
-                this.stateService.stopSaving();
+            this.processLinkStateService.sendProcessLinkDeleteEvent({
+                activityId: selectedProcessLink.activityId,
             });
         });
     }
     toggleCheckedChange(value) {
         this.processLinkStateService.setViewModelEnabled(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkModalComponent, deps: [{ token: ProcessLinkStateService }, { token: ProcessLinkStepService }, { token: ProcessLinkButtonService }, { token: PluginStateService }, { token: ProcessLinkService }, { token: ProcessLinkStateService }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ProcessLinkModalComponent, isStandalone: false, selector: "valtimo-process-link-modal", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"process-link-modal-container\"\n  *ngIf=\"{\n    showModal: showModal$ | async,\n    processStepName: processStepName$ | async,\n    steps: steps$ | async,\n    currentStepIndex: currentStepIndex$ | async,\n    currentStepId: currentStepId$ | async,\n    showSaveButton: showSaveButton$ | async,\n    enableSaveButton: enableSaveButton$ | async,\n    showBackButton: showBackButton$ | async,\n    showNextButton: showNextButton$ | async,\n    enableNextButton: enableNextButton$ | async,\n    saving: saving$ | async,\n    hideProgressIndicator: hideProgressIndicator$ | async,\n    typeOfSelectedProgressLink: typeOfSelectedProcessLink$ | async,\n  } as obs\"\n>\n  <cds-modal valtimoCdsModal [open]=\"obs.showModal\" size=\"lg\" (close)=\"closeModal()\">\n    <cds-modal-header (closeSelect)=\"closeModal()\">\n      <h2 cdsModalHeaderLabel>{{ 'processLinkConfiguration.configureStep' | translate }}</h2>\n      <h3 cdsModalHeaderHeading>\n        {{\n          'processLinkConfiguration.modalTitle'\n            | translate: {processStepName: obs.processStepName || '-'}\n        }}\n      </h3>\n      <div class=\"process-link-progress\" *ngIf=\"!obs.typeOfSelectedProgressLink\">\n        <ng-container *ngTemplateOutlet=\"progressIndicator; context: {obs: obs}\"></ng-container>\n      </div>\n    </cds-modal-header>\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <ng-container *ngTemplateOutlet=\"stepContent; context: {obs: obs}\"></ng-container>\n    </section>\n    <ng-template *ngTemplateOutlet=\"footer; context: {obs: obs}\"></ng-template>\n  </cds-modal>\n</div>\n\n<ng-template #progressIndicator let-obs=\"obs\">\n  <cds-progress-indicator\n    *ngIf=\"obs.steps && !obs.hideProgressIndicator\"\n    [steps]=\"obs.steps\"\n    [current]=\"obs.currentStepIndex\"\n    spacing=\"equal\"\n  ></cds-progress-indicator>\n</ng-template>\n\n<ng-template #stepContent let-obs=\"obs\">\n  <div class=\"cds-loading-container\" *ngIf=\"obs.saving\">\n    <cds-loading></cds-loading>\n  </div>\n  <div [ngClass]=\"{hidden: obs.saving}\">\n    <ng-container>\n      <ng-container *ngIf=\"obs.currentStepId === 'chooseProcessLinkType'\">\n        <valtimo-choose-process-link-type></valtimo-choose-process-link-type>\n      </ng-container>\n      <ng-container\n        *ngIf=\"obs.currentStepId === 'selectForm' || obs.typeOfSelectedProgressLink === 'form'\"\n      >\n        <valtimo-select-form></valtimo-select-form>\n        <br />\n        <cds-toggle\n          *ngIf=\"showViewModelToggle\"\n          [label]=\"'processLinkConfiguration.toggleViewModel.title' | translate\"\n          [onText]=\"'processLinkConfiguration.toggleViewModel.checkboxDescription' | translate\"\n          [offText]=\"'processLinkConfiguration.toggleViewModel.checkboxDescription' | translate\"\n          [checked]=\"viewModelEnabled$ | async\"\n          (checkedChange)=\"toggleCheckedChange($event)\"\n        ></cds-toggle>\n      </ng-container>\n      <ng-container\n        *ngIf=\"\n          obs.currentStepId === 'selectFormFlow' || obs.typeOfSelectedProgressLink === 'form-flow'\n        \"\n      >\n        <valtimo-select-form-flow></valtimo-select-form-flow>\n      </ng-container>\n\n      <ng-container *ngIf=\"obs.currentStepId === 'choosePluginConfiguration'\">\n        <valtimo-select-plugin-configuration></valtimo-select-plugin-configuration>\n      </ng-container>\n\n      <ng-container *ngIf=\"obs.currentStepId === 'choosePluginAction'\">\n        <valtimo-select-plugin-action></valtimo-select-plugin-action>\n      </ng-container>\n\n      <ng-container\n        *ngIf=\"\n          obs.currentStepId === 'configurePluginAction' ||\n          obs.typeOfSelectedProgressLink === 'plugin'\n        \"\n      >\n        <valtimo-plugin-action-configuration\n          [selectedPluginConfiguration$]=\"selectedPluginConfiguration$\"\n        ></valtimo-plugin-action-configuration>\n      </ng-container>\n    </ng-container>\n\n    <ng-container\n      *ngIf=\"\n        obs.currentStepId === 'uiComponent' || obs.typeOfSelectedProgressLink === 'ui-component'\n      \"\n    >\n      <valtimo-select-ui-component></valtimo-select-ui-component>\n    </ng-container>\n  </div>\n</ng-template>\n\n<ng-template #footer let-obs=\"obs\">\n  <cds-modal-footer *ngIf=\"!obs.saving\">\n    <div class=\"cancel-button\">\n      <button cdsButton=\"ghost\" (click)=\"closeModal()\" [disabled]=\"obs.disabled\">\n        {{ 'processLinkConfiguration.cancel' | translate }}\n      </button>\n    </div>\n    <div class=\"navigation-buttons\">\n      <button\n        *ngIf=\"obs.showBackButton && !obs.saving\"\n        cdsButton=\"secondary\"\n        (click)=\"backButtonClick()\"\n      >\n        {{ 'processLinkConfiguration.back' | translate }}\n      </button>\n      <button\n        cdsButton=\"primary\"\n        *ngIf=\"obs.showNextButton && !obs.saving\"\n        [disabled]=\"!obs.enableNextButton\"\n        (click)=\"nextButtonClick()\"\n      >\n        {{ 'processLinkConfiguration.next' | translate }}\n      </button>\n      <button\n        cdsButton=\"danger--primary\"\n        *ngIf=\"obs.typeOfSelectedProgressLink\"\n        (click)=\"unlinkButtonClick()\"\n      >\n        {{ 'processLinkConfiguration.unlink' | translate }}\n      </button>\n      <button\n        cdsButton=\"primary\"\n        *ngIf=\"(obs.showSaveButton && !obs.saving) || obs.typeOfSelectedProgressLink\"\n        [disabled]=\"!obs.enableSaveButton\"\n        (click)=\"saveButtonClick()\"\n      >\n        {{ 'processLinkConfiguration.complete' | translate }}\n      </button>\n    </div>\n  </cds-modal-footer>\n</ng-template>\n", styles: ["::ng-deep .process-link-modal-container .cds--modal-container{max-width:960px;min-height:70%}::ng-deep .process-link-modal-container .cds--modal-footer{justify-content:space-between}.cds-loading-container{position:absolute;top:50px;padding-bottom:50px;left:0;width:100%;height:calc(100% - 50px);display:flex;justify-content:center;align-items:center;background:var(--cds-layer);z-index:99;box-sizing:border-box}.navigation-buttons{justify-content:flex-end}.navigation-buttons,.cancel-button{max-width:50%;display:flex;flex-direction:row;flex-grow:1}.navigation-buttons button,.cancel-button button{min-width:50%}.cancel-button{max-width:25%}.cancel-button button{min-width:100%}.process-link-progress{width:100%;margin-top:32px;margin-bottom:40px}.hidden{visibility:hidden}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i4.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i4.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i4.ModalHeaderLabel, selector: "[cdsModalHeaderLabel], [ibmModalHeaderLabel]" }, { kind: "component", type: i4.ProgressIndicator, selector: "cds-progress-indicator, ibm-progress-indicator", inputs: ["current", "steps", "translations", "orientation", "skeleton", "spacing"], outputs: ["stepSelected"] }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "directive", type: i2$2.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i4.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }, { kind: "directive", type: i4.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: SelectPluginConfigurationComponent, selector: "valtimo-select-plugin-configuration" }, { kind: "component", type: SelectPluginActionComponent, selector: "valtimo-select-plugin-action" }, { kind: "component", type: PluginActionConfigurationComponent, selector: "valtimo-plugin-action-configuration", inputs: ["selectedPluginConfiguration$"], outputs: ["valid", "configuration"] }, { kind: "component", type: ChooseProcessLinkTypeComponent, selector: "valtimo-choose-process-link-type" }, { kind: "component", type: SelectFormComponent, selector: "valtimo-select-form" }, { kind: "component", type: SelectFormFlowComponent, selector: "valtimo-select-form-flow" }, { kind: "component", type: SelectUIComponentComponent, selector: "valtimo-select-ui-component" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkModalComponent, deps: [{ token: ProcessLinkStateService }, { token: ProcessLinkStepService }, { token: ProcessLinkButtonService }, { token: PluginStateService }, { token: ProcessLinkStateService }, { token: i1.ConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ProcessLinkModalComponent, isStandalone: false, selector: "valtimo-process-link-modal", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"process-link-modal-container\"\n  *ngIf=\"{\n    showModal: showModal$ | async,\n    processStepName: processStepName$ | async,\n    steps: steps$ | async,\n    currentStepIndex: currentStepIndex$ | async,\n    currentStepId: currentStepId$ | async,\n    showSaveButton: showSaveButton$ | async,\n    enableSaveButton: enableSaveButton$ | async,\n    showBackButton: showBackButton$ | async,\n    showNextButton: showNextButton$ | async,\n    enableNextButton: enableNextButton$ | async,\n    saving: saving$ | async,\n    hideProgressIndicator: hideProgressIndicator$ | async,\n    typeOfSelectedProgressLink: typeOfSelectedProcessLink$ | async,\n    isEditing: isEditing$ | async,\n  } as obs\"\n>\n  <cds-modal valtimoCdsModal [open]=\"obs.showModal\" size=\"lg\" (close)=\"closeModal()\">\n    <cds-modal-header (closeSelect)=\"closeModal()\">\n      <h2 cdsModalHeaderLabel>{{ 'processLinkConfiguration.configureStep' | translate }}</h2>\n      <h3 cdsModalHeaderHeading>\n        {{\n          'processLinkConfiguration.modalTitle'\n            | translate: {processStepName: obs.processStepName || '-'}\n        }}\n      </h3>\n      <div class=\"process-link-progress\">\n        <ng-container *ngTemplateOutlet=\"progressIndicator; context: {obs: obs}\"></ng-container>\n      </div>\n    </cds-modal-header>\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <ng-container *ngTemplateOutlet=\"stepContent; context: {obs: obs}\"></ng-container>\n    </section>\n    <ng-template *ngTemplateOutlet=\"footer; context: {obs: obs}\"></ng-template>\n  </cds-modal>\n</div>\n\n<ng-template #progressIndicator let-obs=\"obs\">\n  <cds-progress-indicator\n    *ngIf=\"obs.steps && !obs.hideProgressIndicator\"\n    [steps]=\"obs.steps\"\n    [current]=\"obs.currentStepIndex\"\n    spacing=\"equal\"\n  ></cds-progress-indicator>\n</ng-template>\n\n<ng-template #stepContent let-obs=\"obs\">\n  <div class=\"cds-loading-container\" *ngIf=\"obs.saving\">\n    <cds-loading></cds-loading>\n  </div>\n  <div [ngClass]=\"{hidden: obs.saving}\">\n    <ng-container>\n      <ng-container *ngIf=\"obs.currentStepId === 'chooseProcessLinkType'\">\n        <valtimo-choose-process-link-type></valtimo-choose-process-link-type>\n      </ng-container>\n      <ng-container *ngIf=\"obs.currentStepId === 'selectForm'\">\n        <valtimo-select-form></valtimo-select-form>\n        <br />\n        <cds-toggle\n          *ngIf=\"showViewModelToggle\"\n          [label]=\"'processLinkConfiguration.toggleViewModel.title' | translate\"\n          [onText]=\"'processLinkConfiguration.toggleViewModel.checkboxDescription' | translate\"\n          [offText]=\"'processLinkConfiguration.toggleViewModel.checkboxDescription' | translate\"\n          [checked]=\"viewModelEnabled$ | async\"\n          (checkedChange)=\"toggleCheckedChange($event)\"\n        ></cds-toggle>\n      </ng-container>\n      <ng-container *ngIf=\"obs.currentStepId === 'selectFormFlow'\">\n        <valtimo-select-form-flow></valtimo-select-form-flow>\n      </ng-container>\n\n      <ng-container\n        *ngIf=\"\n          obs.currentStepId === 'choosePluginConfiguration' ||\n          obs.currentStepId === 'choosePluginDefinition'\n        \"\n      >\n        <valtimo-select-plugin-configuration></valtimo-select-plugin-configuration>\n      </ng-container>\n\n      <ng-container *ngIf=\"obs.currentStepId === 'selectBuildingBlock'\">\n        <valtimo-select-building-block></valtimo-select-building-block>\n      </ng-container>\n\n      <ng-container *ngIf=\"obs.currentStepId === 'choosePluginAction'\">\n        <valtimo-select-plugin-action></valtimo-select-plugin-action>\n      </ng-container>\n\n      <ng-container *ngIf=\"obs.currentStepId === 'configurePluginAction'\">\n        <valtimo-plugin-action-configuration\n          [selectedPluginConfiguration$]=\"selectedPluginConfiguration$\"\n        ></valtimo-plugin-action-configuration>\n      </ng-container>\n\n      <ng-container *ngIf=\"obs.currentStepId === 'configureBuildingBlockPlugins'\">\n        <valtimo-configure-building-block-plugins></valtimo-configure-building-block-plugins>\n      </ng-container>\n\n      <ng-container *ngIf=\"obs.currentStepId === 'configureBuildingBlockMappings'\">\n        <valtimo-configure-building-block-mappings></valtimo-configure-building-block-mappings>\n      </ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"obs.currentStepId === 'uiComponent'\">\n      <valtimo-select-ui-component></valtimo-select-ui-component>\n    </ng-container>\n  </div>\n</ng-template>\n\n<ng-template #footer let-obs=\"obs\">\n  <cds-modal-footer *ngIf=\"!obs.saving\">\n    <div class=\"cancel-button\">\n      <button cdsButton=\"ghost\" (click)=\"closeModal()\" [disabled]=\"obs.disabled\">\n        {{ 'processLinkConfiguration.cancel' | translate }}\n      </button>\n    </div>\n    <div class=\"footer-spacer\"></div>\n    <div class=\"action-buttons\">\n      <button\n        cdsButton=\"danger--primary\"\n        *ngIf=\"obs.isEditing\"\n        (click)=\"unlinkButtonClick()\"\n      >\n        {{ 'processLinkConfiguration.unlink' | translate }}\n      </button>\n      <button\n        *ngIf=\"obs.showBackButton && !obs.saving\"\n        cdsButton=\"secondary\"\n        (click)=\"backButtonClick()\"\n      >\n        {{ 'processLinkConfiguration.back' | translate }}\n      </button>\n      <button\n        cdsButton=\"primary\"\n        *ngIf=\"obs.showNextButton && !obs.saving\"\n        [disabled]=\"!obs.enableNextButton\"\n        (click)=\"nextButtonClick()\"\n      >\n        {{ 'processLinkConfiguration.next' | translate }}\n      </button>\n      <button\n        cdsButton=\"primary\"\n        *ngIf=\"obs.showSaveButton && !obs.saving\"\n        [disabled]=\"!obs.enableSaveButton\"\n        (click)=\"saveButtonClick()\"\n      >\n        {{ 'processLinkConfiguration.complete' | translate }}\n      </button>\n    </div>\n  </cds-modal-footer>\n</ng-template>\n", styles: ["::ng-deep .process-link-modal-container .cds--modal-container{max-width:960px;min-height:70%}::ng-deep .process-link-modal-container .cds--modal-footer{display:flex;flex-direction:row}.cds-loading-container{position:absolute;top:50px;padding-bottom:50px;left:0;width:100%;height:calc(100% - 50px);display:flex;justify-content:center;align-items:center;background:var(--cds-layer);z-index:99;box-sizing:border-box}.cancel-button{width:20%;display:flex}.cancel-button button{width:100%}.footer-spacer{width:20%}.action-buttons{width:60%;display:flex;flex-direction:row;justify-content:flex-end}.action-buttons button{flex:1;max-width:33.33%}.process-link-progress{width:100%;margin-top:32px;margin-bottom:16px}.hidden{visibility:hidden}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$2.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3$2.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i3$2.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i3$2.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i3$2.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i3$2.ModalHeaderLabel, selector: "[cdsModalHeaderLabel], [ibmModalHeaderLabel]" }, { kind: "component", type: i3$2.ProgressIndicator, selector: "cds-progress-indicator, ibm-progress-indicator", inputs: ["current", "steps", "translations", "orientation", "skeleton", "spacing"], outputs: ["stepSelected"] }, { kind: "directive", type: i3$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i3$2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "directive", type: i2$1.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: i3$2.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }, { kind: "directive", type: i3$2.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: ConfigureBuildingBlockMappingsComponent, selector: "valtimo-configure-building-block-mappings" }, { kind: "component", type: SelectPluginConfigurationComponent, selector: "valtimo-select-plugin-configuration" }, { kind: "component", type: SelectPluginActionComponent, selector: "valtimo-select-plugin-action" }, { kind: "component", type: PluginActionConfigurationComponent, selector: "valtimo-plugin-action-configuration", inputs: ["selectedPluginConfiguration$"], outputs: ["valid", "configuration"] }, { kind: "component", type: ChooseProcessLinkTypeComponent, selector: "valtimo-choose-process-link-type" }, { kind: "component", type: SelectFormComponent, selector: "valtimo-select-form" }, { kind: "component", type: SelectFormFlowComponent, selector: "valtimo-select-form-flow" }, { kind: "component", type: SelectUIComponentComponent, selector: "valtimo-select-ui-component" }, { kind: "component", type: SelectBuildingBlockComponent, selector: "valtimo-select-building-block" }, { kind: "component", type: ConfigureBuildingBlockPluginsComponent, selector: "valtimo-configure-building-block-plugins" }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkModalComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'valtimo-process-link-modal', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"process-link-modal-container\"\n  *ngIf=\"{\n    showModal: showModal$ | async,\n    processStepName: processStepName$ | async,\n    steps: steps$ | async,\n    currentStepIndex: currentStepIndex$ | async,\n    currentStepId: currentStepId$ | async,\n    showSaveButton: showSaveButton$ | async,\n    enableSaveButton: enableSaveButton$ | async,\n    showBackButton: showBackButton$ | async,\n    showNextButton: showNextButton$ | async,\n    enableNextButton: enableNextButton$ | async,\n    saving: saving$ | async,\n    hideProgressIndicator: hideProgressIndicator$ | async,\n    typeOfSelectedProgressLink: typeOfSelectedProcessLink$ | async,\n  } as obs\"\n>\n  <cds-modal valtimoCdsModal [open]=\"obs.showModal\" size=\"lg\" (close)=\"closeModal()\">\n    <cds-modal-header (closeSelect)=\"closeModal()\">\n      <h2 cdsModalHeaderLabel>{{ 'processLinkConfiguration.configureStep' | translate }}</h2>\n      <h3 cdsModalHeaderHeading>\n        {{\n          'processLinkConfiguration.modalTitle'\n            | translate: {processStepName: obs.processStepName || '-'}\n        }}\n      </h3>\n      <div class=\"process-link-progress\" *ngIf=\"!obs.typeOfSelectedProgressLink\">\n        <ng-container *ngTemplateOutlet=\"progressIndicator; context: {obs: obs}\"></ng-container>\n      </div>\n    </cds-modal-header>\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <ng-container *ngTemplateOutlet=\"stepContent; context: {obs: obs}\"></ng-container>\n    </section>\n    <ng-template *ngTemplateOutlet=\"footer; context: {obs: obs}\"></ng-template>\n  </cds-modal>\n</div>\n\n<ng-template #progressIndicator let-obs=\"obs\">\n  <cds-progress-indicator\n    *ngIf=\"obs.steps && !obs.hideProgressIndicator\"\n    [steps]=\"obs.steps\"\n    [current]=\"obs.currentStepIndex\"\n    spacing=\"equal\"\n  ></cds-progress-indicator>\n</ng-template>\n\n<ng-template #stepContent let-obs=\"obs\">\n  <div class=\"cds-loading-container\" *ngIf=\"obs.saving\">\n    <cds-loading></cds-loading>\n  </div>\n  <div [ngClass]=\"{hidden: obs.saving}\">\n    <ng-container>\n      <ng-container *ngIf=\"obs.currentStepId === 'chooseProcessLinkType'\">\n        <valtimo-choose-process-link-type></valtimo-choose-process-link-type>\n      </ng-container>\n      <ng-container\n        *ngIf=\"obs.currentStepId === 'selectForm' || obs.typeOfSelectedProgressLink === 'form'\"\n      >\n        <valtimo-select-form></valtimo-select-form>\n        <br />\n        <cds-toggle\n          *ngIf=\"showViewModelToggle\"\n          [label]=\"'processLinkConfiguration.toggleViewModel.title' | translate\"\n          [onText]=\"'processLinkConfiguration.toggleViewModel.checkboxDescription' | translate\"\n          [offText]=\"'processLinkConfiguration.toggleViewModel.checkboxDescription' | translate\"\n          [checked]=\"viewModelEnabled$ | async\"\n          (checkedChange)=\"toggleCheckedChange($event)\"\n        ></cds-toggle>\n      </ng-container>\n      <ng-container\n        *ngIf=\"\n          obs.currentStepId === 'selectFormFlow' || obs.typeOfSelectedProgressLink === 'form-flow'\n        \"\n      >\n        <valtimo-select-form-flow></valtimo-select-form-flow>\n      </ng-container>\n\n      <ng-container *ngIf=\"obs.currentStepId === 'choosePluginConfiguration'\">\n        <valtimo-select-plugin-configuration></valtimo-select-plugin-configuration>\n      </ng-container>\n\n      <ng-container *ngIf=\"obs.currentStepId === 'choosePluginAction'\">\n        <valtimo-select-plugin-action></valtimo-select-plugin-action>\n      </ng-container>\n\n      <ng-container\n        *ngIf=\"\n          obs.currentStepId === 'configurePluginAction' ||\n          obs.typeOfSelectedProgressLink === 'plugin'\n        \"\n      >\n        <valtimo-plugin-action-configuration\n          [selectedPluginConfiguration$]=\"selectedPluginConfiguration$\"\n        ></valtimo-plugin-action-configuration>\n      </ng-container>\n    </ng-container>\n\n    <ng-container\n      *ngIf=\"\n        obs.currentStepId === 'uiComponent' || obs.typeOfSelectedProgressLink === 'ui-component'\n      \"\n    >\n      <valtimo-select-ui-component></valtimo-select-ui-component>\n    </ng-container>\n  </div>\n</ng-template>\n\n<ng-template #footer let-obs=\"obs\">\n  <cds-modal-footer *ngIf=\"!obs.saving\">\n    <div class=\"cancel-button\">\n      <button cdsButton=\"ghost\" (click)=\"closeModal()\" [disabled]=\"obs.disabled\">\n        {{ 'processLinkConfiguration.cancel' | translate }}\n      </button>\n    </div>\n    <div class=\"navigation-buttons\">\n      <button\n        *ngIf=\"obs.showBackButton && !obs.saving\"\n        cdsButton=\"secondary\"\n        (click)=\"backButtonClick()\"\n      >\n        {{ 'processLinkConfiguration.back' | translate }}\n      </button>\n      <button\n        cdsButton=\"primary\"\n        *ngIf=\"obs.showNextButton && !obs.saving\"\n        [disabled]=\"!obs.enableNextButton\"\n        (click)=\"nextButtonClick()\"\n      >\n        {{ 'processLinkConfiguration.next' | translate }}\n      </button>\n      <button\n        cdsButton=\"danger--primary\"\n        *ngIf=\"obs.typeOfSelectedProgressLink\"\n        (click)=\"unlinkButtonClick()\"\n      >\n        {{ 'processLinkConfiguration.unlink' | translate }}\n      </button>\n      <button\n        cdsButton=\"primary\"\n        *ngIf=\"(obs.showSaveButton && !obs.saving) || obs.typeOfSelectedProgressLink\"\n        [disabled]=\"!obs.enableSaveButton\"\n        (click)=\"saveButtonClick()\"\n      >\n        {{ 'processLinkConfiguration.complete' | translate }}\n      </button>\n    </div>\n  </cds-modal-footer>\n</ng-template>\n", styles: ["::ng-deep .process-link-modal-container .cds--modal-container{max-width:960px;min-height:70%}::ng-deep .process-link-modal-container .cds--modal-footer{justify-content:space-between}.cds-loading-container{position:absolute;top:50px;padding-bottom:50px;left:0;width:100%;height:calc(100% - 50px);display:flex;justify-content:center;align-items:center;background:var(--cds-layer);z-index:99;box-sizing:border-box}.navigation-buttons{justify-content:flex-end}.navigation-buttons,.cancel-button{max-width:50%;display:flex;flex-direction:row;flex-grow:1}.navigation-buttons button,.cancel-button button{min-width:50%}.cancel-button{max-width:25%}.cancel-button button{min-width:100%}.process-link-progress{width:100%;margin-top:32px;margin-bottom:40px}.hidden{visibility:hidden}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: ProcessLinkStateService }, { type: ProcessLinkStepService }, { type: ProcessLinkButtonService }, { type: PluginStateService }, { type: ProcessLinkService }, { type: ProcessLinkStateService }, { type: i2.ConfigService }] });
+            args: [{ standalone: false, selector: 'valtimo-process-link-modal', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"process-link-modal-container\"\n  *ngIf=\"{\n    showModal: showModal$ | async,\n    processStepName: processStepName$ | async,\n    steps: steps$ | async,\n    currentStepIndex: currentStepIndex$ | async,\n    currentStepId: currentStepId$ | async,\n    showSaveButton: showSaveButton$ | async,\n    enableSaveButton: enableSaveButton$ | async,\n    showBackButton: showBackButton$ | async,\n    showNextButton: showNextButton$ | async,\n    enableNextButton: enableNextButton$ | async,\n    saving: saving$ | async,\n    hideProgressIndicator: hideProgressIndicator$ | async,\n    typeOfSelectedProgressLink: typeOfSelectedProcessLink$ | async,\n    isEditing: isEditing$ | async,\n  } as obs\"\n>\n  <cds-modal valtimoCdsModal [open]=\"obs.showModal\" size=\"lg\" (close)=\"closeModal()\">\n    <cds-modal-header (closeSelect)=\"closeModal()\">\n      <h2 cdsModalHeaderLabel>{{ 'processLinkConfiguration.configureStep' | translate }}</h2>\n      <h3 cdsModalHeaderHeading>\n        {{\n          'processLinkConfiguration.modalTitle'\n            | translate: {processStepName: obs.processStepName || '-'}\n        }}\n      </h3>\n      <div class=\"process-link-progress\">\n        <ng-container *ngTemplateOutlet=\"progressIndicator; context: {obs: obs}\"></ng-container>\n      </div>\n    </cds-modal-header>\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <ng-container *ngTemplateOutlet=\"stepContent; context: {obs: obs}\"></ng-container>\n    </section>\n    <ng-template *ngTemplateOutlet=\"footer; context: {obs: obs}\"></ng-template>\n  </cds-modal>\n</div>\n\n<ng-template #progressIndicator let-obs=\"obs\">\n  <cds-progress-indicator\n    *ngIf=\"obs.steps && !obs.hideProgressIndicator\"\n    [steps]=\"obs.steps\"\n    [current]=\"obs.currentStepIndex\"\n    spacing=\"equal\"\n  ></cds-progress-indicator>\n</ng-template>\n\n<ng-template #stepContent let-obs=\"obs\">\n  <div class=\"cds-loading-container\" *ngIf=\"obs.saving\">\n    <cds-loading></cds-loading>\n  </div>\n  <div [ngClass]=\"{hidden: obs.saving}\">\n    <ng-container>\n      <ng-container *ngIf=\"obs.currentStepId === 'chooseProcessLinkType'\">\n        <valtimo-choose-process-link-type></valtimo-choose-process-link-type>\n      </ng-container>\n      <ng-container *ngIf=\"obs.currentStepId === 'selectForm'\">\n        <valtimo-select-form></valtimo-select-form>\n        <br />\n        <cds-toggle\n          *ngIf=\"showViewModelToggle\"\n          [label]=\"'processLinkConfiguration.toggleViewModel.title' | translate\"\n          [onText]=\"'processLinkConfiguration.toggleViewModel.checkboxDescription' | translate\"\n          [offText]=\"'processLinkConfiguration.toggleViewModel.checkboxDescription' | translate\"\n          [checked]=\"viewModelEnabled$ | async\"\n          (checkedChange)=\"toggleCheckedChange($event)\"\n        ></cds-toggle>\n      </ng-container>\n      <ng-container *ngIf=\"obs.currentStepId === 'selectFormFlow'\">\n        <valtimo-select-form-flow></valtimo-select-form-flow>\n      </ng-container>\n\n      <ng-container\n        *ngIf=\"\n          obs.currentStepId === 'choosePluginConfiguration' ||\n          obs.currentStepId === 'choosePluginDefinition'\n        \"\n      >\n        <valtimo-select-plugin-configuration></valtimo-select-plugin-configuration>\n      </ng-container>\n\n      <ng-container *ngIf=\"obs.currentStepId === 'selectBuildingBlock'\">\n        <valtimo-select-building-block></valtimo-select-building-block>\n      </ng-container>\n\n      <ng-container *ngIf=\"obs.currentStepId === 'choosePluginAction'\">\n        <valtimo-select-plugin-action></valtimo-select-plugin-action>\n      </ng-container>\n\n      <ng-container *ngIf=\"obs.currentStepId === 'configurePluginAction'\">\n        <valtimo-plugin-action-configuration\n          [selectedPluginConfiguration$]=\"selectedPluginConfiguration$\"\n        ></valtimo-plugin-action-configuration>\n      </ng-container>\n\n      <ng-container *ngIf=\"obs.currentStepId === 'configureBuildingBlockPlugins'\">\n        <valtimo-configure-building-block-plugins></valtimo-configure-building-block-plugins>\n      </ng-container>\n\n      <ng-container *ngIf=\"obs.currentStepId === 'configureBuildingBlockMappings'\">\n        <valtimo-configure-building-block-mappings></valtimo-configure-building-block-mappings>\n      </ng-container>\n    </ng-container>\n\n    <ng-container *ngIf=\"obs.currentStepId === 'uiComponent'\">\n      <valtimo-select-ui-component></valtimo-select-ui-component>\n    </ng-container>\n  </div>\n</ng-template>\n\n<ng-template #footer let-obs=\"obs\">\n  <cds-modal-footer *ngIf=\"!obs.saving\">\n    <div class=\"cancel-button\">\n      <button cdsButton=\"ghost\" (click)=\"closeModal()\" [disabled]=\"obs.disabled\">\n        {{ 'processLinkConfiguration.cancel' | translate }}\n      </button>\n    </div>\n    <div class=\"footer-spacer\"></div>\n    <div class=\"action-buttons\">\n      <button\n        cdsButton=\"danger--primary\"\n        *ngIf=\"obs.isEditing\"\n        (click)=\"unlinkButtonClick()\"\n      >\n        {{ 'processLinkConfiguration.unlink' | translate }}\n      </button>\n      <button\n        *ngIf=\"obs.showBackButton && !obs.saving\"\n        cdsButton=\"secondary\"\n        (click)=\"backButtonClick()\"\n      >\n        {{ 'processLinkConfiguration.back' | translate }}\n      </button>\n      <button\n        cdsButton=\"primary\"\n        *ngIf=\"obs.showNextButton && !obs.saving\"\n        [disabled]=\"!obs.enableNextButton\"\n        (click)=\"nextButtonClick()\"\n      >\n        {{ 'processLinkConfiguration.next' | translate }}\n      </button>\n      <button\n        cdsButton=\"primary\"\n        *ngIf=\"obs.showSaveButton && !obs.saving\"\n        [disabled]=\"!obs.enableSaveButton\"\n        (click)=\"saveButtonClick()\"\n      >\n        {{ 'processLinkConfiguration.complete' | translate }}\n      </button>\n    </div>\n  </cds-modal-footer>\n</ng-template>\n", styles: ["::ng-deep .process-link-modal-container .cds--modal-container{max-width:960px;min-height:70%}::ng-deep .process-link-modal-container .cds--modal-footer{display:flex;flex-direction:row}.cds-loading-container{position:absolute;top:50px;padding-bottom:50px;left:0;width:100%;height:calc(100% - 50px);display:flex;justify-content:center;align-items:center;background:var(--cds-layer);z-index:99;box-sizing:border-box}.cancel-button{width:20%;display:flex}.cancel-button button{width:100%}.footer-spacer{width:20%}.action-buttons{width:60%;display:flex;flex-direction:row;justify-content:flex-end}.action-buttons button{flex:1;max-width:33.33%}.process-link-progress{width:100%;margin-top:32px;margin-bottom:16px}.hidden{visibility:hidden}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: ProcessLinkStateService }, { type: ProcessLinkStepService }, { type: ProcessLinkButtonService }, { type: PluginStateService }, { type: ProcessLinkStateService }, { type: i1.ConfigService }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -2376,13 +3912,13 @@ class ProcessLinkComponent {
                 .subscribe();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkComponent, deps: [{ token: ProcessLinkService }, { token: ProcessLinkStateService }, { token: i2$2.ModalService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: ProcessLinkComponent, isStandalone: false, selector: "valtimo-process-link", providers: [ProcessLinkStateService, ProcessLinkStepService, ProcessLinkButtonService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <valtimo-form-link-process-diagram\n      (bpmnElementModalOpen)=\"openModal($event)\"\n    ></valtimo-form-link-process-diagram>\n  </div>\n</div>\n\n<valtimo-process-link-modal></valtimo-process-link-modal>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "component", type: FormLinkProcessDiagramComponent, selector: "valtimo-form-link-process-diagram", outputs: ["bpmnElementModalOpen", "bpmnElementModalClose"] }, { kind: "component", type: ProcessLinkModalComponent, selector: "valtimo-process-link-modal" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkComponent, deps: [{ token: ProcessLinkService }, { token: ProcessLinkStateService }, { token: i2$1.ModalService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ProcessLinkComponent, isStandalone: false, selector: "valtimo-process-link", providers: [ProcessLinkStateService, ProcessLinkStepService, ProcessLinkButtonService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <valtimo-form-link-process-diagram\n      (bpmnElementModalOpen)=\"openModal($event)\"\n    ></valtimo-form-link-process-diagram>\n  </div>\n</div>\n\n<valtimo-process-link-modal></valtimo-process-link-modal>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "component", type: FormLinkProcessDiagramComponent, selector: "valtimo-form-link-process-diagram", outputs: ["bpmnElementModalOpen", "bpmnElementModalClose"] }, { kind: "component", type: ProcessLinkModalComponent, selector: "valtimo-process-link-modal" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-process-link', providers: [ProcessLinkStateService, ProcessLinkStepService, ProcessLinkButtonService], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"main-content\">\n  <div class=\"container-fluid\">\n    <valtimo-form-link-process-diagram\n      (bpmnElementModalOpen)=\"openModal($event)\"\n    ></valtimo-form-link-process-diagram>\n  </div>\n</div>\n\n<valtimo-process-link-modal></valtimo-process-link-modal>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: ProcessLinkService }, { type: ProcessLinkStateService }, { type: i2$2.ModalService }] });
+        }], ctorParameters: () => [{ type: ProcessLinkService }, { type: ProcessLinkStateService }, { type: i2$1.ModalService }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -2408,11 +3944,11 @@ const routes = [
     },
 ];
 class ProcessLinkRoutingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkRoutingModule, imports: [i3$1.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkRoutingModule, imports: [i3$3.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkRoutingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkRoutingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [RouterModule.forChild(routes)],
@@ -2534,10 +4070,10 @@ class FormFlowConfigurationContainerComponent {
             }
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormFlowConfigurationContainerComponent, deps: [{ token: FormFlowComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FormFlowConfigurationContainerComponent, isStandalone: false, selector: "valtimo-form-flow-configuration-container", inputs: { disabled: "disabled", componentId: "componentId", formFlowInstanceId: "formFlowInstanceId" }, outputs: { changeEvent: "changeEvent", submitEvent: "submitEvent" }, viewQueries: [{ propertyName: "_dynamicContainer", first: true, predicate: ["formFlowConfigurationComponent"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-template #formFlowConfigurationComponent></ng-template>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FormFlowConfigurationContainerComponent, deps: [{ token: FormFlowComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: FormFlowConfigurationContainerComponent, isStandalone: false, selector: "valtimo-form-flow-configuration-container", inputs: { disabled: "disabled", componentId: "componentId", formFlowInstanceId: "formFlowInstanceId" }, outputs: { changeEvent: "changeEvent", submitEvent: "submitEvent" }, viewQueries: [{ propertyName: "_dynamicContainer", first: true, predicate: ["formFlowConfigurationComponent"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-template #formFlowConfigurationComponent></ng-template>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormFlowConfigurationContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FormFlowConfigurationContainerComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-form-flow-configuration-container', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-template #formFlowConfigurationComponent></ng-template>\n" }]
         }], ctorParameters: () => [{ type: FormFlowComponentService }], propDecorators: { _dynamicContainer: [{
@@ -2668,7 +4204,7 @@ class FormFlowComponent {
             this.formFlowService.getBreadcrumbs(this.formFlowInstanceId$.getValue()),
             this.translateService.stream('key'),
         ])
-            .pipe(map(([breadcrumbs]) => breadcrumbs))
+            .pipe(map$1(([breadcrumbs]) => breadcrumbs))
             .subscribe(breadcrumbs => {
             const classElement = document.getElementsByClassName('cds--progress-step--current');
             this.currentStepIndex$.next(breadcrumbs.currentStepIndex);
@@ -2730,13 +4266,13 @@ class FormFlowComponent {
     enable() {
         this.disabled$.next(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormFlowComponent, deps: [{ token: FormFlowService }, { token: i2$2.ValtimoModalService }, { token: i2$1.TranslateService }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: FormFlowComponent, isStandalone: false, selector: "valtimo-form-flow", inputs: { formIoFormData: "formIoFormData", formFlowInstanceId: "formFlowInstanceId" }, outputs: { formFlowComplete: "formFlowComplete", formFlowChange: "formFlowChange" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"{\n    breadcrumbs: breadcrumbs$ | async,\n    currentStepIndex: currentStepIndex$ | async,\n    enableFormFlowBreadcrumbs: enableFormFlowBreadcrumbs$ | async,\n    formFlowInstanceId: formFlowInstanceId$ | async,\n  } as obs\"\n>\n  <div *ngIf=\"formDefinition && (formFlowStepType$ | async) === 'form'\">\n    <div *ngIf=\"obs.enableFormFlowBreadcrumbs\" class=\"form-flow__progress-bar-indicator\">\n      <cds-progress-indicator\n        [spacing]=\"'equal'\"\n        [skeleton]=\"obs.breadcrumbs.length === 0\"\n        [current]=\"obs.currentStepIndex\"\n        [steps]=\"obs.breadcrumbs\"\n        (stepSelected)=\"onStepSelected($event)\"\n      >\n      </cds-progress-indicator>\n    </div>\n\n    <valtimo-form-io\n      #form\n      [form]=\"formDefinition\"\n      (submit)=\"onSubmit($event)\"\n      (change)=\"onChange($event)\"\n      (event)=\"onEvent($event)\"\n      [options]=\"formioOptions\"\n    ></valtimo-form-io>\n  </div>\n\n  <div *ngIf=\"(formFlowStepType$ | async) === 'custom-component'\">\n    <valtimo-form-flow-configuration-container\n      [componentId]=\"FormFlowCustomComponentId$ | async\"\n      [formFlowInstanceId]=\"obs.formFlowInstanceId\"\n      [disabled]=\"disabled$ | async\"\n      (submitEvent)=\"onSubmit($event)\"\n      (changeEvent)=\"onChange($event)\"\n    >\n    </valtimo-form-flow-configuration-container>\n  </div>\n</div>\n", styles: [".form-flow__progress-bar-indicator{height:64px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.form-flow__progress-bar-indicator ::-webkit-scrollbar{display:none}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.ProgressIndicator, selector: "cds-progress-indicator, ibm-progress-indicator", inputs: ["current", "steps", "translations", "orientation", "skeleton", "spacing"], outputs: ["stepSelected"] }, { kind: "component", type: i2$2.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "component", type: FormFlowConfigurationContainerComponent, selector: "valtimo-form-flow-configuration-container", inputs: ["disabled", "componentId", "formFlowInstanceId"], outputs: ["changeEvent", "submitEvent"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FormFlowComponent, deps: [{ token: FormFlowService }, { token: i2$1.ValtimoModalService }, { token: i3.TranslateService }, { token: i1.ConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: FormFlowComponent, isStandalone: false, selector: "valtimo-form-flow", inputs: { formIoFormData: "formIoFormData", formFlowInstanceId: "formFlowInstanceId" }, outputs: { formFlowComplete: "formFlowComplete", formFlowChange: "formFlowChange" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"{\n    breadcrumbs: breadcrumbs$ | async,\n    currentStepIndex: currentStepIndex$ | async,\n    enableFormFlowBreadcrumbs: enableFormFlowBreadcrumbs$ | async,\n    formFlowInstanceId: formFlowInstanceId$ | async,\n  } as obs\"\n>\n  <div *ngIf=\"formDefinition && (formFlowStepType$ | async) === 'form'\">\n    <div *ngIf=\"obs.enableFormFlowBreadcrumbs\" class=\"form-flow__progress-bar-indicator\">\n      <cds-progress-indicator\n        [spacing]=\"'equal'\"\n        [skeleton]=\"obs.breadcrumbs.length === 0\"\n        [current]=\"obs.currentStepIndex\"\n        [steps]=\"obs.breadcrumbs\"\n        (stepSelected)=\"onStepSelected($event)\"\n      >\n      </cds-progress-indicator>\n    </div>\n\n    <valtimo-form-io\n      #form\n      [form]=\"formDefinition\"\n      (submit)=\"onSubmit($event)\"\n      (change)=\"onChange($event)\"\n      (event)=\"onEvent($event)\"\n      [options]=\"formioOptions\"\n    ></valtimo-form-io>\n  </div>\n\n  <div *ngIf=\"(formFlowStepType$ | async) === 'custom-component'\">\n    <valtimo-form-flow-configuration-container\n      [componentId]=\"FormFlowCustomComponentId$ | async\"\n      [formFlowInstanceId]=\"obs.formFlowInstanceId\"\n      [disabled]=\"disabled$ | async\"\n      (submitEvent)=\"onSubmit($event)\"\n      (changeEvent)=\"onChange($event)\"\n    >\n    </valtimo-form-flow-configuration-container>\n  </div>\n</div>\n", styles: [".form-flow__progress-bar-indicator{height:64px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.form-flow__progress-bar-indicator ::-webkit-scrollbar{display:none}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.ProgressIndicator, selector: "cds-progress-indicator, ibm-progress-indicator", inputs: ["current", "steps", "translations", "orientation", "skeleton", "spacing"], outputs: ["stepSelected"] }, { kind: "component", type: i2$1.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "component", type: FormFlowConfigurationContainerComponent, selector: "valtimo-form-flow-configuration-container", inputs: ["disabled", "componentId", "formFlowInstanceId"], outputs: ["changeEvent", "submitEvent"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormFlowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FormFlowComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-form-flow', template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"{\n    breadcrumbs: breadcrumbs$ | async,\n    currentStepIndex: currentStepIndex$ | async,\n    enableFormFlowBreadcrumbs: enableFormFlowBreadcrumbs$ | async,\n    formFlowInstanceId: formFlowInstanceId$ | async,\n  } as obs\"\n>\n  <div *ngIf=\"formDefinition && (formFlowStepType$ | async) === 'form'\">\n    <div *ngIf=\"obs.enableFormFlowBreadcrumbs\" class=\"form-flow__progress-bar-indicator\">\n      <cds-progress-indicator\n        [spacing]=\"'equal'\"\n        [skeleton]=\"obs.breadcrumbs.length === 0\"\n        [current]=\"obs.currentStepIndex\"\n        [steps]=\"obs.breadcrumbs\"\n        (stepSelected)=\"onStepSelected($event)\"\n      >\n      </cds-progress-indicator>\n    </div>\n\n    <valtimo-form-io\n      #form\n      [form]=\"formDefinition\"\n      (submit)=\"onSubmit($event)\"\n      (change)=\"onChange($event)\"\n      (event)=\"onEvent($event)\"\n      [options]=\"formioOptions\"\n    ></valtimo-form-io>\n  </div>\n\n  <div *ngIf=\"(formFlowStepType$ | async) === 'custom-component'\">\n    <valtimo-form-flow-configuration-container\n      [componentId]=\"FormFlowCustomComponentId$ | async\"\n      [formFlowInstanceId]=\"obs.formFlowInstanceId\"\n      [disabled]=\"disabled$ | async\"\n      (submitEvent)=\"onSubmit($event)\"\n      (changeEvent)=\"onChange($event)\"\n    >\n    </valtimo-form-flow-configuration-container>\n  </div>\n</div>\n", styles: [".form-flow__progress-bar-indicator{height:64px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.form-flow__progress-bar-indicator ::-webkit-scrollbar{display:none}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: FormFlowService }, { type: i2$2.ValtimoModalService }, { type: i2$1.TranslateService }, { type: i2.ConfigService }], propDecorators: { form: [{
+        }], ctorParameters: () => [{ type: FormFlowService }, { type: i2$1.ValtimoModalService }, { type: i3.TranslateService }, { type: i1.ConfigService }], propDecorators: { form: [{
                 type: ViewChild,
                 args: ['form']
             }], formIoFormData: [{
@@ -2797,8 +4333,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
  * limitations under the License.
  */
 class ProcessLinkModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkModule, declarations: [ProcessLinkComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkModule, declarations: [ProcessLinkComponent,
             FormLinkProcessDiagramComponent,
             SelectPluginConfigurationComponent,
             SelectPluginActionComponent,
@@ -2811,7 +4347,9 @@ class ProcessLinkModule {
             FormFlowConfigurationContainerComponent,
             FormDisplayConfigurationComponent,
             SelectUIComponentComponent,
-            ImportPluginConfigurationComponent], imports: [CommonModule,
+            ImportPluginConfigurationComponent,
+            SelectBuildingBlockComponent,
+            ConfigureBuildingBlockPluginsComponent], imports: [CommonModule,
             ProcessLinkRoutingModule,
             FormsModule,
             ReactiveFormsModule,
@@ -2837,7 +4375,7 @@ class ProcessLinkModule {
             StructuredListModule,
             TilesModule,
             RenderInPageHeaderDirective,
-            SelectModule,
+            SelectModule$1,
             ToggleModule,
             CarbonMultiInputModule,
             LayerModule,
@@ -2847,13 +4385,18 @@ class ProcessLinkModule {
             LayerModule,
             ToggletipModule,
             RemoveClassnamesDirective,
-            ReactiveFormsModule], exports: [ProcessLinkComponent,
+            ReactiveFormsModule,
+            InputLabelModule,
+            RadioModule,
+            ValuePathSelectorComponent,
+            ConfigureBuildingBlockMappingsComponent,
+            NotificationModule], exports: [ProcessLinkComponent,
             SelectPluginConfigurationComponent,
             SelectPluginActionComponent,
             PluginActionConfigurationComponent,
             ProcessLinkModalComponent,
             FormFlowComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkModule, providers: [UrlValidatorService, UrlResolverService], imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkModule, providers: [UrlValidatorService, UrlResolverService], imports: [CommonModule,
             ProcessLinkRoutingModule,
             FormsModule,
             ReactiveFormsModule,
@@ -2877,7 +4420,7 @@ class ProcessLinkModule {
             FormIoModule,
             StructuredListModule,
             TilesModule,
-            SelectModule,
+            SelectModule$1,
             ToggleModule,
             CarbonMultiInputModule,
             LayerModule,
@@ -2886,9 +4429,14 @@ class ProcessLinkModule {
             TranslateModule,
             LayerModule,
             ToggletipModule,
-            ReactiveFormsModule] }); }
+            ReactiveFormsModule,
+            InputLabelModule,
+            RadioModule,
+            ValuePathSelectorComponent,
+            ConfigureBuildingBlockMappingsComponent,
+            NotificationModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ProcessLinkModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -2906,6 +4454,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                         FormDisplayConfigurationComponent,
                         SelectUIComponentComponent,
                         ImportPluginConfigurationComponent,
+                        SelectBuildingBlockComponent,
+                        ConfigureBuildingBlockPluginsComponent,
                     ],
                     imports: [
                         CommonModule,
@@ -2934,7 +4484,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                         StructuredListModule,
                         TilesModule,
                         RenderInPageHeaderDirective,
-                        SelectModule,
+                        SelectModule$1,
                         ToggleModule,
                         CarbonMultiInputModule,
                         LayerModule,
@@ -2945,6 +4495,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                         ToggletipModule,
                         RemoveClassnamesDirective,
                         ReactiveFormsModule,
+                        InputLabelModule,
+                        RadioModule,
+                        ValuePathSelectorComponent,
+                        ConfigureBuildingBlockMappingsComponent,
+                        NotificationModule,
                     ],
                     exports: [
                         ProcessLinkComponent,
@@ -2958,6 +4513,102 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
                 }]
         }] });
 
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
@@ -2981,5 +4632,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ChooseProcessLinkTypeComponent, FORM_CUSTOM_COMPONENT_TOKEN, FORM_FLOW_COMPONENT_TOKEN, FormFlowComponent, FormFlowComponentService, FormFlowService, PluginActionConfigurationComponent, PluginStateService, ProcessLinkButtonService, ProcessLinkComponent, ProcessLinkEditMode, ProcessLinkModalComponent, ProcessLinkModule, ProcessLinkService, ProcessLinkStateService, ProcessLinkStepService, SelectPluginActionComponent, SelectPluginConfigurationComponent, UrlResolverService, UrlValidatorService, formSizeToCarbonModalSizeMap };
+export { BuildingBlockStateService, ChooseProcessLinkTypeComponent, FORM_CUSTOM_COMPONENT_TOKEN, FORM_FLOW_COMPONENT_TOKEN, FormFlowComponent, FormFlowComponentService, FormFlowService, PluginActionConfigurationComponent, PluginStateService, ProcessLinkBuildingBlockApiService, ProcessLinkButtonService, ProcessLinkComponent, ProcessLinkModalComponent, ProcessLinkModule, ProcessLinkService, ProcessLinkStateService, ProcessLinkStepService, SelectPluginActionComponent, SelectPluginConfigurationComponent, UNSUPPORTED_PROCESS_LINK_TYPES_IN_BUILDING_BLOCK, UrlResolverService, UrlValidatorService, formSizeToCarbonModalSizeMap };
 //# sourceMappingURL=valtimo-process-link.mjs.map