@valtimo/process-link 0.0.0

package/fesm2022/valtimo-process-link.mjs

@@ -0,0 +1,2985 @@
+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 * as i1$1 from '@valtimo/plugin';
+import { PluginTranslatePipeModule, PluginConfigurationContainerModule } from '@valtimo/plugin';
+import * as i2$1 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i3 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 i1$2 from '@angular/forms';
+import { FormControl, Validators, FormsModule, ReactiveFormsModule } 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 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 { 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 FormFlowService extends BaseApiService {
+    constructor(httpClient, configService) {
+        super(httpClient, configService);
+        this.httpClient = httpClient;
+        this.configService = configService;
+    }
+    createInstanceForNewProcess(processDefinitionKey, request) {
+        return this.httpClient.post(this.getApiUrl(`v1/process-definition/${processDefinitionKey}/form-flow`), request);
+    }
+    getFormFlowStep(formFlowInstanceId) {
+        return this.httpClient.get(this.getApiUrl(`v1/form-flow/instance/${formFlowInstanceId}`));
+    }
+    submitStep(formFlowInstanceId, stepInstanceId, submissionData) {
+        return this.httpClient.post(this.getApiUrl(`v1/form-flow/instance/${formFlowInstanceId}/step/instance/${stepInstanceId}`), submissionData);
+    }
+    back(formFlowInstanceId, submissionData) {
+        return this.httpClient.post(this.getApiUrl(`v1/form-flow/instance/${formFlowInstanceId}/back`), submissionData);
+    }
+    save(formFlowInstanceId, submissionData) {
+        return this.httpClient.post(this.getApiUrl(`v1/form-flow/instance/${formFlowInstanceId}/save`), submissionData);
+    }
+    getBreadcrumbs(formFlowInstanceId) {
+        return this.httpClient.get(this.getApiUrl(`v1/form-flow/instance/${formFlowInstanceId}/breadcrumbs`));
+    }
+    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' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormFlowService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ConfigService }] });
+
+/*
+ * 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 PluginStateService {
+    constructor(pluginManagementService, pluginService) {
+        this.pluginManagementService = pluginManagementService;
+        this.pluginService = pluginService;
+        this._selectedPluginDefinition$ = new BehaviorSubject(undefined);
+        this._selectedPluginConfiguration$ = new BehaviorSubject(undefined);
+        this._selectedPluginFunction$ = new BehaviorSubject(undefined);
+        this._save$ = new Subject();
+        this._selectedProcessLink$ = new BehaviorSubject(undefined);
+    }
+    get selectedPluginDefinition$() {
+        return this._selectedPluginDefinition$.asObservable();
+    }
+    get selectedPluginConfiguration$() {
+        return this._selectedPluginConfiguration$.asObservable();
+    }
+    get selectedPluginFunction$() {
+        return this._selectedPluginFunction$.asObservable();
+    }
+    get save$() {
+        return this._save$.asObservable();
+    }
+    get functionKey$() {
+        return this._selectedProcessLink$.pipe(switchMap(processLink => !processLink
+            ? this._selectedPluginFunction$.pipe(map(pluginFunction => pluginFunction?.key))
+            : of(processLink?.pluginActionDefinitionKey)));
+    }
+    get pluginDefinitionKey$() {
+        return this._selectedProcessLink$.pipe(switchMap(selectedProcesLink => !selectedProcesLink
+            ? this._selectedPluginConfiguration$.pipe(map(configuration => configuration?.pluginDefinition.key))
+            : combineLatest([
+                this._selectedProcessLink$,
+                this.pluginService.pluginSpecifications$,
+            ]).pipe(map(([processLink, pluginSpecifications]) => {
+                const pluginSpecification = pluginSpecifications.find(specification => {
+                    const functionKeys = specification?.functionConfigurationComponents &&
+                        Object.keys(specification.functionConfigurationComponents);
+                    return functionKeys?.includes(processLink?.pluginActionDefinitionKey);
+                });
+                return pluginSpecification?.pluginId;
+            }))));
+    }
+    selectPluginDefinition(definition) {
+        this._selectedPluginDefinition$.next(definition);
+    }
+    selectPluginConfiguration(configuration) {
+        this._selectedPluginConfiguration$.next(configuration);
+    }
+    selectPluginFunction(pluginFunction) {
+        this._selectedPluginFunction$.next(pluginFunction);
+    }
+    selectProcessLink(processLink) {
+        this._selectedProcessLink$.next(processLink);
+    }
+    deselectProcessLink() {
+        this._selectedProcessLink$.next(undefined);
+    }
+    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' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: PluginStateService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1$1.PluginManagementService }, { type: i1$1.PluginService }] });
+
+/*
+ * 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 ProcessLinkService {
+    constructor(configService, http) {
+        this.configService = configService;
+        this.http = http;
+        this.VALTIMO_ENDPOINT_URI = this.configService.config.valtimoApi.endpointUri;
+    }
+    getTasksWithProcessLinks(processInstanceId) {
+        return this.http
+            .get(`${this.VALTIMO_ENDPOINT_URI}v1/process/${processInstanceId}/tasks/process-link`, {})
+            .pipe(map$1(res => res || []));
+    }
+    getProcessLink(getProcessLinkRequest) {
+        var params = new HttpParams().set('processDefinitionId', getProcessLinkRequest.processDefinitionId);
+        if (getProcessLinkRequest.activityId !== undefined)
+            params = params.set('activityId', getProcessLinkRequest.activityId);
+        return this.http.get(`${this.VALTIMO_ENDPOINT_URI}v1/process-link`, {
+            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}`);
+    }
+    deployProcessWithProcessLinks(processLinks = [], processDefinitionId, processXml) {
+        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], 'process.bpmn'));
+        if (processDefinitionId)
+            formData.append('processDefinitionId', processDefinitionId);
+        formData.append('processLinks', processLinksBlob);
+        return this.http.post(`${this.VALTIMO_ENDPOINT_URI}management/v1/process-definition`, formData);
+    }
+    deployProcessWithProcessLinksForCase(processLinks = [], processDefinitionId, processXml, caseDefinitionKey, caseDefinitionVersionTag, canInitializeDocument = false, startableByUser = 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], 'process.bpmn'));
+        if (processDefinitionId)
+            formData.append('processDefinitionId', processDefinitionId);
+        formData.append('processLinks', processLinksBlob);
+        formData.append('canInitializeDocument', String(canInitializeDocument));
+        formData.append('startableByUser', String(startableByUser));
+        return this.http.post(`${this.VALTIMO_ENDPOINT_URI}management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/process-definition`, formData);
+    }
+    submitForm(processLinkId, formData, documentId, taskInstanceId, documentDefinitionName) {
+        let params = new HttpParams();
+        if (documentId) {
+            params = params.set('documentId', documentId);
+        }
+        if (taskInstanceId) {
+            params = params.set('taskInstanceId', taskInstanceId);
+        }
+        if (documentDefinitionName) {
+            params = params.set('documentDefinitionName', documentDefinitionName);
+        }
+        const httpOptions = {
+            headers: new HttpHeaders().set('Content-Type', 'application/json'),
+            params,
+        };
+        return this.http.post(`${this.VALTIMO_ENDPOINT_URI}v1/process-link/${processLinkId}/form/submission`, formData, httpOptions);
+    }
+    submitURLProcessLink(processLinkId, documentId, taskInstanceId, documentDefinitionName) {
+        let params = new HttpParams();
+        if (documentId) {
+            params = params.set('documentId', documentId);
+        }
+        if (taskInstanceId) {
+            params = params.set('taskInstanceId', taskInstanceId);
+        }
+        if (documentDefinitionName) {
+            params = params.set('documentDefinitionName', documentDefinitionName);
+        }
+        const httpOptions = {
+            headers: new HttpHeaders().set('Content-Type', 'application/json'),
+            params,
+        };
+        return this.http.post(`${this.VALTIMO_ENDPOINT_URI}v1/process-link/url/${processLinkId}`, {}, httpOptions);
+    }
+    getVariables() {
+        return this.http.get(`${this.VALTIMO_ENDPOINT_URI}v1/process-link/url/variables`);
+    }
+    getCompatiblePluginProcessLinks(pluginActionDefinitionKey) {
+        return this.http.get(`${this.VALTIMO_ENDPOINT_URI}v1/process-link/plugin?pluginActionDefinitionKey=${pluginActionDefinitionKey}`);
+    }
+    emptyStringToNull(object) {
+        if (object && typeof object === 'object') {
+            Object.keys(object).forEach(key => {
+                const typedKey = key;
+                const value = object[typedKey];
+                if (typeof value === 'object' && value !== null) {
+                    this.emptyStringToNull(value);
+                }
+                else if (value === '') {
+                    object[typedKey] = null;
+                }
+            });
+        }
+        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' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", 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.
+ */
+
+/*
+ * 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.
+ */
+const FORM_FLOW_COMPONENT_TOKEN = new InjectionToken('Supported form-flow Angular components', { factory: () => [] });
+const FORM_CUSTOM_COMPONENT_TOKEN = new InjectionToken('Custom component that can be used instead of FormIO or form-flow');
+
+/*
+ * 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.
+ */
+const formSizeToCarbonModalSizeMap = {
+    extraSmall: 'xs',
+    small: 'sm',
+    medium: 'md',
+    large: 'lg',
+};
+
+/*
+ * 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.
+ */
+class ProcessLinkButtonService {
+    constructor() {
+        this._showSaveButton$ = new BehaviorSubject(false);
+        this._enableSaveButton$ = new BehaviorSubject(false);
+        this._enableNextButton$ = new BehaviorSubject(false);
+        this._showBackButton$ = new BehaviorSubject(false);
+        this._showNextButton$ = new BehaviorSubject(false);
+        this._backButtonClick$ = new Subject();
+        this._saveButtonClick$ = new Subject();
+        this._nextButtonClick$ = new Subject();
+    }
+    get showSaveButton$() {
+        return this._showSaveButton$.asObservable();
+    }
+    get enableSaveButton$() {
+        return this._enableSaveButton$.asObservable();
+    }
+    get showNextButton$() {
+        return this._showNextButton$.asObservable();
+    }
+    get enableNextButton$() {
+        return this._enableNextButton$.asObservable();
+    }
+    get showBackButton$() {
+        return this._showBackButton$.asObservable();
+    }
+    get backButtonClick$() {
+        return this._backButtonClick$.asObservable();
+    }
+    get saveButtonClick$() {
+        return this._saveButtonClick$.asObservable();
+    }
+    get nextButtonClick$() {
+        return this._nextButtonClick$.asObservable();
+    }
+    showSaveButton() {
+        this._showSaveButton$.next(true);
+    }
+    hideSaveButton() {
+        this._showSaveButton$.next(false);
+    }
+    showNextButton() {
+        this._showNextButton$.next(true);
+    }
+    hideNextButton() {
+        this._showNextButton$.next(false);
+    }
+    enableNextButton() {
+        this._enableNextButton$.next(true);
+    }
+    disableNextButton() {
+        this._enableNextButton$.next(false);
+    }
+    enableSaveButton() {
+        this._enableSaveButton$.next(true);
+    }
+    disableSaveButton() {
+        this._enableSaveButton$.next(false);
+    }
+    showBackButton() {
+        this._showBackButton$.next(true);
+    }
+    hideBackButton() {
+        this._showBackButton$.next(false);
+    }
+    clickBackButton() {
+        this._backButtonClick$.next(null);
+    }
+    clickSaveButton() {
+        this._saveButtonClick$.next(null);
+    }
+    clickNextButton() {
+        this._nextButtonClick$.next(null);
+    }
+    resetButtons() {
+        this.disableSaveButton();
+        this.hideBackButton();
+        this.hideSaveButton();
+        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' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkButtonService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+/*
+ * 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 ProcessLinkStepService {
+    get steps$() {
+        return combineLatest([
+            this._steps$,
+            this._disableSteps$,
+            this.translateService.stream('key'),
+        ]).pipe(filter(([steps]) => !!steps), map$1(([steps, disableSteps]) => steps.map(step => ({
+            ...step,
+            disabled: disableSteps,
+            label: this.translateService.instant(`processLinkSteps.${step.label}`),
+            ...(step.secondaryLabel && {
+                secondaryLabel: this.translateService.instant(step.secondaryLabel),
+            }),
+        }))));
+    }
+    get currentStepIndex$() {
+        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 : ''));
+    }
+    get hasOneProcessLinkType$() {
+        return this._hasOneProcessLinkType$.asObservable();
+    }
+    constructor(translateService, buttonService, pluginStateService, pluginTranslateService) {
+        this.translateService = translateService;
+        this.buttonService = buttonService;
+        this.pluginStateService = pluginStateService;
+        this.pluginTranslateService = pluginTranslateService;
+        this._steps$ = new BehaviorSubject(undefined);
+        this._currentStepIndex$ = new BehaviorSubject(0);
+        this._disableSteps$ = new BehaviorSubject(false);
+        this._hasOneProcessLinkType$ = new BehaviorSubject(false);
+    }
+    reset() {
+        this._currentStepIndex$.next(0);
+        this._steps$.next([]);
+    }
+    setInitialSteps(availableProcessLinkTypes) {
+        if (availableProcessLinkTypes.length > 1) {
+            this.setChoiceSteps();
+        }
+    }
+    setFormSteps() {
+        this._steps$.next([
+            { label: 'chooseProcessLinkType', secondaryLabel: 'processLinkType.form' },
+            { label: 'selectForm' },
+        ]);
+        this._currentStepIndex$.next(1);
+    }
+    setSingleFormStep() {
+        this._steps$.next([{ label: 'selectForm' }]);
+        this._currentStepIndex$.next(0);
+    }
+    setUIComponentStep() {
+        this._steps$.next([
+            { label: 'chooseProcessLinkType', secondaryLabel: 'processLinkType.ui-component' },
+            { label: 'uiComponent' },
+        ]);
+        this._currentStepIndex$.next(1);
+    }
+    setFormFlowSteps() {
+        this._steps$.next([
+            { label: 'chooseProcessLinkType', secondaryLabel: 'processLinkType.form-flow' },
+            { label: 'selectFormFlow' },
+        ]);
+        this._currentStepIndex$.next(1);
+    }
+    setSingleFormFlowStep() {
+        this._steps$.next([{ label: 'selectFormFlow' }]);
+        this._currentStepIndex$.next(0);
+    }
+    setChoosePluginConfigurationSteps() {
+        this._steps$.next([
+            { label: 'chooseProcessLinkType', secondaryLabel: 'processLinkType.plugin' },
+            { label: 'choosePluginConfiguration' },
+            { label: 'choosePluginAction', disabled: true },
+            { label: 'configurePluginAction', disabled: true },
+        ]);
+        this._currentStepIndex$.next(1);
+    }
+    setSingleChoosePluginConfigurationSteps() {
+        this._steps$.next([
+            { label: 'choosePluginConfiguration' },
+            { label: 'choosePluginAction', disabled: true },
+            { label: 'configurePluginAction', disabled: true },
+        ]);
+        this._currentStepIndex$.next(0);
+    }
+    setChoosePluginActionSteps() {
+        combineLatest([
+            this._hasOneProcessLinkType$,
+            this.pluginStateService.selectedPluginConfiguration$,
+        ])
+            .pipe(take(1))
+            .subscribe(([hasOneType, selectedConfiguration]) => {
+            if (hasOneType) {
+                this._steps$.next([
+                    { label: 'choosePluginConfiguration', secondaryLabel: selectedConfiguration.title },
+                    { label: 'choosePluginAction' },
+                    { label: 'configurePluginAction', disabled: true },
+                ]);
+                this._currentStepIndex$.next(1);
+                this.buttonService.showNextButton();
+                this.buttonService.showBackButton();
+                this.buttonService.hideSaveButton();
+                this.buttonService.disableNextButton();
+            }
+            else {
+                this._steps$.next([
+                    { label: 'chooseProcessLinkType', secondaryLabel: 'processLinkType.plugin' },
+                    { label: 'choosePluginConfiguration', secondaryLabel: selectedConfiguration.title },
+                    { label: 'choosePluginAction' },
+                    { label: 'configurePluginAction', disabled: true },
+                ]);
+                this._currentStepIndex$.next(2);
+                this.buttonService.showNextButton();
+                this.buttonService.showBackButton();
+                this.buttonService.hideSaveButton();
+                this.buttonService.disableNextButton();
+            }
+        });
+    }
+    setConfigurePluginActionSteps() {
+        combineLatest([
+            this._hasOneProcessLinkType$,
+            this.pluginStateService.selectedPluginConfiguration$,
+            this.pluginStateService.selectedPluginFunction$,
+        ])
+            .pipe(take(1))
+            .subscribe(([hasOneType, selectedConfiguration, selectedFunction]) => {
+            const selectedFunctionTranslation = this.pluginTranslateService.instant(selectedFunction.key, selectedConfiguration.pluginDefinition.key);
+            if (hasOneType) {
+                this._steps$.next([
+                    { label: 'choosePluginConfiguration', secondaryLabel: selectedConfiguration.title },
+                    { label: 'choosePluginAction', secondaryLabel: selectedFunctionTranslation },
+                    { label: 'configurePluginAction' },
+                ]);
+                this._currentStepIndex$.next(2);
+                this.buttonService.hideNextButton();
+                this.buttonService.showSaveButton();
+            }
+            else {
+                this._steps$.next([
+                    { label: 'chooseProcessLinkType', secondaryLabel: 'processLinkType.plugin' },
+                    { label: 'choosePluginConfiguration', secondaryLabel: selectedConfiguration.title },
+                    { label: 'choosePluginAction', secondaryLabel: selectedFunctionTranslation },
+                    { label: 'configurePluginAction' },
+                ]);
+                this._currentStepIndex$.next(3);
+                this.buttonService.hideNextButton();
+                this.buttonService.showSaveButton();
+            }
+        });
+    }
+    setURLSteps() {
+        this._steps$.next([
+            { label: 'chooseProcessLinkType', secondaryLabel: 'processLinkType.url' },
+            { label: 'selectURL' },
+        ]);
+        this._currentStepIndex$.next(1);
+    }
+    setSingleURLStep() {
+        this._steps$.next([{ label: 'selectURL' }]);
+        this._currentStepIndex$.next(0);
+    }
+    disableSteps() {
+        this._disableSteps$.next(true);
+    }
+    enableSteps() {
+        this._disableSteps$.next(false);
+    }
+    setHasOneProcessLinkType(hasOne) {
+        this._hasOneProcessLinkType$.next(hasOne);
+    }
+    setProcessLinkTypeSteps(processLinkTypeId, hasOneOption) {
+        switch (processLinkTypeId) {
+            case 'form':
+                if (hasOneOption) {
+                    this.setSingleFormStep();
+                    this.buttonService.hideBackButton();
+                }
+                else {
+                    this.setFormSteps();
+                    this.buttonService.showBackButton();
+                }
+                this.buttonService.showSaveButton();
+                break;
+            case 'form-flow':
+                if (hasOneOption) {
+                    this.setSingleFormFlowStep();
+                    this.buttonService.hideSaveButton();
+                    this.buttonService.hideBackButton();
+                }
+                else {
+                    this.setFormFlowSteps();
+                    this.buttonService.showSaveButton();
+                    this.buttonService.showBackButton();
+                }
+                break;
+            case 'plugin':
+                if (hasOneOption) {
+                    this.setSingleChoosePluginConfigurationSteps();
+                    this.buttonService.hideBackButton();
+                    this.buttonService.showNextButton();
+                }
+                else {
+                    this.setChoosePluginConfigurationSteps();
+                    this.buttonService.showBackButton();
+                    this.buttonService.showNextButton();
+                }
+                break;
+            case 'url':
+                if (hasOneOption) {
+                    this.setSingleURLStep();
+                    this.buttonService.hideBackButton();
+                    this.buttonService.showSaveButton();
+                }
+                else {
+                    this.setURLSteps();
+                    this.buttonService.showBackButton();
+                    this.buttonService.showSaveButton();
+                }
+                break;
+            case 'ui-component':
+                this.setUIComponentStep();
+                this.buttonService.showBackButton();
+                this.buttonService.showSaveButton();
+                break;
+        }
+    }
+    setChoiceSteps() {
+        this._steps$.next([
+            { label: 'chooseProcessLinkType' },
+            { label: 'empty', disabled: true },
+            { label: 'empty', disabled: true },
+        ]);
+        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' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkStepService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i2$1.TranslateService }, { type: ProcessLinkButtonService }, { type: PluginStateService }, { type: i1$1.PluginTranslationService }] });
+
+/*
+ * 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 ProcessLinkStateService {
+    get processLinkUpdateEvents$() {
+        return this._processLinkUpdateEvents$.asObservable();
+    }
+    get processLinkCreateEvents$() {
+        return this._processLinkCreateEvents$.asObservable();
+    }
+    get processLinkDeleteEvents$() {
+        return this._processLinkDeleteEvents$.asObservable();
+    }
+    get showModal$() {
+        return this._showModal$.asObservable();
+    }
+    get elementName$() {
+        return this._elementName$.asObservable();
+    }
+    get availableProcessLinkTypes$() {
+        return this._availableProcessLinkTypes$.pipe(map$1(types => (!this.formCustomComponentConfig
+            ? types.map(type => ({
+                ...type,
+                enabled: type.processLinkType === 'ui-component' ? false : type.enabled,
+            }))
+            : types).filter(type => type.processLinkType !== 'url')));
+    }
+    get hideProgressIndicator$() {
+        return this._availableProcessLinkTypes$
+            .asObservable()
+            .pipe(map$1(availableTypes => Array.isArray(availableTypes) &&
+            availableTypes.length === 1 &&
+            (availableTypes[0]?.processLinkType === 'form' ||
+                availableTypes[0]?.processLinkType === 'form-flow')));
+    }
+    get selectedProcessLinkTypeId$() {
+        return this._selectedProcessLinkTypeId$.asObservable();
+    }
+    get saving$() {
+        return this._saving$.asObservable();
+    }
+    get modalParams$() {
+        return this._modalParams$.asObservable();
+    }
+    get selectedProcessLink$() {
+        return this._selectedProcessLink$.asObservable();
+    }
+    get typeOfSelectedProcessLink$() {
+        return this.selectedProcessLink$.pipe(map$1(processLink => processLink?.processLinkType || ''));
+    }
+    get processLinkEditMode() {
+        return this._processLinkEditMode$.getValue();
+    }
+    get viewModelEnabled$() {
+        return this._viewModelEnabled$.asObservable();
+    }
+    get url$() {
+        return this._url$.asObservable();
+    }
+    constructor(processLinkStepService, buttonService, pluginStateService, formCustomComponentConfig) {
+        this.processLinkStepService = processLinkStepService;
+        this.buttonService = buttonService;
+        this.pluginStateService = pluginStateService;
+        this.formCustomComponentConfig = formCustomComponentConfig;
+        this._showModal$ = new BehaviorSubject(false);
+        this._availableProcessLinkTypes$ = new BehaviorSubject([]);
+        this._elementName$ = new BehaviorSubject('');
+        this._selectedProcessLinkTypeId$ = new BehaviorSubject('');
+        this._viewModelEnabled$ = new BehaviorSubject(false);
+        this._url$ = new BehaviorSubject('');
+        this._saving$ = new BehaviorSubject(false);
+        this._modalParams$ = new BehaviorSubject(undefined);
+        this._selectedProcessLink$ = new BehaviorSubject(undefined);
+        this._processLinkEditMode$ = new BehaviorSubject(ProcessLinkEditMode.SAVE_TO_BACKEND);
+        this._processLinkUpdateEvents$ = new Subject();
+        this._processLinkCreateEvents$ = new Subject();
+        this._processLinkDeleteEvents$ = new Subject();
+        this.openAvailableProcessLinkTypesSubscription();
+    }
+    ngOnDestroy() {
+        this._availableProcessLinkTypesSubscription?.unsubscribe();
+    }
+    setAvailableProcessLinkTypes(processLinkTypes) {
+        const hasOneOption = processLinkTypes.length === 1;
+        this._availableProcessLinkTypes$.next(processLinkTypes);
+        this.processLinkStepService.setHasOneProcessLinkType(hasOneOption);
+        if (hasOneOption) {
+            this.selectProcessLinkType(processLinkTypes[0].processLinkType, hasOneOption);
+        }
+    }
+    setElementName(name) {
+        this._elementName$.next(name);
+    }
+    showModal() {
+        this._showModal$.next(true);
+    }
+    closeModal() {
+        this._showModal$.next(false);
+        setTimeout(() => {
+            this.reset();
+        }, 240);
+    }
+    selectProcessLinkType(processLinkTypeId, hasOneOption) {
+        this._selectedProcessLinkTypeId$.next(processLinkTypeId);
+        this.processLinkStepService.setProcessLinkTypeSteps(processLinkTypeId, hasOneOption);
+    }
+    setViewModelEnabled(viewModelEnabled) {
+        this._viewModelEnabled$.next(viewModelEnabled);
+    }
+    clearSelectedProcessLinkType() {
+        this._selectedProcessLinkTypeId$.next('');
+    }
+    startSaving() {
+        this._saving$.next(true);
+        this.processLinkStepService.disableSteps();
+    }
+    stopSaving() {
+        this._saving$.next(false);
+        this.processLinkStepService.enableSteps();
+    }
+    setInitial() {
+        const availableTypes = this._availableProcessLinkTypes$.getValue();
+        this.buttonService.resetButtons();
+        this.processLinkStepService.setInitialSteps(availableTypes);
+    }
+    setModalParams(params) {
+        this._modalParams$.next(params);
+    }
+    selectProcessLink(processLink) {
+        if (!processLink)
+            return;
+        this._selectedProcessLink$.next(processLink);
+        this.pluginStateService.selectProcessLink(processLink);
+        this.setViewModelEnabled(processLink.viewModelEnabled ?? false);
+        this._url$.next(processLink.url ?? '');
+    }
+    deselectProcessLink() {
+        this._selectedProcessLink$.next(undefined);
+        this.pluginStateService.deselectProcessLink();
+    }
+    setEditMode(editMode) {
+        this._processLinkEditMode$.next(editMode);
+    }
+    sendProcessLinkUpdateEvent(event) {
+        this._processLinkUpdateEvents$.next(event);
+    }
+    sendProcessLinkCreateEvent(event) {
+        this._processLinkCreateEvents$.next(event);
+    }
+    sendProcessLinkDeleteEvent(event) {
+        this._processLinkDeleteEvents$.next(event);
+    }
+    openAvailableProcessLinkTypesSubscription() {
+        this._availableProcessLinkTypesSubscription = this._availableProcessLinkTypes$.subscribe(availableProcessLinkTypes => {
+            if (availableProcessLinkTypes.length > 1) {
+                this.setInitial();
+            }
+        });
+    }
+    reset() {
+        this.setAvailableProcessLinkTypes([]);
+        this.processLinkStepService.reset();
+        this.stopSaving();
+        this.buttonService.resetButtons();
+        this.clearSelectedProcessLinkType();
+        this.deselectProcessLink();
+    }
+    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' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkStateService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: ProcessLinkStepService }, { type: ProcessLinkButtonService }, { type: PluginStateService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    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 FormFlowComponentService {
+    get supportedComponents$() {
+        return this._supportedComponents$.pipe(filter(components => !!components));
+    }
+    constructor(supportedCustomComponents) {
+        this.supportedCustomComponents = supportedCustomComponents;
+        this._supportedComponents$ = new BehaviorSubject(null);
+        this.setSupportedComponents(supportedCustomComponents);
+    }
+    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' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: FormFlowComponentService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: Array, decorators: [{
+                    type: Inject,
+                    args: [FORM_FLOW_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 UrlResolverService {
+    resolveUrlVariables(url, variables) {
+        let resolvingUrl = url;
+        Object.keys(variables).forEach(key => {
+            let value = variables[key];
+            resolvingUrl = resolvingUrl.replace('<' + key + '>', value);
+        });
+        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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: UrlResolverService, decorators: [{
+            type: Injectable
+        }] });
+
+class UrlValidatorService {
+    constructor(urlResolverService) {
+        this.urlResolverService = urlResolverService;
+    }
+    urlValidator(variables) {
+        return (control) => {
+            const url = this.urlResolverService.resolveUrlVariables(control.value, variables);
+            try {
+                new URL(url);
+                return null;
+            }
+            catch (_) {
+                return { invalidUrl: url };
+            }
+        };
+    }
+    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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: UrlValidatorService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: UrlResolverService }] });
+
+/*
+ * 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.
+ */
+class SelectPluginConfigurationComponent {
+    constructor(pluginManagementService, pluginStateService, pluginService, stateService, buttonService, stepService) {
+        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.selectedPluginConfiguration$ = this.pluginStateService.selectedPluginConfiguration$;
+        this._subscriptions = new Subscription();
+    }
+    ngOnInit() {
+        this.openBackButtonSubscription();
+        this.openNextButtonSubscription();
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    selected(event) {
+        this.selectConfiguration(event.value);
+        this.buttonService.enableNextButton();
+    }
+    selectConfiguration(configuration) {
+        this.pluginStateService.selectPluginDefinition({ key: configuration.pluginDefinition.key });
+        this.pluginStateService.selectPluginConfiguration(configuration);
+    }
+    openBackButtonSubscription() {
+        this._subscriptions.add(this.buttonService.backButtonClick$.subscribe(() => {
+            this.stateService.setInitial();
+        }));
+    }
+    openNextButtonSubscription() {
+        this._subscriptions.add(this.buttonService.nextButtonClick$.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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", 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 }] });
+
+/*
+ * 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 SelectPluginActionComponent {
+    constructor(buttonService, pluginManagementService, stateService, stepService, processLinkStateService) {
+        this.buttonService = buttonService;
+        this.pluginManagementService = pluginManagementService;
+        this.stateService = stateService;
+        this.stepService = stepService;
+        this.processLinkStateService = processLinkStateService;
+        this.pluginFunctions$ = combineLatest([
+            this.stateService.selectedPluginDefinition$,
+            this.processLinkStateService.modalParams$,
+        ]).pipe(switchMap$1(([selectedDefinition, modalParams]) => selectedDefinition
+            ? this.pluginManagementService.getPluginFunctions(selectedDefinition.key, modalParams.element.activityListenerType)
+            : of(undefined)));
+        this.selectedPluginDefinition$ = this.stateService.selectedPluginDefinition$;
+        this.selectedPluginFunction$ = this.stateService.selectedPluginFunction$;
+        this._subscriptions = new Subscription();
+    }
+    ngOnInit() {
+        this.openBackButtonSubscription();
+        this.openNextButtonSubscription();
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    selectFunction(pluginFunction) {
+        this.stateService.selectPluginFunction(pluginFunction);
+    }
+    selected(event) {
+        this.selectFunction(JSON.parse(event.value));
+        this.buttonService.enableNextButton();
+    }
+    stringify(object) {
+        return JSON.stringify(object);
+    }
+    openBackButtonSubscription() {
+        this.buttonService.backButtonClick$
+            .pipe(switchMap$1(() => this.stepService.hasOneProcessLinkType$), take(1))
+            .subscribe((hasOneOption) => {
+            this.stepService.setProcessLinkTypeSteps('plugin', hasOneOption);
+        });
+    }
+    openNextButtonSubscription() {
+        this._subscriptions.add(this.buttonService.nextButtonClick$.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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", 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 }] });
+
+/*
+ * 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 ImportPluginConfigurationComponent {
+    set pluginActionKey(value) {
+        this.importPluginForm.reset();
+        this.fetchCompatiblePluginProcessLinks(value);
+    }
+    get process() {
+        return this.importPluginForm.get('process');
+    }
+    get version() {
+        return this.importPluginForm.get('version');
+    }
+    get activity() {
+        return this.importPluginForm.get('activity');
+    }
+    constructor(formBuilder, processLinkService, iconService, cdsThemeService) {
+        this.formBuilder = formBuilder;
+        this.processLinkService = processLinkService;
+        this.iconService = iconService;
+        this.cdsThemeService = cdsThemeService;
+        this.configurationEvent = new EventEmitter();
+        this.open$ = new Subject();
+        this._compatiblePluginProcessLinksSubject$ = new BehaviorSubject([]);
+        this.compatiblePluginProcessLinks$ = this._compatiblePluginProcessLinksSubject$.asObservable();
+        this.importPluginForm = this.formBuilder.group({
+            process: new FormControl('', Validators.required),
+            version: new FormControl('', Validators.required),
+            activity: new FormControl('', Validators.required),
+        });
+        this.processListItems$ = combineLatest([
+            this._compatiblePluginProcessLinksSubject$,
+            this.process.valueChanges.pipe(startWith('')),
+        ]).pipe(map$1(([compatibleProcessLinks, processValue]) => compatibleProcessLinks?.map(compatibleProcessLink => ({
+            content: compatibleProcessLink.processDefinitionKey,
+            selected: processValue === compatibleProcessLink.processDefinitionKey,
+        })) || []));
+        this.versionListItems$ = combineLatest([
+            this._compatiblePluginProcessLinksSubject$,
+            this.process.valueChanges.pipe(startWith('')),
+            this.version.valueChanges.pipe(startWith('')),
+        ]).pipe(map$1(([compatibleProcessLinks, processValue, versionValue]) => !processValue
+            ? []
+            : compatibleProcessLinks
+                .find(compatibleLinks => compatibleLinks.processDefinitionKey === processValue)
+                ?.versions.sort((a, b) => Number(b.version) - Number(a.version))
+                .map(versionItem => ({
+                content: versionItem.version,
+                selected: versionItem.version === versionValue,
+            })) || []));
+        this.activityListItems$ = combineLatest([
+            this._compatiblePluginProcessLinksSubject$,
+            this.process.valueChanges.pipe(startWith('')),
+            this.version.valueChanges.pipe(startWith('')),
+            this.activity.valueChanges.pipe(startWith('')),
+        ]).pipe(map$1(([compatibleProcessLinks, processValue, versionValue, activityValue]) => !processValue || !versionValue
+            ? []
+            : compatibleProcessLinks
+                .find(compatibleLinks => compatibleLinks.processDefinitionKey === processValue)
+                .versions.find(versionItem => versionItem.version === versionValue)
+                .processLinks.map(processLinkItem => ({
+                content: processLinkItem.activityId,
+                selected: processLinkItem.activityId === activityValue,
+            }))));
+        this.toggletipTheme$ = this.cdsThemeService.toggletipTheme$;
+        this.iconService.register(Upload16);
+    }
+    onSubmit() {
+        this.configurationEvent.emit(this._compatiblePluginProcessLinksSubject$
+            .getValue()
+            .find(compatiblePluginProcessLinks => compatiblePluginProcessLinks.processDefinitionKey === this.process.value)
+            .versions.find(versionItem => versionItem.version === this.version.value)
+            .processLinks.find(processLinkItem => processLinkItem.activityId === this.activity.value)
+            .actionProperties);
+        // needed to reliably trigger toggle tip closure
+        this.open$.next(true);
+        setTimeout(() => this.open$.next(false));
+        this.importPluginForm.reset();
+    }
+    fetchCompatiblePluginProcessLinks(pluginActionKey) {
+        this.processLinkService
+            .getCompatiblePluginProcessLinks(pluginActionKey)
+            .subscribe(res => this._compatiblePluginProcessLinksSubject$.next(res));
+    }
+    processSelected(event) {
+        this.process.setValue(event?.item?.content);
+        this.version.setValue('');
+        this.activity.setValue('');
+    }
+    versionSelected(event) {
+        this.version.setValue(event?.item?.content);
+        this.activity.setValue('');
+    }
+    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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", 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: [{
+                type: Input
+            }], configurationEvent: [{
+                type: Output
+            }] } });
+
+/*
+ * 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 PluginActionConfigurationComponent {
+    constructor(stateService, pluginStateService, buttonService, stepService, processLinkService) {
+        this.stateService = stateService;
+        this.pluginStateService = pluginStateService;
+        this.buttonService = buttonService;
+        this.stepService = stepService;
+        this.processLinkService = processLinkService;
+        this.valid = new EventEmitter();
+        this.configuration = new EventEmitter();
+        this.pluginDefinitionKey$ = this.pluginStateService.pluginDefinitionKey$;
+        this.functionKey$ = this.pluginStateService.functionKey$;
+        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)));
+        this.prefillConfiguration$ = combineLatest([
+            this._prefillConfigurationSubject$,
+            this._prefillConfiguration$,
+        ]).pipe(map(([prefillConfigurationSubjectValue, prefillConfiguration]) => prefillConfigurationSubjectValue || prefillConfiguration));
+        this._subscriptions = new Subscription();
+    }
+    ngOnInit() {
+        this.openBackButtonSubscription();
+        this.openSaveButtonSubscription();
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    onValid(valid) {
+        if (valid)
+            this.buttonService.enableSaveButton();
+        else
+            this.buttonService.disableSaveButton();
+    }
+    onConfiguration(configuration) {
+        this.stateService.startSaving();
+        this.stateService.selectedProcessLink$.pipe(take(1)).subscribe(selectedProcessLink => {
+            if (selectedProcessLink) {
+                this.updateProcessLink(configuration);
+            }
+            else {
+                this.saveNewProcessLink(configuration);
+            }
+        });
+    }
+    onImportConfiguration(configuration) {
+        this._prefillConfigurationSubject$.next(configuration);
+    }
+    updateProcessLink(configuration) {
+        this.stateService.selectedProcessLink$.pipe(take(1)).subscribe(selectedProcessLink => {
+            const updateProcessLinkRequest = {
+                id: selectedProcessLink.id,
+                pluginConfigurationId: selectedProcessLink.pluginConfigurationId ?? '',
+                pluginActionDefinitionKey: selectedProcessLink.pluginActionDefinitionKey ?? '',
+                actionProperties: configuration,
+                activityId: selectedProcessLink.activityId,
+            };
+            if (this.stateService.processLinkEditMode === ProcessLinkEditMode.EMIT_EVENTS) {
+                this.stateService.sendProcessLinkUpdateEvent(updateProcessLinkRequest);
+                return;
+            }
+            this.processLinkService.updateProcessLink(updateProcessLinkRequest).subscribe(() => {
+                this.stateService.closeModal();
+            }, () => {
+                this.stateService.stopSaving();
+            });
+        });
+    }
+    saveNewProcessLink(configuration) {
+        combineLatest([
+            this.stateService.modalParams$,
+            this.pluginStateService.selectedPluginConfiguration$,
+            this.pluginStateService.selectedPluginFunction$,
+            this.stateService.selectedProcessLinkTypeId$,
+        ])
+            .pipe(take(1))
+            .subscribe(([modalData, selectedConfiguration, selectedFunction, selectedProcessLinkTypeId]) => {
+            const processLinkRequest = {
+                actionProperties: configuration,
+                activityId: modalData?.element?.id,
+                activityType: modalData?.element?.activityListenerType ?? '',
+                pluginConfigurationId: selectedConfiguration.id,
+                processDefinitionId: modalData?.processDefinitionId,
+                pluginActionDefinitionKey: selectedFunction.key,
+                processLinkType: selectedProcessLinkTypeId,
+            };
+            if (this.stateService.processLinkEditMode === ProcessLinkEditMode.EMIT_EVENTS) {
+                this.stateService.sendProcessLinkCreateEvent(processLinkRequest);
+                return;
+            }
+            this.processLinkService.saveProcessLink(processLinkRequest).subscribe(() => {
+                this.stateService.closeModal();
+            }, () => {
+                this.stateService.stopSaving();
+            });
+        });
+    }
+    openBackButtonSubscription() {
+        this._subscriptions.add(this.buttonService.backButtonClick$.subscribe(() => {
+            this.stepService.setChoosePluginActionSteps();
+        }));
+    }
+    openSaveButtonSubscription() {
+        this._subscriptions.add(this.buttonService.saveButtonClick$.subscribe(() => {
+            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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", 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$: [{
+                type: Input
+            }], valid: [{
+                type: Output
+            }], configuration: [{
+                type: Output
+            }] } });
+
+/*
+ * 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 FormLinkProcessDiagramComponent {
+    constructor(processService, route, pageTitleService) {
+        this.processService = processService;
+        this.route = route;
+        this.pageTitleService = pageTitleService;
+        this.bpmnElementModalOpen = new EventEmitter();
+        this.bpmnElementModalClose = new EventEmitter();
+        this.callbacksAdded = false;
+    }
+    ngOnInit() {
+        this.pageTitleService.disableReset();
+        combineLatest([this.route.queryParams, this.processService.getProcessDefinitions()])
+            .pipe(map(([queryParams, processDefinitions]) => ({ queryParams, processDefinitions })))
+            .subscribe(response => {
+            this.processDefinitions = response.processDefinitions;
+            if (response.queryParams.process) {
+                this.processDefinitionKey = response.queryParams.process;
+                this.loadProcessDefinitionFromKey(this.processDefinitionKey);
+                this.bpmnElementModalOpen.emit({
+                    element: {
+                        id: 'start-event',
+                        type: 'bpmn:StartEvent',
+                    },
+                    processDefinitionKey: this.processDefinitionKey,
+                    processDefinitionId: this.processDefinitionId,
+                });
+            }
+            if (!this.processDefinitionKey && response.processDefinitions.length !== 0) {
+                this.processDefinitionKey = response.processDefinitions[0].key;
+                this.loadProcessDefinitionFromKey(this.processDefinitionKey);
+            }
+        });
+        this.bpmnViewer = new BpmnViewer({});
+        this.bpmnViewer.on('import.done', ({ error }) => {
+            if (!error) {
+                const canvas = this.bpmnViewer.get('canvas');
+                const eventBus = this.bpmnViewer.get('eventBus');
+                canvas.zoom('fit-viewport', 'auto');
+                if (this.processDefinitionVersions && !this.callbacksAdded) {
+                    eventBus.on('element.click', e => {
+                        let activityListenerType = e.element.businessObject.$type;
+                        if (activityListenerType === 'bpmn:UserTask') {
+                            activityListenerType += ':create';
+                        }
+                        else {
+                            activityListenerType += ':start';
+                        }
+                        this.bpmnElementModalOpen.emit({
+                            element: {
+                                id: e.element.businessObject.id,
+                                type: e.element.businessObject.$type,
+                                activityListenerType,
+                                name: e.element?.businessObject?.name,
+                            },
+                            processDefinitionKey: this.processDefinitionKey,
+                            processDefinitionId: this.processDefinitionId,
+                        });
+                    });
+                    this.callbacksAdded = true;
+                }
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.bpmnElementModalClose.emit();
+        if (this.bpmnViewer) {
+            this.bpmnViewer.destroy();
+        }
+        this.pageTitleService.enableReset();
+    }
+    loadProcessDefinition(processDefinitionKey) {
+        this.processService
+            .getProcessDefinition(processDefinitionKey)
+            .subscribe((processDefinition) => {
+            this.processDefinitionId = processDefinition.id;
+            this.version = processDefinition.version;
+            this.loadProcessDefinitionXml(processDefinition.id);
+        });
+    }
+    loadProcessDefinitionVersions(processDefinitionKey) {
+        this.processService
+            .getProcessDefinitionVersions(processDefinitionKey)
+            .subscribe((processDefinitionVersions) => {
+            this.processDefinitionVersions = processDefinitionVersions;
+        });
+    }
+    loadProcessDefinitionFromKey(processDefinitionKey) {
+        this.loadProcessDefinitionVersions(processDefinitionKey);
+        this.loadProcessDefinition(processDefinitionKey);
+    }
+    loadProcessDefinitionXml(processDefinitionId) {
+        this.processService.getProcessDefinitionXml(processDefinitionId).subscribe(response => {
+            this.processDiagram = response;
+            this.bpmnViewer.importXML(this.processDiagram.bpmn20Xml);
+            this.bpmnViewer.attachTo(this.el.nativeElement);
+        });
+    }
+    setProcessDefinitionKey(processDefinitionKey) {
+        this.processDefinitionKey = processDefinitionKey;
+        this.loadProcessDefinitionFromKey(this.processDefinitionKey);
+    }
+    setProcessDefinitionVersion(version) {
+        const processDefinitionId = this.processDefinitionVersions.find(definition => definition.version === +version)?.id;
+        if (processDefinitionId) {
+            this.processDefinitionId = processDefinitionId;
+            this.loadProcessDefinitionXml(this.processDefinitionId);
+        }
+        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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", 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: [{
+                type: ViewChild,
+                args: ['ref']
+            }], bpmnElementModalOpen: [{
+                type: Output
+            }], bpmnElementModalClose: [{
+                type: Output
+            }] } });
+
+/*
+ * 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 ChooseProcessLinkTypeComponent {
+    constructor(processLinkStateService) {
+        this.processLinkStateService = processLinkStateService;
+        this.availableProcessLinkTypes$ = this.processLinkStateService.availableProcessLinkTypes$;
+    }
+    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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", 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"] }]
+        }], ctorParameters: () => [{ type: ProcessLinkStateService }] });
+
+/*
+ * 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 FormDisplayConfigurationComponent {
+    constructor(buttonService, stateService, translateService) {
+        this.buttonService = buttonService;
+        this.stateService = stateService;
+        this.translateService = translateService;
+        this.formDisplayValue = new EventEmitter();
+        this.formSizeValue = new EventEmitter();
+        this.subtitlesValue = new EventEmitter();
+        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.disableFormSizeInput$ = new BehaviorSubject(true);
+        this.saving$ = this.stateService.saving$;
+        this.isUserTask$ = new BehaviorSubject(false);
+        this._DISPLAY_TYPE_OPTIONS = ['modal', 'panel'];
+        this._FORM_SIZE_OPTIONS = ['extraSmall', 'small', 'medium', 'large'];
+        this._subscriptions = new Subscription();
+        this.formDisplayTypeListItems$ = combineLatest([
+            this.formDisplayValue$,
+            this.translateService.stream('key'),
+        ]).pipe(map(([formDisplayValue]) => this._DISPLAY_TYPE_OPTIONS.map((key) => ({
+            content: this.translateService.instant(`processLinkSteps.displayType.options.${key}`),
+            key: key,
+            selected: this.formDisplayValue$.getValue() === key,
+        }))));
+        this.formSizeListItems$ = combineLatest([
+            this.formSizeValue$,
+            this.translateService.stream('key'),
+        ]).pipe(map(([formSizeValue]) => this._FORM_SIZE_OPTIONS.map((key) => ({
+            content: this.translateService.instant(`processLinkSteps.formSize.options.${key}`),
+            key: key,
+            selected: this.formSizeValue$.getValue() === key,
+        }))));
+    }
+    ngOnInit() {
+        this._subscriptions.add(combineLatest([
+            this.stateService.modalParams$,
+            this.stateService.selectedProcessLink$,
+        ]).subscribe(([modalParams, selectedProcessLink]) => {
+            this.isUserTask$.next(modalParams?.element?.type === 'bpmn:UserTask');
+            if (selectedProcessLink) {
+                if (selectedProcessLink.formDisplayType)
+                    this.disableFormSizeInput$.next(false);
+                if (selectedProcessLink.activityType.includes('bpmn:UserTask'))
+                    this.isUserTask$.next(true);
+                this.formDisplayValue$.next(selectedProcessLink.formDisplayType ?? null);
+                this.formSizeValue$.next(selectedProcessLink.formSize ?? null);
+                this._subtitles$.next(selectedProcessLink.subtitles ?? []);
+            }
+        }));
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    selectFormDisplayType(event) {
+        this.updateFormDisplayType(event?.key);
+        this.enableSaveButtonWhenValid();
+    }
+    selectFormSize(event) {
+        this.updateFormSize(event?.key);
+        this.enableSaveButtonWhenValid();
+    }
+    onSubtitlesChange(subtitles) {
+        this.subtitlesValue.emit(subtitles);
+    }
+    updateFormDisplayType(formDisplayType) {
+        formDisplayType ? this.disableFormSizeInput$.next(false) : this.resetFormSize();
+        this.formDisplayValue$.next(formDisplayType);
+        this.formDisplayValue.emit(formDisplayType);
+    }
+    updateFormSize(formSize) {
+        this.formSizeValue$.next(formSize);
+        this.formSizeValue.emit(formSize);
+    }
+    resetFormSize() {
+        this.disableFormSizeInput$.next(true);
+        this.updateFormSize(null);
+    }
+    enableSaveButtonWhenValid() {
+        if (this.selectedFormDefinition &&
+            this.formDisplayValue$.getValue() &&
+            this.formSizeValue$.getValue())
+            this.buttonService.enableSaveButton();
+        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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", 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: [{
+                type: Input
+            }], formDisplayValue: [{
+                type: Output
+            }], formSizeValue: [{
+                type: Output
+            }], subtitlesValue: [{
+                type: Output
+            }] } });
+
+/*
+ * 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 SelectFormComponent {
+    constructor(formService, stateService, processLinkService, buttonService, route) {
+        this.formService = formService;
+        this.stateService = stateService;
+        this.processLinkService = processLinkService;
+        this.buttonService = buttonService;
+        this.route = route;
+        this.subtitlesValue = [];
+        this.saving$ = this.stateService.saving$;
+        this.caseDefinitionId$ = getCaseManagementRouteParams(this.route);
+        this.formDefinitions$ = this.caseDefinitionId$.pipe(mergeMap(caseDefinitionId => {
+            if (!!caseDefinitionId) {
+                return this.formService.getAllFormDefinitionsForCaseDefinition(caseDefinitionId?.caseDefinitionKey ?? '', caseDefinitionId?.caseDefinitionVersionTag ?? '');
+            }
+            return this.formService.getAllUnlinkedFormDefinitions();
+        }));
+        this.formDefinitionListItems$ = combineLatest([this.stateService.selectedProcessLink$, this.formDefinitions$]).pipe(map$1(([selectedProcessLink, formDefinitions]) => formDefinitions.map(definition => ({
+            content: definition.name,
+            id: definition.id,
+            selected: selectedProcessLink
+                ? selectedProcessLink.formDefinitionId === definition.id
+                : false,
+        }))), tap(formDefinitionListItems => {
+            const selectedItem = formDefinitionListItems.find(item => item.selected);
+            if (selectedItem) {
+                this.selectFormDefinition(selectedItem);
+            }
+        }));
+        this._subscriptions = new Subscription();
+        this.isUserTask$ = new BehaviorSubject(false);
+        this._DEFAULT_FORM_DISPLAY_TYPE = 'panel';
+        this._DEFAULT_FORM_DISPLAY_SIZE = 'medium';
+    }
+    ngOnInit() {
+        this.openBackButtonSubscription();
+        this.openSaveButtonSubscription();
+        this._subscriptions.add(combineLatest([
+            this.stateService.selectedProcessLink$,
+            this.stateService.modalParams$,
+        ]).subscribe(([selectedProcessLink, modalParams]) => {
+            if (selectedProcessLink) {
+                this.formDisplayValue = selectedProcessLink.formDisplayType;
+                this.formSizeValue = selectedProcessLink.formSize;
+            }
+            this.isUserTask$.next(modalParams?.element?.type === 'bpmn:UserTask');
+        }));
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    selectFormDefinition(formDefinition) {
+        this.selectedFormDefinition = formDefinition?.id ? formDefinition : null;
+        if (this.selectedFormDefinition)
+            this.buttonService.enableSaveButton();
+        else
+            this.buttonService.disableSaveButton();
+    }
+    selectedFormDisplayValue(formDisplay) {
+        this.formDisplayValue = formDisplay;
+    }
+    selectedFormSizeValue(formSize) {
+        this.formSizeValue = formSize;
+    }
+    selectedSubtitlesValue(subtitles) {
+        this.subtitlesValue = subtitles;
+    }
+    openBackButtonSubscription() {
+        this._subscriptions.add(this.buttonService.backButtonClick$.subscribe(() => {
+            this.stateService.setInitial();
+        }));
+    }
+    openSaveButtonSubscription() {
+        this._subscriptions.add(this.buttonService.saveButtonClick$.subscribe(() => {
+            this.stateService.startSaving();
+            this.saveProcessLink();
+        }));
+    }
+    saveProcessLink() {
+        this.stateService.selectedProcessLink$.pipe(take(1)).subscribe(selectedProcessLink => {
+            if (selectedProcessLink) {
+                this.updateProcessLink();
+            }
+            else {
+                this.saveNewProcessLink();
+            }
+        });
+    }
+    updateProcessLink() {
+        combineLatest([
+            this.stateService.selectedProcessLink$,
+            this.stateService.viewModelEnabled$,
+            this.isUserTask$,
+        ])
+            .pipe(take(1))
+            .subscribe(([selectedProcessLink, viewModelEnabled, isUserTask]) => {
+            const updateProcessLinkRequest = {
+                id: selectedProcessLink.id,
+                formDefinitionId: this.selectedFormDefinition.id,
+                activityId: selectedProcessLink.activityId,
+                viewModelEnabled,
+                ...(isUserTask && {
+                    formDisplayType: this.formDisplayValue || this._DEFAULT_FORM_DISPLAY_TYPE,
+                }),
+                ...(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();
+                },
+            });
+        });
+    }
+    saveNewProcessLink() {
+        combineLatest([
+            this.stateService.modalParams$,
+            this.stateService.selectedProcessLinkTypeId$,
+            this.stateService.viewModelEnabled$,
+            this.isUserTask$,
+        ])
+            .pipe(take(1))
+            .subscribe(([modalParams, processLinkTypeId, viewModelEnabled, isUserTask]) => {
+            const createRequest = {
+                formDefinitionId: this.selectedFormDefinition.id,
+                activityType: modalParams.element.activityListenerType,
+                processDefinitionId: modalParams.processDefinitionId,
+                processLinkType: processLinkTypeId,
+                activityId: modalParams.element.id,
+                viewModelEnabled,
+                ...(isUserTask && {
+                    formDisplayType: this.formDisplayValue || this._DEFAULT_FORM_DISPLAY_TYPE,
+                }),
+                ...(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();
+                },
+            });
+        });
+    }
+    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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", 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 }] });
+
+/*
+ * 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 SelectFormFlowComponent {
+    constructor(formFlowService, stateService, processLinkService, buttonService, route) {
+        this.formFlowService = formFlowService;
+        this.stateService = stateService;
+        this.processLinkService = processLinkService;
+        this.buttonService = buttonService;
+        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 => ({
+            content: definition.key,
+            id: definition.key,
+            selected: selectedProcessLink
+                ? selectedProcessLink.formFlowDefinitionKey === definition.key
+                : false,
+        }))), tap(formFlowDefinitionListItems => {
+            const selectedItem = formFlowDefinitionListItems.find(item => item.selected);
+            if (selectedItem) {
+                this.selectFormFlowDefinition(selectedItem);
+            }
+        }));
+        this._subscriptions = new Subscription();
+        this.isUserTask$ = new BehaviorSubject(false);
+        this._DEFAULT_FORM_DISPLAY_TYPE = 'panel';
+        this._DEFAULT_FORM_DISPLAY_SIZE = 'medium';
+    }
+    ngOnInit() {
+        this.openBackButtonSubscription();
+        this.openSaveButtonSubscription();
+        this._subscriptions.add(combineLatest([
+            this.stateService.selectedProcessLink$,
+            this.stateService.modalParams$,
+        ]).subscribe(([selectedProcessLink, modalParams]) => {
+            if (selectedProcessLink) {
+                this.formDisplayValue = selectedProcessLink.formDisplayType;
+                this.formSizeValue = selectedProcessLink.formSize;
+            }
+            this.isUserTask$.next(modalParams?.element?.type === 'bpmn:UserTask');
+        }));
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    selectedFormDisplayValue(formDisplay) {
+        this.formDisplayValue = formDisplay;
+    }
+    selectedFormSizeValue(formSize) {
+        this.formSizeValue = formSize;
+    }
+    selectFormFlowDefinition(formFlowDefinition) {
+        if (!formFlowDefinition)
+            return;
+        this.selectedFormFlowDefinitionId = formFlowDefinition.id;
+        if (this.selectedFormFlowDefinitionId)
+            this.buttonService.enableSaveButton();
+        else
+            this.buttonService.disableSaveButton();
+    }
+    selectedSubtitlesValue(subtitles) {
+        this.subtitlesValue = subtitles;
+    }
+    openBackButtonSubscription() {
+        this._subscriptions.add(this.buttonService.backButtonClick$.subscribe(() => {
+            this.stateService.setInitial();
+        }));
+    }
+    openSaveButtonSubscription() {
+        this._subscriptions.add(this.buttonService.saveButtonClick$.subscribe(() => {
+            this.stateService.startSaving();
+            this.saveFormFlowLink();
+        }));
+    }
+    saveFormFlowLink() {
+        this.stateService.selectedProcessLink$.pipe(take(1)).subscribe(selectedProcessLink => {
+            if (selectedProcessLink)
+                this.updateProcessLink();
+            else
+                this.saveNewProcessLink();
+        });
+    }
+    updateProcessLink() {
+        combineLatest([this.stateService.selectedProcessLink$, this.isUserTask$])
+            .pipe(take(1))
+            .subscribe(([selectedProcessLink, isUserTask]) => {
+            const updateProcessLinkRequest = {
+                id: selectedProcessLink.id,
+                formFlowDefinitionId: this.selectedFormFlowDefinitionId,
+                activityId: selectedProcessLink.activityId,
+                ...(isUserTask && {
+                    formDisplayType: this.formDisplayValue || this._DEFAULT_FORM_DISPLAY_TYPE,
+                }),
+                ...(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();
+                },
+            });
+        });
+    }
+    saveNewProcessLink() {
+        combineLatest([
+            this.stateService.modalParams$,
+            this.stateService.selectedProcessLinkTypeId$,
+            this.isUserTask$,
+        ])
+            .pipe(take(1))
+            .subscribe(([modalParams, processLinkTypeId, isUserTask]) => {
+            const createRequest = {
+                formFlowDefinitionKey: this.selectedFormFlowDefinitionId,
+                activityType: modalParams.element.activityListenerType,
+                processDefinitionId: modalParams.processDefinitionId,
+                processLinkType: processLinkTypeId,
+                activityId: modalParams.element.id,
+                ...(isUserTask && {
+                    formDisplayType: this.formDisplayValue || this._DEFAULT_FORM_DISPLAY_TYPE,
+                }),
+                ...(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();
+                },
+            });
+        });
+    }
+    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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", 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 }] });
+
+/*
+ * 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 SelectUIComponentComponent {
+    constructor(stateService, buttonService, processLinkService, formCustomComponentConfig) {
+        this.stateService = stateService;
+        this.buttonService = buttonService;
+        this.processLinkService = processLinkService;
+        this.formCustomComponentConfig = formCustomComponentConfig;
+        this._formCustomComponentConfig$ = new BehaviorSubject({});
+        this.formCustomComponentListItems$ = combineLatest([
+            this.stateService.selectedProcessLink$,
+            this._formCustomComponentConfig$,
+        ]).pipe(map$1(([selectedProcessLink, formCustomComponentConfigs]) => Object.keys(formCustomComponentConfigs).map(key => ({
+            content: key,
+            selected: selectedProcessLink ? selectedProcessLink?.componentKey === key : false,
+        }))), tap(formCustomComponentListItems => {
+            const selectedItem = formCustomComponentListItems.find(item => item.selected);
+            if (selectedItem) {
+                this.selectCustomComponent(selectedItem);
+            }
+        }));
+        this._subscriptions = new Subscription();
+        this._formCustomComponentConfig$.next(this.formCustomComponentConfig);
+    }
+    ngOnInit() {
+        this.openBackButtonSubscription();
+        this.openSaveButtonSubscription();
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    selectCustomComponent(selectedCustomComponent) {
+        this._selectedCustomComponent = selectedCustomComponent;
+        this._selectedCustomComponent?.content
+            ? this.buttonService.enableSaveButton()
+            : this.buttonService.disableSaveButton();
+    }
+    openBackButtonSubscription() {
+        this._subscriptions.add(this.buttonService.backButtonClick$.subscribe(() => {
+            this.stateService.setInitial();
+        }));
+    }
+    openSaveButtonSubscription() {
+        this._subscriptions.add(this.buttonService.saveButtonClick$.subscribe(() => {
+            this.stateService.startSaving();
+            this.saveProcessLink();
+        }));
+    }
+    saveProcessLink() {
+        this.stateService.selectedProcessLink$.pipe(take$1(1)).subscribe(selectedProcessLink => {
+            selectedProcessLink ? this.updateProcessLink() : this.saveNewProcessLink();
+        });
+    }
+    updateProcessLink() {
+        this.stateService.selectedProcessLink$.pipe(take$1(1)).subscribe(selectedProcessLink => {
+            const updateRequest = {
+                id: selectedProcessLink.id,
+                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(),
+            });
+        });
+    }
+    saveNewProcessLink() {
+        combineLatest([this.stateService.modalParams$, this.stateService.selectedProcessLinkTypeId$])
+            .pipe(take$1(1), switchMap(([modalParams, processLinkTypeId]) => {
+            const createRequest = {
+                componentKey: this._selectedCustomComponent.content,
+                activityType: modalParams.element.activityListenerType || '',
+                processDefinitionId: modalParams.processDefinitionId,
+                processLinkType: processLinkTypeId,
+                activityId: modalParams.element.id,
+            };
+            if (this.stateService.processLinkEditMode === ProcessLinkEditMode.EMIT_EVENTS) {
+                this.stateService.sendProcessLinkCreateEvent(createRequest);
+                return [];
+            }
+            return this.processLinkService.saveProcessLink(createRequest);
+        }))
+            .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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", 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: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    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 ProcessLinkModalComponent {
+    constructor(stateService, stepService, buttonService, pluginStateService, processLinkService, 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$;
+        this.processStepName$ = this.stateService.elementName$;
+        this.steps$ = this.stepService.steps$;
+        this.currentStepIndex$ = this.stepService.currentStepIndex$;
+        this.currentStepId$ = this.stepService.currentStepId$;
+        this.showSaveButton$ = this.buttonService.showSaveButton$;
+        this.enableSaveButton$ = this.buttonService.enableSaveButton$;
+        this.showBackButton$ = this.buttonService.showBackButton$;
+        this.showNextButton$ = this.buttonService.showNextButton$;
+        this.enableNextButton$ = this.buttonService.enableNextButton$;
+        this.hideProgressIndicator$ = this.stateService.hideProgressIndicator$;
+        this.saving$ = this.stateService.saving$;
+        this.typeOfSelectedProcessLink$ = this.stateService.typeOfSelectedProcessLink$;
+        this.viewModelEnabled$ = this.stateService.viewModelEnabled$;
+        this.selectedPluginConfiguration$ = this.pluginStateService.selectedPluginConfiguration$;
+        this.showViewModelToggle = this.configService.config.featureToggles.enableFormViewModel;
+    }
+    closeModal() {
+        this.stateService.closeModal();
+    }
+    backButtonClick() {
+        this.buttonService.clickBackButton();
+    }
+    saveButtonClick() {
+        this.buttonService.clickSaveButton();
+    }
+    nextButtonClick() {
+        this.buttonService.clickNextButton();
+    }
+    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();
+            });
+        });
+    }
+    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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", 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 }] });
+
+/*
+ * 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 ProcessLinkComponent {
+    constructor(processLinkService, stateService, modalService) {
+        this.processLinkService = processLinkService;
+        this.stateService = stateService;
+        this.modalService = modalService;
+    }
+    openModal(params) {
+        const activityType = params?.element?.activityListenerType;
+        this.modalService.setModalData(params);
+        if (activityType) {
+            this.processLinkService
+                .getProcessLink({
+                activityId: params.element.id,
+                processDefinitionId: params.processDefinitionId,
+            })
+                .pipe(switchMap(processLinks => {
+                if (processLinks.length > 0) {
+                    return of({ processLink: processLinks[0] });
+                }
+                return this.processLinkService.getProcessLinkCandidates(activityType);
+            }), tap(res => {
+                const result = res;
+                const processLink = result.processLink;
+                this.stateService.setModalParams(params);
+                this.stateService.setElementName(params?.element?.name);
+                if (processLink) {
+                    this.stateService.selectProcessLink(processLink);
+                }
+                else {
+                    this.stateService.setAvailableProcessLinkTypes(result);
+                }
+                if (result?.length > 0 || processLink) {
+                    this.stateService.showModal();
+                }
+            }))
+                .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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", 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 }] });
+
+/*
+ * 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.
+ */
+const routes = [
+    {
+        path: 'process-links',
+        component: ProcessLinkComponent,
+        canActivate: [AuthGuardService],
+        data: { title: 'Process links', roles: [ROLE_ADMIN] },
+    },
+];
+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] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [RouterModule.forChild(routes)],
+                    exports: [RouterModule],
+                    declarations: [],
+                }]
+        }] });
+
+/*
+ * 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.
+ */
+class FormFlowConfigurationContainerComponent {
+    set disabled(disabledValue) {
+        this._disabled$.next(disabledValue);
+    }
+    set componentId(value) {
+        this._componentId$.next(value);
+    }
+    set formFlowInstanceId(value) {
+        this._formFlowInstanceId$.next(value);
+    }
+    constructor(formFlowComponentService) {
+        this.formFlowComponentService = formFlowComponentService;
+        this.changeEvent = new EventEmitter();
+        this.submitEvent = new EventEmitter();
+        this._subscriptions = new Subscription();
+        this._componentRef$ = new BehaviorSubject(undefined);
+        this._disabled$ = new BehaviorSubject(false);
+        this._componentId$ = new BehaviorSubject('');
+        this._formFlowInstanceId$ = new BehaviorSubject('');
+    }
+    ngOnInit() {
+        this.openConfigurationComponentSubscription();
+        this.openComponentInstanceSubscription();
+        this.openDisabledSubscription();
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    openConfigurationComponentSubscription() {
+        this._subscriptions.add(combineLatest([this.formFlowComponentService.supportedComponents$, this._componentId$])
+            .pipe(tap$1(([supportedComponents, componentId]) => {
+            const configurationComponent = supportedComponents.find(component => component.id === componentId);
+            this._dynamicContainer.clear();
+            if (configurationComponent) {
+                const componentRef = this._dynamicContainer.createComponent(configurationComponent.component);
+                this._componentRef$.next(componentRef);
+            }
+        }))
+            .subscribe());
+    }
+    openComponentInstanceSubscription() {
+        this._subscriptions.add(combineLatest([this._componentRef$, this._formFlowInstanceId$]).subscribe(([ref, formFlowInstanceId]) => {
+            const instance = ref?.instance;
+            this._submitSubscription?.unsubscribe();
+            this._changeSubscription?.unsubscribe();
+            if (instance) {
+                if (formFlowInstanceId) {
+                    instance.formFlowInstanceId = formFlowInstanceId;
+                }
+                this._changeSubscription = instance.changeEvent.subscribe(change => {
+                    this.changeEvent.emit(change);
+                });
+                this._submitSubscription = instance.submitEvent.subscribe(submit => {
+                    this.submitEvent.emit(submit);
+                });
+            }
+        }));
+    }
+    openDisabledSubscription() {
+        this._subscriptions.add(combineLatest([this._componentRef$, this._disabled$]).subscribe(([ref, disabled]) => {
+            const instance = ref?.instance;
+            if (instance) {
+                instance.disabled = disabled;
+            }
+        }));
+    }
+    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" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", 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: [{
+                type: ViewChild,
+                args: ['formFlowConfigurationComponent', { static: true, read: ViewContainerRef }]
+            }], disabled: [{
+                type: Input
+            }], componentId: [{
+                type: Input
+            }], formFlowInstanceId: [{
+                type: Input
+            }], changeEvent: [{
+                type: Output
+            }], submitEvent: [{
+                type: Output
+            }] } });
+
+/*
+ * 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 FormFlowComponent {
+    set formFlowInstanceId(value) {
+        this.formFlowInstanceId$.next(value);
+        if (value)
+            this.getBreadcrumbs();
+    }
+    constructor(formFlowService, modalService, translateService, configService) {
+        this.formFlowService = formFlowService;
+        this.modalService = modalService;
+        this.translateService = translateService;
+        this.configService = configService;
+        this.formIoFormData = new BehaviorSubject(null);
+        this.formFlowComplete = new EventEmitter();
+        this.formFlowChange = new EventEmitter();
+        this.breadcrumbs$ = new BehaviorSubject([]);
+        this.disabled$ = new BehaviorSubject(false);
+        this.formFlowStepType$ = new BehaviorSubject(null);
+        this.FormFlowCustomComponentId$ = new BehaviorSubject('');
+        this.currentStepIndex$ = new BehaviorSubject(0);
+        this.enableFormFlowBreadcrumbs$ = this.configService.getFeatureToggleObservable('enableFormFlowBreadcrumbs');
+        this.formFlowInstanceId$ = new BehaviorSubject('');
+        this.formFlowStepInstanceId = null;
+        this.formioOptions = new FormioOptionsImpl();
+        this.formioOptions.disableAlerts = true;
+    }
+    ngOnInit() {
+        this.getFormFlowStep();
+    }
+    ngOnDestroy() {
+        this._breadcrumbsSubscription?.unsubscribe();
+    }
+    onChange(event) {
+        if (!event?.data)
+            return;
+        this.formIoFormData.next(event.data);
+        this.formFlowChange.emit();
+    }
+    onSubmit(submission) {
+        this.disable();
+        if (submission.data) {
+            this.formIoFormData.next(submission.data);
+        }
+        if (submission.data.submit &&
+            this.formFlowInstanceId$.getValue() &&
+            this.formFlowStepInstanceId) {
+            this.formFlowService
+                .submitStep(this.formFlowInstanceId$.getValue(), this.formFlowStepInstanceId, this.formIoFormData.getValue())
+                .subscribe({
+                next: (result) => {
+                    this.handleFormFlowStep(result);
+                },
+                error: errors => {
+                    this.form?.showErrors(errors);
+                    this.enable();
+                },
+            });
+        }
+        else if (submission.data['back']) {
+            this.back(submission.data);
+        }
+    }
+    onEvent(submission) {
+        if (submission.data['back'] || submission.type == 'back') {
+            this.back(submission.data);
+        }
+    }
+    saveData() {
+        const formIoFormDataValue = this.formIoFormData.getValue();
+        if (formIoFormDataValue && this.formFlowInstanceId$.getValue()) {
+            this.formFlowService.save(this.formFlowInstanceId$.getValue(), formIoFormDataValue).subscribe(() => null, errors => this.form.showErrors(errors));
+        }
+    }
+    onStepSelected(event) {
+        const submissionData = this.formIoFormData.getValue().data;
+        this.disable();
+        this.currentStepIndex$.next(event.index);
+        if (!this.formFlowInstanceId$.getValue() || !this.formFlowStepInstanceId)
+            return;
+        this.formFlowService
+            .navigateToStep(this.formFlowInstanceId$.getValue(), this.formFlowStepInstanceId, event.step.stepInstanceId, submissionData)
+            .subscribe({
+            next: (result) => this.handleFormFlowStep(result),
+            error: errors => {
+                this.form?.showErrors(errors);
+                this.enable();
+            },
+        });
+    }
+    getBreadcrumbs() {
+        if (!this.formFlowInstanceId$.getValue() ||
+            !this.configService.getFeatureToggle('enableFormFlowBreadcrumbs')) {
+            return;
+        }
+        this._breadcrumbsSubscription?.unsubscribe();
+        this._breadcrumbsSubscription = combineLatest([
+            this.formFlowService.getBreadcrumbs(this.formFlowInstanceId$.getValue()),
+            this.translateService.stream('key'),
+        ])
+            .pipe(map(([breadcrumbs]) => breadcrumbs))
+            .subscribe(breadcrumbs => {
+            const classElement = document.getElementsByClassName('cds--progress-step--current');
+            this.currentStepIndex$.next(breadcrumbs.currentStepIndex);
+            this.breadcrumbs$.next(breadcrumbs.breadcrumbs.map(breadcrumb => ({
+                label: breadcrumb.title ??
+                    this.translateService.instant(`formFlow.step.${breadcrumb.key}.title`) ??
+                    breadcrumb.key,
+                disabled: breadcrumb.stepInstanceId === null,
+                complete: breadcrumb.completed,
+                stepInstanceId: breadcrumb.stepInstanceId,
+            })));
+            if (classElement.length > 0) {
+                classElement[0].scrollIntoView({ behavior: 'smooth', inline: 'center' });
+            }
+        });
+    }
+    getFormFlowStep() {
+        if (!this.formFlowInstanceId$.getValue())
+            return;
+        this.formFlowService
+            .getFormFlowStep(this.formFlowInstanceId$.getValue())
+            .subscribe((result) => {
+            this.handleFormFlowStep(result);
+        });
+    }
+    back(submissionData) {
+        if (!this.formFlowInstanceId$.getValue())
+            return;
+        this.formFlowService.back(this.formFlowInstanceId$.getValue(), submissionData).subscribe({
+            next: (result) => this.handleFormFlowStep(result),
+            error: errors => {
+                this.form?.showErrors(errors);
+                this.enable();
+            },
+        });
+    }
+    handleFormFlowStep(formFlowInstance) {
+        if (formFlowInstance.step === null) {
+            this.formFlowStepType$.next(null);
+            this.FormFlowCustomComponentId$.next('');
+            this.formFlowInstanceId$.next(null);
+            this.formFlowStepInstanceId = null;
+            this.formFlowComplete.emit(null);
+        }
+        else {
+            this.getBreadcrumbs();
+            this.modalService.scrollToTop();
+            this.formFlowStepType$.next(formFlowInstance.step?.type ?? null);
+            this.FormFlowCustomComponentId$.next(formFlowInstance?.step?.typeProperties?.id || '');
+            this.formFlowInstanceId$.next(formFlowInstance.id);
+            this.formFlowStepInstanceId = formFlowInstance.step?.id ?? null;
+            this.formDefinition = formFlowInstance.step?.typeProperties.definition;
+        }
+        this.enable();
+    }
+    disable() {
+        this.disabled$.next(true);
+    }
+    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" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", 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: [{
+                type: ViewChild,
+                args: ['form']
+            }], formIoFormData: [{
+                type: Input
+            }], formFlowInstanceId: [{
+                type: Input
+            }], formFlowComplete: [{
+                type: Output
+            }], formFlowChange: [{
+                type: Output
+            }] } });
+
+/*
+ * 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.
+ */
+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,
+            FormLinkProcessDiagramComponent,
+            SelectPluginConfigurationComponent,
+            SelectPluginActionComponent,
+            PluginActionConfigurationComponent,
+            ProcessLinkModalComponent,
+            ChooseProcessLinkTypeComponent,
+            SelectFormComponent,
+            FormFlowComponent,
+            SelectFormFlowComponent,
+            FormFlowConfigurationContainerComponent,
+            FormDisplayConfigurationComponent,
+            SelectUIComponentComponent,
+            ImportPluginConfigurationComponent], imports: [CommonModule,
+            ProcessLinkRoutingModule,
+            FormsModule,
+            ReactiveFormsModule,
+            ModalModule,
+            SearchableDropdownSelectModule,
+            TranslateModule,
+            StepperModule,
+            VModalModule,
+            PluginTranslatePipeModule,
+            ParagraphModule,
+            PluginConfigurationContainerModule,
+            ModalModule$1,
+            ProgressIndicatorModule,
+            ButtonModule,
+            IconModule,
+            TooltipModule,
+            ComboBoxModule,
+            InputModule,
+            TooltipIconModule,
+            LoadingModule,
+            FormIoModule,
+            ValtimoCdsModalDirective,
+            StructuredListModule,
+            TilesModule,
+            RenderInPageHeaderDirective,
+            SelectModule,
+            ToggleModule,
+            CarbonMultiInputModule,
+            LayerModule,
+            ToggletipModule,
+            ComboBoxModule,
+            TranslateModule,
+            LayerModule,
+            ToggletipModule,
+            RemoveClassnamesDirective,
+            ReactiveFormsModule], 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,
+            ProcessLinkRoutingModule,
+            FormsModule,
+            ReactiveFormsModule,
+            ModalModule,
+            SearchableDropdownSelectModule,
+            TranslateModule,
+            StepperModule,
+            VModalModule,
+            PluginTranslatePipeModule,
+            ParagraphModule,
+            PluginConfigurationContainerModule,
+            ModalModule$1,
+            ProgressIndicatorModule,
+            ButtonModule,
+            IconModule,
+            TooltipModule,
+            ComboBoxModule,
+            InputModule,
+            TooltipIconModule,
+            LoadingModule,
+            FormIoModule,
+            StructuredListModule,
+            TilesModule,
+            SelectModule,
+            ToggleModule,
+            CarbonMultiInputModule,
+            LayerModule,
+            ToggletipModule,
+            ComboBoxModule,
+            TranslateModule,
+            LayerModule,
+            ToggletipModule,
+            ReactiveFormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: ProcessLinkModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ProcessLinkComponent,
+                        FormLinkProcessDiagramComponent,
+                        SelectPluginConfigurationComponent,
+                        SelectPluginActionComponent,
+                        PluginActionConfigurationComponent,
+                        ProcessLinkModalComponent,
+                        ChooseProcessLinkTypeComponent,
+                        SelectFormComponent,
+                        FormFlowComponent,
+                        SelectFormFlowComponent,
+                        FormFlowConfigurationContainerComponent,
+                        FormDisplayConfigurationComponent,
+                        SelectUIComponentComponent,
+                        ImportPluginConfigurationComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ProcessLinkRoutingModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        ModalModule,
+                        SearchableDropdownSelectModule,
+                        TranslateModule,
+                        StepperModule,
+                        VModalModule,
+                        PluginTranslatePipeModule,
+                        ParagraphModule,
+                        PluginConfigurationContainerModule,
+                        ModalModule$1,
+                        ProgressIndicatorModule,
+                        ButtonModule,
+                        IconModule,
+                        TooltipModule,
+                        ComboBoxModule,
+                        InputModule,
+                        TooltipIconModule,
+                        LoadingModule,
+                        FormIoModule,
+                        ValtimoCdsModalDirective,
+                        StructuredListModule,
+                        TilesModule,
+                        RenderInPageHeaderDirective,
+                        SelectModule,
+                        ToggleModule,
+                        CarbonMultiInputModule,
+                        LayerModule,
+                        ToggletipModule,
+                        ComboBoxModule,
+                        TranslateModule,
+                        LayerModule,
+                        ToggletipModule,
+                        RemoveClassnamesDirective,
+                        ReactiveFormsModule,
+                    ],
+                    exports: [
+                        ProcessLinkComponent,
+                        SelectPluginConfigurationComponent,
+                        SelectPluginActionComponent,
+                        PluginActionConfigurationComponent,
+                        ProcessLinkModalComponent,
+                        FormFlowComponent,
+                    ],
+                    providers: [UrlValidatorService, UrlResolverService],
+                }]
+        }] });
+
+/*
+ * 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.
+ */
+/*
+ * Public API Surface of process-link
+ */
+
+/**
+ * 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 };
+//# sourceMappingURL=valtimo-process-link.mjs.map