@valtimo/plugin 11.1.5 → 11.2.1

package/fesm2022/valtimo-plugin.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Inject, Pipe, NgModule, EventEmitter, ViewContainerRef, Component, ViewChild, Input, Output } from '@angular/core';
+import { InjectionToken, Injectable, Inject, Pipe, NgModule, EventEmitter, Component, Input, Output, ViewContainerRef, ViewChild } from '@angular/core';
 import { BehaviorSubject, combineLatest, take, map as map$1, Subject, switchMap, tap as tap$1, of, filter, catchError } from 'rxjs';
 import { map, tap } from 'rxjs/operators';
 import * as i2 from '@ngx-translate/core';
@@ -11,6 +11,7 @@ import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2$2 from '@valtimo/components';
 import { ParagraphModule, FormModule, InputModule, SelectModule, CarbonMultiInputModule, InputLabelModule, RadioModule, MultiInputFormModule, ButtonModule, TooltipIconModule, ValtimoCdsModalDirectiveModule, DatePickerModule } from '@valtimo/components';
+import { validate } from 'uuid';
 import * as i2$3 from '@valtimo/document';
 import * as i8 from 'carbon-components-angular';
 import { ToggleModule, LoadingModule, ModalModule, InputModule as InputModule$1, ButtonModule as ButtonModule$1 } from 'carbon-components-angular';
@@ -188,8 +189,9 @@ class PluginManagementService {
     savePluginConfiguration(pluginConfiguration) {
         return this.http.post(`${this.VALTIMO_API_ENDPOINT_URI}v1/plugin/configuration`, pluginConfiguration);
     }
-    updatePluginConfiguration(configurationId, configurationTitle, configurationProperties) {
+    updatePluginConfiguration(configurationId, newConfigurationId, configurationTitle, configurationProperties) {
         return this.http.put(`${this.VALTIMO_API_ENDPOINT_URI}v1/plugin/configuration/${configurationId}`, {
+            newId: newConfigurationId,
             title: configurationTitle,
             properties: configurationProperties,
         });
@@ -359,6 +361,72 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * limitations under the License.
  */
 
+/*
+ * Copyright 2015-2023 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 DefaultPluginConfigurationComponent {
+    constructor() {
+        this.valid = new EventEmitter();
+        this.configuration = new EventEmitter();
+        this.formValue$ = new BehaviorSubject(null);
+        this.valid$ = new BehaviorSubject(false);
+    }
+    ngOnInit() {
+        this.openSaveSubscription();
+    }
+    ngOnDestroy() {
+        this.saveSubscription?.unsubscribe();
+    }
+    formValueChange(formValue) {
+        this.formValue$.next(formValue);
+        this.handleValid(formValue);
+    }
+    handleValid(formValue) {
+        const valid = !formValue.configurationId || validate(formValue.configurationId);
+        this.valid$.next(valid);
+        this.valid.emit(valid);
+    }
+    openSaveSubscription() {
+        this.saveSubscription = this.save$?.subscribe(save => {
+            combineLatest([this.formValue$, this.valid$])
+                .pipe(take(1))
+                .subscribe(([formValue, valid]) => {
+                if (valid) {
+                    this.configuration.emit(formValue);
+                }
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DefaultPluginConfigurationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DefaultPluginConfigurationComponent, selector: "valtimo-default-plugin-configuration", inputs: { save$: "save$", disabled$: "disabled$", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null\n  } as obs\"\n>\n  <v-input\n    name=\"configurationId\"\n    [title]=\"'plugin.configurationId' | translate\"\n    [margin]=\"true\"\n    [disabled]=\"obs.disabled\"\n    [defaultValue]=\"obs.prefill?.configurationId\"\n    [required]=\"false\"\n    [tooltip]=\"'plugin.configurationIdTooltip' | translate\"\n    [widthPx]=\"350\"\n    placeholder=\"00000000-0000-0000-0000-000000000000\"\n  >\n  </v-input>\n</v-form>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder"], outputs: ["valueChange"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DefaultPluginConfigurationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-default-plugin-configuration', template: "<!--\n  ~ Copyright 2015-2023 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<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null\n  } as obs\"\n>\n  <v-input\n    name=\"configurationId\"\n    [title]=\"'plugin.configurationId' | translate\"\n    [margin]=\"true\"\n    [disabled]=\"obs.disabled\"\n    [defaultValue]=\"obs.prefill?.configurationId\"\n    [required]=\"false\"\n    [tooltip]=\"'plugin.configurationIdTooltip' | translate\"\n    [widthPx]=\"350\"\n    placeholder=\"00000000-0000-0000-0000-000000000000\"\n  >\n  </v-input>\n</v-form>\n", styles: ["/*!\n * Copyright 2015-2023 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"] }]
+        }], propDecorators: { save$: [{
+                type: Input
+            }], disabled$: [{
+                type: Input
+            }], prefillConfiguration$: [{
+                type: Input
+            }], valid: [{
+                type: Output
+            }], configuration: [{
+                type: Output
+            }] } });
+
 /*
  * Copyright 2015-2023 Ritense BV, the Netherlands.
  *
@@ -393,6 +461,9 @@ class PluginConfigurationContainerComponent {
         this._componentType = new BehaviorSubject(null);
         this._pluginDefinitionKey = new BehaviorSubject('');
         this._functionKey = new BehaviorSubject('');
+        this._defaultConfiguration = new BehaviorSubject(null);
+        this._validDefaultConfiguration = new BehaviorSubject(true);
+        this.isTypeConfiguration$ = this._componentType.pipe(map(componentType => componentType === 'configuration'), tap(isTypeConfiguration => this._validDefaultConfiguration.next(!isTypeConfiguration)));
     }
     ngOnInit() {
         this.openPluginSubscription();
@@ -402,6 +473,12 @@ class PluginConfigurationContainerComponent {
         this.pluginSubscription?.unsubscribe();
         this.componentRefSubscription?.unsubscribe();
     }
+    onDefaultConfiguration(defaultConfiguration) {
+        this._defaultConfiguration.next(defaultConfiguration);
+    }
+    onValidDefaultConfiguration(valid) {
+        this._validDefaultConfiguration.next(valid);
+    }
     openPluginSubscription() {
         this.pluginSubscription = combineLatest([
             this._pluginDefinitionKey,
@@ -446,21 +523,28 @@ class PluginConfigurationContainerComponent {
                 if (this.prefillConfiguration$) {
                     instance.prefillConfiguration$ = this.prefillConfiguration$;
                 }
-                this.validSubscription = instance.valid.subscribe(valid => {
-                    this.valid.emit(valid);
+                this.validSubscription = combineLatest([
+                    instance.valid,
+                    this._validDefaultConfiguration,
+                ]).subscribe(([instanceValid, defaultConfigurationValid]) => {
+                    this.valid.emit(instanceValid && defaultConfigurationValid);
                 });
                 this.configurationSubscription = instance.configuration.subscribe(configuration => {
-                    this.configuration.emit(configuration);
+                    const configurationId = this._defaultConfiguration.value?.configurationId;
+                    this.configuration.emit({
+                        ...configuration,
+                        configurationId,
+                    });
                 });
             }
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PluginConfigurationContainerComponent, deps: [{ token: PluginService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PluginConfigurationContainerComponent, selector: "valtimo-plugin-configuration-container", inputs: { type: "type", pluginDefinitionKey: "pluginDefinitionKey", functionKey: "functionKey", save$: "save$", disabled$: "disabled$", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, viewQueries: [{ propertyName: "dynamicContainer", first: true, predicate: ["pluginConfigurationComponent"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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 #pluginConfigurationComponent></ng-template>\n<ng-container *ngIf=\"noConfigurationComponentAvailable$ | async\">\n  <v-paragraph [center]=\"true\">{{ 'plugin.noConfigurationComponent' | translate }}</v-paragraph>\n</ng-container>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PluginConfigurationContainerComponent, selector: "valtimo-plugin-configuration-container", inputs: { type: "type", pluginDefinitionKey: "pluginDefinitionKey", functionKey: "functionKey", save$: "save$", disabled$: "disabled$", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, viewQueries: [{ propertyName: "dynamicContainer", first: true, predicate: ["pluginConfigurationComponent"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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-default-plugin-configuration\n  *ngIf=\"isTypeConfiguration$ | async\"\n  [prefillConfiguration$]=\"prefillConfiguration$\"\n  [save$]=\"save$\"\n  [disabled$]=\"disabled$\"\n  (valid)=\"onValidDefaultConfiguration($event)\"\n  (configuration)=\"onDefaultConfiguration($event)\"\n>\n</valtimo-default-plugin-configuration>\n<ng-template #pluginConfigurationComponent></ng-template>\n<ng-container *ngIf=\"noConfigurationComponentAvailable$ | async\">\n  <v-paragraph [center]=\"true\">{{ 'plugin.noConfigurationComponent' | translate }}</v-paragraph>\n</ng-container>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading"] }, { kind: "component", type: DefaultPluginConfigurationComponent, selector: "valtimo-default-plugin-configuration", inputs: ["save$", "disabled$", "prefillConfiguration$"], outputs: ["valid", "configuration"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PluginConfigurationContainerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-plugin-configuration-container', template: "<!--\n  ~ Copyright 2015-2023 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 #pluginConfigurationComponent></ng-template>\n<ng-container *ngIf=\"noConfigurationComponentAvailable$ | async\">\n  <v-paragraph [center]=\"true\">{{ 'plugin.noConfigurationComponent' | translate }}</v-paragraph>\n</ng-container>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+            args: [{ selector: 'valtimo-plugin-configuration-container', template: "<!--\n  ~ Copyright 2015-2023 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-default-plugin-configuration\n  *ngIf=\"isTypeConfiguration$ | async\"\n  [prefillConfiguration$]=\"prefillConfiguration$\"\n  [save$]=\"save$\"\n  [disabled$]=\"disabled$\"\n  (valid)=\"onValidDefaultConfiguration($event)\"\n  (configuration)=\"onDefaultConfiguration($event)\"\n>\n</valtimo-default-plugin-configuration>\n<ng-template #pluginConfigurationComponent></ng-template>\n<ng-container *ngIf=\"noConfigurationComponentAvailable$ | async\">\n  <v-paragraph [center]=\"true\">{{ 'plugin.noConfigurationComponent' | translate }}</v-paragraph>\n</ng-container>\n", styles: ["/*!\n * Copyright 2015-2023 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: function () { return [{ type: PluginService }]; }, propDecorators: { dynamicContainer: [{
                 type: ViewChild,
                 args: ['pluginConfigurationComponent', { static: true, read: ViewContainerRef }]
@@ -482,6 +566,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }] } });
 
+/*
+ * Copyright 2015-2023 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 DefaultPluginConfigurationModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DefaultPluginConfigurationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DefaultPluginConfigurationModule, declarations: [DefaultPluginConfigurationComponent], imports: [CommonModule,
+            ParagraphModule,
+            TranslateModule,
+            PluginTranslatePipeModule,
+            FormModule,
+            InputModule], exports: [DefaultPluginConfigurationComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DefaultPluginConfigurationModule, imports: [CommonModule,
+            ParagraphModule,
+            TranslateModule,
+            PluginTranslatePipeModule,
+            FormModule,
+            InputModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DefaultPluginConfigurationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DefaultPluginConfigurationComponent],
+                    imports: [
+                        CommonModule,
+                        ParagraphModule,
+                        TranslateModule,
+                        PluginTranslatePipeModule,
+                        FormModule,
+                        InputModule,
+                    ],
+                    exports: [DefaultPluginConfigurationComponent],
+                }]
+        }] });
+
 /*
  * Copyright 2015-2023 Ritense BV, the Netherlands.
  *
@@ -499,14 +629,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  */
 class PluginConfigurationContainerModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PluginConfigurationContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PluginConfigurationContainerModule, declarations: [PluginConfigurationContainerComponent], imports: [CommonModule, ParagraphModule, TranslateModule], exports: [PluginConfigurationContainerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PluginConfigurationContainerModule, imports: [CommonModule, ParagraphModule, TranslateModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PluginConfigurationContainerModule, declarations: [PluginConfigurationContainerComponent], imports: [CommonModule, ParagraphModule, TranslateModule, DefaultPluginConfigurationModule], exports: [PluginConfigurationContainerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PluginConfigurationContainerModule, imports: [CommonModule, ParagraphModule, TranslateModule, DefaultPluginConfigurationModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PluginConfigurationContainerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [PluginConfigurationContainerComponent],
-                    imports: [CommonModule, ParagraphModule, TranslateModule],
+                    imports: [CommonModule, ParagraphModule, TranslateModule, DefaultPluginConfigurationModule],
                     exports: [PluginConfigurationContainerComponent],
                 }]
         }] });
@@ -727,7 +857,7 @@ class ObjectTokenAuthencationConfigurationComponent {
         this.handleValid(formValue);
     }
     handleValid(formValue) {
-        const valid = !!(formValue.configurationTitle && formValue.token);
+        const valid = !!(formValue.configurationTitle && formValue.token?.length >= 20);
         this.valid$.next(valid);
         this.valid.emit(valid);
     }
@@ -1003,6 +1133,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }] } });
 
+/*
+ * Copyright 2015-2023 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 GetTemplateNamesComponent {
+    constructor() {
+        this.configuration = new EventEmitter();
+        this.valid = new EventEmitter();
+        this.formValue$ = new BehaviorSubject(null);
+        this.valid$ = new BehaviorSubject(false);
+    }
+    ngOnInit() {
+        this.openSaveSubscription();
+    }
+    ngOnDestroy() {
+        this.saveSubscription?.unsubscribe();
+    }
+    formValueChange(formValue) {
+        this.formValue$.next(formValue);
+        this.handleValid(formValue);
+    }
+    handleValid(formValue) {
+        const valid = !!(formValue.templateGroupName && formValue.resultingTemplateNameListProcessVariableName);
+        this.valid$.next(valid);
+        this.valid.emit(valid);
+    }
+    openSaveSubscription() {
+        this.saveSubscription = this.save$?.subscribe(save => {
+            combineLatest([this.formValue$, this.valid$])
+                .pipe(take(1))
+                .subscribe(([formValue, valid]) => {
+                if (valid) {
+                    this.configuration.emit(formValue);
+                }
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetTemplateNamesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GetTemplateNamesComponent, selector: "valtimo-get-template-names", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { configuration: "configuration", valid: "valid" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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<v-form\n        (valueChange)=\"formValueChange($event)\"\n        *ngIf=\"{\n      disabled: disabled$ | async,\n      prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null\n    } as obs\"\n>\n    <v-input\n            name=\"templateGroupName\"\n            [title]=\"'templateGroupName' | pluginTranslate: pluginId | async\"\n            [margin]=\"true\"\n            [defaultValue]=\"obs.prefill?.templateGroupName\"\n            [disabled]=\"obs.disabled\"\n            [required]=\"true\"\n    >\n    </v-input>\n    <v-input\n            name=\"resultingTemplateNameListProcessVariableName\"\n            [title]=\"'resultingTemplateNameListProcessVariableName' | pluginTranslate: pluginId | async\"\n            [margin]=\"true\"\n            [defaultValue]=\"obs.prefill?.resultingTemplateNameListProcessVariableName\"\n            [disabled]=\"obs.disabled\"\n            [required]=\"true\"\n    >\n    </v-input>\n</v-form>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder"], outputs: ["valueChange"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GetTemplateNamesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-get-template-names', template: "<!--\n  ~ Copyright 2015-2023 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<v-form\n        (valueChange)=\"formValueChange($event)\"\n        *ngIf=\"{\n      disabled: disabled$ | async,\n      prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null\n    } as obs\"\n>\n    <v-input\n            name=\"templateGroupName\"\n            [title]=\"'templateGroupName' | pluginTranslate: pluginId | async\"\n            [margin]=\"true\"\n            [defaultValue]=\"obs.prefill?.templateGroupName\"\n            [disabled]=\"obs.disabled\"\n            [required]=\"true\"\n    >\n    </v-input>\n    <v-input\n            name=\"resultingTemplateNameListProcessVariableName\"\n            [title]=\"'resultingTemplateNameListProcessVariableName' | pluginTranslate: pluginId | async\"\n            [margin]=\"true\"\n            [defaultValue]=\"obs.prefill?.resultingTemplateNameListProcessVariableName\"\n            [disabled]=\"obs.disabled\"\n            [required]=\"true\"\n    >\n    </v-input>\n</v-form>\n" }]
+        }], propDecorators: { save$: [{
+                type: Input
+            }], disabled$: [{
+                type: Input
+            }], pluginId: [{
+                type: Input
+            }], prefillConfiguration$: [{
+                type: Input
+            }], configuration: [{
+                type: Output
+            }], valid: [{
+                type: Output
+            }] } });
+
 /*
  * Copyright 2015-2023 Ritense BV, the Netherlands.
  *
@@ -1020,13 +1218,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  */
 class SmartDocumentsPluginModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmartDocumentsPluginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SmartDocumentsPluginModule, declarations: [SmartDocumentsConfigurationComponent, GenerateDocumentConfigurationComponent], imports: [CommonModule,
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SmartDocumentsPluginModule, declarations: [SmartDocumentsConfigurationComponent,
+            GenerateDocumentConfigurationComponent,
+            GetTemplateNamesComponent], imports: [CommonModule,
             PluginTranslatePipeModule,
             FormModule,
             InputModule,
             SelectModule,
             CarbonMultiInputModule,
-            ParagraphModule], exports: [SmartDocumentsConfigurationComponent, GenerateDocumentConfigurationComponent] }); }
+            ParagraphModule], exports: [SmartDocumentsConfigurationComponent,
+            GenerateDocumentConfigurationComponent,
+            GetTemplateNamesComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmartDocumentsPluginModule, imports: [CommonModule,
             PluginTranslatePipeModule,
             FormModule,
@@ -1038,7 +1240,11 @@ class SmartDocumentsPluginModule {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SmartDocumentsPluginModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [SmartDocumentsConfigurationComponent, GenerateDocumentConfigurationComponent],
+                    declarations: [
+                        SmartDocumentsConfigurationComponent,
+                        GenerateDocumentConfigurationComponent,
+                        GetTemplateNamesComponent
+                    ],
                     imports: [
                         CommonModule,
                         PluginTranslatePipeModule,
@@ -1048,7 +1254,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         CarbonMultiInputModule,
                         ParagraphModule,
                     ],
-                    exports: [SmartDocumentsConfigurationComponent, GenerateDocumentConfigurationComponent],
+                    exports: [SmartDocumentsConfigurationComponent,
+                        GenerateDocumentConfigurationComponent,
+                        GetTemplateNamesComponent
+                    ],
                 }]
         }] });
 
@@ -1106,19 +1315,23 @@ const smartDocumentsPluginSpecification = {
     pluginLogoBase64: SMART_DOCUMENTS_PLUGIN_LOGO_BASE64,
     functionConfigurationComponents: {
         'generate-document': GenerateDocumentConfigurationComponent,
+        'get-template-names': GetTemplateNamesComponent,
     },
     pluginTranslations: {
         nl: {
             title: 'SmartDocuments',
             description: 'Automatiseer documenten met slimme templates.',
+            'generate-document': 'Document genereren',
+            'get-template-names': 'Templatenamen ophalen',
             configurationTitle: 'Configuratienaam',
             configurationTitleTooltip: 'Onder deze naam zal de plugin te herkennen zijn in de rest van de applicatie',
             url: 'SmartDocuments URL',
             username: 'Gebruikersnaam',
             password: 'Wachtwoord',
-            'generate-document': 'Document genereren',
-            templateGroup: 'Template-groep',
-            templateName: 'Template-naam',
+            templateGroup: 'Template groep',
+            templateName: 'Template naam',
+            templateGroupName: 'Template groepsnaam',
+            resultingTemplateNameListProcessVariableName: "Naam van process variable om lijst in op te slaan",
             templateDataTooltip: 'De rechter value-kolom ondersteunt ook het gebruik van procesvariabelen zoals pv: en doc:',
             format: 'Documentformaat',
             templateData: 'Template-data',
@@ -1129,14 +1342,17 @@ const smartDocumentsPluginSpecification = {
         en: {
             title: 'SmartDocuments',
             description: 'Automate documents with smart templates.',
+            'generate-document': 'Generate document',
+            'get-template-names': 'Get Template Names',
             configurationTitle: 'Configuration name',
             configurationTitleTooltip: 'With this name the plugin will be recognizable in the rest of the application',
             url: 'SmartDocuments URL',
             username: 'Username',
             password: 'Password',
-            'generate-document': 'Generate document',
             templateGroup: 'Template group',
             templateName: 'Template name',
+            templateGroupName: 'Template group name',
+            resultingTemplateNameListProcessVariableName: "Name of process variable to save the list in",
             format: 'Document format',
             templateData: 'Template data',
             templateDataTooltip: 'The right value-column also supports the use of process variables such as pv: and doc:',
@@ -1147,14 +1363,17 @@ const smartDocumentsPluginSpecification = {
         de: {
             title: 'SmartDocuments',
             description: 'Automatisieren Sie Dokumente mit intelligenten Templates.',
+            'generate-document': 'Dokument generieren',
+            'get-template-names': 'Get Template Names',
             configurationTitle: 'Konfigurationsname',
             configurationTitleTooltip: 'An diesem Namen wird das Plugin im Rest der Anwendung erkennbar sein',
             url: 'SmartDocuments URL',
             username: 'Nutzername',
             password: 'Passwort',
-            'generate-document': 'Dokument generieren',
-            templateGroup: 'Templategruppe',
-            templateName: 'Templatename',
+            templateGroup: 'Template gruppe',
+            templateName: 'Template name',
+            templateGroupName: 'Template gruppe name',
+            resultingTemplateNameListProcessVariableName: "Name der Prozessvariable, um die Liste zu speichern",
             format: 'Dokumentformat',
             templateData: 'Templatedaten',
             templateDataTooltip: 'Die rechte Wertespalte unterstützt auch die Verwendung von Prozessvariablen wie pv: und doc:',
@@ -1422,6 +1641,8 @@ class DownloadDocumentConfigurationComponent {
     constructor() {
         this.valid = new EventEmitter();
         this.configuration = new EventEmitter();
+        this.formValue$ = new BehaviorSubject(null);
+        this.valid$ = new BehaviorSubject(false);
     }
     ngOnInit() {
         this.openSaveSubscription();
@@ -1432,15 +1653,30 @@ class DownloadDocumentConfigurationComponent {
     }
     openSaveSubscription() {
         this.saveSubscription = this.save$?.subscribe(save => {
-            this.configuration.emit({});
+            combineLatest([this.formValue$, this.valid$])
+                .pipe(take(1))
+                .subscribe(([formValue, valid]) => {
+                if (valid) {
+                    this.configuration.emit(formValue);
+                }
+            });
         });
     }
+    formValueChange(formValue) {
+        this.formValue$.next(formValue);
+        this.handleValid(formValue);
+    }
+    handleValid(formValue) {
+        const valid = !!formValue.processVariableName;
+        this.valid$.next(valid);
+        this.valid.emit(valid);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DownloadDocumentConfigurationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DownloadDocumentConfigurationComponent, selector: "valtimo-download-document-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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<v-paragraph [center]=\"true\" [fullWidth]=\"true\">\n  {{ 'downloadDocumentMessage' | pluginTranslate: pluginId | async }}\n</v-paragraph>\n", styles: ["/*!\n * Copyright 2015-2023 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: i2$2.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DownloadDocumentConfigurationComponent, selector: "valtimo-download-document-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null\n  } as obs\"\n>\n  <v-input\n    name=\"processVariableName\"\n    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.processVariableName\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"false\"\n    [tooltip]=\"'processVariableTooltip' | pluginTranslate: pluginId | async\"\n  ></v-input>\n</v-form>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder"], outputs: ["valueChange"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DownloadDocumentConfigurationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-download-document-configuration', template: "<!--\n  ~ Copyright 2015-2023 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<v-paragraph [center]=\"true\" [fullWidth]=\"true\">\n  {{ 'downloadDocumentMessage' | pluginTranslate: pluginId | async }}\n</v-paragraph>\n", styles: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+            args: [{ selector: 'valtimo-download-document-configuration', template: "<!--\n  ~ Copyright 2015-2023 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<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null\n  } as obs\"\n>\n  <v-input\n    name=\"processVariableName\"\n    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.processVariableName\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"false\"\n    [tooltip]=\"'processVariableTooltip' | pluginTranslate: pluginId | async\"\n  ></v-input>\n</v-form>\n", styles: ["/*!\n * Copyright 2015-2023 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"] }]
         }], propDecorators: { save$: [{
                 type: Input
             }], disabled$: [{
@@ -1620,6 +1856,7 @@ const documentenApiPluginSpecification = {
             authenticationPluginConfiguration: 'Configuratie authenticatie-plug-in',
             authenticationPluginConfigurationTooltip: 'Selecteer de plugin die de authenticatie kan afhandelen. Wanneer de selectiebox leeg blijft zal de authenticatie plugin (bv. OpenZaak) eerst aangemaakt moeten worden',
             downloadDocumentMessage: 'Het downloaden van een document vanuit de Documenten API vereist geen configuratie.',
+            processVariableName: 'Wat is de naam van de procesvariabele waarnaar u het document wilt downloaden?',
         },
         en: {
             title: 'Documenten API',
@@ -1666,6 +1903,7 @@ const documentenApiPluginSpecification = {
             authenticationPluginConfiguration: 'Authentication plugin configuration',
             authenticationPluginConfigurationTooltip: 'Select the plugin that can handle the authentication. If the selection box remains empty, the authentication plugin (e.g. OpenZaak) will have to be created first',
             downloadDocumentMessage: 'Downloading a document form the Documenten API does not require any configuration.',
+            processVariableName: 'What is the name of the process variable you want to download the document to?',
         },
         de: {
             title: 'Documenten API',
@@ -1712,6 +1950,7 @@ const documentenApiPluginSpecification = {
             authenticationPluginConfiguration: 'Authentifizierungs-Plugin-Konfiguration',
             authenticationPluginConfigurationTooltip: 'Wählen Sie das Plugin aus, das die Authentifizierung verarbeiten kann. Bleibt das Auswahlfeld leer, muss zunächst das Authentifizierungs-Plugin (z. B. OpenZaak) erstellt werden',
             downloadDocumentMessage: 'Das Herunterladen eines Dokuments aus der Documenten-API erfordert keine Konfiguration.',
+            processVariableName: 'Wie lautet der Name der Prozessvariablen, in die Sie das Dokument herunterladen möchten?',
         },
     },
 };
@@ -5109,11 +5348,11 @@ class VerzoekConfigurationComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VerzoekConfigurationComponent, deps: [{ token: PluginManagementService }, { token: i2.TranslateService }, { token: PluginTranslationService }, { token: VerzoekPluginService }, { token: i4.ProcessService }, { token: i2$3.DocumentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: VerzoekConfigurationComponent, selector: "valtimo-verzoek-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: mappedPrefill$ ? (mappedPrefill$ | async) : null\n  } as obs\"\n>\n  <v-input\n    name=\"configurationTitle\"\n    [title]=\"'configurationTitle' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [disabled]=\"obs.disabled\"\n    [defaultValue]=\"obs.prefill?.configurationTitle\"\n    [required]=\"true\"\n    [tooltip]=\"'configurationTitleTooltip' | pluginTranslate: pluginId | async\"\n    [widthPx]=\"350\"\n    placeholder=\"Verzoek Plugin\"\n  >\n  </v-input>\n  <ng-container\n    *ngIf=\"{notificatiePluginSelectItems: notificatiePluginSelectItems$ | async} as vars\"\n  >\n    <v-select\n      [items]=\"vars.notificatiePluginSelectItems\"\n      [margin]=\"true\"\n      [widthInPx]=\"350\"\n      name=\"notificatiesApiPluginConfiguration\"\n      [title]=\"'notificatiesApiPluginConfiguration' | pluginTranslate: pluginId | async\"\n      [disabled]=\"obs.disabled\"\n      [defaultSelectionId]=\"obs.prefill?.notificatiesApiPluginConfiguration\"\n      [required]=\"true\"\n      [loading]=\"!vars.notificatiePluginSelectItems\"\n      [tooltip]=\"'notificatiesApiPluginConfigurationTooltip' | pluginTranslate: pluginId | async\"\n    ></v-select>\n  </ng-container>\n  <ng-container *ngIf=\"{processSelectItems: processSelectItems$ | async} as vars\">\n    <v-select\n      [items]=\"vars.processSelectItems\"\n      [margin]=\"true\"\n      [widthInPx]=\"350\"\n      name=\"processToStart\"\n      [title]=\"'processToStart' | pluginTranslate: pluginId | async\"\n      [disabled]=\"obs.disabled\"\n      [defaultSelectionId]=\"obs.prefill?.processToStart\"\n      [required]=\"true\"\n      [loading]=\"!vars.processSelectItems\"\n      [tooltip]=\"'processToStartTooltip' | pluginTranslate: pluginId | async\"\n    ></v-select>\n  </ng-container>\n  <v-input\n    name=\"rsin\"\n    [title]=\"'rsin' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [disabled]=\"obs.disabled\"\n    [defaultValue]=\"obs.prefill?.rsin\"\n    [required]=\"true\"\n    [tooltip]=\"'rsinTooltip' | pluginTranslate: pluginId | async\"\n    [widthPx]=\"350\"\n    placeholder=\"\"\n  >\n  </v-input>\n  <v-multi-input-form\n    name=\"verzoekProperties\"\n    [title]=\"'verzoekProperties' | pluginTranslate: pluginId | async\"\n    [formTemplate]=\"mappingForm\"\n    [addRowText]=\"'addVerzoekType' | pluginTranslate: pluginId | async\"\n    [required]=\"false\"\n    [tooltip]=\"'verzoekPropertiesTooltip' | pluginTranslate: pluginId | async\"\n    (deleteRowEvent)=\"deleteRow($event)\"\n    [initialAmountOfRows]=\"0\"\n    [minimumAmountOfRows]=\"0\"\n    [defaultValues]=\"obs.prefill?.verzoekProperties\"\n  >\n  </v-multi-input-form>\n</v-form>\n\n<ng-template\n  #mappingForm\n  let-index=\"index\"\n  let-uuid=\"uuid\"\n  let-changeFunction=\"changeFunction\"\n  let-prefill=\"prefill\"\n>\n  <ng-container\n    *ngIf=\"{\n      disabled: disabled$ | async\n    } as obs\"\n  >\n    <v-form (valueChange)=\"changeFunction($event, uuid); verzoekTypeFormChange($event, uuid)\">\n      <v-input\n        name=\"type\"\n        [title]=\"'type' | pluginTranslate: pluginId | async\"\n        [margin]=\"false\"\n        [disabled]=\"obs.disabled\"\n        [defaultValue]=\"prefill?.type\"\n        [required]=\"true\"\n        [tooltip]=\"'typeTooltip' | pluginTranslate: pluginId | async\"\n        [widthPx]=\"350\"\n        [smallMargin]=\"true\"\n        placeholder=\"\"\n      >\n      </v-input>\n      <ng-container *ngIf=\"{documentSelectItems: documentSelectItems$ | async} as vars\">\n        <v-select\n          [items]=\"vars.documentSelectItems\"\n          [smallMargin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"caseDefinitionName\"\n          [title]=\"'caseDefinitionName' | pluginTranslate: pluginId | async\"\n          [disabled]=\"obs.disabled\"\n          [defaultSelectionId]=\"prefill?.caseDefinitionName\"\n          [required]=\"true\"\n          [loading]=\"!vars.documentSelectItems\"\n          [tooltip]=\"'caseDefinitionNameTooltip' | pluginTranslate: pluginId | async\"\n        ></v-select>\n      </ng-container>\n      <ng-container\n        *ngIf=\"{objectManagementSelectItems: objectManagementSelectItems$ | async} as vars\"\n      >\n        <v-select\n          [items]=\"vars.objectManagementSelectItems\"\n          [smallMargin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"objectManagementId\"\n          [title]=\"'objectManagementId' | pluginTranslate: pluginId | async\"\n          [disabled]=\"obs.disabled\"\n          [defaultSelectionId]=\"prefill?.objectManagementId\"\n          [required]=\"true\"\n          [loading]=\"!vars.objectManagementSelectItems\"\n          [tooltip]=\"'objectManagementIdTooltip' | pluginTranslate: pluginId | async\"\n        ></v-select>\n      </ng-container>\n      <v-select\n        [items]=\"\n          rolTypeSelectItemsObservables[uuid]?.caseDefinitionName &&\n          (rolTypeSelectItemsObservables[uuid].items | async)\n        \"\n        [smallMargin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"initiatorRoltypeUrl\"\n        [title]=\"'initiatorRoltypeUrl' | pluginTranslate: pluginId | async\"\n        [disabled]=\"obs.disabled || !rolTypeSelectItemsObservables[uuid]?.caseDefinitionName\"\n        [defaultSelectionId]=\"prefill?.initiatorRoltypeUrl\"\n        [required]=\"true\"\n        [tooltip]=\"'initiatorRoltypeUrlTooltip' | pluginTranslate: pluginId | async\"\n      ></v-select>\n      <v-input\n        name=\"initiatorRolDescription\"\n        [title]=\"'initiatorRolDescription' | pluginTranslate: pluginId | async\"\n        [margin]=\"false\"\n        [disabled]=\"obs.disabled\"\n        [defaultValue]=\"prefill?.initiatorRolDescription || 'Initiator'\"\n        [required]=\"true\"\n        [tooltip]=\"'initiatorRolDescriptionTooltip' | pluginTranslate: pluginId | async\"\n        [widthPx]=\"350\"\n        [smallMargin]=\"true\"\n        placeholder=\"\"\n      >\n      </v-input>\n      <ng-container *ngIf=\"{processSelectItems: processSelectItems$ | async} as vars\">\n        <v-select\n          [items]=\"vars.processSelectItems\"\n          [smallMargin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"processDefinitionKey\"\n          [title]=\"'processDefinitionKey' | pluginTranslate: pluginId | async\"\n          [disabled]=\"obs.disabled\"\n          [defaultSelectionId]=\"prefill?.processDefinitionKey\"\n          [required]=\"true\"\n          [loading]=\"!vars.processSelectItems\"\n          [tooltip]=\"'processDefinitionKeyTooltip' | pluginTranslate: pluginId | async\"\n        ></v-select>\n      </ng-container>\n      <v-radio\n        name=\"copyStrategy\"\n        [disabled]=\"obs.disabled\"\n        [title]=\"'copyStrategy' | pluginTranslate: pluginId | async\"\n        [tooltip]=\"'copyStrategyTooltip' | pluginTranslate: pluginId | async\"\n        [radioValues]=\"radioItems$ | async\"\n        [smallMargin]=\"true\"\n        [defaultValue]=\"prefill?.copyStrategy || 'full'\"\n      >\n      </v-radio>\n      <ng-container *ngIf=\"showMappingButtons[uuid]\">\n        <v-input-label\n          [title]=\"'mapping' | pluginTranslate: pluginId | async\"\n          [tooltip]=\"'mappingTooltip' | pluginTranslate: pluginId | async\"\n        >\n        </v-input-label>\n        <v-button (clickEvent)=\"openMappingModal(uuid)\" mdiIcon=\"table\"\n          >{{ 'setMapping' | pluginTranslate: pluginId | async }}\n        </v-button>\n      </ng-container>\n      <v-input class=\"hidden-input\" name=\"uuid\" [defaultValue]=\"uuid\"> </v-input>\n    </v-form>\n    <cds-modal valtimoCdsModal [open]=\"showMappingModals[uuid]\">\n      <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeMappingModal(uuid)\">\n        <h3 cdsModalHeaderHeading>{{ 'setMapping' | pluginTranslate: pluginId | async }}</h3>\n      </cds-modal-header>\n      <section cdsModalContent>\n        <div class=\"cds--text-input__field-wrapper\">\n          <cds-label [disabled]=\"obs.disabled\">\n            <span class=\"label-with-tooltip select-label\">\n              {{ 'mapping' | pluginTranslate: pluginId | async }}\n              <v-tooltip-icon\n                [tooltip]=\"'mappingTooltip' | pluginTranslate: pluginId | async\"\n                [disabled]=\"obs.disabled\"\n              ></v-tooltip-icon>\n            </span>\n            <valtimo-carbon-multi-input\n              *ngIf=\"showMappingModalsDelay[uuid]\"\n              type=\"keyValue\"\n              (valueChange)=\"mappingValueChange($event, uuid)\"\n              [defaultValues]=\"mappings[uuid] || prefill?.mapping\"\n              [valueColumnTitle]=\"'target' | pluginTranslate: pluginId | async\"\n              [keyColumnTitle]=\"'source' | pluginTranslate: pluginId | async\"\n            ></valtimo-carbon-multi-input>\n          </cds-label>\n        </div>\n      </section>\n      <cds-modal-footer>\n        <ng-container>\n          <button\n            cdsButton=\"secondary\"\n            [attr.modal-primary-focus]=\"true\"\n            (click)=\"closeMappingModal(uuid)\"\n            [disabled]=\"obs.disabled\"\n          >\n            {{ 'close' | pluginTranslate: pluginId | async }}\n          </button>\n          <button\n            cdsButton=\"primary\"\n            [attr.modal-primary-focus]=\"true\"\n            [disabled]=\"obs.disabled\"\n            (click)=\"saveMapping(uuid)\"\n            [disabled]=\"obs.disabled\"\n          >\n            {{ 'save' | pluginTranslate: pluginId | async }}\n          </button>\n        </ng-container>\n      </cds-modal-footer>\n    </cds-modal>\n  </ng-container>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2023 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 */.label-with-tooltip{display:flex;align-items:center}.select-label{padding-bottom:.5rem;width:250px}.hidden-input{display:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme"], outputs: ["selectedChange"] }, { kind: "component", type: i2$2.MultiInputFormComponent, selector: "v-multi-input-form", inputs: ["name", "title", "titleTranslationKey", "type", "initialAmountOfRows", "minimumAmountOfRows", "maxRows", "addRowText", "addRowTranslationKey", "deleteRowText", "deleteRowTranslationKey", "disabled", "defaultValues", "margin", "tooltip", "required", "formTemplate"], outputs: ["valueChange", "deleteRowEvent"] }, { kind: "component", type: i2$2.RadioComponent, selector: "v-radio", inputs: ["name", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "tooltip", "required", "smallLabel", "rows", "clear$", "radioValues"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.InputLabelComponent, selector: "v-input-label", inputs: ["name", "tooltip", "largeMargin", "small", "title", "titleTranslationKey", "required", "disabled", "carbonTheme"] }, { kind: "component", type: i2$2.ButtonComponent, selector: "v-button", inputs: ["type", "mdiIcon", "disabled", "title", "titleTranslationKey"], outputs: ["clickEvent"] }, { kind: "component", type: i8.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i8.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i8.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i8.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i8.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "component", type: i8.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "component", type: i2$2.TooltipIconComponent, selector: "v-tooltip-icon", inputs: ["tooltip", "disabled"] }, { kind: "component", type: i2$2.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["name", "title", "titleTranslationKey", "type", "initialAmountOfRows", "minimumAmountOfRows", "maxRows", "addRowText", "addRowTranslationKey", "deleteRowText", "deleteRowTranslationKey", "disabled", "defaultValues", "margin", "tooltip", "required", "keyColumnTitle", "valueColumnTitle", "dropdownColumnTitle", "hideDeleteButton", "hideAddButton", "dropdownItems", "dropdownWidth", "fullWidth"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "directive", type: i8.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2$2.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: VerzoekConfigurationComponent, selector: "valtimo-verzoek-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: mappedPrefill$ ? (mappedPrefill$ | async) : null\n  } as obs\"\n>\n  <v-input\n    name=\"configurationTitle\"\n    [title]=\"'configurationTitle' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [disabled]=\"obs.disabled\"\n    [defaultValue]=\"obs.prefill?.configurationTitle\"\n    [required]=\"true\"\n    [tooltip]=\"'configurationTitleTooltip' | pluginTranslate: pluginId | async\"\n    [widthPx]=\"350\"\n    placeholder=\"Verzoek Plugin\"\n  >\n  </v-input>\n  <ng-container\n    *ngIf=\"{notificatiePluginSelectItems: notificatiePluginSelectItems$ | async} as vars\"\n  >\n    <v-select\n      [items]=\"vars.notificatiePluginSelectItems\"\n      [margin]=\"true\"\n      [widthInPx]=\"350\"\n      name=\"notificatiesApiPluginConfiguration\"\n      [title]=\"'notificatiesApiPluginConfiguration' | pluginTranslate: pluginId | async\"\n      [disabled]=\"obs.disabled\"\n      [defaultSelectionId]=\"obs.prefill?.notificatiesApiPluginConfiguration\"\n      [required]=\"true\"\n      [loading]=\"!vars.notificatiePluginSelectItems\"\n      [tooltip]=\"'notificatiesApiPluginConfigurationTooltip' | pluginTranslate: pluginId | async\"\n    ></v-select>\n  </ng-container>\n  <ng-container *ngIf=\"{processSelectItems: processSelectItems$ | async} as vars\">\n    <v-select\n      [items]=\"vars.processSelectItems\"\n      [margin]=\"true\"\n      [widthInPx]=\"350\"\n      name=\"processToStart\"\n      [title]=\"'processToStart' | pluginTranslate: pluginId | async\"\n      [disabled]=\"obs.disabled\"\n      [defaultSelectionId]=\"obs.prefill?.processToStart\"\n      [required]=\"true\"\n      [loading]=\"!vars.processSelectItems\"\n      [tooltip]=\"'processToStartTooltip' | pluginTranslate: pluginId | async\"\n    ></v-select>\n  </ng-container>\n  <v-input\n    name=\"rsin\"\n    [title]=\"'rsin' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [disabled]=\"obs.disabled\"\n    [defaultValue]=\"obs.prefill?.rsin\"\n    [required]=\"true\"\n    [tooltip]=\"'rsinTooltip' | pluginTranslate: pluginId | async\"\n    [widthPx]=\"350\"\n    placeholder=\"\"\n  >\n  </v-input>\n  <v-multi-input-form\n    name=\"verzoekProperties\"\n    [title]=\"'verzoekProperties' | pluginTranslate: pluginId | async\"\n    [formTemplate]=\"mappingForm\"\n    [addRowText]=\"'addVerzoekType' | pluginTranslate: pluginId | async\"\n    [required]=\"false\"\n    [tooltip]=\"'verzoekPropertiesTooltip' | pluginTranslate: pluginId | async\"\n    (deleteRowEvent)=\"deleteRow($event)\"\n    [initialAmountOfRows]=\"0\"\n    [minimumAmountOfRows]=\"0\"\n    [defaultValues]=\"obs.prefill?.verzoekProperties\"\n  >\n  </v-multi-input-form>\n</v-form>\n\n<ng-template\n  #mappingForm\n  let-index=\"index\"\n  let-uuid=\"uuid\"\n  let-changeFunction=\"changeFunction\"\n  let-prefill=\"prefill\"\n>\n  <ng-container\n    *ngIf=\"{\n      disabled: disabled$ | async\n    } as obs\"\n  >\n    <v-form (valueChange)=\"changeFunction($event, uuid); verzoekTypeFormChange($event, uuid)\">\n      <v-input\n        name=\"type\"\n        [title]=\"'type' | pluginTranslate: pluginId | async\"\n        [margin]=\"false\"\n        [disabled]=\"obs.disabled\"\n        [defaultValue]=\"prefill?.type\"\n        [required]=\"true\"\n        [tooltip]=\"'typeTooltip' | pluginTranslate: pluginId | async\"\n        [widthPx]=\"350\"\n        [smallMargin]=\"true\"\n        placeholder=\"\"\n      >\n      </v-input>\n      <ng-container *ngIf=\"{documentSelectItems: documentSelectItems$ | async} as vars\">\n        <v-select\n          [items]=\"vars.documentSelectItems\"\n          [smallMargin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"caseDefinitionName\"\n          [title]=\"'caseDefinitionName' | pluginTranslate: pluginId | async\"\n          [disabled]=\"obs.disabled\"\n          [defaultSelectionId]=\"prefill?.caseDefinitionName\"\n          [required]=\"true\"\n          [loading]=\"!vars.documentSelectItems\"\n          [tooltip]=\"'caseDefinitionNameTooltip' | pluginTranslate: pluginId | async\"\n        ></v-select>\n      </ng-container>\n      <ng-container\n        *ngIf=\"{objectManagementSelectItems: objectManagementSelectItems$ | async} as vars\"\n      >\n        <v-select\n          [items]=\"vars.objectManagementSelectItems\"\n          [smallMargin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"objectManagementId\"\n          [title]=\"'objectManagementId' | pluginTranslate: pluginId | async\"\n          [disabled]=\"obs.disabled\"\n          [defaultSelectionId]=\"prefill?.objectManagementId\"\n          [required]=\"true\"\n          [loading]=\"!vars.objectManagementSelectItems\"\n          [tooltip]=\"'objectManagementIdTooltip' | pluginTranslate: pluginId | async\"\n        ></v-select>\n      </ng-container>\n      <v-select\n        [items]=\"\n          rolTypeSelectItemsObservables[uuid]?.caseDefinitionName &&\n          (rolTypeSelectItemsObservables[uuid].items | async)\n        \"\n        [smallMargin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"initiatorRoltypeUrl\"\n        [title]=\"'initiatorRoltypeUrl' | pluginTranslate: pluginId | async\"\n        [disabled]=\"obs.disabled || !rolTypeSelectItemsObservables[uuid]?.caseDefinitionName\"\n        [defaultSelectionId]=\"prefill?.initiatorRoltypeUrl\"\n        [required]=\"true\"\n        [tooltip]=\"'initiatorRoltypeUrlTooltip' | pluginTranslate: pluginId | async\"\n      ></v-select>\n      <v-input\n        name=\"initiatorRolDescription\"\n        [title]=\"'initiatorRolDescription' | pluginTranslate: pluginId | async\"\n        [margin]=\"false\"\n        [disabled]=\"obs.disabled\"\n        [defaultValue]=\"prefill?.initiatorRolDescription || 'Initiator'\"\n        [required]=\"true\"\n        [tooltip]=\"'initiatorRolDescriptionTooltip' | pluginTranslate: pluginId | async\"\n        [widthPx]=\"350\"\n        [smallMargin]=\"true\"\n        placeholder=\"\"\n      >\n      </v-input>\n      <ng-container *ngIf=\"{processSelectItems: processSelectItems$ | async} as vars\">\n        <v-select\n          [items]=\"vars.processSelectItems\"\n          [smallMargin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"processDefinitionKey\"\n          [title]=\"'processDefinitionKey' | pluginTranslate: pluginId | async\"\n          [disabled]=\"obs.disabled\"\n          [defaultSelectionId]=\"prefill?.processDefinitionKey\"\n          [required]=\"true\"\n          [loading]=\"!vars.processSelectItems\"\n          [tooltip]=\"'processDefinitionKeyTooltip' | pluginTranslate: pluginId | async\"\n        ></v-select>\n      </ng-container>\n      <v-radio\n        name=\"copyStrategy\"\n        [disabled]=\"obs.disabled\"\n        [title]=\"'copyStrategy' | pluginTranslate: pluginId | async\"\n        [tooltip]=\"'copyStrategyTooltip' | pluginTranslate: pluginId | async\"\n        [radioValues]=\"radioItems$ | async\"\n        [smallMargin]=\"true\"\n        [defaultValue]=\"prefill?.copyStrategy || 'full'\"\n      >\n      </v-radio>\n      <ng-container *ngIf=\"showMappingButtons[uuid]\">\n        <v-input-label\n          [title]=\"'mapping' | pluginTranslate: pluginId | async\"\n          [tooltip]=\"'mappingTooltip' | pluginTranslate: pluginId | async\"\n        >\n        </v-input-label>\n        <v-button (clickEvent)=\"openMappingModal(uuid)\" mdiIcon=\"table\"\n          >{{ 'setMapping' | pluginTranslate: pluginId | async }}\n        </v-button>\n      </ng-container>\n      <v-input class=\"hidden-input\" name=\"uuid\" [defaultValue]=\"uuid\"> </v-input>\n    </v-form>\n    <cds-modal valtimoCdsModal [open]=\"showMappingModals[uuid]\">\n      <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeMappingModal(uuid)\">\n        <h3 cdsModalHeaderHeading>{{ 'setMapping' | pluginTranslate: pluginId | async }}</h3>\n      </cds-modal-header>\n      <section cdsModalContent>\n        <div class=\"cds--text-input__field-wrapper\">\n          <cds-label [disabled]=\"obs.disabled\">\n            <span class=\"label-with-tooltip select-label\">\n              {{ 'mapping' | pluginTranslate: pluginId | async }}\n              <v-tooltip-icon\n                [tooltip]=\"'mappingTooltip' | pluginTranslate: pluginId | async\"\n                [disabled]=\"obs.disabled\"\n              ></v-tooltip-icon>\n            </span>\n          </cds-label>\n          <valtimo-carbon-multi-input\n            *ngIf=\"showMappingModalsDelay[uuid]\"\n            type=\"keyValue\"\n            (valueChange)=\"mappingValueChange($event, uuid)\"\n            [defaultValues]=\"mappings[uuid] || prefill?.mapping\"\n            [valueColumnTitle]=\"'target' | pluginTranslate: pluginId | async\"\n            [keyColumnTitle]=\"'source' | pluginTranslate: pluginId | async\"\n            [fullWidth]=\"true\"\n          ></valtimo-carbon-multi-input>\n        </div>\n      </section>\n      <cds-modal-footer>\n        <ng-container>\n          <button\n            cdsButton=\"secondary\"\n            [attr.modal-primary-focus]=\"true\"\n            (click)=\"closeMappingModal(uuid)\"\n            [disabled]=\"obs.disabled\"\n          >\n            {{ 'close' | pluginTranslate: pluginId | async }}\n          </button>\n          <button\n            cdsButton=\"primary\"\n            [attr.modal-primary-focus]=\"true\"\n            [disabled]=\"obs.disabled\"\n            (click)=\"saveMapping(uuid)\"\n            [disabled]=\"obs.disabled\"\n          >\n            {{ 'save' | pluginTranslate: pluginId | async }}\n          </button>\n        </ng-container>\n      </cds-modal-footer>\n    </cds-modal>\n  </ng-container>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2023 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 */.label-with-tooltip{display:flex;align-items:center}.select-label{padding-bottom:.5rem;width:250px}.hidden-input{display:none}.cds--text-input__field-wrapper{flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme"], outputs: ["selectedChange"] }, { kind: "component", type: i2$2.MultiInputFormComponent, selector: "v-multi-input-form", inputs: ["name", "title", "titleTranslationKey", "type", "initialAmountOfRows", "minimumAmountOfRows", "maxRows", "addRowText", "addRowTranslationKey", "deleteRowText", "deleteRowTranslationKey", "disabled", "defaultValues", "margin", "tooltip", "required", "formTemplate"], outputs: ["valueChange", "deleteRowEvent"] }, { kind: "component", type: i2$2.RadioComponent, selector: "v-radio", inputs: ["name", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "tooltip", "required", "smallLabel", "rows", "clear$", "radioValues"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.InputLabelComponent, selector: "v-input-label", inputs: ["name", "tooltip", "largeMargin", "small", "title", "titleTranslationKey", "required", "disabled", "carbonTheme"] }, { kind: "component", type: i2$2.ButtonComponent, selector: "v-button", inputs: ["type", "mdiIcon", "disabled", "title", "titleTranslationKey"], outputs: ["clickEvent"] }, { kind: "component", type: i8.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i8.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i8.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i8.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i8.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "component", type: i8.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "component", type: i2$2.TooltipIconComponent, selector: "v-tooltip-icon", inputs: ["tooltip", "disabled"] }, { kind: "component", type: i2$2.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["name", "title", "titleTranslationKey", "type", "initialAmountOfRows", "minimumAmountOfRows", "maxRows", "addRowText", "addRowTranslationKey", "deleteRowText", "deleteRowTranslationKey", "disabled", "defaultValues", "margin", "tooltip", "required", "keyColumnTitle", "valueColumnTitle", "dropdownColumnTitle", "hideDeleteButton", "hideAddButton", "dropdownItems", "dropdownWidth", "fullWidth"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "directive", type: i8.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2$2.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]" }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VerzoekConfigurationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-verzoek-configuration', template: "<!--\n  ~ Copyright 2015-2023 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<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: mappedPrefill$ ? (mappedPrefill$ | async) : null\n  } as obs\"\n>\n  <v-input\n    name=\"configurationTitle\"\n    [title]=\"'configurationTitle' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [disabled]=\"obs.disabled\"\n    [defaultValue]=\"obs.prefill?.configurationTitle\"\n    [required]=\"true\"\n    [tooltip]=\"'configurationTitleTooltip' | pluginTranslate: pluginId | async\"\n    [widthPx]=\"350\"\n    placeholder=\"Verzoek Plugin\"\n  >\n  </v-input>\n  <ng-container\n    *ngIf=\"{notificatiePluginSelectItems: notificatiePluginSelectItems$ | async} as vars\"\n  >\n    <v-select\n      [items]=\"vars.notificatiePluginSelectItems\"\n      [margin]=\"true\"\n      [widthInPx]=\"350\"\n      name=\"notificatiesApiPluginConfiguration\"\n      [title]=\"'notificatiesApiPluginConfiguration' | pluginTranslate: pluginId | async\"\n      [disabled]=\"obs.disabled\"\n      [defaultSelectionId]=\"obs.prefill?.notificatiesApiPluginConfiguration\"\n      [required]=\"true\"\n      [loading]=\"!vars.notificatiePluginSelectItems\"\n      [tooltip]=\"'notificatiesApiPluginConfigurationTooltip' | pluginTranslate: pluginId | async\"\n    ></v-select>\n  </ng-container>\n  <ng-container *ngIf=\"{processSelectItems: processSelectItems$ | async} as vars\">\n    <v-select\n      [items]=\"vars.processSelectItems\"\n      [margin]=\"true\"\n      [widthInPx]=\"350\"\n      name=\"processToStart\"\n      [title]=\"'processToStart' | pluginTranslate: pluginId | async\"\n      [disabled]=\"obs.disabled\"\n      [defaultSelectionId]=\"obs.prefill?.processToStart\"\n      [required]=\"true\"\n      [loading]=\"!vars.processSelectItems\"\n      [tooltip]=\"'processToStartTooltip' | pluginTranslate: pluginId | async\"\n    ></v-select>\n  </ng-container>\n  <v-input\n    name=\"rsin\"\n    [title]=\"'rsin' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [disabled]=\"obs.disabled\"\n    [defaultValue]=\"obs.prefill?.rsin\"\n    [required]=\"true\"\n    [tooltip]=\"'rsinTooltip' | pluginTranslate: pluginId | async\"\n    [widthPx]=\"350\"\n    placeholder=\"\"\n  >\n  </v-input>\n  <v-multi-input-form\n    name=\"verzoekProperties\"\n    [title]=\"'verzoekProperties' | pluginTranslate: pluginId | async\"\n    [formTemplate]=\"mappingForm\"\n    [addRowText]=\"'addVerzoekType' | pluginTranslate: pluginId | async\"\n    [required]=\"false\"\n    [tooltip]=\"'verzoekPropertiesTooltip' | pluginTranslate: pluginId | async\"\n    (deleteRowEvent)=\"deleteRow($event)\"\n    [initialAmountOfRows]=\"0\"\n    [minimumAmountOfRows]=\"0\"\n    [defaultValues]=\"obs.prefill?.verzoekProperties\"\n  >\n  </v-multi-input-form>\n</v-form>\n\n<ng-template\n  #mappingForm\n  let-index=\"index\"\n  let-uuid=\"uuid\"\n  let-changeFunction=\"changeFunction\"\n  let-prefill=\"prefill\"\n>\n  <ng-container\n    *ngIf=\"{\n      disabled: disabled$ | async\n    } as obs\"\n  >\n    <v-form (valueChange)=\"changeFunction($event, uuid); verzoekTypeFormChange($event, uuid)\">\n      <v-input\n        name=\"type\"\n        [title]=\"'type' | pluginTranslate: pluginId | async\"\n        [margin]=\"false\"\n        [disabled]=\"obs.disabled\"\n        [defaultValue]=\"prefill?.type\"\n        [required]=\"true\"\n        [tooltip]=\"'typeTooltip' | pluginTranslate: pluginId | async\"\n        [widthPx]=\"350\"\n        [smallMargin]=\"true\"\n        placeholder=\"\"\n      >\n      </v-input>\n      <ng-container *ngIf=\"{documentSelectItems: documentSelectItems$ | async} as vars\">\n        <v-select\n          [items]=\"vars.documentSelectItems\"\n          [smallMargin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"caseDefinitionName\"\n          [title]=\"'caseDefinitionName' | pluginTranslate: pluginId | async\"\n          [disabled]=\"obs.disabled\"\n          [defaultSelectionId]=\"prefill?.caseDefinitionName\"\n          [required]=\"true\"\n          [loading]=\"!vars.documentSelectItems\"\n          [tooltip]=\"'caseDefinitionNameTooltip' | pluginTranslate: pluginId | async\"\n        ></v-select>\n      </ng-container>\n      <ng-container\n        *ngIf=\"{objectManagementSelectItems: objectManagementSelectItems$ | async} as vars\"\n      >\n        <v-select\n          [items]=\"vars.objectManagementSelectItems\"\n          [smallMargin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"objectManagementId\"\n          [title]=\"'objectManagementId' | pluginTranslate: pluginId | async\"\n          [disabled]=\"obs.disabled\"\n          [defaultSelectionId]=\"prefill?.objectManagementId\"\n          [required]=\"true\"\n          [loading]=\"!vars.objectManagementSelectItems\"\n          [tooltip]=\"'objectManagementIdTooltip' | pluginTranslate: pluginId | async\"\n        ></v-select>\n      </ng-container>\n      <v-select\n        [items]=\"\n          rolTypeSelectItemsObservables[uuid]?.caseDefinitionName &&\n          (rolTypeSelectItemsObservables[uuid].items | async)\n        \"\n        [smallMargin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"initiatorRoltypeUrl\"\n        [title]=\"'initiatorRoltypeUrl' | pluginTranslate: pluginId | async\"\n        [disabled]=\"obs.disabled || !rolTypeSelectItemsObservables[uuid]?.caseDefinitionName\"\n        [defaultSelectionId]=\"prefill?.initiatorRoltypeUrl\"\n        [required]=\"true\"\n        [tooltip]=\"'initiatorRoltypeUrlTooltip' | pluginTranslate: pluginId | async\"\n      ></v-select>\n      <v-input\n        name=\"initiatorRolDescription\"\n        [title]=\"'initiatorRolDescription' | pluginTranslate: pluginId | async\"\n        [margin]=\"false\"\n        [disabled]=\"obs.disabled\"\n        [defaultValue]=\"prefill?.initiatorRolDescription || 'Initiator'\"\n        [required]=\"true\"\n        [tooltip]=\"'initiatorRolDescriptionTooltip' | pluginTranslate: pluginId | async\"\n        [widthPx]=\"350\"\n        [smallMargin]=\"true\"\n        placeholder=\"\"\n      >\n      </v-input>\n      <ng-container *ngIf=\"{processSelectItems: processSelectItems$ | async} as vars\">\n        <v-select\n          [items]=\"vars.processSelectItems\"\n          [smallMargin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"processDefinitionKey\"\n          [title]=\"'processDefinitionKey' | pluginTranslate: pluginId | async\"\n          [disabled]=\"obs.disabled\"\n          [defaultSelectionId]=\"prefill?.processDefinitionKey\"\n          [required]=\"true\"\n          [loading]=\"!vars.processSelectItems\"\n          [tooltip]=\"'processDefinitionKeyTooltip' | pluginTranslate: pluginId | async\"\n        ></v-select>\n      </ng-container>\n      <v-radio\n        name=\"copyStrategy\"\n        [disabled]=\"obs.disabled\"\n        [title]=\"'copyStrategy' | pluginTranslate: pluginId | async\"\n        [tooltip]=\"'copyStrategyTooltip' | pluginTranslate: pluginId | async\"\n        [radioValues]=\"radioItems$ | async\"\n        [smallMargin]=\"true\"\n        [defaultValue]=\"prefill?.copyStrategy || 'full'\"\n      >\n      </v-radio>\n      <ng-container *ngIf=\"showMappingButtons[uuid]\">\n        <v-input-label\n          [title]=\"'mapping' | pluginTranslate: pluginId | async\"\n          [tooltip]=\"'mappingTooltip' | pluginTranslate: pluginId | async\"\n        >\n        </v-input-label>\n        <v-button (clickEvent)=\"openMappingModal(uuid)\" mdiIcon=\"table\"\n          >{{ 'setMapping' | pluginTranslate: pluginId | async }}\n        </v-button>\n      </ng-container>\n      <v-input class=\"hidden-input\" name=\"uuid\" [defaultValue]=\"uuid\"> </v-input>\n    </v-form>\n    <cds-modal valtimoCdsModal [open]=\"showMappingModals[uuid]\">\n      <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeMappingModal(uuid)\">\n        <h3 cdsModalHeaderHeading>{{ 'setMapping' | pluginTranslate: pluginId | async }}</h3>\n      </cds-modal-header>\n      <section cdsModalContent>\n        <div class=\"cds--text-input__field-wrapper\">\n          <cds-label [disabled]=\"obs.disabled\">\n            <span class=\"label-with-tooltip select-label\">\n              {{ 'mapping' | pluginTranslate: pluginId | async }}\n              <v-tooltip-icon\n                [tooltip]=\"'mappingTooltip' | pluginTranslate: pluginId | async\"\n                [disabled]=\"obs.disabled\"\n              ></v-tooltip-icon>\n            </span>\n            <valtimo-carbon-multi-input\n              *ngIf=\"showMappingModalsDelay[uuid]\"\n              type=\"keyValue\"\n              (valueChange)=\"mappingValueChange($event, uuid)\"\n              [defaultValues]=\"mappings[uuid] || prefill?.mapping\"\n              [valueColumnTitle]=\"'target' | pluginTranslate: pluginId | async\"\n              [keyColumnTitle]=\"'source' | pluginTranslate: pluginId | async\"\n            ></valtimo-carbon-multi-input>\n          </cds-label>\n        </div>\n      </section>\n      <cds-modal-footer>\n        <ng-container>\n          <button\n            cdsButton=\"secondary\"\n            [attr.modal-primary-focus]=\"true\"\n            (click)=\"closeMappingModal(uuid)\"\n            [disabled]=\"obs.disabled\"\n          >\n            {{ 'close' | pluginTranslate: pluginId | async }}\n          </button>\n          <button\n            cdsButton=\"primary\"\n            [attr.modal-primary-focus]=\"true\"\n            [disabled]=\"obs.disabled\"\n            (click)=\"saveMapping(uuid)\"\n            [disabled]=\"obs.disabled\"\n          >\n            {{ 'save' | pluginTranslate: pluginId | async }}\n          </button>\n        </ng-container>\n      </cds-modal-footer>\n    </cds-modal>\n  </ng-container>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2023 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 */.label-with-tooltip{display:flex;align-items:center}.select-label{padding-bottom:.5rem;width:250px}.hidden-input{display:none}\n"] }]
+            args: [{ selector: 'valtimo-verzoek-configuration', template: "<!--\n  ~ Copyright 2015-2023 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<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: mappedPrefill$ ? (mappedPrefill$ | async) : null\n  } as obs\"\n>\n  <v-input\n    name=\"configurationTitle\"\n    [title]=\"'configurationTitle' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [disabled]=\"obs.disabled\"\n    [defaultValue]=\"obs.prefill?.configurationTitle\"\n    [required]=\"true\"\n    [tooltip]=\"'configurationTitleTooltip' | pluginTranslate: pluginId | async\"\n    [widthPx]=\"350\"\n    placeholder=\"Verzoek Plugin\"\n  >\n  </v-input>\n  <ng-container\n    *ngIf=\"{notificatiePluginSelectItems: notificatiePluginSelectItems$ | async} as vars\"\n  >\n    <v-select\n      [items]=\"vars.notificatiePluginSelectItems\"\n      [margin]=\"true\"\n      [widthInPx]=\"350\"\n      name=\"notificatiesApiPluginConfiguration\"\n      [title]=\"'notificatiesApiPluginConfiguration' | pluginTranslate: pluginId | async\"\n      [disabled]=\"obs.disabled\"\n      [defaultSelectionId]=\"obs.prefill?.notificatiesApiPluginConfiguration\"\n      [required]=\"true\"\n      [loading]=\"!vars.notificatiePluginSelectItems\"\n      [tooltip]=\"'notificatiesApiPluginConfigurationTooltip' | pluginTranslate: pluginId | async\"\n    ></v-select>\n  </ng-container>\n  <ng-container *ngIf=\"{processSelectItems: processSelectItems$ | async} as vars\">\n    <v-select\n      [items]=\"vars.processSelectItems\"\n      [margin]=\"true\"\n      [widthInPx]=\"350\"\n      name=\"processToStart\"\n      [title]=\"'processToStart' | pluginTranslate: pluginId | async\"\n      [disabled]=\"obs.disabled\"\n      [defaultSelectionId]=\"obs.prefill?.processToStart\"\n      [required]=\"true\"\n      [loading]=\"!vars.processSelectItems\"\n      [tooltip]=\"'processToStartTooltip' | pluginTranslate: pluginId | async\"\n    ></v-select>\n  </ng-container>\n  <v-input\n    name=\"rsin\"\n    [title]=\"'rsin' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [disabled]=\"obs.disabled\"\n    [defaultValue]=\"obs.prefill?.rsin\"\n    [required]=\"true\"\n    [tooltip]=\"'rsinTooltip' | pluginTranslate: pluginId | async\"\n    [widthPx]=\"350\"\n    placeholder=\"\"\n  >\n  </v-input>\n  <v-multi-input-form\n    name=\"verzoekProperties\"\n    [title]=\"'verzoekProperties' | pluginTranslate: pluginId | async\"\n    [formTemplate]=\"mappingForm\"\n    [addRowText]=\"'addVerzoekType' | pluginTranslate: pluginId | async\"\n    [required]=\"false\"\n    [tooltip]=\"'verzoekPropertiesTooltip' | pluginTranslate: pluginId | async\"\n    (deleteRowEvent)=\"deleteRow($event)\"\n    [initialAmountOfRows]=\"0\"\n    [minimumAmountOfRows]=\"0\"\n    [defaultValues]=\"obs.prefill?.verzoekProperties\"\n  >\n  </v-multi-input-form>\n</v-form>\n\n<ng-template\n  #mappingForm\n  let-index=\"index\"\n  let-uuid=\"uuid\"\n  let-changeFunction=\"changeFunction\"\n  let-prefill=\"prefill\"\n>\n  <ng-container\n    *ngIf=\"{\n      disabled: disabled$ | async\n    } as obs\"\n  >\n    <v-form (valueChange)=\"changeFunction($event, uuid); verzoekTypeFormChange($event, uuid)\">\n      <v-input\n        name=\"type\"\n        [title]=\"'type' | pluginTranslate: pluginId | async\"\n        [margin]=\"false\"\n        [disabled]=\"obs.disabled\"\n        [defaultValue]=\"prefill?.type\"\n        [required]=\"true\"\n        [tooltip]=\"'typeTooltip' | pluginTranslate: pluginId | async\"\n        [widthPx]=\"350\"\n        [smallMargin]=\"true\"\n        placeholder=\"\"\n      >\n      </v-input>\n      <ng-container *ngIf=\"{documentSelectItems: documentSelectItems$ | async} as vars\">\n        <v-select\n          [items]=\"vars.documentSelectItems\"\n          [smallMargin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"caseDefinitionName\"\n          [title]=\"'caseDefinitionName' | pluginTranslate: pluginId | async\"\n          [disabled]=\"obs.disabled\"\n          [defaultSelectionId]=\"prefill?.caseDefinitionName\"\n          [required]=\"true\"\n          [loading]=\"!vars.documentSelectItems\"\n          [tooltip]=\"'caseDefinitionNameTooltip' | pluginTranslate: pluginId | async\"\n        ></v-select>\n      </ng-container>\n      <ng-container\n        *ngIf=\"{objectManagementSelectItems: objectManagementSelectItems$ | async} as vars\"\n      >\n        <v-select\n          [items]=\"vars.objectManagementSelectItems\"\n          [smallMargin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"objectManagementId\"\n          [title]=\"'objectManagementId' | pluginTranslate: pluginId | async\"\n          [disabled]=\"obs.disabled\"\n          [defaultSelectionId]=\"prefill?.objectManagementId\"\n          [required]=\"true\"\n          [loading]=\"!vars.objectManagementSelectItems\"\n          [tooltip]=\"'objectManagementIdTooltip' | pluginTranslate: pluginId | async\"\n        ></v-select>\n      </ng-container>\n      <v-select\n        [items]=\"\n          rolTypeSelectItemsObservables[uuid]?.caseDefinitionName &&\n          (rolTypeSelectItemsObservables[uuid].items | async)\n        \"\n        [smallMargin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"initiatorRoltypeUrl\"\n        [title]=\"'initiatorRoltypeUrl' | pluginTranslate: pluginId | async\"\n        [disabled]=\"obs.disabled || !rolTypeSelectItemsObservables[uuid]?.caseDefinitionName\"\n        [defaultSelectionId]=\"prefill?.initiatorRoltypeUrl\"\n        [required]=\"true\"\n        [tooltip]=\"'initiatorRoltypeUrlTooltip' | pluginTranslate: pluginId | async\"\n      ></v-select>\n      <v-input\n        name=\"initiatorRolDescription\"\n        [title]=\"'initiatorRolDescription' | pluginTranslate: pluginId | async\"\n        [margin]=\"false\"\n        [disabled]=\"obs.disabled\"\n        [defaultValue]=\"prefill?.initiatorRolDescription || 'Initiator'\"\n        [required]=\"true\"\n        [tooltip]=\"'initiatorRolDescriptionTooltip' | pluginTranslate: pluginId | async\"\n        [widthPx]=\"350\"\n        [smallMargin]=\"true\"\n        placeholder=\"\"\n      >\n      </v-input>\n      <ng-container *ngIf=\"{processSelectItems: processSelectItems$ | async} as vars\">\n        <v-select\n          [items]=\"vars.processSelectItems\"\n          [smallMargin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"processDefinitionKey\"\n          [title]=\"'processDefinitionKey' | pluginTranslate: pluginId | async\"\n          [disabled]=\"obs.disabled\"\n          [defaultSelectionId]=\"prefill?.processDefinitionKey\"\n          [required]=\"true\"\n          [loading]=\"!vars.processSelectItems\"\n          [tooltip]=\"'processDefinitionKeyTooltip' | pluginTranslate: pluginId | async\"\n        ></v-select>\n      </ng-container>\n      <v-radio\n        name=\"copyStrategy\"\n        [disabled]=\"obs.disabled\"\n        [title]=\"'copyStrategy' | pluginTranslate: pluginId | async\"\n        [tooltip]=\"'copyStrategyTooltip' | pluginTranslate: pluginId | async\"\n        [radioValues]=\"radioItems$ | async\"\n        [smallMargin]=\"true\"\n        [defaultValue]=\"prefill?.copyStrategy || 'full'\"\n      >\n      </v-radio>\n      <ng-container *ngIf=\"showMappingButtons[uuid]\">\n        <v-input-label\n          [title]=\"'mapping' | pluginTranslate: pluginId | async\"\n          [tooltip]=\"'mappingTooltip' | pluginTranslate: pluginId | async\"\n        >\n        </v-input-label>\n        <v-button (clickEvent)=\"openMappingModal(uuid)\" mdiIcon=\"table\"\n          >{{ 'setMapping' | pluginTranslate: pluginId | async }}\n        </v-button>\n      </ng-container>\n      <v-input class=\"hidden-input\" name=\"uuid\" [defaultValue]=\"uuid\"> </v-input>\n    </v-form>\n    <cds-modal valtimoCdsModal [open]=\"showMappingModals[uuid]\">\n      <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"closeMappingModal(uuid)\">\n        <h3 cdsModalHeaderHeading>{{ 'setMapping' | pluginTranslate: pluginId | async }}</h3>\n      </cds-modal-header>\n      <section cdsModalContent>\n        <div class=\"cds--text-input__field-wrapper\">\n          <cds-label [disabled]=\"obs.disabled\">\n            <span class=\"label-with-tooltip select-label\">\n              {{ 'mapping' | pluginTranslate: pluginId | async }}\n              <v-tooltip-icon\n                [tooltip]=\"'mappingTooltip' | pluginTranslate: pluginId | async\"\n                [disabled]=\"obs.disabled\"\n              ></v-tooltip-icon>\n            </span>\n          </cds-label>\n          <valtimo-carbon-multi-input\n            *ngIf=\"showMappingModalsDelay[uuid]\"\n            type=\"keyValue\"\n            (valueChange)=\"mappingValueChange($event, uuid)\"\n            [defaultValues]=\"mappings[uuid] || prefill?.mapping\"\n            [valueColumnTitle]=\"'target' | pluginTranslate: pluginId | async\"\n            [keyColumnTitle]=\"'source' | pluginTranslate: pluginId | async\"\n            [fullWidth]=\"true\"\n          ></valtimo-carbon-multi-input>\n        </div>\n      </section>\n      <cds-modal-footer>\n        <ng-container>\n          <button\n            cdsButton=\"secondary\"\n            [attr.modal-primary-focus]=\"true\"\n            (click)=\"closeMappingModal(uuid)\"\n            [disabled]=\"obs.disabled\"\n          >\n            {{ 'close' | pluginTranslate: pluginId | async }}\n          </button>\n          <button\n            cdsButton=\"primary\"\n            [attr.modal-primary-focus]=\"true\"\n            [disabled]=\"obs.disabled\"\n            (click)=\"saveMapping(uuid)\"\n            [disabled]=\"obs.disabled\"\n          >\n            {{ 'save' | pluginTranslate: pluginId | async }}\n          </button>\n        </ng-container>\n      </cds-modal-footer>\n    </cds-modal>\n  </ng-container>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2023 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 */.label-with-tooltip{display:flex;align-items:center}.select-label{padding-bottom:.5rem;width:250px}.hidden-input{display:none}.cds--text-input__field-wrapper{flex-direction:column}\n"] }]
         }], ctorParameters: function () { return [{ type: PluginManagementService }, { type: i2.TranslateService }, { type: PluginTranslationService }, { type: VerzoekPluginService }, { type: i4.ProcessService }, { type: i2$3.DocumentService }]; }, propDecorators: { save$: [{
                 type: Input
             }], disabled$: [{
@@ -6009,5 +6248,5 @@ const besluitenApiPluginSpecification = {
  * Generated bundle index. Do not edit.
  */
 
-export { BesluitenApiConfigurationComponent, BesluitenApiPluginModule, CatalogiApiConfigurationComponent, CatalogiApiPluginModule, CompletePortalTaskComponent, CreateNatuurlijkPersoonZaakRolComponent, CreateNietNatuurlijkPersoonZaakRolComponent, CreatePortalTaskComponent, CreateZaakBesluitConfigurationComponent, CreateZaakConfigurationComponent, CreateZaakResultaatConfigurationComponent, DeleteObjectComponent, DocumentenApiConfigurationComponent, DocumentenApiPluginModule, DownloadDocumentConfigurationComponent, GenerateDocumentConfigurationComponent, GetBesluittypeConfigurationComponent, GetResultaattypeConfigurationComponent, GetStatustypeConfigurationComponent, LinkDocumentToBesluitConfigurationComponent, LinkDocumentToZaakConfigurationComponent, LinkUploadedDocumentToZaakConfigurationComponent, NotificatiesApiConfigurationComponent, NotificatiesApiPluginModule, ObjectTokenAuthencationConfigurationComponent, ObjectTokenAuthenticationPluginModule, ObjectenApiConfigurationComponent, ObjectenApiPluginModule, ObjecttypenApiConfigurationComponent, ObjecttypenApiPluginModule, OpenNotificatiesConfigurationComponent, OpenNotificatiesPluginModule, OpenZaakConfigurationComponent, OpenZaakPluginModule, PLUGINS_TOKEN, PluginConfigurationContainerComponent, PluginConfigurationContainerModule, PluginManagementService, PluginService, PluginTranslatePipe, PluginTranslatePipeModule, PluginTranslationService, PortaaltaakConfigurationComponent, PortaaltaakPluginModule, SetZaakStatusConfigurationComponent, SetZaakopschortingComponent, SmartDocumentsConfigurationComponent, SmartDocumentsPluginModule, StoreTempDocumentConfigurationComponent, StoreUploadedDocumentConfigurationComponent, VerzoekConfigurationComponent, VerzoekPluginModule, ZakenApiConfigurationComponent, ZakenApiPluginModule, besluitenApiPluginSpecification, catalogiApiPluginSpecification, documentenApiPluginSpecification, notificatiesApiPluginSpecification, objectTokenAuthenticationPluginSpecification, objectenApiPluginSpecification, objecttypenApiPluginSpecification, openNotificatiesPluginSpecification, openZaakPluginSpecification, portaaltaakPluginSpecification, smartDocumentsPluginSpecification, verzoekPluginSpecification, zakenApiPluginSpecification };
+export { BesluitenApiConfigurationComponent, BesluitenApiPluginModule, CatalogiApiConfigurationComponent, CatalogiApiPluginModule, CompletePortalTaskComponent, CreateNatuurlijkPersoonZaakRolComponent, CreateNietNatuurlijkPersoonZaakRolComponent, CreatePortalTaskComponent, CreateZaakBesluitConfigurationComponent, CreateZaakConfigurationComponent, CreateZaakResultaatConfigurationComponent, DeleteObjectComponent, DocumentenApiConfigurationComponent, DocumentenApiPluginModule, DownloadDocumentConfigurationComponent, GenerateDocumentConfigurationComponent, GetBesluittypeConfigurationComponent, GetResultaattypeConfigurationComponent, GetStatustypeConfigurationComponent, GetTemplateNamesComponent, LinkDocumentToBesluitConfigurationComponent, LinkDocumentToZaakConfigurationComponent, LinkUploadedDocumentToZaakConfigurationComponent, NotificatiesApiConfigurationComponent, NotificatiesApiPluginModule, ObjectTokenAuthencationConfigurationComponent, ObjectTokenAuthenticationPluginModule, ObjectenApiConfigurationComponent, ObjectenApiPluginModule, ObjecttypenApiConfigurationComponent, ObjecttypenApiPluginModule, OpenNotificatiesConfigurationComponent, OpenNotificatiesPluginModule, OpenZaakConfigurationComponent, OpenZaakPluginModule, PLUGINS_TOKEN, PluginConfigurationContainerComponent, PluginConfigurationContainerModule, PluginManagementService, PluginService, PluginTranslatePipe, PluginTranslatePipeModule, PluginTranslationService, PortaaltaakConfigurationComponent, PortaaltaakPluginModule, SetZaakStatusConfigurationComponent, SetZaakopschortingComponent, SmartDocumentsConfigurationComponent, SmartDocumentsPluginModule, StoreTempDocumentConfigurationComponent, StoreUploadedDocumentConfigurationComponent, VerzoekConfigurationComponent, VerzoekPluginModule, ZakenApiConfigurationComponent, ZakenApiPluginModule, besluitenApiPluginSpecification, catalogiApiPluginSpecification, documentenApiPluginSpecification, notificatiesApiPluginSpecification, objectTokenAuthenticationPluginSpecification, objectenApiPluginSpecification, objecttypenApiPluginSpecification, openNotificatiesPluginSpecification, openZaakPluginSpecification, portaaltaakPluginSpecification, smartDocumentsPluginSpecification, verzoekPluginSpecification, zakenApiPluginSpecification };
 //# sourceMappingURL=valtimo-plugin.mjs.map