@valtimo/plugin 12.6.1 → 12.8.0

package/fesm2022/valtimo-plugin.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Inject, Pipe, NgModule, EventEmitter, Component, Input, Output, ViewContainerRef, ViewChild, ViewChildren } from '@angular/core';
+import { InjectionToken, Inject, Injectable, Pipe, NgModule, EventEmitter, Output, Input, Component, ViewContainerRef, ViewChild, ViewChildren } from '@angular/core';
 import { BehaviorSubject, combineLatest, take, map as map$1, Subject, switchMap, tap as tap$1, of, filter, Subscription, catchError } from 'rxjs';
 import { map, tap } from 'rxjs/operators';
 import * as i2 from '@ngx-translate/core';
@@ -11,7 +11,7 @@ import * as i1 from '@angular/common/http';
 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, VModalComponent, MultiInputFormModule, ButtonModule as ButtonModule$1, TooltipIconModule, ValtimoCdsModalDirectiveModule, VModalModule, DatePickerModule } from '@valtimo/components';
+import { ParagraphModule, FormModule, InputModule, ValuePathSelectorPrefix, SelectModule, CarbonMultiInputModule, InputLabelModule, RadioModule, VModalComponent, MultiInputFormModule, ButtonModule as ButtonModule$1, TooltipIconModule, ValtimoCdsModalDirectiveModule, VModalModule, DatePickerModule } from '@valtimo/components';
 import { validate } from 'uuid';
 import * as i2$3 from '@valtimo/document';
 import * as i5 from 'carbon-components-angular';
@@ -1098,6 +1098,7 @@ class GenerateDocumentConfigurationComponent {
             id: format,
             text: format,
         }));
+        this.ValuePathSelectorPrefix = ValuePathSelectorPrefix;
         this.formValue$ = new BehaviorSubject(null);
         this.valid$ = new BehaviorSubject(false);
     }
@@ -1132,11 +1133,11 @@ class GenerateDocumentConfigurationComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GenerateDocumentConfigurationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: GenerateDocumentConfigurationComponent, selector: "valtimo-generate-document-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<v-paragraph [margin]=\"true\" [italic]=\"true\">\n  {{ 'generateDocumentWarning' | pluginTranslate: pluginId | async }}\n</v-paragraph>\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=\"templateGroup\"\n    [title]=\"'templateGroup' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.templateGroup\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n    [trim]=\"true\"\n    placeholder=\"\"\n  >\n  </v-input>\n  <v-input\n    name=\"templateName\"\n    [title]=\"'templateName' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.templateName\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n    [trim]=\"true\"\n    placeholder=\"\"\n  >\n  </v-input>\n  <v-input\n    name=\"resultingDocumentProcessVariableName\"\n    [title]=\"'resultingDocumentProcessVariableName' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.resultingDocumentProcessVariableName\"\n    [disabled]=\"obs.disabled\"\n    [tooltip]=\"'resultingDocumentProcessVariableNameTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [trim]=\"true\"\n    placeholder=\"\"\n  >\n  </v-input>\n  <v-select\n    [items]=\"FORMAT_SELECT_ITEMS\"\n    [margin]=\"true\"\n    [widthInPx]=\"150\"\n    name=\"format\"\n    [title]=\"'format' | pluginTranslate: pluginId | async\"\n    [disabled]=\"obs.disabled\"\n    [defaultSelectionId]=\"obs.prefill?.format\"\n    [required]=\"true\"\n  ></v-select>\n  <valtimo-carbon-multi-input\n    name=\"templateData\"\n    [title]=\"'templateData' | pluginTranslate: pluginId | async\"\n    type=\"keyValue\"\n    [disabled]=\"obs.disabled\"\n    [defaultValues]=\"obs.prefill?.templateData\"\n    [margin]=\"true\"\n    [required]=\"true\"\n    [tooltip]=\"'templateDataTooltip' | pluginTranslate: pluginId | async\"\n  ></valtimo-carbon-multi-input>\n</v-form>\n", styles: ["/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "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", "dataTestId", "trim"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i2$2.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["name", "title", "titleTranslationKey", "type", "arbitraryValueAmount", "arbitraryAmountTitles", "initialAmountOfRows", "minimumAmountOfRows", "maxRows", "addRowText", "addRowTranslationKey", "deleteRowText", "deleteRowTranslationKey", "disabled", "defaultValues", "margin", "tooltip", "required", "keyColumnTitle", "valueColumnTitle", "dropdownColumnTitle", "hideDeleteButton", "hideAddButton", "dropdownItems", "dropdownWidth", "fullWidth", "carbonTheme"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "component", type: i2$2.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: GenerateDocumentConfigurationComponent, selector: "valtimo-generate-document-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<v-paragraph [margin]=\"true\" [italic]=\"true\">\n  {{ 'generateDocumentWarning' | pluginTranslate: pluginId | async }}\n</v-paragraph>\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=\"templateGroup\"\n    [title]=\"'templateGroup' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.templateGroup\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n    [trim]=\"true\"\n    placeholder=\"\"\n  >\n  </v-input>\n  <v-input\n    name=\"templateName\"\n    [title]=\"'templateName' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.templateName\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n    [trim]=\"true\"\n    placeholder=\"\"\n  >\n  </v-input>\n  <v-input\n    name=\"resultingDocumentProcessVariableName\"\n    [title]=\"'resultingDocumentProcessVariableName' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.resultingDocumentProcessVariableName\"\n    [disabled]=\"obs.disabled\"\n    [tooltip]=\"'resultingDocumentProcessVariableNameTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [trim]=\"true\"\n    placeholder=\"\"\n  >\n  </v-input>\n  <v-select\n    [items]=\"FORMAT_SELECT_ITEMS\"\n    [margin]=\"true\"\n    [widthInPx]=\"150\"\n    name=\"format\"\n    [title]=\"'format' | pluginTranslate: pluginId | async\"\n    [disabled]=\"obs.disabled\"\n    [defaultSelectionId]=\"obs.prefill?.format\"\n    [required]=\"true\"\n  ></v-select>\n\n  <valtimo-carbon-multi-input\n    name=\"templateData\"\n    [title]=\"'templateData' | pluginTranslate: pluginId | async\"\n    type=\"keyValuePathSelector\"\n    [disabled]=\"obs.disabled\"\n    [defaultValues]=\"obs.prefill?.templateData\"\n    [margin]=\"true\"\n    [required]=\"true\"\n    [tooltip]=\"'templateDataTooltip' | pluginTranslate: pluginId | async\"\n    valuePathSelectorNotation=\"slashes\"\n    [fullWidth]=\"true\"\n    [valuePathSelectorPrefixes]=\"[\n      ValuePathSelectorPrefix.DOC,\n      ValuePathSelectorPrefix.CASE,\n      ValuePathSelectorPrefix.ZAAK,\n    ]\"\n    [valuePathSelectorShowDocumentDefinitionSelector]=\"true\"\n    [keyColumnFlex]=\"1\"\n    [valueColumnFlex]=\"2\"\n    [keyColumnTitle]=\"'key' | pluginTranslate: pluginId | async\"\n    [valueColumnTitle]=\"'value' | pluginTranslate: pluginId | async\"\n  ></valtimo-carbon-multi-input>\n</v-form>\n", styles: ["/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "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", "dataTestId", "trim"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i2$2.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["addRowText", "addRowTranslationKey", "arbitraryAmountTitles", "arbitraryValueAmount", "defaultValues", "deleteRowText", "deleteRowTranslationKey", "disabled", "dropdownColumnTitle", "dropdownItems", "dropdownWidth", "fullWidth", "hideAddButton", "hideDeleteButton", "initialAmountOfRows", "keyColumnTitle", "margin", "maxRows", "minimumAmountOfRows", "name", "required", "title", "titleTranslationKey", "tooltip", "type", "valueColumnTitle", "valuePathSelectorDocumentDefinitionName", "valuePathSelectorPrefixes", "valuePathSelectorShowDocumentDefinitionSelector", "valuePathSelectorNotation", "keyColumnFlex", "dropdownColumnFlex", "valueColumnFlex"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "component", type: i2$2.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GenerateDocumentConfigurationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-generate-document-configuration', template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<v-paragraph [margin]=\"true\" [italic]=\"true\">\n  {{ 'generateDocumentWarning' | pluginTranslate: pluginId | async }}\n</v-paragraph>\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=\"templateGroup\"\n    [title]=\"'templateGroup' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.templateGroup\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n    [trim]=\"true\"\n    placeholder=\"\"\n  >\n  </v-input>\n  <v-input\n    name=\"templateName\"\n    [title]=\"'templateName' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.templateName\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n    [trim]=\"true\"\n    placeholder=\"\"\n  >\n  </v-input>\n  <v-input\n    name=\"resultingDocumentProcessVariableName\"\n    [title]=\"'resultingDocumentProcessVariableName' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.resultingDocumentProcessVariableName\"\n    [disabled]=\"obs.disabled\"\n    [tooltip]=\"'resultingDocumentProcessVariableNameTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [trim]=\"true\"\n    placeholder=\"\"\n  >\n  </v-input>\n  <v-select\n    [items]=\"FORMAT_SELECT_ITEMS\"\n    [margin]=\"true\"\n    [widthInPx]=\"150\"\n    name=\"format\"\n    [title]=\"'format' | pluginTranslate: pluginId | async\"\n    [disabled]=\"obs.disabled\"\n    [defaultSelectionId]=\"obs.prefill?.format\"\n    [required]=\"true\"\n  ></v-select>\n  <valtimo-carbon-multi-input\n    name=\"templateData\"\n    [title]=\"'templateData' | pluginTranslate: pluginId | async\"\n    type=\"keyValue\"\n    [disabled]=\"obs.disabled\"\n    [defaultValues]=\"obs.prefill?.templateData\"\n    [margin]=\"true\"\n    [required]=\"true\"\n    [tooltip]=\"'templateDataTooltip' | pluginTranslate: pluginId | async\"\n  ></valtimo-carbon-multi-input>\n</v-form>\n", styles: ["/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+            args: [{ selector: 'valtimo-generate-document-configuration', template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<v-paragraph [margin]=\"true\" [italic]=\"true\">\n  {{ 'generateDocumentWarning' | pluginTranslate: pluginId | async }}\n</v-paragraph>\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=\"templateGroup\"\n    [title]=\"'templateGroup' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.templateGroup\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n    [trim]=\"true\"\n    placeholder=\"\"\n  >\n  </v-input>\n  <v-input\n    name=\"templateName\"\n    [title]=\"'templateName' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.templateName\"\n    [disabled]=\"obs.disabled\"\n    [required]=\"true\"\n    [trim]=\"true\"\n    placeholder=\"\"\n  >\n  </v-input>\n  <v-input\n    name=\"resultingDocumentProcessVariableName\"\n    [title]=\"'resultingDocumentProcessVariableName' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.resultingDocumentProcessVariableName\"\n    [disabled]=\"obs.disabled\"\n    [tooltip]=\"'resultingDocumentProcessVariableNameTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [trim]=\"true\"\n    placeholder=\"\"\n  >\n  </v-input>\n  <v-select\n    [items]=\"FORMAT_SELECT_ITEMS\"\n    [margin]=\"true\"\n    [widthInPx]=\"150\"\n    name=\"format\"\n    [title]=\"'format' | pluginTranslate: pluginId | async\"\n    [disabled]=\"obs.disabled\"\n    [defaultSelectionId]=\"obs.prefill?.format\"\n    [required]=\"true\"\n  ></v-select>\n\n  <valtimo-carbon-multi-input\n    name=\"templateData\"\n    [title]=\"'templateData' | pluginTranslate: pluginId | async\"\n    type=\"keyValuePathSelector\"\n    [disabled]=\"obs.disabled\"\n    [defaultValues]=\"obs.prefill?.templateData\"\n    [margin]=\"true\"\n    [required]=\"true\"\n    [tooltip]=\"'templateDataTooltip' | pluginTranslate: pluginId | async\"\n    valuePathSelectorNotation=\"slashes\"\n    [fullWidth]=\"true\"\n    [valuePathSelectorPrefixes]=\"[\n      ValuePathSelectorPrefix.DOC,\n      ValuePathSelectorPrefix.CASE,\n      ValuePathSelectorPrefix.ZAAK,\n    ]\"\n    [valuePathSelectorShowDocumentDefinitionSelector]=\"true\"\n    [keyColumnFlex]=\"1\"\n    [valueColumnFlex]=\"2\"\n    [keyColumnTitle]=\"'key' | pluginTranslate: pluginId | async\"\n    [valueColumnTitle]=\"'value' | pluginTranslate: pluginId | async\"\n  ></valtimo-carbon-multi-input>\n</v-form>\n", styles: ["/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], propDecorators: { save$: [{
                 type: Input
             }], disabled$: [{
@@ -1357,6 +1358,8 @@ const smartDocumentsPluginSpecification = {
             resultingDocumentProcessVariableName: 'Naam procesvariabele voor opslag document',
             resultingDocumentProcessVariableNameTooltip: 'De locatie van het gegenereerde document wordt opgeslagen in een procesvariabele. Deze procesvariabele kan gebruikt worden om het document te verwerken in een andere BPMN-taak.',
             generateDocumentWarning: 'Deze actie genereert een tijdelijk bestand. Het verwerken hiervan moet door een andere actie worden gedaan.',
+            key: 'Sleutel',
+            value: 'Waarde',
         },
         en: {
             title: 'SmartDocuments',
@@ -1378,6 +1381,8 @@ const smartDocumentsPluginSpecification = {
             resultingDocumentProcessVariableName: 'Process variable name for storing document',
             resultingDocumentProcessVariableNameTooltip: 'The location of the generated document is stored in a process variable. This process variable can be used to access the document in another BPMN task.',
             generateDocumentWarning: 'This action generates a temporary file. It needs to be stored in a following task.',
+            key: 'Key',
+            value: 'Value',
         },
         de: {
             title: 'SmartDocuments',
@@ -1399,6 +1404,8 @@ const smartDocumentsPluginSpecification = {
             resultingDocumentProcessVariableName: 'Prozessvariablenname zum Speichern des Dokuments',
             resultingDocumentProcessVariableNameTooltip: 'Der Ort des generierten Dokuments wird in einer Prozessvariablen gespeichert. Diese Prozessvariable wird verwendet, um in einer anderen BPMN-Aufgabe auf das Dokument zuzugreifen.',
             generateDocumentWarning: 'Diese Aktion erzeugt eine temporäre Datei. Die Verarbeitung muss durch eine andere Aktion erfolgen.',
+            key: 'Schlüssel',
+            value: 'Wert',
         },
     },
 };
@@ -5634,6 +5641,7 @@ class CreatePortalTaskComponent {
         this.formTypeIsUrl$ = this.formValue$.pipe(map$1(value => !!(value?.formType === 'url')));
         this.receiverIsOther$ = this.formValue$.pipe(map$1(value => !!(value?.receiver === 'other')));
         this.valid$ = new BehaviorSubject(false);
+        this.ValuePathSelectorPrefix = ValuePathSelectorPrefix;
     }
     ngOnInit() {
         this.openSaveSubscription();
@@ -5674,11 +5682,11 @@ class CreatePortalTaskComponent {
         }))));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreatePortalTaskComponent, deps: [{ token: i2.TranslateService }, { token: PluginTranslationService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreatePortalTaskComponent, selector: "valtimo-create-portal-task", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    formTypeIsUrl: formTypeIsUrl$ | async,\n    receiverIsOther: receiverIsOther$ | async,\n  } as obs\"\n>\n  <v-select\n    [items]=\"formTypeSelectItems$ | async\"\n    [margin]=\"true\"\n    [widthInPx]=\"250\"\n    name=\"formType\"\n    [title]=\"'formType' | pluginTranslate: pluginId | async\"\n    [disabled]=\"obs.disabled\"\n    [defaultSelectionId]=\"obs.prefill?.formType || FORM_TYPE_ITEMS[0]\"\n    [tooltip]=\"'formTypeTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [clearable]=\"false\"\n  ></v-select>\n  <v-input\n    *ngIf=\"obs.formTypeIsUrl === false\"\n    name=\"formTypeId\"\n    [title]=\"'formTypeId' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.formTypeId\"\n    [disabled]=\"obs.disabled\"\n    [trim]=\"true\"\n    [tooltip]=\"'formTypeIdTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n  ></v-input>\n  <v-input\n    *ngIf=\"obs.formTypeIsUrl\"\n    name=\"formTypeUrl\"\n    [title]=\"'formTypeUrl' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.formTypeUrl\"\n    [disabled]=\"obs.disabled\"\n    [tooltip]=\"'formTypeUrlTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [trim]=\"true\"\n  ></v-input>\n  <valtimo-carbon-multi-input\n    name=\"sendData\"\n    [title]=\"'sendData' | pluginTranslate: pluginId | async\"\n    type=\"keyValue\"\n    [disabled]=\"obs.disabled\"\n    [defaultValues]=\"obs.prefill?.sendData\"\n    [margin]=\"true\"\n    [required]=\"false\"\n    [tooltip]=\"'sendDataTooltip' | pluginTranslate: pluginId | async\"\n    [minimumAmountOfRows]=\"0\"\n    [initialAmountOfRows]=\"0\"\n  ></valtimo-carbon-multi-input>\n  <valtimo-carbon-multi-input\n    name=\"receiveData\"\n    [title]=\"'receiveData' | pluginTranslate: pluginId | async\"\n    type=\"keyValue\"\n    [disabled]=\"obs.disabled\"\n    [defaultValues]=\"obs.prefill?.receiveData\"\n    [margin]=\"true\"\n    [required]=\"false\"\n    [tooltip]=\"'receiveDataTooltip' | pluginTranslate: pluginId | async\"\n    [minimumAmountOfRows]=\"0\"\n    [initialAmountOfRows]=\"0\"\n  ></valtimo-carbon-multi-input>\n  <v-select\n    [items]=\"receiverSelectItems$ | async\"\n    [margin]=\"true\"\n    [widthInPx]=\"250\"\n    name=\"receiver\"\n    [title]=\"'receiver' | pluginTranslate: pluginId | async\"\n    [disabled]=\"obs.disabled\"\n    [defaultSelectionId]=\"obs.prefill?.receiver || RECEIVER_ITEMS[0]\"\n    [tooltip]=\"'receiverTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [clearable]=\"false\"\n  ></v-select>\n  <v-input\n    *ngIf=\"obs.receiverIsOther\"\n    name=\"identificationKey\"\n    [title]=\"'identificationKey' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.identificationKey\"\n    [disabled]=\"obs.disabled\"\n    [tooltip]=\"'identificationKeyTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [trim]=\"true\"\n  ></v-input>\n  <v-input\n    *ngIf=\"obs.receiverIsOther\"\n    name=\"identificationValue\"\n    [title]=\"'identificationValue' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.identificationValue\"\n    [disabled]=\"obs.disabled\"\n    [tooltip]=\"'identificationValueTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [trim]=\"true\"\n  ></v-input>\n  <v-input\n    name=\"verloopDurationInDays\"\n    [title]=\"'verloopDurationInDays' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.verloopDurationInDays?.toString()\"\n    [disabled]=\"obs.disabled\"\n    [tooltip]=\"'verloopDurationInDaysTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"false\"\n  ></v-input>\n</v-form>\n", styles: ["/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "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", "dataTestId", "trim"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i2$2.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["name", "title", "titleTranslationKey", "type", "arbitraryValueAmount", "arbitraryAmountTitles", "initialAmountOfRows", "minimumAmountOfRows", "maxRows", "addRowText", "addRowTranslationKey", "deleteRowText", "deleteRowTranslationKey", "disabled", "defaultValues", "margin", "tooltip", "required", "keyColumnTitle", "valueColumnTitle", "dropdownColumnTitle", "hideDeleteButton", "hideAddButton", "dropdownItems", "dropdownWidth", "fullWidth", "carbonTheme"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreatePortalTaskComponent, selector: "valtimo-create-portal-task", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    formTypeIsUrl: formTypeIsUrl$ | async,\n    receiverIsOther: receiverIsOther$ | async,\n  } as obs\"\n>\n  <v-select\n    [items]=\"formTypeSelectItems$ | async\"\n    [margin]=\"true\"\n    [widthInPx]=\"250\"\n    name=\"formType\"\n    [title]=\"'formType' | pluginTranslate: pluginId | async\"\n    [disabled]=\"obs.disabled\"\n    [defaultSelectionId]=\"obs.prefill?.formType || FORM_TYPE_ITEMS[0]\"\n    [tooltip]=\"'formTypeTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [clearable]=\"false\"\n  ></v-select>\n\n  <v-input\n    *ngIf=\"obs.formTypeIsUrl === false\"\n    name=\"formTypeId\"\n    [title]=\"'formTypeId' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.formTypeId\"\n    [disabled]=\"obs.disabled\"\n    [trim]=\"true\"\n    [tooltip]=\"'formTypeIdTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n  ></v-input>\n\n  <v-input\n    *ngIf=\"obs.formTypeIsUrl\"\n    name=\"formTypeUrl\"\n    [title]=\"'formTypeUrl' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.formTypeUrl\"\n    [disabled]=\"obs.disabled\"\n    [tooltip]=\"'formTypeUrlTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [trim]=\"true\"\n  ></v-input>\n\n  <valtimo-carbon-multi-input\n    name=\"sendData\"\n    [title]=\"'sendData' | pluginTranslate: pluginId | async\"\n    type=\"keyValuePathSelector\"\n    [disabled]=\"obs.disabled\"\n    [defaultValues]=\"obs.prefill?.sendData\"\n    [margin]=\"true\"\n    [required]=\"false\"\n    [tooltip]=\"'sendDataTooltip' | pluginTranslate: pluginId | async\"\n    [minimumAmountOfRows]=\"0\"\n    [initialAmountOfRows]=\"0\"\n    [fullWidth]=\"true\"\n    valuePathSelectorNotation=\"slashes\"\n    [valuePathSelectorPrefixes]=\"[ValuePathSelectorPrefix.DOC]\"\n    [valuePathSelectorShowDocumentDefinitionSelector]=\"true\"\n    [keyColumnFlex]=\"1\"\n    [valueColumnFlex]=\"2\"\n    [keyColumnTitle]=\"'destinationInObject' | pluginTranslate: pluginId | async\"\n    [valueColumnTitle]=\"'value' | pluginTranslate: pluginId | async\"\n  ></valtimo-carbon-multi-input>\n\n  <valtimo-carbon-multi-input\n    name=\"receiveData\"\n    [title]=\"'receiveData' | pluginTranslate: pluginId | async\"\n    type=\"valuePathSelectorValue\"\n    [disabled]=\"obs.disabled\"\n    [defaultValues]=\"obs.prefill?.receiveData\"\n    [margin]=\"true\"\n    [required]=\"false\"\n    [tooltip]=\"'receiveDataTooltip' | pluginTranslate: pluginId | async\"\n    [minimumAmountOfRows]=\"0\"\n    [initialAmountOfRows]=\"0\"\n    [fullWidth]=\"true\"\n    valuePathSelectorNotation=\"slashes\"\n    [valuePathSelectorPrefixes]=\"[ValuePathSelectorPrefix.DOC]\"\n    [valuePathSelectorShowDocumentDefinitionSelector]=\"true\"\n    [keyColumnFlex]=\"2\"\n    [valueColumnFlex]=\"1\"\n    [keyColumnTitle]=\"'destination' | pluginTranslate: pluginId | async\"\n    [valueColumnTitle]=\"'source' | pluginTranslate: pluginId | async\"\n  ></valtimo-carbon-multi-input>\n\n  <v-select\n    [items]=\"receiverSelectItems$ | async\"\n    [margin]=\"true\"\n    [widthInPx]=\"250\"\n    name=\"receiver\"\n    [title]=\"'receiver' | pluginTranslate: pluginId | async\"\n    [disabled]=\"obs.disabled\"\n    [defaultSelectionId]=\"obs.prefill?.receiver || RECEIVER_ITEMS[0]\"\n    [tooltip]=\"'receiverTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [clearable]=\"false\"\n  ></v-select>\n\n  <v-input\n    *ngIf=\"obs.receiverIsOther\"\n    name=\"identificationKey\"\n    [title]=\"'identificationKey' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.identificationKey\"\n    [disabled]=\"obs.disabled\"\n    [tooltip]=\"'identificationKeyTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [trim]=\"true\"\n  ></v-input>\n\n  <v-input\n    *ngIf=\"obs.receiverIsOther\"\n    name=\"identificationValue\"\n    [title]=\"'identificationValue' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.identificationValue\"\n    [disabled]=\"obs.disabled\"\n    [tooltip]=\"'identificationValueTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [trim]=\"true\"\n  ></v-input>\n\n  <v-input\n    name=\"verloopDurationInDays\"\n    [title]=\"'verloopDurationInDays' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.verloopDurationInDays?.toString()\"\n    [disabled]=\"obs.disabled\"\n    [tooltip]=\"'verloopDurationInDaysTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"false\"\n  ></v-input>\n</v-form>\n", styles: ["/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "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", "dataTestId", "trim"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i2$2.CarbonMultiInputComponent, selector: "valtimo-carbon-multi-input", inputs: ["addRowText", "addRowTranslationKey", "arbitraryAmountTitles", "arbitraryValueAmount", "defaultValues", "deleteRowText", "deleteRowTranslationKey", "disabled", "dropdownColumnTitle", "dropdownItems", "dropdownWidth", "fullWidth", "hideAddButton", "hideDeleteButton", "initialAmountOfRows", "keyColumnTitle", "margin", "maxRows", "minimumAmountOfRows", "name", "required", "title", "titleTranslationKey", "tooltip", "type", "valueColumnTitle", "valuePathSelectorDocumentDefinitionName", "valuePathSelectorPrefixes", "valuePathSelectorShowDocumentDefinitionSelector", "valuePathSelectorNotation", "keyColumnFlex", "dropdownColumnFlex", "valueColumnFlex"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreatePortalTaskComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-create-portal-task', template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    formTypeIsUrl: formTypeIsUrl$ | async,\n    receiverIsOther: receiverIsOther$ | async,\n  } as obs\"\n>\n  <v-select\n    [items]=\"formTypeSelectItems$ | async\"\n    [margin]=\"true\"\n    [widthInPx]=\"250\"\n    name=\"formType\"\n    [title]=\"'formType' | pluginTranslate: pluginId | async\"\n    [disabled]=\"obs.disabled\"\n    [defaultSelectionId]=\"obs.prefill?.formType || FORM_TYPE_ITEMS[0]\"\n    [tooltip]=\"'formTypeTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [clearable]=\"false\"\n  ></v-select>\n  <v-input\n    *ngIf=\"obs.formTypeIsUrl === false\"\n    name=\"formTypeId\"\n    [title]=\"'formTypeId' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.formTypeId\"\n    [disabled]=\"obs.disabled\"\n    [trim]=\"true\"\n    [tooltip]=\"'formTypeIdTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n  ></v-input>\n  <v-input\n    *ngIf=\"obs.formTypeIsUrl\"\n    name=\"formTypeUrl\"\n    [title]=\"'formTypeUrl' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.formTypeUrl\"\n    [disabled]=\"obs.disabled\"\n    [tooltip]=\"'formTypeUrlTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [trim]=\"true\"\n  ></v-input>\n  <valtimo-carbon-multi-input\n    name=\"sendData\"\n    [title]=\"'sendData' | pluginTranslate: pluginId | async\"\n    type=\"keyValue\"\n    [disabled]=\"obs.disabled\"\n    [defaultValues]=\"obs.prefill?.sendData\"\n    [margin]=\"true\"\n    [required]=\"false\"\n    [tooltip]=\"'sendDataTooltip' | pluginTranslate: pluginId | async\"\n    [minimumAmountOfRows]=\"0\"\n    [initialAmountOfRows]=\"0\"\n  ></valtimo-carbon-multi-input>\n  <valtimo-carbon-multi-input\n    name=\"receiveData\"\n    [title]=\"'receiveData' | pluginTranslate: pluginId | async\"\n    type=\"keyValue\"\n    [disabled]=\"obs.disabled\"\n    [defaultValues]=\"obs.prefill?.receiveData\"\n    [margin]=\"true\"\n    [required]=\"false\"\n    [tooltip]=\"'receiveDataTooltip' | pluginTranslate: pluginId | async\"\n    [minimumAmountOfRows]=\"0\"\n    [initialAmountOfRows]=\"0\"\n  ></valtimo-carbon-multi-input>\n  <v-select\n    [items]=\"receiverSelectItems$ | async\"\n    [margin]=\"true\"\n    [widthInPx]=\"250\"\n    name=\"receiver\"\n    [title]=\"'receiver' | pluginTranslate: pluginId | async\"\n    [disabled]=\"obs.disabled\"\n    [defaultSelectionId]=\"obs.prefill?.receiver || RECEIVER_ITEMS[0]\"\n    [tooltip]=\"'receiverTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [clearable]=\"false\"\n  ></v-select>\n  <v-input\n    *ngIf=\"obs.receiverIsOther\"\n    name=\"identificationKey\"\n    [title]=\"'identificationKey' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.identificationKey\"\n    [disabled]=\"obs.disabled\"\n    [tooltip]=\"'identificationKeyTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [trim]=\"true\"\n  ></v-input>\n  <v-input\n    *ngIf=\"obs.receiverIsOther\"\n    name=\"identificationValue\"\n    [title]=\"'identificationValue' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.identificationValue\"\n    [disabled]=\"obs.disabled\"\n    [tooltip]=\"'identificationValueTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [trim]=\"true\"\n  ></v-input>\n  <v-input\n    name=\"verloopDurationInDays\"\n    [title]=\"'verloopDurationInDays' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.verloopDurationInDays?.toString()\"\n    [disabled]=\"obs.disabled\"\n    [tooltip]=\"'verloopDurationInDaysTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"false\"\n  ></v-input>\n</v-form>\n", styles: ["/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+            args: [{ selector: 'valtimo-create-portal-task', template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    formTypeIsUrl: formTypeIsUrl$ | async,\n    receiverIsOther: receiverIsOther$ | async,\n  } as obs\"\n>\n  <v-select\n    [items]=\"formTypeSelectItems$ | async\"\n    [margin]=\"true\"\n    [widthInPx]=\"250\"\n    name=\"formType\"\n    [title]=\"'formType' | pluginTranslate: pluginId | async\"\n    [disabled]=\"obs.disabled\"\n    [defaultSelectionId]=\"obs.prefill?.formType || FORM_TYPE_ITEMS[0]\"\n    [tooltip]=\"'formTypeTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [clearable]=\"false\"\n  ></v-select>\n\n  <v-input\n    *ngIf=\"obs.formTypeIsUrl === false\"\n    name=\"formTypeId\"\n    [title]=\"'formTypeId' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.formTypeId\"\n    [disabled]=\"obs.disabled\"\n    [trim]=\"true\"\n    [tooltip]=\"'formTypeIdTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n  ></v-input>\n\n  <v-input\n    *ngIf=\"obs.formTypeIsUrl\"\n    name=\"formTypeUrl\"\n    [title]=\"'formTypeUrl' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.formTypeUrl\"\n    [disabled]=\"obs.disabled\"\n    [tooltip]=\"'formTypeUrlTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [trim]=\"true\"\n  ></v-input>\n\n  <valtimo-carbon-multi-input\n    name=\"sendData\"\n    [title]=\"'sendData' | pluginTranslate: pluginId | async\"\n    type=\"keyValuePathSelector\"\n    [disabled]=\"obs.disabled\"\n    [defaultValues]=\"obs.prefill?.sendData\"\n    [margin]=\"true\"\n    [required]=\"false\"\n    [tooltip]=\"'sendDataTooltip' | pluginTranslate: pluginId | async\"\n    [minimumAmountOfRows]=\"0\"\n    [initialAmountOfRows]=\"0\"\n    [fullWidth]=\"true\"\n    valuePathSelectorNotation=\"slashes\"\n    [valuePathSelectorPrefixes]=\"[ValuePathSelectorPrefix.DOC]\"\n    [valuePathSelectorShowDocumentDefinitionSelector]=\"true\"\n    [keyColumnFlex]=\"1\"\n    [valueColumnFlex]=\"2\"\n    [keyColumnTitle]=\"'destinationInObject' | pluginTranslate: pluginId | async\"\n    [valueColumnTitle]=\"'value' | pluginTranslate: pluginId | async\"\n  ></valtimo-carbon-multi-input>\n\n  <valtimo-carbon-multi-input\n    name=\"receiveData\"\n    [title]=\"'receiveData' | pluginTranslate: pluginId | async\"\n    type=\"valuePathSelectorValue\"\n    [disabled]=\"obs.disabled\"\n    [defaultValues]=\"obs.prefill?.receiveData\"\n    [margin]=\"true\"\n    [required]=\"false\"\n    [tooltip]=\"'receiveDataTooltip' | pluginTranslate: pluginId | async\"\n    [minimumAmountOfRows]=\"0\"\n    [initialAmountOfRows]=\"0\"\n    [fullWidth]=\"true\"\n    valuePathSelectorNotation=\"slashes\"\n    [valuePathSelectorPrefixes]=\"[ValuePathSelectorPrefix.DOC]\"\n    [valuePathSelectorShowDocumentDefinitionSelector]=\"true\"\n    [keyColumnFlex]=\"2\"\n    [valueColumnFlex]=\"1\"\n    [keyColumnTitle]=\"'destination' | pluginTranslate: pluginId | async\"\n    [valueColumnTitle]=\"'source' | pluginTranslate: pluginId | async\"\n  ></valtimo-carbon-multi-input>\n\n  <v-select\n    [items]=\"receiverSelectItems$ | async\"\n    [margin]=\"true\"\n    [widthInPx]=\"250\"\n    name=\"receiver\"\n    [title]=\"'receiver' | pluginTranslate: pluginId | async\"\n    [disabled]=\"obs.disabled\"\n    [defaultSelectionId]=\"obs.prefill?.receiver || RECEIVER_ITEMS[0]\"\n    [tooltip]=\"'receiverTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [clearable]=\"false\"\n  ></v-select>\n\n  <v-input\n    *ngIf=\"obs.receiverIsOther\"\n    name=\"identificationKey\"\n    [title]=\"'identificationKey' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.identificationKey\"\n    [disabled]=\"obs.disabled\"\n    [tooltip]=\"'identificationKeyTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [trim]=\"true\"\n  ></v-input>\n\n  <v-input\n    *ngIf=\"obs.receiverIsOther\"\n    name=\"identificationValue\"\n    [title]=\"'identificationValue' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.identificationValue\"\n    [disabled]=\"obs.disabled\"\n    [tooltip]=\"'identificationValueTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"true\"\n    [trim]=\"true\"\n  ></v-input>\n\n  <v-input\n    name=\"verloopDurationInDays\"\n    [title]=\"'verloopDurationInDays' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"obs.prefill?.verloopDurationInDays?.toString()\"\n    [disabled]=\"obs.disabled\"\n    [tooltip]=\"'verloopDurationInDaysTooltip' | pluginTranslate: pluginId | async\"\n    [required]=\"false\"\n  ></v-input>\n</v-form>\n", styles: ["/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i2.TranslateService }, { type: PluginTranslationService }], propDecorators: { save$: [{
                 type: Input
             }], disabled$: [{
@@ -5853,13 +5861,13 @@ const portaaltaakPluginSpecification = {
             configurationTitle: 'Configuratienaam',
             configurationTitleTooltip: 'De naam van de huidige plugin-configuratie. Onder deze naam kan de configuratie in de rest van de applicatie teruggevonden worden.',
             notificatiesApiPluginConfiguration: 'Notificaties API plugin',
-            notificatiesApiPluginConfigurationTooltip: 'Selecteer de Notificaties API plugin. Wanneer de selectiebox leeg us, zal de notificatie API plugin eerst aangemaakt moeten worden.',
+            notificatiesApiPluginConfigurationTooltip: 'Selecteer de Notificaties API plugin. Wanneer de selectiebox leeg is, zal de notificatie API plugin eerst aangemaakt moeten worden.',
             objectManagementConfiguration: 'Object management configuratie',
             objectManagementConfigurationTooltip: 'Selecteer de gewenste object management configuratie. Wanneer de selectiebox leeg is, zal de object management configuratie eerst aangemaakt moeten worden.',
             'create-portaaltaak': 'Portaaltaak aanmaken',
             'complete-portaaltaak': 'Portaaltaak afronden',
             formType: 'Formuliertype',
-            formTypeTooltip: 'Kies hier of het te tonen formulier afomstig moet zijn van een ingestelde definitie, of van een externe URL.',
+            formTypeTooltip: 'Kies hier of het te tonen formulier afkomstig moet zijn van een ingestelde definitie, of van een externe URL.',
             id: 'Formulierdefinitie',
             url: 'URL',
             formTypeId: 'Formulier ID',
@@ -5867,9 +5875,9 @@ const portaaltaakPluginSpecification = {
             formTypeUrl: 'Formulier URL',
             formTypeUrlTooltip: 'Een URL die wijst naar het formulier dat getoond moet worden',
             sendData: 'Taakgegevens voor de ontvanger',
-            sendDataTooltip: "Voor hier sleutels en waarden in voor data die verstuurd moet worden naar de Objecten API. De sleutel is hier de sleutel van het Form.IO-veld dat gevuld moet worden (bijvoorbeeld 'firstName'). De waarde wijst naar de data waarmee dit veld gevuld moet worden (bijvoorbeeld 'doc:/customer/firstName').",
+            sendDataTooltip: "Vul hier sleutels en waarden in voor data die verstuurd moet worden naar de Objecten API. De sleutel is hier het pad in het object dat gevuld moet worden (bijvoorbeeld 'firstName'). De waarde wijst naar de data waarmee dit veld gevuld moet worden (bijvoorbeeld 'doc:/customer/firstName').",
             receiveData: 'Ingevulde gegevens door de ontvanger',
-            receiveDataTooltip: "Voor hier sleutels en waarden in voor data die ontvangen moet worden van de Objecten API. De sleutel is hier de locatie waar de data opgeslagen moet worden (bijvoorbeeld 'doc:/customer/signedAgreement'). De waarde wijst naar de sleutel van het Form.IO-veld waar de data vandaan moet komen (bijvoorbeeld '/signedAgreement').",
+            receiveDataTooltip: "Vul hier sleutels en waarden in voor data die ontvangen moet worden van de Objecten API. De sleutel is hier de locatie waar de data opgeslagen moet worden (bijvoorbeeld 'doc:/customer/signedAgreement'). De waarde wijst naar het pad in het object waar de data vandaan moet komen (bijvoorbeeld '/signedAgreement').",
             receiver: 'Ontvanger',
             receiverTooltip: 'Bepaal hier bij wie de data van de afgeronde taak terecht moet komen.',
             zaakInitiator: 'Zaak-initiator',
@@ -5888,6 +5896,10 @@ const portaaltaakPluginSpecification = {
             identificationValueTooltip: "De waarde waarmee de ontvanger wordt geïdentificeerd. Wanneer er bijvoorbeeld in het veld 'Identificatiesleutel' de waarde 'bsn' is ingevoerd, kan er in dit veld een burgerservicenummer worden ingevoerd (bijvoorbeeld 558099476).",
             verloopDurationInDays: 'Verlooptijd taak in dagen',
             verloopDurationInDaysTooltip: 'Het aantal dagen na aanmaken van een taak dat deze verloopt. Deze wordt alleen ingesteld voor de portaal taak, niet in het BPMN proces.',
+            destinationInObject: 'Pad in het object',
+            value: 'Waarde',
+            destination: 'Bestemming',
+            source: 'Bron',
         },
         en: {
             title: 'Portal task',
@@ -5904,14 +5916,14 @@ const portaaltaakPluginSpecification = {
             formTypeTooltip: 'Choose here whether the form to be displayed should come from a set definition or from an external URL.',
             id: 'Form definition',
             url: 'URL',
-            formTypeId: 'Formulier ID',
-            formTypeIdTooltip: 'Het ID van het formulier dat getoond moet worden',
-            formTypeUrl: 'Formulier URL',
-            formTypeUrlTooltip: 'Een URL die wijst naar het formulier dat getoond moet worden',
+            formTypeId: 'Form ID',
+            formTypeIdTooltip: 'The ID of the form to be displayed',
+            formTypeUrl: 'Form URL',
+            formTypeUrlTooltip: 'A URL pointing to the form to be displayed',
             sendData: 'Task data for the recipient',
-            sendDataTooltip: "Enter keys and values here for data to be sent to the Objecten API. The key here is the key of the Form.IO field to be populated (e.g. 'firstName'). The value points to the data with which this field must be filled (e.g. 'doc:/customer/firstName').",
+            sendDataTooltip: "Enter keys and values here for data to be sent to the Objecten API. The key here is the path in the object to be populated (e.g. 'firstName'). The value points to the data with which this field must be filled (e.g. 'doc:/customer/firstName').",
             receiveData: 'Information entered by the recipient',
-            receiveDataTooltip: "Enter keys and values here for data to be received from the Objecten API. The key here is the location where the data should be stored (e.g. 'doc:/customer/signedAgreement'). The value points to the key of the Form.IO field where the data should come from (e.g. '/signedAgreement').",
+            receiveDataTooltip: "Enter keys and values here for data to be received from the Objecten API. The key here is the location where the data should be stored (e.g. 'doc:/customer/signedAgreement'). The value points to the path in the object where the data should come from (e.g. '/signedAgreement').",
             receiver: 'Receiver',
             receiverTooltip: 'Determine here who should receive the data of the completed task.',
             zaakInitiator: 'Case initiator',
@@ -5930,6 +5942,10 @@ const portaaltaakPluginSpecification = {
             identificationValueTooltip: "The value that identifies the recipient. For example, if the value 'bsn' is entered in the 'Identification key' field, a citizen service number can be entered in this field (for example 558099476).",
             verloopDurationInDays: 'Number of days for the task to expire',
             verloopDurationInDaysTooltip: 'The number of days from the creation time until the task expires. This will only be used in the portal task. The BPMN due date needs to be configured separately.',
+            destinationInObject: 'Path in the object',
+            value: 'Value',
+            destination: 'Destination',
+            source: 'Source',
         },
         de: {
             title: 'Portalaufgabe',
@@ -5937,19 +5953,19 @@ const portaaltaakPluginSpecification = {
             configurationTitle: 'Konfigurationsname',
             configurationTitleTooltip: 'Der Name der aktuellen Plugin-Konfiguration. Unter diesem Namen ist die Konfiguration im Rest der Anwendung zu finden.',
             notificatiesApiPluginConfiguration: 'Benachrichtigungs-API plugin',
-            notificatiesApiPluginConfigurationTooltip: 'Wählen Sie das Benachrichtigungs-API-Plugin aus. Bleibt das Auswahlfeld leer, muss das Benachrichtigungs-API-Plugin erst erstellt werden',
+            notificatiesApiPluginConfigurationTooltip: 'Wählen Sie das Benachrichtigungs-API-Plugin aus. Bleibt das Auswahlfeld leer, muss das Benachrichtigungs-API-Plugin erst erstellt werden.',
             objectManagementConfiguration: 'Objektverwaltungskonfiguration',
             objectManagementConfigurationTooltip: 'Wählen Sie die Objektverwaltungskonfiguration aus. Bleibt das Auswahlfeld leer, muss zunächst die Objektverwaltungskonfiguration erstellt werden.',
             'create-portaaltaak': 'Portalaufgabe erstellen',
-            'complete-portaaltaak': 'Portaaltaak komplett',
+            'complete-portaaltaak': 'Portalaufgabe abschließen',
             formType: 'Formulartyp',
             formTypeTooltip: 'Wählen Sie hier aus, ob das anzuzeigende Formular aus einer Set-Definition oder von einer externen URL stammen soll.',
             id: 'Formulardefinition',
             url: 'URL',
             sendData: 'Auftragsdaten für den Empfänger',
-            sendDataTooltip: "Geben Sie hier Schlüssel und Werte für Daten ein, die an die Objecten API gesendet werden sollen. Der Schlüssel hier ist der Schlüssel des Form.IO-Felds, das gefüllt werden soll (z. B. 'firstName‘). Der Wert zeigt auf die Daten, mit denen dieses Feld gefüllt wird muss ausgefüllt werden (z.B. 'doc:/customer/firstName').",
+            sendDataTooltip: "Geben Sie hier Schlüssel und Werte für Daten ein, die an die Objecten API gesendet werden sollen. Der Schlüssel ist hier der Pfad im Objekt, das gefüllt werden soll (z. B. 'firstName'). Der Wert zeigt auf die Daten, mit denen dieses Feld gefüllt werden muss (z. B. 'doc:/customer/firstName').",
             receiveData: 'Vom Empfänger eingegebene Informationen',
-            receiveDataTooltip: "Geben Sie hier Schlüssel und Werte für Daten ein, die von der Objecten API empfangen werden sollen. Der Schlüssel hier ist der Ort, an dem die Daten gespeichert werden sollen (z. B. 'doc:/customer/signedAgreement'). Der Wert zeigt auf den Schlüssel des Form.IO-Feld, aus dem die Daten stammen sollen (z. B. '/signedAgreement').",
+            receiveDataTooltip: "Geben Sie hier Schlüssel und Werte für Daten ein, die von der Objecten API empfangen werden sollen. Der Schlüssel ist hier der Ort, an dem die Daten gespeichert werden sollen (z. B. 'doc:/customer/signedAgreement'). Der Wert zeigt auf den Pfad im Objekt, aus dem die Daten stammen sollen (z. B. '/signedAgreement').",
             receiver: 'Empfänger',
             receiverTooltip: 'Bestimmen Sie hier, wer die Daten der abgeschlossenen Aufgabe erhalten soll.',
             zaakInitiator: 'Initiator des Falles',
@@ -5968,6 +5984,10 @@ const portaaltaakPluginSpecification = {
             identificationValueTooltip: "Der Wert, der den Empfänger identifiziert. Wird beispielsweise im Feld 'Identifikationsschlüssel' der Wert 'bsn' eingetragen, kann in diesem Feld eine Sozialversicherungsnummer eingetragen werden (z. B. 558099476).",
             verloopDurationInDays: 'Ablaufzeit der Aufgabe in Tagen',
             verloopDurationInDaysTooltip: 'Die Anzahl der Tage vom Erstellungszeitpunkt bis zum Ablauf der Aufgabe. Dies wird nur in der Portalaufgabe verwendet. Das BPMN-Fälligkeitsdatum muss separat konfiguriert werden.',
+            destinationInObject: 'Pfad im Objekt',
+            value: 'Wert',
+            destination: 'Ziel',
+            source: 'Quelle',
         },
     },
 };
@@ -6042,6 +6062,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * limitations under the License.
  */
 class VerzoekConfigurationComponent {
+    getSelectedCaseDefinitionNameForIndex(index) {
+        return this.formValue$.pipe(map$1(formValue => Array.isArray(formValue.verzoekProperties) &&
+            formValue.verzoekProperties[index]?.caseDefinitionName));
+    }
     constructor(pluginManagementService, translateService, pluginTranslationService, verzoekPluginService, processService, documentService, modalService) {
         this.pluginManagementService = pluginManagementService;
         this.translateService = translateService;
@@ -6089,6 +6113,7 @@ class VerzoekConfigurationComponent {
         this.mappings = {};
         this.formValue$ = new BehaviorSubject(null);
         this.valid$ = new BehaviorSubject(false);
+        this.ValuePathSelectorPrefix = ValuePathSelectorPrefix;
     }
     ngOnInit() {
         this.openSaveSubscription();
@@ -6220,11 +6245,11 @@ class VerzoekConfigurationComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: VerzoekConfigurationComponent, deps: [{ token: PluginManagementService }, { token: i2.TranslateService }, { token: PluginTranslationService }, { token: VerzoekPluginService }, { token: i4.ProcessService }, { token: i2$3.DocumentService }, { token: i2$2.ModalService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: VerzoekConfigurationComponent, selector: "valtimo-verzoek-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, viewQueries: [{ propertyName: "mappingModals", predicate: VModalComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<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    [trim]=\"true\"\n    [tooltip]=\"'configurationTitleTooltip' | pluginTranslate: pluginId | async\"\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      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      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    [trim]=\"true\"\n    [tooltip]=\"'rsinTooltip' | pluginTranslate: pluginId | async\"\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        [trim]=\"true\"\n        [tooltip]=\"'typeTooltip' | pluginTranslate: pluginId | async\"\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          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          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        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        [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          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    <v-modal [parentId]=\"uuid\" (closeEvent)=\"closeMappingModal(uuid)\">\n      <div role=\"header\">\n        <h3 cdsModalHeaderHeading>{{ 'setMapping' | pluginTranslate: pluginId | async }}</h3>\n      </div>\n\n      <div role=\"content\">\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      </div>\n\n      <div role=\"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      </div>\n    </v-modal>\n  </ng-container>\n</ng-template>\n", styles: [".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/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: 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", "dataTestId", "trim"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "dataTestId"], 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", "noMargin", "title", "titleTranslationKey", "required", "disabled", "carbonTheme"] }, { kind: "component", type: i2$2.ButtonComponent, selector: "v-button", inputs: ["type", "mdiIcon", "disabled", "title", "titleTranslationKey"], outputs: ["clickEvent"] }, { kind: "directive", type: i5.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "component", type: i5.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", "arbitraryValueAmount", "arbitraryAmountTitles", "initialAmountOfRows", "minimumAmountOfRows", "maxRows", "addRowText", "addRowTranslationKey", "deleteRowText", "deleteRowTranslationKey", "disabled", "defaultValues", "margin", "tooltip", "required", "keyColumnTitle", "valueColumnTitle", "dropdownColumnTitle", "hideDeleteButton", "hideAddButton", "dropdownItems", "dropdownWidth", "fullWidth", "carbonTheme"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "directive", type: i5.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i2$2.VModalComponent, selector: "v-modal", inputs: ["appearingDelayMs", "maxWidthPx", "hideFooter", "parentId"], outputs: ["closeEvent"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: VerzoekConfigurationComponent, selector: "valtimo-verzoek-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, viewQueries: [{ propertyName: "mappingModals", predicate: VModalComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<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    [trim]=\"true\"\n    [tooltip]=\"'configurationTitleTooltip' | pluginTranslate: pluginId | async\"\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      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      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    [trim]=\"true\"\n    [tooltip]=\"'rsinTooltip' | pluginTranslate: pluginId | async\"\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        [trim]=\"true\"\n        [tooltip]=\"'typeTooltip' | pluginTranslate: pluginId | async\"\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          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          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        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        [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          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    <v-modal [parentId]=\"uuid\" (closeEvent)=\"closeMappingModal(uuid)\" [maxWidthPx]=\"960\">\n      <div role=\"header\">\n        <h3 cdsModalHeaderHeading>{{ 'setMapping' | pluginTranslate: pluginId | async }}</h3>\n      </div>\n\n      <div role=\"content\">\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=\"keyValuePathSelector\"\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            valuePathSelectorNotation=\"slashes\"\n            [valuePathSelectorDocumentDefinitionName]=\"\n              getSelectedCaseDefinitionNameForIndex(index) | async\n            \"\n            [valuePathSelectorPrefixes]=\"[ValuePathSelectorPrefix.DOC]\"\n            [keyColumnFlex]=\"1\"\n            [valueColumnFlex]=\"2\"\n          ></valtimo-carbon-multi-input>\n        </div>\n      </div>\n\n      <div role=\"footer\" class=\"modal-buttons-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\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      </div>\n    </v-modal>\n  </ng-container>\n</ng-template>\n", styles: [".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}.modal-buttons-container{width:100%;display:flex;justify-content:flex-end}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: 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", "dataTestId", "trim"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "dataTestId"], 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", "noMargin", "title", "titleTranslationKey", "required", "disabled", "carbonTheme"] }, { kind: "component", type: i2$2.ButtonComponent, selector: "v-button", inputs: ["type", "mdiIcon", "disabled", "title", "titleTranslationKey"], outputs: ["clickEvent"] }, { kind: "directive", type: i5.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "component", type: i5.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: ["addRowText", "addRowTranslationKey", "arbitraryAmountTitles", "arbitraryValueAmount", "defaultValues", "deleteRowText", "deleteRowTranslationKey", "disabled", "dropdownColumnTitle", "dropdownItems", "dropdownWidth", "fullWidth", "hideAddButton", "hideDeleteButton", "initialAmountOfRows", "keyColumnTitle", "margin", "maxRows", "minimumAmountOfRows", "name", "required", "title", "titleTranslationKey", "tooltip", "type", "valueColumnTitle", "valuePathSelectorDocumentDefinitionName", "valuePathSelectorPrefixes", "valuePathSelectorShowDocumentDefinitionSelector", "valuePathSelectorNotation", "keyColumnFlex", "dropdownColumnFlex", "valueColumnFlex"], outputs: ["valueChange", "allValuesValidEvent"] }, { kind: "directive", type: i5.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i2$2.VModalComponent, selector: "v-modal", inputs: ["appearingDelayMs", "maxWidthPx", "hideFooter", "parentId"], outputs: ["closeEvent"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: VerzoekConfigurationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-verzoek-configuration', template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<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    [trim]=\"true\"\n    [tooltip]=\"'configurationTitleTooltip' | pluginTranslate: pluginId | async\"\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      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      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    [trim]=\"true\"\n    [tooltip]=\"'rsinTooltip' | pluginTranslate: pluginId | async\"\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        [trim]=\"true\"\n        [tooltip]=\"'typeTooltip' | pluginTranslate: pluginId | async\"\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          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          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        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        [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          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    <v-modal [parentId]=\"uuid\" (closeEvent)=\"closeMappingModal(uuid)\">\n      <div role=\"header\">\n        <h3 cdsModalHeaderHeading>{{ 'setMapping' | pluginTranslate: pluginId | async }}</h3>\n      </div>\n\n      <div role=\"content\">\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      </div>\n\n      <div role=\"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      </div>\n    </v-modal>\n  </ng-container>\n</ng-template>\n", styles: [".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/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+            args: [{ selector: 'valtimo-verzoek-configuration', template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<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    [trim]=\"true\"\n    [tooltip]=\"'configurationTitleTooltip' | pluginTranslate: pluginId | async\"\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      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      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    [trim]=\"true\"\n    [tooltip]=\"'rsinTooltip' | pluginTranslate: pluginId | async\"\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        [trim]=\"true\"\n        [tooltip]=\"'typeTooltip' | pluginTranslate: pluginId | async\"\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          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          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        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        [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          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    <v-modal [parentId]=\"uuid\" (closeEvent)=\"closeMappingModal(uuid)\" [maxWidthPx]=\"960\">\n      <div role=\"header\">\n        <h3 cdsModalHeaderHeading>{{ 'setMapping' | pluginTranslate: pluginId | async }}</h3>\n      </div>\n\n      <div role=\"content\">\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=\"keyValuePathSelector\"\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            valuePathSelectorNotation=\"slashes\"\n            [valuePathSelectorDocumentDefinitionName]=\"\n              getSelectedCaseDefinitionNameForIndex(index) | async\n            \"\n            [valuePathSelectorPrefixes]=\"[ValuePathSelectorPrefix.DOC]\"\n            [keyColumnFlex]=\"1\"\n            [valueColumnFlex]=\"2\"\n          ></valtimo-carbon-multi-input>\n        </div>\n      </div>\n\n      <div role=\"footer\" class=\"modal-buttons-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\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      </div>\n    </v-modal>\n  </ng-container>\n</ng-template>\n", styles: [".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}.modal-buttons-container{width:100%;display:flex;justify-content:flex-end}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: PluginManagementService }, { type: i2.TranslateService }, { type: PluginTranslationService }, { type: VerzoekPluginService }, { type: i4.ProcessService }, { type: i2$3.DocumentService }, { type: i2$2.ModalService }], propDecorators: { mappingModals: [{
                 type: ViewChildren,
                 args: [VModalComponent]