@valtimo/process-link 12.0.0

package/fesm2022/valtimo-process-link.mjs

@@ -0,0 +1,2119 @@
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, Inject, Component, EventEmitter, Output, ViewChild, NgModule, ViewContainerRef, Input } from '@angular/core';
+import * as i1 from '@angular/common/http';
+import { HttpParams, HttpHeaders } from '@angular/common/http';
+import * as i2 from '@valtimo/config';
+import { ROLE_ADMIN } from '@valtimo/config';
+import { map, take, switchMap as switchMap$1, tap as tap$1 } from 'rxjs/operators';
+import { BehaviorSubject, Subject, switchMap, of, combineLatest, filter, map as map$1, Subscription, tap } from 'rxjs';
+import * as i1$1 from '@valtimo/plugin';
+import { PluginTranslatePipeModule, PluginConfigurationContainerModule } from '@valtimo/plugin';
+import * as i6 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i2$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from 'carbon-components-angular';
+import { ModalModule as ModalModule$1, ProgressIndicatorModule, ButtonModule as ButtonModule$1, IconModule, ComboBoxModule, InputModule, LoadingModule, StructuredListModule, TilesModule, SelectModule } from 'carbon-components-angular';
+import BpmnJS from 'bpmn-js/dist/bpmn-navigated-viewer.production.min.js';
+import * as i1$2 from '@valtimo/process';
+import * as i2$2 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i2$3 from '@valtimo/components';
+import { FormioOptionsImpl, ModalModule, SearchableDropdownSelectModule, StepperModule, VModalModule, VCardModule, ParagraphModule, ButtonModule, TitleModule, TooltipModule, TooltipIconModule, FormIoModule, ValtimoCdsModalDirectiveModule, RenderInPageHeaderDirectiveModule } from '@valtimo/components';
+import * as i5 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { AuthGuardService } from '@valtimo/security';
+import * as i1$3 from '@valtimo/form';
+import * as i5$1 from 'carbon-components-angular/dropdown';
+
+/*
+ * Copyright 2015-2024 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 {
+    constructor(http, configService) {
+        this.http = http;
+        this.configService = configService;
+        this.valtimoEndpointUri = configService.config.valtimoApi.endpointUri;
+    }
+    getFormFlowDefinitions() {
+        return this.http.get(`${this.valtimoEndpointUri}v1/form-flow/definition`);
+    }
+    createInstanceForNewProcess(processDefinitionKey, request) {
+        return this.http.post(`${this.valtimoEndpointUri}v1/process-definition/${processDefinitionKey}/form-flow`, request);
+    }
+    getFormFlowStep(formFlowInstanceId) {
+        return this.http.get(`${this.valtimoEndpointUri}v1/form-flow/instance/${formFlowInstanceId}`);
+    }
+    submitStep(formFlowInstanceId, stepInstanceId, submissionData) {
+        return this.http.post(`${this.valtimoEndpointUri}v1/form-flow/instance/${formFlowInstanceId}/step/instance/${stepInstanceId}`, submissionData);
+    }
+    back(formFlowInstanceId, submissionData) {
+        return this.http.post(`${this.valtimoEndpointUri}v1/form-flow/instance/${formFlowInstanceId}/back`, submissionData);
+    }
+    save(formFlowInstanceId, submissionData) {
+        return this.http.post(`${this.valtimoEndpointUri}v1/form-flow/instance/${formFlowInstanceId}/save`, submissionData);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", 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: "17.3.3", ngImport: i0, type: FormFlowService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ConfigService }] });
+
+/*
+ * Copyright 2015-2024 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 = configService.config.valtimoApi.endpointUri;
+    }
+    getProcessLink(getProcessLinkRequest) {
+        const params = new HttpParams()
+            .set('activityId', getProcessLinkRequest.activityId)
+            .set('processDefinitionId', getProcessLinkRequest.processDefinitionId);
+        return this.http.get(`${this.VALTIMO_ENDPOINT_URI}v1/process-link`, {
+            params,
+        });
+    }
+    updateProcessLink(updateProcessLinkRequest) {
+        const pluginUpdateRequest = updateProcessLinkRequest;
+        if (pluginUpdateRequest.actionProperties) {
+            Object.keys(pluginUpdateRequest.actionProperties).forEach(key => {
+                if (pluginUpdateRequest.actionProperties[key] === '') {
+                    pluginUpdateRequest.actionProperties[key] = null;
+                }
+            });
+        }
+        return this.http.put(`${this.VALTIMO_ENDPOINT_URI}v1/process-link`, updateProcessLinkRequest);
+    }
+    saveProcessLink(saveProcessLinkRequest) {
+        const pluginProcessLinkCreateRequest = saveProcessLinkRequest;
+        if (pluginProcessLinkCreateRequest.actionProperties) {
+            Object.keys(pluginProcessLinkCreateRequest.actionProperties).forEach(key => {
+                if (pluginProcessLinkCreateRequest.actionProperties[key] === '') {
+                    pluginProcessLinkCreateRequest.actionProperties[key] = null;
+                }
+            });
+        }
+        return this.http.post(`${this.VALTIMO_ENDPOINT_URI}v1/process-link`, 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}`);
+    }
+    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);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", 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: "17.3.3", ngImport: i0, type: ProcessLinkService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ProcessLinkService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i2.ConfigService }, { type: i1.HttpClient }] });
+
+/*
+ * Copyright 2015-2024 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: "17.3.3", 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: "17.3.3", ngImport: i0, type: PluginStateService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PluginStateService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1$1.PluginManagementService }, { type: i1$1.PluginService }] });
+
+/*
+ * Copyright 2015-2024 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: "17.3.3", ngImport: i0, type: ProcessLinkButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ProcessLinkButtonService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ProcessLinkButtonService, decorators: [{
+            type: Injectable
+        }] });
+
+/*
+ * Copyright 2015-2024 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);
+    }
+    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();
+            }
+        });
+    }
+    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.hideSaveButton();
+                    this.buttonService.hideBackButton();
+                }
+                else {
+                    this.setFormSteps();
+                    this.buttonService.showSaveButton();
+                    this.buttonService.showBackButton();
+                }
+                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;
+        }
+    }
+    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: "17.3.3", ngImport: i0, type: ProcessLinkStepService, deps: [{ token: i6.TranslateService }, { token: ProcessLinkButtonService }, { token: PluginStateService }, { token: i1$1.PluginTranslationService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ProcessLinkStepService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ProcessLinkStepService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i6.TranslateService }, { type: ProcessLinkButtonService }, { type: PluginStateService }, { type: i1$1.PluginTranslationService }] });
+
+/*
+ * Copyright 2015-2024 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 showModal$() {
+        return this._showModal$.asObservable();
+    }
+    get elementName$() {
+        return this._elementName$.asObservable();
+    }
+    get availableProcessLinkTypes$() {
+        return this._availableProcessLinkTypes$.asObservable();
+    }
+    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 || ''));
+    }
+    constructor(processLinkStepService, buttonService, pluginStateService) {
+        this.processLinkStepService = processLinkStepService;
+        this.buttonService = buttonService;
+        this.pluginStateService = pluginStateService;
+        this._showModal$ = new BehaviorSubject(false);
+        this._availableProcessLinkTypes$ = new BehaviorSubject([]);
+        this._elementName$ = new BehaviorSubject('');
+        this._selectedProcessLinkTypeId$ = new BehaviorSubject('');
+        this._saving$ = new BehaviorSubject(false);
+        this._modalParams$ = new BehaviorSubject(undefined);
+        this._selectedProcessLink$ = new BehaviorSubject(undefined);
+        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);
+    }
+    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) {
+        this._selectedProcessLink$.next(processLink);
+        this.pluginStateService.selectProcessLink(processLink);
+    }
+    deselectProcessLink() {
+        this._selectedProcessLink$.next(undefined);
+        this.pluginStateService.deselectProcessLink();
+    }
+    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: "17.3.3", ngImport: i0, type: ProcessLinkStateService, deps: [{ token: ProcessLinkStepService }, { token: ProcessLinkButtonService }, { token: PluginStateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ProcessLinkStateService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ProcessLinkStateService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: ProcessLinkStepService }, { type: ProcessLinkButtonService }, { type: PluginStateService }] });
+
+/*
+ * Copyright 2015-2024 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: () => [] });
+
+/*
+ * Copyright 2015-2024 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-2024 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: "17.3.3", ngImport: i0, type: FormFlowComponentService, deps: [{ token: FORM_FLOW_COMPONENT_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowComponentService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowComponentService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: Array, decorators: [{
+                    type: Inject,
+                    args: [FORM_FLOW_COMPONENT_TOKEN]
+                }] }] });
+
+/*
+ * Copyright 2015-2024 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-2024 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: "17.3.3", 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: "17.3.3", type: SelectPluginConfigurationComponent, selector: "valtimo-select-plugin-configuration", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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-2024 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: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i3.StructuredList, selector: "cds-structured-list, ibm-structured-list", inputs: ["selection", "flushed", "condensed", "name", "skeleton"], outputs: ["selected"] }, { kind: "component", type: i3.ListRow, selector: "cds-list-row, ibm-list-row", inputs: ["selected", "label", "value"], outputs: ["change"] }, { kind: "component", type: i3.ListHeader, selector: "cds-list-header, ibm-list-header", inputs: ["skeleton"] }, { kind: "component", type: i3.ListColumn, selector: "cds-list-column, ibm-list-column", inputs: ["skeleton", "nowrap"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: i1$1.PluginTranslatePipe, name: "pluginTranslate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SelectPluginConfigurationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-select-plugin-configuration', template: "<!--\n  ~ Copyright 2015-2024 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-2024 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-2024 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) {
+        this.buttonService = buttonService;
+        this.pluginManagementService = pluginManagementService;
+        this.stateService = stateService;
+        this.stepService = stepService;
+        this.pluginFunctions$ = this.stateService.selectedPluginDefinition$.pipe(switchMap$1(selectedDefinition => selectedDefinition
+            ? this.pluginManagementService.getPluginFunctions(selectedDefinition.key)
+            : 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: "17.3.3", ngImport: i0, type: SelectPluginActionComponent, deps: [{ token: ProcessLinkButtonService }, { token: i1$1.PluginManagementService }, { token: PluginStateService }, { token: ProcessLinkStepService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: SelectPluginActionComponent, selector: "valtimo-select-plugin-action", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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-2024 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: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i3.SelectionTile, selector: "cds-selection-tile, ibm-selection-tile", inputs: ["theme", "id", "selected", "value", "disabled"], outputs: ["change"] }, { kind: "component", type: i3.TileGroup, selector: "cds-tile-group, ibm-tile-group", inputs: ["name", "multiple", "legend"], outputs: ["selected"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: i1$1.PluginTranslatePipe, name: "pluginTranslate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SelectPluginActionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-select-plugin-action', template: "<!--\n  ~ Copyright 2015-2024 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-2024 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 }] });
+
+/*
+ * Copyright 2015-2024 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.prefillConfiguration$ = this.stateService.selectedProcessLink$.pipe(map(processLink => (processLink ? processLink?.actionProperties : undefined)));
+        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);
+            }
+        });
+    }
+    updateProcessLink(configuration) {
+        this.stateService.selectedProcessLink$.pipe(take(1)).subscribe(selectedProcessLink => {
+            const updateProcessLinkRequest = {
+                id: selectedProcessLink.id,
+                pluginConfigurationId: selectedProcessLink.pluginConfigurationId,
+                pluginActionDefinitionKey: selectedProcessLink.pluginActionDefinitionKey,
+                actionProperties: configuration,
+            };
+            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,
+            };
+            this.processLinkService.saveProcessLink(processLinkRequest).subscribe(response => {
+                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: "17.3.3", 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: "17.3.3", type: PluginActionConfigurationComponent, selector: "valtimo-plugin-action-configuration", outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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-plugin-configuration-container\n  [pluginDefinitionKey]=\"pluginDefinitionKey$ | async\"\n  [functionKey]=\"functionKey$ | async\"\n  [save$]=\"save$\"\n  [disabled$]=\"saving$\"\n  [prefillConfiguration$]=\"prefillConfiguration$\"\n  (valid)=\"onValid($event)\"\n  (configuration)=\"onConfiguration($event)\"\n  type=\"function\"\n></valtimo-plugin-configuration-container>\n", styles: ["/*!\n * Copyright 2015-2024 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$", "prefillConfiguration$"], outputs: ["valid", "configuration"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: PluginActionConfigurationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-plugin-action-configuration', template: "<!--\n  ~ Copyright 2015-2024 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-plugin-configuration-container\n  [pluginDefinitionKey]=\"pluginDefinitionKey$ | async\"\n  [functionKey]=\"functionKey$ | async\"\n  [save$]=\"save$\"\n  [disabled$]=\"saving$\"\n  [prefillConfiguration$]=\"prefillConfiguration$\"\n  (valid)=\"onValid($event)\"\n  (configuration)=\"onConfiguration($event)\"\n  type=\"function\"\n></valtimo-plugin-configuration-container>\n", styles: ["/*!\n * Copyright 2015-2024 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: { valid: [{
+                type: Output
+            }], configuration: [{
+                type: Output
+            }] } });
+
+/*
+ * Copyright 2015-2024 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.bpmnJS = new BpmnJS();
+        this.bpmnJS.on('import.done', ({ error }) => {
+            if (!error) {
+                const canvas = this.bpmnJS.get('canvas');
+                const eventBus = this.bpmnJS.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.bpmnJS) {
+            this.bpmnJS.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.bpmnJS.importXML(this.processDiagram.bpmn20Xml);
+            this.bpmnJS.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: "17.3.3", ngImport: i0, type: FormLinkProcessDiagramComponent, deps: [{ token: i1$2.ProcessService }, { token: i2$2.ActivatedRoute }, { token: i2$3.PageTitleService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: FormLinkProcessDiagramComponent, 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-2024 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-2024 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: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$3.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: i3.Select, selector: "cds-select, ibm-select", inputs: ["display", "label", "helperText", "invalidText", "warn", "warnText", "id", "size", "disabled", "skeleton", "invalid", "theme", "ariaLabel", "value"], outputs: ["valueChange"] }, { kind: "directive", type: i3.Option, selector: "option" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormLinkProcessDiagramComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-form-link-process-diagram', template: "<!--\n  ~ Copyright 2015-2024 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-2024 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.ProcessService }, { type: i2$2.ActivatedRoute }, { type: i2$3.PageTitleService }], propDecorators: { el: [{
+                type: ViewChild,
+                args: ['ref']
+            }], bpmnElementModalOpen: [{
+                type: Output
+            }], bpmnElementModalClose: [{
+                type: Output
+            }] } });
+
+/*
+ * Copyright 2015-2024 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: "17.3.3", ngImport: i0, type: ChooseProcessLinkTypeComponent, deps: [{ token: ProcessLinkStateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: ChooseProcessLinkTypeComponent, selector: "valtimo-choose-process-link-type", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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        </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-2024 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: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i3.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[vTooltip]", inputs: ["vTooltip", "onBottom", "tooltipDisabled"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ChooseProcessLinkTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-choose-process-link-type', template: "<!--\n  ~ Copyright 2015-2024 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        </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-2024 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-2024 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) {
+        this.formService = formService;
+        this.stateService = stateService;
+        this.processLinkService = processLinkService;
+        this.buttonService = buttonService;
+        this.saving$ = this.stateService.saving$;
+        this.formDefinitions$ = this.formService.getAllFormDefinitions();
+        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();
+    }
+    ngOnInit() {
+        this.openBackButtonSubscription();
+        this.openSaveButtonSubscription();
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    selectFormDefinition(formDefinition) {
+        if (typeof formDefinition === 'object' && formDefinition.id) {
+            this._selectedFormDefinition = formDefinition;
+            this.buttonService.enableSaveButton();
+        }
+        else {
+            this._selectedFormDefinition = null;
+            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)).subscribe(selectedProcessLink => {
+            if (selectedProcessLink) {
+                this.updateProcessLink();
+            }
+            else {
+                this.saveNewProcessLink();
+            }
+        });
+    }
+    updateProcessLink() {
+        this.stateService.selectedProcessLink$.pipe(take(1)).subscribe(selectedProcessLink => {
+            const updateProcessLinkRequest = {
+                id: selectedProcessLink.id,
+                formDefinitionId: this._selectedFormDefinition.id,
+            };
+            this.processLinkService.updateProcessLink(updateProcessLinkRequest).subscribe(() => {
+                this.stateService.closeModal();
+            }, () => {
+                this.stateService.stopSaving();
+            });
+        });
+    }
+    saveNewProcessLink() {
+        combineLatest([this.stateService.modalParams$, this.stateService.selectedProcessLinkTypeId$])
+            .pipe(take(1), switchMap(([modalParams, processLinkTypeId]) => this.processLinkService.saveProcessLink({
+            formDefinitionId: this._selectedFormDefinition.id,
+            activityType: modalParams.element.activityListenerType,
+            processDefinitionId: modalParams.processDefinitionId,
+            processLinkType: processLinkTypeId,
+            activityId: modalParams.element.id,
+        })))
+            .subscribe(() => {
+            this.stateService.closeModal();
+        }, () => {
+            this.stateService.stopSaving();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SelectFormComponent, deps: [{ token: i1$3.FormService }, { token: ProcessLinkStateService }, { token: ProcessLinkService }, { token: ProcessLinkButtonService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: SelectFormComponent, selector: "valtimo-select-form", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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  </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-2024 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: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "items", "type", "size", "itemValueKey", "label", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i5$1.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SelectFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-select-form', template: "<!--\n  ~ Copyright 2015-2024 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  </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-2024 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.FormService }, { type: ProcessLinkStateService }, { type: ProcessLinkService }, { type: ProcessLinkButtonService }] });
+
+/*
+ * Copyright 2015-2024 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) {
+        this.formFlowService = formFlowService;
+        this.stateService = stateService;
+        this.processLinkService = processLinkService;
+        this.buttonService = buttonService;
+        this.saving$ = this.stateService.saving$;
+        this.formFlowDefinitions$ = this.formFlowService.getFormFlowDefinitions();
+        this.formFlowDefinitionListItems$ = combineLatest([this.stateService.selectedProcessLink$, this.formFlowDefinitions$]).pipe(map$1(([selectedProcessLink, formFlowDefinitions]) => formFlowDefinitions.map(definition => ({
+            content: definition.name,
+            id: definition.id,
+            selected: selectedProcessLink
+                ? selectedProcessLink.formFlowDefinitionId === definition.id
+                : false,
+        }))), tap(formFlowDefinitionListItems => {
+            const selectedItem = formFlowDefinitionListItems.find(item => item.selected);
+            if (selectedItem) {
+                this.selectFormFlowDefinition(selectedItem);
+            }
+        }));
+        this._subscriptions = new Subscription();
+    }
+    ngOnInit() {
+        this.openBackButtonSubscription();
+        this.openSaveButtonSubscription();
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    selectFormFlowDefinition(formFlowDefinition) {
+        if (typeof formFlowDefinition === 'object' && formFlowDefinition.id) {
+            this._selectedFormFlowDefinition = formFlowDefinition;
+            this.buttonService.enableSaveButton();
+        }
+        else {
+            this._selectedFormFlowDefinition = null;
+            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.saveFormFlowLink();
+        }));
+    }
+    saveFormFlowLink() {
+        this.stateService.selectedProcessLink$.pipe(take(1)).subscribe(selectedProcessLink => {
+            if (selectedProcessLink) {
+                this.updateProcessLink();
+            }
+            else {
+                this.saveNewProcessLink();
+            }
+        });
+    }
+    updateProcessLink() {
+        this.stateService.selectedProcessLink$.pipe(take(1)).subscribe(selectedProcessLink => {
+            const updateProcessLinkRequest = {
+                id: selectedProcessLink.id,
+                formFlowDefinitionId: this._selectedFormFlowDefinition.id,
+            };
+            this.processLinkService.updateProcessLink(updateProcessLinkRequest).subscribe(() => {
+                this.stateService.closeModal();
+            }, () => {
+                this.stateService.stopSaving();
+            });
+        });
+    }
+    saveNewProcessLink() {
+        combineLatest([this.stateService.modalParams$, this.stateService.selectedProcessLinkTypeId$])
+            .pipe(take(1), switchMap(([modalParams, processLinkTypeId]) => this.processLinkService.saveProcessLink({
+            formFlowDefinitionId: this._selectedFormFlowDefinition.id,
+            activityType: modalParams.element.activityListenerType,
+            processDefinitionId: modalParams.processDefinitionId,
+            processLinkType: processLinkTypeId,
+            activityId: modalParams.element.id,
+        })))
+            .subscribe(() => {
+            this.stateService.closeModal();
+        }, () => {
+            this.stateService.stopSaving();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SelectFormFlowComponent, deps: [{ token: FormFlowService }, { token: ProcessLinkStateService }, { token: ProcessLinkService }, { token: ProcessLinkButtonService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: SelectFormFlowComponent, selector: "valtimo-select-form-flow", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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  <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  </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-2024 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: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "items", "type", "size", "itemValueKey", "label", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i5$1.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: SelectFormFlowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-select-form-flow', template: "<!--\n  ~ Copyright 2015-2024 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  <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  </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-2024 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: ProcessLinkStateService }, { type: ProcessLinkService }, { type: ProcessLinkButtonService }] });
+
+/*
+ * Copyright 2015-2024 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, processLinkService) {
+        this.stateService = stateService;
+        this.stepService = stepService;
+        this.buttonService = buttonService;
+        this.processLinkService = processLinkService;
+        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$;
+    }
+    closeModal() {
+        this.stateService.closeModal();
+    }
+    backButtonClick() {
+        this.buttonService.clickBackButton();
+    }
+    saveButtonClick() {
+        this.buttonService.clickSaveButton();
+    }
+    nextButtonClick() {
+        this.buttonService.clickNextButton();
+    }
+    unlinkButtonClick() {
+        this.stateService.startSaving();
+        this.stateService.selectedProcessLink$.pipe(take(1)).subscribe(selectedProcessLink => {
+            this.processLinkService.deleteProcessLink(selectedProcessLink.id).subscribe(() => {
+                this.stateService.closeModal();
+            }, () => {
+                this.stateService.stopSaving();
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ProcessLinkModalComponent, deps: [{ token: ProcessLinkStateService }, { token: ProcessLinkStepService }, { token: ProcessLinkButtonService }, { token: ProcessLinkService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: ProcessLinkModalComponent, selector: "valtimo-process-link-modal", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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\">\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>\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      </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      <ng-container *ngIf=\"obs.currentStepId === 'choosePluginConfiguration'\">\n        <valtimo-select-plugin-configuration></valtimo-select-plugin-configuration>\n      </ng-container>\n      <ng-container *ngIf=\"obs.currentStepId === 'choosePluginAction'\">\n        <valtimo-select-plugin-action></valtimo-select-plugin-action>\n      </ng-container>\n      <ng-container\n        *ngIf=\"\n          obs.currentStepId === 'configurePluginAction' ||\n          obs.typeOfSelectedProgressLink === 'plugin'\n        \"\n      >\n        <valtimo-plugin-action-configuration></valtimo-plugin-action-configuration>\n      </ng-container>\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 === false\"\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 === false\"\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-2024 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: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i3.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i3.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i3.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i3.ModalHeaderLabel, selector: "[cdsModalHeaderLabel], [ibmModalHeaderLabel]" }, { kind: "component", type: i3.ProgressIndicator, selector: "cds-progress-indicator, ibm-progress-indicator", inputs: ["current", "steps", "translations", "orientation", "skeleton", "spacing"], outputs: ["stepSelected"] }, { kind: "directive", type: i3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i3.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "directive", type: i2$3.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]" }, { 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", 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: "pipe", type: i2$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ProcessLinkModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-process-link-modal', template: "<!--\n  ~ Copyright 2015-2024 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\">\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>\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      </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      <ng-container *ngIf=\"obs.currentStepId === 'choosePluginConfiguration'\">\n        <valtimo-select-plugin-configuration></valtimo-select-plugin-configuration>\n      </ng-container>\n      <ng-container *ngIf=\"obs.currentStepId === 'choosePluginAction'\">\n        <valtimo-select-plugin-action></valtimo-select-plugin-action>\n      </ng-container>\n      <ng-container\n        *ngIf=\"\n          obs.currentStepId === 'configurePluginAction' ||\n          obs.typeOfSelectedProgressLink === 'plugin'\n        \"\n      >\n        <valtimo-plugin-action-configuration></valtimo-plugin-action-configuration>\n      </ng-container>\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 === false\"\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 === false\"\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-2024 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: ProcessLinkService }] });
+
+/*
+ * Copyright 2015-2024 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: "17.3.3", ngImport: i0, type: ProcessLinkComponent, deps: [{ token: ProcessLinkService }, { token: ProcessLinkStateService }, { token: i2$3.ModalService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: ProcessLinkComponent, selector: "valtimo-process-link", providers: [ProcessLinkStateService, ProcessLinkStepService, ProcessLinkButtonService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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-2024 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: "17.3.3", ngImport: i0, type: ProcessLinkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-process-link', providers: [ProcessLinkStateService, ProcessLinkStepService, ProcessLinkButtonService], template: "<!--\n  ~ Copyright 2015-2024 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-2024 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$3.ModalService }] });
+
+/*
+ * Copyright 2015-2024 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: "17.3.3", ngImport: i0, type: ProcessLinkRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: ProcessLinkRoutingModule, imports: [i2$2.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ProcessLinkRoutingModule, imports: [RouterModule.forRoot(routes), RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ProcessLinkRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [RouterModule.forRoot(routes)],
+                    exports: [RouterModule],
+                    declarations: [],
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2024 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-2024 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-2024 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: "17.3.3", ngImport: i0, type: FormFlowConfigurationContainerComponent, deps: [{ token: FormFlowComponentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: FormFlowConfigurationContainerComponent, 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-2024 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: "17.3.3", ngImport: i0, type: FormFlowConfigurationContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-form-flow-configuration-container', template: "<!--\n  ~ Copyright 2015-2024 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-2024 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 {
+    constructor(formFlowService, modalService) {
+        this.formFlowService = formFlowService;
+        this.modalService = modalService;
+        this.formIoFormData = new BehaviorSubject(null);
+        this.formFlowComplete = new EventEmitter();
+        this.disabled$ = new BehaviorSubject(false);
+        this.formFlowStepType$ = new BehaviorSubject(null);
+        this.FormFlowCustomComponentId$ = new BehaviorSubject('');
+        this.formioOptions = new FormioOptionsImpl();
+        this.formioOptions.disableAlerts = true;
+    }
+    ngOnInit() {
+        this.getFormFlowStep();
+    }
+    onChange(event) {
+        if (event?.data) {
+            this.formIoFormData.next(event.data);
+        }
+    }
+    onSubmit(submission) {
+        this.disable();
+        if (submission.data) {
+            this.formIoFormData.next(submission.data);
+        }
+        if (submission.data.submit) {
+            this.formFlowService
+                .submitStep(this.formFlowInstanceId, this.formFlowStepInstanceId, this.formIoFormData.getValue())
+                .subscribe((result) => this.handleFormFlowStep(result), errors => {
+                this.form?.showErrors(errors);
+                this.enable();
+            });
+        }
+        else if (submission.data['back']) {
+            this.formFlowService.back(this.formFlowInstanceId, submission.data).subscribe((result) => this.handleFormFlowStep(result), errors => {
+                this.form?.showErrors(errors);
+                this.enable();
+            });
+        }
+    }
+    saveData() {
+        const formIoFormDataValue = this.formIoFormData.getValue();
+        if (formIoFormDataValue && this.formFlowInstanceId) {
+            this.formFlowService.save(this.formFlowInstanceId, formIoFormDataValue).subscribe(() => null, errors => this.form.showErrors(errors));
+        }
+    }
+    getFormFlowStep() {
+        this.formFlowService
+            .getFormFlowStep(this.formFlowInstanceId)
+            .subscribe((result) => {
+            this.handleFormFlowStep(result);
+        });
+    }
+    handleFormFlowStep(formFlowInstance) {
+        if (formFlowInstance.step === null) {
+            this.formFlowStepType$.next(null);
+            this.FormFlowCustomComponentId$.next('');
+            this.formFlowInstanceId = null;
+            this.formFlowStepInstanceId = null;
+            this.formFlowComplete.emit(null);
+        }
+        else {
+            this.modalService.scrollToTop();
+            this.formFlowStepType$.next(formFlowInstance.step.type);
+            this.FormFlowCustomComponentId$.next(formFlowInstance?.step?.typeProperties?.id || '');
+            this.formFlowInstanceId = formFlowInstance.id;
+            this.formFlowStepInstanceId = formFlowInstance.step.id;
+            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: "17.3.3", ngImport: i0, type: FormFlowComponent, deps: [{ token: FormFlowService }, { token: i2$3.ValtimoModalService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: FormFlowComponent, selector: "valtimo-form-flow", inputs: { formIoFormData: "formIoFormData", formFlowInstanceId: "formFlowInstanceId" }, outputs: { formFlowComplete: "formFlowComplete" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 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  <div body *ngIf=\"formDefinition && (formFlowStepType$ | async) === 'form'\">\n    <valtimo-form-io\n      #form\n      [form]=\"formDefinition\"\n      (submit)=\"onSubmit($event)\"\n      (change)=\"onChange($event)\"\n      [options]=\"formioOptions\"\n    ></valtimo-form-io>\n  </div>\n  <div body *ngIf=\"(formFlowStepType$ | async) === 'custom-component'\">\n    <valtimo-form-flow-configuration-container\n      [componentId]=\"FormFlowCustomComponentId$ | async\"\n      [formFlowInstanceId]=\"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: [""], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change"] }, { kind: "component", type: FormFlowConfigurationContainerComponent, selector: "valtimo-form-flow-configuration-container", inputs: ["disabled", "componentId", "formFlowInstanceId"], outputs: ["changeEvent", "submitEvent"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: FormFlowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-form-flow', template: "<!--\n  ~ Copyright 2015-2024 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  <div body *ngIf=\"formDefinition && (formFlowStepType$ | async) === 'form'\">\n    <valtimo-form-io\n      #form\n      [form]=\"formDefinition\"\n      (submit)=\"onSubmit($event)\"\n      (change)=\"onChange($event)\"\n      [options]=\"formioOptions\"\n    ></valtimo-form-io>\n  </div>\n  <div body *ngIf=\"(formFlowStepType$ | async) === 'custom-component'\">\n    <valtimo-form-flow-configuration-container\n      [componentId]=\"FormFlowCustomComponentId$ | async\"\n      [formFlowInstanceId]=\"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" }]
+        }], ctorParameters: () => [{ type: FormFlowService }, { type: i2$3.ValtimoModalService }], propDecorators: { form: [{
+                type: ViewChild,
+                args: ['form']
+            }], formIoFormData: [{
+                type: Input
+            }], formFlowInstanceId: [{
+                type: Input
+            }], formFlowComplete: [{
+                type: Output
+            }] } });
+
+/*
+ * Copyright 2015-2024 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-2024 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-2024 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: "17.3.3", ngImport: i0, type: ProcessLinkModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: ProcessLinkModule, declarations: [ProcessLinkComponent,
+            FormLinkProcessDiagramComponent,
+            SelectPluginConfigurationComponent,
+            SelectPluginActionComponent,
+            PluginActionConfigurationComponent,
+            ProcessLinkModalComponent,
+            ChooseProcessLinkTypeComponent,
+            SelectFormComponent,
+            FormFlowComponent,
+            SelectFormFlowComponent,
+            FormFlowConfigurationContainerComponent], imports: [CommonModule,
+            ProcessLinkRoutingModule,
+            FormsModule,
+            ModalModule,
+            SearchableDropdownSelectModule,
+            TranslateModule,
+            StepperModule,
+            VModalModule,
+            VCardModule,
+            PluginTranslatePipeModule,
+            ParagraphModule,
+            PluginConfigurationContainerModule,
+            ButtonModule,
+            TitleModule,
+            ModalModule$1,
+            ProgressIndicatorModule,
+            ButtonModule$1,
+            IconModule,
+            TooltipModule,
+            ComboBoxModule,
+            InputModule,
+            TooltipIconModule,
+            LoadingModule,
+            FormIoModule,
+            ValtimoCdsModalDirectiveModule,
+            StructuredListModule,
+            TilesModule,
+            RenderInPageHeaderDirectiveModule,
+            SelectModule], exports: [ProcessLinkComponent,
+            SelectPluginConfigurationComponent,
+            SelectPluginActionComponent,
+            PluginActionConfigurationComponent,
+            ProcessLinkModalComponent,
+            FormFlowComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ProcessLinkModule, imports: [CommonModule,
+            ProcessLinkRoutingModule,
+            FormsModule,
+            ModalModule,
+            SearchableDropdownSelectModule,
+            TranslateModule,
+            StepperModule,
+            VModalModule,
+            VCardModule,
+            PluginTranslatePipeModule,
+            ParagraphModule,
+            PluginConfigurationContainerModule,
+            ButtonModule,
+            TitleModule,
+            ModalModule$1,
+            ProgressIndicatorModule,
+            ButtonModule$1,
+            IconModule,
+            TooltipModule,
+            ComboBoxModule,
+            InputModule,
+            TooltipIconModule,
+            LoadingModule,
+            FormIoModule,
+            ValtimoCdsModalDirectiveModule,
+            StructuredListModule,
+            TilesModule,
+            RenderInPageHeaderDirectiveModule,
+            SelectModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ProcessLinkModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ProcessLinkComponent,
+                        FormLinkProcessDiagramComponent,
+                        SelectPluginConfigurationComponent,
+                        SelectPluginActionComponent,
+                        PluginActionConfigurationComponent,
+                        ProcessLinkModalComponent,
+                        ChooseProcessLinkTypeComponent,
+                        SelectFormComponent,
+                        FormFlowComponent,
+                        SelectFormFlowComponent,
+                        FormFlowConfigurationContainerComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        ProcessLinkRoutingModule,
+                        FormsModule,
+                        ModalModule,
+                        SearchableDropdownSelectModule,
+                        TranslateModule,
+                        StepperModule,
+                        VModalModule,
+                        VCardModule,
+                        PluginTranslatePipeModule,
+                        ParagraphModule,
+                        PluginConfigurationContainerModule,
+                        ButtonModule,
+                        TitleModule,
+                        ModalModule$1,
+                        ProgressIndicatorModule,
+                        ButtonModule$1,
+                        IconModule,
+                        TooltipModule,
+                        ComboBoxModule,
+                        InputModule,
+                        TooltipIconModule,
+                        LoadingModule,
+                        FormIoModule,
+                        ValtimoCdsModalDirectiveModule,
+                        StructuredListModule,
+                        TilesModule,
+                        RenderInPageHeaderDirectiveModule,
+                        SelectModule,
+                    ],
+                    exports: [
+                        ProcessLinkComponent,
+                        SelectPluginConfigurationComponent,
+                        SelectPluginActionComponent,
+                        PluginActionConfigurationComponent,
+                        ProcessLinkModalComponent,
+                        FormFlowComponent,
+                    ],
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2024 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-2024 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-2024 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-2024 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-2024 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_FLOW_COMPONENT_TOKEN, FormFlowComponent, FormFlowService, PluginActionConfigurationComponent, ProcessLinkComponent, ProcessLinkModalComponent, ProcessLinkModule, ProcessLinkService, SelectPluginActionComponent, SelectPluginConfigurationComponent };
+//# sourceMappingURL=valtimo-process-link.mjs.map