@valtimo/plugin 12.22.0 → 12.23.0

package/fesm2022/valtimo-plugin.mjs

@@ -15,12 +15,12 @@ import { ParagraphModule, FormModule, InputModule, ValuePathSelectorPrefix, Sele
 import { validate } from 'uuid';
 import flatpickr from 'flatpickr';
 import * as i2$3 from '@valtimo/document';
-import * as i5 from 'carbon-components-angular';
+import * as i1$2 from 'carbon-components-angular';
 import { ToggleModule, LoadingModule, ButtonModule, DialogModule, IconModule, DatePickerInputModule, DatePickerModule, TimePickerModule, ModalModule, InputModule as InputModule$1 } from 'carbon-components-angular';
 import { Add16, TrashCan16 } from '@carbon/icons';
-import * as i1$2 from '@valtimo/resource';
+import * as i1$3 from '@valtimo/resource';
 import * as i4 from '@valtimo/process';
-import * as i1$3 from '@angular/router';
+import * as i1$4 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import { AuthGuardService } from '@valtimo/security';
 
@@ -2872,7 +2872,7 @@ class SetZaakStatusConfigurationComponent {
         return !value === false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SetZaakStatusConfigurationComponent, deps: [{ token: i2$2.ModalService }, { token: i2$3.DocumentService }, { token: ZakenApiService }, { token: PluginTranslatePipe }, { token: i2$2.CdsThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SetZaakStatusConfigurationComponent, selector: "valtimo-set-zaak-status-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, providers: [PluginTranslatePipe], 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    pluginId: pluginId$ | async,\n    selectedInputOption: selectedInputOption$ | async,\n    datumStatusGezetSelectedInputOption: datumStatusGezetSelectedInputOption$ | async,\n    loading: loading$ | async,\n    caseDefinitionItems: caseDefinitionSelectItems$ | async,\n    statusTypeItems: statusTypeSelectItems$ | async,\n    selectedCaseDefinitionId: selectedCaseDefinitionId$ | async,\n    datePickerInvalid: datePickerInvalid$ | async\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <v-input\n      name=\"statustoelichting\"\n      [title]=\"'statustoelichting' | pluginTranslate: obs.pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.statustoelichting\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"false\"\n      [tooltip]=\"'statustoelichtingTooltip' | pluginTranslate: obs.pluginId | async\"\n      [fullWidth]=\"true\"\n      [placeholder]=\"'statustoelichting' | pluginTranslate: obs.pluginId | async\"\n    >\n    </v-input>\n\n    <v-radio\n      name=\"inputDatumStatusGezetToggle\"\n      [disabled]=\"obs.disabled\"\n      [title]=\"'inputDatumStatusGezetToggle' | pluginTranslate: obs.pluginId | async\"\n      [radioValues]=\"datePickerInputTypeOptions$ | async\"\n      [defaultValue]=\"obs.datumStatusGezetSelectedInputOption\"\n      [margin]=\"true\"\n    ></v-radio>\n\n    <div class=\"date-time-row\" *ngIf=\"obs.datumStatusGezetSelectedInputOption === 'selection'\">\n      <cds-date-picker\n        [attr.data-carbon-theme]=\"theme$ | async\"\n        [label]=\"'logging.search.afterTimestamp' | translate\"\n        placeholder=\"DD-MM-YYYY\"\n        [dateFormat]=\"'d-m-Y'\"\n        [value]=\"[selectedDate]\"\n        [invalid]=\"obs.datePickerInvalid\"\n        [invalidText]=\"'datumStatusGezetInvalidText' | pluginTranslate: obs.pluginId | async\"\n        (valueChange)=\"onDateSelected($event)\"\n      ></cds-date-picker>\n\n      <cds-timepicker\n        class=\"timepicker\"\n        [attr.data-carbon-theme]=\"theme$ | async\"\n        [value]=\"selectedTime\"\n        [invalid]=\"obs.datePickerInvalid\"\n        (valueChange)=\"onTimeSelected($event)\"\n      ></cds-timepicker>\n    </div>\n\n    <v-input\n      *ngIf=\"obs.datumStatusGezetSelectedInputOption === 'text'\"\n      name=\"datumStatusGezet\"\n      [title]=\"'datumStatusGezet' | pluginTranslate: obs.pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.datumStatusGezet\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"true\"\n      [trim]=\"true\"\n      [tooltip]=\"'datumStatusGezetTooltip' | pluginTranslate: obs.pluginId | async\"\n      [fullWidth]=\"true\"\n    ></v-input>\n\n    <v-radio\n      name=\"inputTypeZaakStatusToggle\"\n      [disabled]=\"obs.disabled\"\n      [title]=\"'inputTypeZaakStatusToggle' | pluginTranslate: obs.pluginId | async\"\n      [radioValues]=\"inputTypeOptions$ | async\"\n      [defaultValue]=\"selectedInputOption$ | async\"\n      [margin]=\"true\"\n    >\n    </v-radio>\n    <v-input\n      *ngIf=\"obs.selectedInputOption === 'text'\"\n      name=\"statustypeUrl\"\n      [title]=\"'statustypeUrl' | pluginTranslate: obs.pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.statustypeUrl\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"true\"\n      [trim]=\"true\"\n      [tooltip]=\"'statustypeUrlTooltip' | pluginTranslate: obs.pluginId | async\"\n      [fullWidth]=\"true\"\n    >\n    </v-input>\n    <ng-container *ngIf=\"obs.selectedInputOption === 'selection'\">\n      <v-select\n        [items]=\"obs.caseDefinitionItems\"\n        [margin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"caseDefinition\"\n        [title]=\"'caseDefinition' | pluginTranslate: obs.pluginId | async\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          !obs.caseDefinitionItems ||\n          oneSelectItem(obs.caseDefinitionItems)\n        \"\n        [required]=\"true\"\n        [loading]=\"!obs.caseDefinitionItems\"\n        [tooltip]=\"'caseDefinitionTooltip' | pluginTranslate: obs.pluginId | async\"\n        (selectedChange)=\"selectCaseDefinition($event)\"\n        [defaultSelectionId]=\"obs?.selectedCaseDefinitionId\"\n      ></v-select>\n      <v-select\n        [items]=\"obs.statusTypeItems && obs.statusTypeItems[obs.selectedCaseDefinitionId]\"\n        [margin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"statustypeUrl\"\n        [title]=\"'statustypeUrlSelect' | pluginTranslate: obs.pluginId | async\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          !obs.statusTypeItems ||\n          !obs.statusTypeItems[obs.selectedCaseDefinitionId]\n        \"\n        [defaultSelectionId]=\"obs.prefill?.statustypeUrl\"\n        [required]=\"true\"\n        [loading]=\"!obs.statusTypeItems\"\n        [tooltip]=\"'statustypeUrlSelectTooltip' | pluginTranslate: obs.pluginId | async\"\n        [clearSelectionSubject$]=\"clearStatusSelection$\"\n      ></v-select>\n    </ng-container>\n  </ng-container>\n</v-form>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n", styles: [".loading-container{display:flex;flex-direction:row;justify-content:center;height:100%;width:100%;align-items:center}.date-time-row{display:flex;align-items:flex-start;gap:16px;margin-bottom:34px}.timepicker{margin-top:24px!important;height:48px!important}.date-time-row cds-date-picker,.date-time-row cds-timepicker{display:block}\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.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: i5.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i5.DatePicker, selector: "cds-date-picker, ibm-date-picker", inputs: ["range", "dateFormat", "language", "label", "helperText", "rangeHelperText", "rangeLabel", "placeholder", "ariaLabel", "inputPattern", "id", "value", "theme", "disabled", "invalid", "invalidText", "warn", "warnText", "size", "rangeInvalid", "rangeInvalidText", "rangeWarn", "rangeWarnText", "skeleton", "plugins", "flatpickrOptions"], outputs: ["valueChange", "onClose"] }, { kind: "component", type: i5.TimePicker, selector: "cds-timepicker, ibm-timepicker", inputs: ["invalid", "invalidText", "label", "hideLabel", "placeholder", "pattern", "id", "disabled", "value", "maxLength", "skeleton", "theme", "size"], outputs: ["valueChange"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SetZaakStatusConfigurationComponent, selector: "valtimo-set-zaak-status-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, providers: [PluginTranslatePipe], 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    pluginId: pluginId$ | async,\n    selectedInputOption: selectedInputOption$ | async,\n    datumStatusGezetSelectedInputOption: datumStatusGezetSelectedInputOption$ | async,\n    loading: loading$ | async,\n    caseDefinitionItems: caseDefinitionSelectItems$ | async,\n    statusTypeItems: statusTypeSelectItems$ | async,\n    selectedCaseDefinitionId: selectedCaseDefinitionId$ | async,\n    datePickerInvalid: datePickerInvalid$ | async\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <v-input\n      name=\"statustoelichting\"\n      [title]=\"'statustoelichting' | pluginTranslate: obs.pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.statustoelichting\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"false\"\n      [tooltip]=\"'statustoelichtingTooltip' | pluginTranslate: obs.pluginId | async\"\n      [fullWidth]=\"true\"\n      [placeholder]=\"'statustoelichting' | pluginTranslate: obs.pluginId | async\"\n    >\n    </v-input>\n\n    <v-radio\n      name=\"inputDatumStatusGezetToggle\"\n      [disabled]=\"obs.disabled\"\n      [title]=\"'inputDatumStatusGezetToggle' | pluginTranslate: obs.pluginId | async\"\n      [radioValues]=\"datePickerInputTypeOptions$ | async\"\n      [defaultValue]=\"obs.datumStatusGezetSelectedInputOption\"\n      [margin]=\"true\"\n    ></v-radio>\n\n    <div class=\"date-time-row\" *ngIf=\"obs.datumStatusGezetSelectedInputOption === 'selection'\">\n      <cds-date-picker\n        [attr.data-carbon-theme]=\"theme$ | async\"\n        [label]=\"'logging.search.afterTimestamp' | translate\"\n        placeholder=\"DD-MM-YYYY\"\n        [dateFormat]=\"'d-m-Y'\"\n        [value]=\"[selectedDate]\"\n        [invalid]=\"obs.datePickerInvalid\"\n        [invalidText]=\"'datumStatusGezetInvalidText' | pluginTranslate: obs.pluginId | async\"\n        (valueChange)=\"onDateSelected($event)\"\n      ></cds-date-picker>\n\n      <cds-timepicker\n        class=\"timepicker\"\n        [attr.data-carbon-theme]=\"theme$ | async\"\n        [value]=\"selectedTime\"\n        [invalid]=\"obs.datePickerInvalid\"\n        (valueChange)=\"onTimeSelected($event)\"\n      ></cds-timepicker>\n    </div>\n\n    <v-input\n      *ngIf=\"obs.datumStatusGezetSelectedInputOption === 'text'\"\n      name=\"datumStatusGezet\"\n      [title]=\"'datumStatusGezet' | pluginTranslate: obs.pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.datumStatusGezet\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"true\"\n      [trim]=\"true\"\n      [tooltip]=\"'datumStatusGezetTooltip' | pluginTranslate: obs.pluginId | async\"\n      [fullWidth]=\"true\"\n    ></v-input>\n\n    <v-radio\n      name=\"inputTypeZaakStatusToggle\"\n      [disabled]=\"obs.disabled\"\n      [title]=\"'inputTypeZaakStatusToggle' | pluginTranslate: obs.pluginId | async\"\n      [radioValues]=\"inputTypeOptions$ | async\"\n      [defaultValue]=\"selectedInputOption$ | async\"\n      [margin]=\"true\"\n    >\n    </v-radio>\n    <v-input\n      *ngIf=\"obs.selectedInputOption === 'text'\"\n      name=\"statustypeUrl\"\n      [title]=\"'statustypeUrl' | pluginTranslate: obs.pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.statustypeUrl\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"true\"\n      [trim]=\"true\"\n      [tooltip]=\"'statustypeUrlTooltip' | pluginTranslate: obs.pluginId | async\"\n      [fullWidth]=\"true\"\n    >\n    </v-input>\n    <ng-container *ngIf=\"obs.selectedInputOption === 'selection'\">\n      <v-select\n        [items]=\"obs.caseDefinitionItems\"\n        [margin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"caseDefinition\"\n        [title]=\"'caseDefinition' | pluginTranslate: obs.pluginId | async\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          !obs.caseDefinitionItems ||\n          oneSelectItem(obs.caseDefinitionItems)\n        \"\n        [required]=\"true\"\n        [loading]=\"!obs.caseDefinitionItems\"\n        [tooltip]=\"'caseDefinitionTooltip' | pluginTranslate: obs.pluginId | async\"\n        (selectedChange)=\"selectCaseDefinition($event)\"\n        [defaultSelectionId]=\"obs?.selectedCaseDefinitionId\"\n      ></v-select>\n      <v-select\n        [items]=\"obs.statusTypeItems && obs.statusTypeItems[obs.selectedCaseDefinitionId]\"\n        [margin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"statustypeUrl\"\n        [title]=\"'statustypeUrlSelect' | pluginTranslate: obs.pluginId | async\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          !obs.statusTypeItems ||\n          !obs.statusTypeItems[obs.selectedCaseDefinitionId]\n        \"\n        [defaultSelectionId]=\"obs.prefill?.statustypeUrl\"\n        [required]=\"true\"\n        [loading]=\"!obs.statusTypeItems\"\n        [tooltip]=\"'statustypeUrlSelectTooltip' | pluginTranslate: obs.pluginId | async\"\n        [clearSelectionSubject$]=\"clearStatusSelection$\"\n      ></v-select>\n    </ng-container>\n  </ng-container>\n</v-form>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n", styles: [".loading-container{display:flex;flex-direction:row;justify-content:center;height:100%;width:100%;align-items:center}.date-time-row{display:flex;align-items:flex-start;gap:16px;margin-bottom:34px}.timepicker{margin-top:24px!important;height:48px!important}.date-time-row cds-date-picker,.date-time-row cds-timepicker{display:block}\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.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: i1$2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i1$2.DatePicker, selector: "cds-date-picker, ibm-date-picker", inputs: ["range", "dateFormat", "language", "label", "helperText", "rangeHelperText", "rangeLabel", "placeholder", "ariaLabel", "inputPattern", "id", "value", "theme", "disabled", "invalid", "invalidText", "warn", "warnText", "size", "rangeInvalid", "rangeInvalidText", "rangeWarn", "rangeWarnText", "skeleton", "plugins", "flatpickrOptions"], outputs: ["valueChange", "onClose"] }, { kind: "component", type: i1$2.TimePicker, selector: "cds-timepicker, ibm-timepicker", inputs: ["invalid", "invalidText", "label", "hideLabel", "placeholder", "pattern", "id", "disabled", "value", "maxLength", "skeleton", "theme", "size"], outputs: ["valueChange"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SetZaakStatusConfigurationComponent, decorators: [{
             type: Component,
@@ -3020,7 +3020,7 @@ class CreateZaakResultaatConfigurationComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateZaakResultaatConfigurationComponent, deps: [{ token: i2$2.ModalService }, { token: i2$3.DocumentService }, { token: ZakenApiService }, { token: PluginTranslatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateZaakResultaatConfigurationComponent, selector: "valtimo-create-zaak-resultaat-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, providers: [PluginTranslatePipe], 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    pluginId: pluginId$ | async,\n    selectedInputOption: selectedInputOption$ | async,\n    loading: loading$ | async,\n    caseDefinitionItems: caseDefinitionSelectItems$ | async,\n    resultaatTypeItems: resultaatTypeSelectItems$ | async,\n    selectedCaseDefinitionId: selectedCaseDefinitionId$ | async,\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <v-input\n      name=\"toelichting\"\n      [title]=\"'resultaattoelichting' | pluginTranslate: obs.pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.toelichting\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"false\"\n      [tooltip]=\"'resultaattoelichtingTooltip' | pluginTranslate: obs.pluginId | async\"\n      [fullWidth]=\"true\"\n    >\n    </v-input>\n    <v-radio\n      name=\"inputTypeZaakResultaatToggle\"\n      [disabled]=\"obs.disabled\"\n      [title]=\"'inputTypeZaakResultaatToggle' | pluginTranslate: obs.pluginId | async\"\n      [radioValues]=\"inputTypeOptions$ | async\"\n      [defaultValue]=\"selectedInputOption$ | async\"\n      [margin]=\"true\"\n    >\n    </v-radio>\n    <v-input\n      *ngIf=\"obs.selectedInputOption === 'text'\"\n      name=\"resultaattypeUrl\"\n      [title]=\"'resultaattypeUrl' | pluginTranslate: obs.pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.resultaattypeUrl\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"true\"\n      [trim]=\"true\"\n      [tooltip]=\"'resultaattypeUrlTooltip' | pluginTranslate: obs.pluginId | async\"\n      [fullWidth]=\"true\"\n    >\n    </v-input>\n    <ng-container *ngIf=\"obs.selectedInputOption === 'selection'\">\n      <v-select\n        [items]=\"obs.caseDefinitionItems\"\n        [margin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"caseDefinition\"\n        [title]=\"'caseDefinition' | pluginTranslate: obs.pluginId | async\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          !obs.caseDefinitionItems ||\n          oneSelectItem(obs.caseDefinitionItems)\n        \"\n        [required]=\"true\"\n        [loading]=\"!obs.caseDefinitionItems\"\n        [tooltip]=\"'caseDefinitionTooltipResultaat' | pluginTranslate: obs.pluginId | async\"\n        (selectedChange)=\"selectCaseDefinition($event)\"\n        [defaultSelectionId]=\"obs?.selectedCaseDefinitionId\"\n      ></v-select>\n      <v-select\n        [items]=\"obs.resultaatTypeItems && obs.resultaatTypeItems[obs.selectedCaseDefinitionId]\"\n        [margin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"resultaattypeUrl\"\n        [title]=\"'resultaattypeUrlSelect' | pluginTranslate: obs.pluginId | async\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          !obs.resultaatTypeItems ||\n          !obs.resultaatTypeItems[obs.selectedCaseDefinitionId]\n        \"\n        [defaultSelectionId]=\"obs.prefill?.resultaattypeUrl\"\n        [required]=\"true\"\n        [loading]=\"!obs.resultaatTypeItems\"\n        [tooltip]=\"'resultaattypeUrlSelectTooltip' | pluginTranslate: obs.pluginId | async\"\n        [clearSelectionSubject$]=\"clearStatusSelection$\"\n      ></v-select>\n    </ng-container>\n  </ng-container>\n</v-form>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n", styles: [".loading-container{display:flex;flex-direction:row;justify-content:center;height:100%;width:100%;align-items:center}\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.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: i5.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { 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: CreateZaakResultaatConfigurationComponent, selector: "valtimo-create-zaak-resultaat-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, providers: [PluginTranslatePipe], 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    pluginId: pluginId$ | async,\n    selectedInputOption: selectedInputOption$ | async,\n    loading: loading$ | async,\n    caseDefinitionItems: caseDefinitionSelectItems$ | async,\n    resultaatTypeItems: resultaatTypeSelectItems$ | async,\n    selectedCaseDefinitionId: selectedCaseDefinitionId$ | async,\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <v-input\n      name=\"toelichting\"\n      [title]=\"'resultaattoelichting' | pluginTranslate: obs.pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.toelichting\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"false\"\n      [tooltip]=\"'resultaattoelichtingTooltip' | pluginTranslate: obs.pluginId | async\"\n      [fullWidth]=\"true\"\n    >\n    </v-input>\n    <v-radio\n      name=\"inputTypeZaakResultaatToggle\"\n      [disabled]=\"obs.disabled\"\n      [title]=\"'inputTypeZaakResultaatToggle' | pluginTranslate: obs.pluginId | async\"\n      [radioValues]=\"inputTypeOptions$ | async\"\n      [defaultValue]=\"selectedInputOption$ | async\"\n      [margin]=\"true\"\n    >\n    </v-radio>\n    <v-input\n      *ngIf=\"obs.selectedInputOption === 'text'\"\n      name=\"resultaattypeUrl\"\n      [title]=\"'resultaattypeUrl' | pluginTranslate: obs.pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.resultaattypeUrl\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"true\"\n      [trim]=\"true\"\n      [tooltip]=\"'resultaattypeUrlTooltip' | pluginTranslate: obs.pluginId | async\"\n      [fullWidth]=\"true\"\n    >\n    </v-input>\n    <ng-container *ngIf=\"obs.selectedInputOption === 'selection'\">\n      <v-select\n        [items]=\"obs.caseDefinitionItems\"\n        [margin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"caseDefinition\"\n        [title]=\"'caseDefinition' | pluginTranslate: obs.pluginId | async\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          !obs.caseDefinitionItems ||\n          oneSelectItem(obs.caseDefinitionItems)\n        \"\n        [required]=\"true\"\n        [loading]=\"!obs.caseDefinitionItems\"\n        [tooltip]=\"'caseDefinitionTooltipResultaat' | pluginTranslate: obs.pluginId | async\"\n        (selectedChange)=\"selectCaseDefinition($event)\"\n        [defaultSelectionId]=\"obs?.selectedCaseDefinitionId\"\n      ></v-select>\n      <v-select\n        [items]=\"obs.resultaatTypeItems && obs.resultaatTypeItems[obs.selectedCaseDefinitionId]\"\n        [margin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"resultaattypeUrl\"\n        [title]=\"'resultaattypeUrlSelect' | pluginTranslate: obs.pluginId | async\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          !obs.resultaatTypeItems ||\n          !obs.resultaatTypeItems[obs.selectedCaseDefinitionId]\n        \"\n        [defaultSelectionId]=\"obs.prefill?.resultaattypeUrl\"\n        [required]=\"true\"\n        [loading]=\"!obs.resultaatTypeItems\"\n        [tooltip]=\"'resultaattypeUrlSelectTooltip' | pluginTranslate: obs.pluginId | async\"\n        [clearSelectionSubject$]=\"clearStatusSelection$\"\n      ></v-select>\n    </ng-container>\n  </ng-container>\n</v-form>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n", styles: [".loading-container{display:flex;flex-direction:row;justify-content:center;height:100%;width:100%;align-items:center}\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.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: i1$2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { 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: CreateZaakResultaatConfigurationComponent, decorators: [{
             type: Component,
@@ -3243,14 +3243,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Output
             }] } });
 
-const ExtraPropertiesOptions = [
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const CreateZaakExtraPropertyOptions = [
     'description',
     'plannedEndDate',
     'finalDeliveryDate',
 ];
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -3319,7 +3334,7 @@ class CreateZaakConfigurationComponent {
     ngOnInit() {
         this.openSaveSubscription();
         this.prefillConfiguration$.pipe(take(1)).subscribe(prefill => {
-            ExtraPropertiesOptions.filter(property => !!prefill[property]).forEach(property => this.addCaseProperty(property));
+            CreateZaakExtraPropertyOptions.filter(property => prefill && !!prefill[property]).forEach(property => this.addCaseProperty(property));
         });
     }
     ngOnDestroy() {
@@ -3388,13 +3403,13 @@ class CreateZaakConfigurationComponent {
             this.formValueChange(formValue);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateZaakConfigurationComponent, deps: [{ token: i1$2.OpenZaakService }, { token: i2$3.DocumentService }, { token: i2$2.ModalService }, { token: PluginTranslatePipe }, { token: i5.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CreateZaakConfigurationComponent, selector: "valtimo-create-zaak-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, providers: [PluginTranslatePipe], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    pluginId: pluginId$ | async,\n    selectedInputOption: selectedInputOption$ | async,\n    zaakTypeSelectItems: zaakTypeItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <v-paragraph [margin]=\"true\" [italic]=\"true\">\n      {{ 'createZaakInformation' | pluginTranslate: obs.pluginId | async }}\n    </v-paragraph>\n    <v-form (valueChange)=\"formValueChange($event)\">\n      <v-input\n        name=\"rsin\"\n        [title]=\"'rsin' | pluginTranslate: obs.pluginId | async\"\n        [margin]=\"true\"\n        [defaultValue]=\"obs.prefill?.rsin\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"true\"\n        [trim]=\"true\"\n        [tooltip]=\"'rsinTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"350\"\n      >\n      </v-input>\n      <v-radio\n        name=\"inputTypeZaakTypeToggle\"\n        [disabled]=\"obs.disabled\"\n        [title]=\"'inputTypeZaakTypeToggle' | pluginTranslate: obs.pluginId | async\"\n        [radioValues]=\"inputTypeOptions$ | async\"\n        [defaultValue]=\"selectedInputOption$ | async\"\n        [margin]=\"true\"\n      >\n      </v-radio>\n      <v-input\n        *ngIf=\"obs.selectedInputOption === 'text'\"\n        name=\"zaaktypeUrl\"\n        [title]=\"'zaakTypeUrl' | pluginTranslate: obs.pluginId | async\"\n        [margin]=\"true\"\n        [defaultValue]=\"obs.prefill?.zaaktypeUrl\"\n        [disabled]=\"obs.disabled || obs.selectedInputOption === 'selection'\"\n        [required]=\"true\"\n        [trim]=\"true\"\n        [tooltip]=\"'zaakTypeTooltip' | pluginTranslate: obs.pluginId | async\"\n        [fullWidth]=\"true\"\n      >\n      </v-input>\n      <ng-container *ngIf=\"obs.selectedInputOption === 'selection'\">\n        <v-select\n          [items]=\"obs.zaakTypeSelectItems\"\n          [margin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"zaaktypeUrl\"\n          [title]=\"'zaakType' | pluginTranslate: obs.pluginId | async\"\n          [disabled]=\"\n            obs.disabled ||\n            obs.selectedInputOption === 'text' ||\n            oneSelectItem(obs.zaakTypeSelectItems)\n          \"\n          [defaultSelectionId]=\"\n            (selectItemsIncludeId(obs.zaakTypeSelectItems, obs.prefill?.zaaktypeUrl) &&\n              obs.prefill?.zaaktypeUrl) ||\n            (oneSelectItem(obs.zaakTypeSelectItems) && obs.zaakTypeSelectItems[0].id)\n          \"\n          [required]=\"true\"\n          [loading]=\"!obs.zaakTypeSelectItems\"\n          [tooltip]=\"'zaakTypeSelectTooltip' | pluginTranslate: obs.pluginId | async\"\n        ></v-select>\n      </ng-container>\n\n      @for (property of propertyList; track property) {\n        @if (property === 'description') {\n          <div class=\"property-input\">\n            <v-input\n              name=\"description\"\n              [title]=\"'beschrijving' | pluginTranslate: obs.pluginId | async\"\n              [margin]=\"true\"\n              [defaultValue]=\"obs.prefill?.description\"\n              [required]=\"true\"\n              (valueChange)=\"onPropertyChanged('description', $event)\"\n            />\n\n            <button class=\"btn btn-space delete-button\" (click)=\"removeCaseProperty('description')\">\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          </div>\n        } @else if (property === 'plannedEndDate') {\n          <div class=\"property-input\">\n            <v-input\n              name=\"plannedEndDate\"\n              [title]=\"'plannedEndDate' | pluginTranslate: obs.pluginId | async\"\n              [margin]=\"true\"\n              [defaultValue]=\"obs.prefill?.plannedEndDate\"\n              [required]=\"true\"\n              [trim]=\"true\"\n              [tooltip]=\"'dateformatTooltip' | pluginTranslate: obs.pluginId | async\"\n              (valueChange)=\"onPropertyChanged('plannedEndDate', $event)\"\n            ></v-input>\n\n            <button\n              class=\"btn btn-space delete-button\"\n              (click)=\"removeCaseProperty('plannedEndDate')\"\n            >\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          </div>\n        } @else if (property === 'finalDeliveryDate') {\n          <div class=\"property-input\">\n            <v-input\n              name=\"finalDeliveryDate\"\n              [title]=\"'finalDeliveryDate' | pluginTranslate: obs.pluginId | async\"\n              [margin]=\"true\"\n              [defaultValue]=\"obs.prefill?.finalDeliveryDate\"\n              [required]=\"true\"\n              [trim]=\"true\"\n              [tooltip]=\"'dateformatTooltip' | pluginTranslate: obs.pluginId | async\"\n              (valueChange)=\"onPropertyChanged('finalDeliveryDate', $event)\"\n            ></v-input>\n\n            <button\n              class=\"btn btn-space delete-button\"\n              (click)=\"removeCaseProperty('finalDeliveryDate')\"\n            >\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          </div>\n        }\n      }\n\n      <button\n        cdsButton=\"primary\"\n        [size]=\"'md'\"\n        [cdsOverflowMenu]=\"addCasePropertyList\"\n        [customPane]=\"true\"\n        placement=\"bottom\"\n      >\n        {{ 'addZaakProperty' | pluginTranslate: obs.pluginId | async }}\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    </v-form>\n  </ng-container>\n</ng-container>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n\n<ng-template #addCasePropertyList>\n  <cds-overflow-menu-option\n    (click)=\"addCaseProperty('description')\"\n    *ngIf=\"!hasPropertyBeenAdded('description')\"\n  >\n    {{ 'beschrijving' | pluginTranslate: (pluginId$ | async) | async }}\n  </cds-overflow-menu-option>\n  <cds-overflow-menu-option\n    (click)=\"addCaseProperty('plannedEndDate')\"\n    *ngIf=\"!hasPropertyBeenAdded('plannedEndDate')\"\n  >\n    {{ 'plannedEndDate' | pluginTranslate: (pluginId$ | async) | async }}\n  </cds-overflow-menu-option>\n  <cds-overflow-menu-option\n    (click)=\"addCaseProperty('finalDeliveryDate')\"\n    *ngIf=\"!hasPropertyBeenAdded('finalDeliveryDate')\"\n  >\n    {{ 'finalDeliveryDate' | pluginTranslate: (pluginId$ | async) | async }}\n  </cds-overflow-menu-option>\n</ng-template>\n", styles: [".loading-container{display:flex;flex-direction:row;justify-content:center;height:100%;width:100%;align-items:center}::ng-deep .cds--overflow-menu-options{z-index:10000!important;width:230px}.property-input{display:flex}.property-input v-input,.property-input cds-date-picker-input{flex-grow:1}.property-input button{height:46px;width:46px;margin:16px}.delete-button:hover{background-color:#e12717}\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.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { 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: i5.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "directive", type: i5.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i5.OverflowMenuDirective, selector: "[cdsOverflowMenu], [ibmOverflowMenu]", inputs: ["ibmOverflowMenu", "cdsOverflowMenu", "flip", "offset", "wrapperClass", "customPane"], exportAs: ["overflowMenu"] }, { kind: "component", type: i5.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "directive", type: i5.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateZaakConfigurationComponent, deps: [{ token: i1$3.OpenZaakService }, { token: i2$3.DocumentService }, { token: i2$2.ModalService }, { token: PluginTranslatePipe }, { token: i1$2.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: CreateZaakConfigurationComponent, selector: "valtimo-create-zaak-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, providers: [PluginTranslatePipe], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    pluginId: pluginId$ | async,\n    selectedInputOption: selectedInputOption$ | async,\n    zaakTypeSelectItems: zaakTypeItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <v-paragraph [margin]=\"true\" [italic]=\"true\">\n      {{ 'createZaakInformation' | pluginTranslate: obs.pluginId | async }}\n    </v-paragraph>\n    <v-form (valueChange)=\"formValueChange($event)\">\n      <v-input\n        name=\"rsin\"\n        [title]=\"'rsin' | pluginTranslate: obs.pluginId | async\"\n        [margin]=\"true\"\n        [defaultValue]=\"obs.prefill?.rsin\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"true\"\n        [trim]=\"true\"\n        [tooltip]=\"'rsinTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"350\"\n      >\n      </v-input>\n      <v-radio\n        name=\"inputTypeZaakTypeToggle\"\n        [disabled]=\"obs.disabled\"\n        [title]=\"'inputTypeZaakTypeToggle' | pluginTranslate: obs.pluginId | async\"\n        [radioValues]=\"inputTypeOptions$ | async\"\n        [defaultValue]=\"selectedInputOption$ | async\"\n        [margin]=\"true\"\n      >\n      </v-radio>\n      <v-input\n        *ngIf=\"obs.selectedInputOption === 'text'\"\n        name=\"zaaktypeUrl\"\n        [title]=\"'zaakTypeUrl' | pluginTranslate: obs.pluginId | async\"\n        [margin]=\"true\"\n        [defaultValue]=\"obs.prefill?.zaaktypeUrl\"\n        [disabled]=\"obs.disabled || obs.selectedInputOption === 'selection'\"\n        [required]=\"true\"\n        [trim]=\"true\"\n        [tooltip]=\"'zaakTypeTooltip' | pluginTranslate: obs.pluginId | async\"\n        [fullWidth]=\"true\"\n      >\n      </v-input>\n      <ng-container *ngIf=\"obs.selectedInputOption === 'selection'\">\n        <v-select\n          [items]=\"obs.zaakTypeSelectItems\"\n          [margin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"zaaktypeUrl\"\n          [title]=\"'zaakType' | pluginTranslate: obs.pluginId | async\"\n          [disabled]=\"\n            obs.disabled ||\n            obs.selectedInputOption === 'text' ||\n            oneSelectItem(obs.zaakTypeSelectItems)\n          \"\n          [defaultSelectionId]=\"\n            (selectItemsIncludeId(obs.zaakTypeSelectItems, obs.prefill?.zaaktypeUrl) &&\n              obs.prefill?.zaaktypeUrl) ||\n            (oneSelectItem(obs.zaakTypeSelectItems) && obs.zaakTypeSelectItems[0].id)\n          \"\n          [required]=\"true\"\n          [loading]=\"!obs.zaakTypeSelectItems\"\n          [tooltip]=\"'zaakTypeSelectTooltip' | pluginTranslate: obs.pluginId | async\"\n        ></v-select>\n      </ng-container>\n\n      @for (property of propertyList; track property) {\n        @if (property === 'description') {\n          <div class=\"property-input\">\n            <v-input\n              name=\"description\"\n              [title]=\"'beschrijving' | pluginTranslate: obs.pluginId | async\"\n              [margin]=\"true\"\n              [defaultValue]=\"obs.prefill?.description\"\n              [required]=\"true\"\n              (valueChange)=\"onPropertyChanged('description', $event)\"\n            />\n\n            <button class=\"btn btn-space delete-button\" (click)=\"removeCaseProperty('description')\">\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          </div>\n        } @else if (property === 'plannedEndDate') {\n          <div class=\"property-input\">\n            <v-input\n              name=\"plannedEndDate\"\n              [title]=\"'plannedEndDate' | pluginTranslate: obs.pluginId | async\"\n              [margin]=\"true\"\n              [defaultValue]=\"obs.prefill?.plannedEndDate\"\n              [required]=\"true\"\n              [trim]=\"true\"\n              [tooltip]=\"'dateformatTooltip' | pluginTranslate: obs.pluginId | async\"\n              (valueChange)=\"onPropertyChanged('plannedEndDate', $event)\"\n            ></v-input>\n\n            <button\n              class=\"btn btn-space delete-button\"\n              (click)=\"removeCaseProperty('plannedEndDate')\"\n            >\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          </div>\n        } @else if (property === 'finalDeliveryDate') {\n          <div class=\"property-input\">\n            <v-input\n              name=\"finalDeliveryDate\"\n              [title]=\"'finalDeliveryDate' | pluginTranslate: obs.pluginId | async\"\n              [margin]=\"true\"\n              [defaultValue]=\"obs.prefill?.finalDeliveryDate\"\n              [required]=\"true\"\n              [trim]=\"true\"\n              [tooltip]=\"'dateformatTooltip' | pluginTranslate: obs.pluginId | async\"\n              (valueChange)=\"onPropertyChanged('finalDeliveryDate', $event)\"\n            ></v-input>\n\n            <button\n              class=\"btn btn-space delete-button\"\n              (click)=\"removeCaseProperty('finalDeliveryDate')\"\n            >\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          </div>\n        }\n      }\n\n      <button\n        cdsButton=\"primary\"\n        [size]=\"'md'\"\n        [cdsOverflowMenu]=\"addCasePropertyList\"\n        [customPane]=\"true\"\n        placement=\"bottom\"\n      >\n        {{ 'addZaakProperty' | pluginTranslate: obs.pluginId | async }}\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    </v-form>\n  </ng-container>\n</ng-container>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n\n<ng-template #addCasePropertyList>\n  <cds-overflow-menu-option\n    (click)=\"addCaseProperty('description')\"\n    *ngIf=\"!hasPropertyBeenAdded('description')\"\n  >\n    {{ 'beschrijving' | pluginTranslate: (pluginId$ | async) | async }}\n  </cds-overflow-menu-option>\n  <cds-overflow-menu-option\n    (click)=\"addCaseProperty('plannedEndDate')\"\n    *ngIf=\"!hasPropertyBeenAdded('plannedEndDate')\"\n  >\n    {{ 'plannedEndDate' | pluginTranslate: (pluginId$ | async) | async }}\n  </cds-overflow-menu-option>\n  <cds-overflow-menu-option\n    (click)=\"addCaseProperty('finalDeliveryDate')\"\n    *ngIf=\"!hasPropertyBeenAdded('finalDeliveryDate')\"\n  >\n    {{ 'finalDeliveryDate' | pluginTranslate: (pluginId$ | async) | async }}\n  </cds-overflow-menu-option>\n</ng-template>\n", styles: [".loading-container{display:flex;flex-direction:row;justify-content:center;height:100%;width:100%;align-items:center}::ng-deep .cds--overflow-menu-options{z-index:10000!important;width:230px}.property-input{display:flex}.property-input v-input,.property-input cds-date-picker-input{flex-grow:1}.property-input button{height:46px;width:46px;margin:16px}.delete-button:hover{background-color:#e12717}\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.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { 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: i1$2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "directive", type: i1$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i1$2.OverflowMenuDirective, selector: "[cdsOverflowMenu], [ibmOverflowMenu]", inputs: ["ibmOverflowMenu", "cdsOverflowMenu", "flip", "offset", "wrapperClass", "customPane"], exportAs: ["overflowMenu"] }, { kind: "component", type: i1$2.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "directive", type: i1$2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { 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: CreateZaakConfigurationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-create-zaak-configuration', providers: [PluginTranslatePipe], template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    pluginId: pluginId$ | async,\n    selectedInputOption: selectedInputOption$ | async,\n    zaakTypeSelectItems: zaakTypeItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <v-paragraph [margin]=\"true\" [italic]=\"true\">\n      {{ 'createZaakInformation' | pluginTranslate: obs.pluginId | async }}\n    </v-paragraph>\n    <v-form (valueChange)=\"formValueChange($event)\">\n      <v-input\n        name=\"rsin\"\n        [title]=\"'rsin' | pluginTranslate: obs.pluginId | async\"\n        [margin]=\"true\"\n        [defaultValue]=\"obs.prefill?.rsin\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"true\"\n        [trim]=\"true\"\n        [tooltip]=\"'rsinTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"350\"\n      >\n      </v-input>\n      <v-radio\n        name=\"inputTypeZaakTypeToggle\"\n        [disabled]=\"obs.disabled\"\n        [title]=\"'inputTypeZaakTypeToggle' | pluginTranslate: obs.pluginId | async\"\n        [radioValues]=\"inputTypeOptions$ | async\"\n        [defaultValue]=\"selectedInputOption$ | async\"\n        [margin]=\"true\"\n      >\n      </v-radio>\n      <v-input\n        *ngIf=\"obs.selectedInputOption === 'text'\"\n        name=\"zaaktypeUrl\"\n        [title]=\"'zaakTypeUrl' | pluginTranslate: obs.pluginId | async\"\n        [margin]=\"true\"\n        [defaultValue]=\"obs.prefill?.zaaktypeUrl\"\n        [disabled]=\"obs.disabled || obs.selectedInputOption === 'selection'\"\n        [required]=\"true\"\n        [trim]=\"true\"\n        [tooltip]=\"'zaakTypeTooltip' | pluginTranslate: obs.pluginId | async\"\n        [fullWidth]=\"true\"\n      >\n      </v-input>\n      <ng-container *ngIf=\"obs.selectedInputOption === 'selection'\">\n        <v-select\n          [items]=\"obs.zaakTypeSelectItems\"\n          [margin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"zaaktypeUrl\"\n          [title]=\"'zaakType' | pluginTranslate: obs.pluginId | async\"\n          [disabled]=\"\n            obs.disabled ||\n            obs.selectedInputOption === 'text' ||\n            oneSelectItem(obs.zaakTypeSelectItems)\n          \"\n          [defaultSelectionId]=\"\n            (selectItemsIncludeId(obs.zaakTypeSelectItems, obs.prefill?.zaaktypeUrl) &&\n              obs.prefill?.zaaktypeUrl) ||\n            (oneSelectItem(obs.zaakTypeSelectItems) && obs.zaakTypeSelectItems[0].id)\n          \"\n          [required]=\"true\"\n          [loading]=\"!obs.zaakTypeSelectItems\"\n          [tooltip]=\"'zaakTypeSelectTooltip' | pluginTranslate: obs.pluginId | async\"\n        ></v-select>\n      </ng-container>\n\n      @for (property of propertyList; track property) {\n        @if (property === 'description') {\n          <div class=\"property-input\">\n            <v-input\n              name=\"description\"\n              [title]=\"'beschrijving' | pluginTranslate: obs.pluginId | async\"\n              [margin]=\"true\"\n              [defaultValue]=\"obs.prefill?.description\"\n              [required]=\"true\"\n              (valueChange)=\"onPropertyChanged('description', $event)\"\n            />\n\n            <button class=\"btn btn-space delete-button\" (click)=\"removeCaseProperty('description')\">\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          </div>\n        } @else if (property === 'plannedEndDate') {\n          <div class=\"property-input\">\n            <v-input\n              name=\"plannedEndDate\"\n              [title]=\"'plannedEndDate' | pluginTranslate: obs.pluginId | async\"\n              [margin]=\"true\"\n              [defaultValue]=\"obs.prefill?.plannedEndDate\"\n              [required]=\"true\"\n              [trim]=\"true\"\n              [tooltip]=\"'dateformatTooltip' | pluginTranslate: obs.pluginId | async\"\n              (valueChange)=\"onPropertyChanged('plannedEndDate', $event)\"\n            ></v-input>\n\n            <button\n              class=\"btn btn-space delete-button\"\n              (click)=\"removeCaseProperty('plannedEndDate')\"\n            >\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          </div>\n        } @else if (property === 'finalDeliveryDate') {\n          <div class=\"property-input\">\n            <v-input\n              name=\"finalDeliveryDate\"\n              [title]=\"'finalDeliveryDate' | pluginTranslate: obs.pluginId | async\"\n              [margin]=\"true\"\n              [defaultValue]=\"obs.prefill?.finalDeliveryDate\"\n              [required]=\"true\"\n              [trim]=\"true\"\n              [tooltip]=\"'dateformatTooltip' | pluginTranslate: obs.pluginId | async\"\n              (valueChange)=\"onPropertyChanged('finalDeliveryDate', $event)\"\n            ></v-input>\n\n            <button\n              class=\"btn btn-space delete-button\"\n              (click)=\"removeCaseProperty('finalDeliveryDate')\"\n            >\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          </div>\n        }\n      }\n\n      <button\n        cdsButton=\"primary\"\n        [size]=\"'md'\"\n        [cdsOverflowMenu]=\"addCasePropertyList\"\n        [customPane]=\"true\"\n        placement=\"bottom\"\n      >\n        {{ 'addZaakProperty' | pluginTranslate: obs.pluginId | async }}\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    </v-form>\n  </ng-container>\n</ng-container>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n\n<ng-template #addCasePropertyList>\n  <cds-overflow-menu-option\n    (click)=\"addCaseProperty('description')\"\n    *ngIf=\"!hasPropertyBeenAdded('description')\"\n  >\n    {{ 'beschrijving' | pluginTranslate: (pluginId$ | async) | async }}\n  </cds-overflow-menu-option>\n  <cds-overflow-menu-option\n    (click)=\"addCaseProperty('plannedEndDate')\"\n    *ngIf=\"!hasPropertyBeenAdded('plannedEndDate')\"\n  >\n    {{ 'plannedEndDate' | pluginTranslate: (pluginId$ | async) | async }}\n  </cds-overflow-menu-option>\n  <cds-overflow-menu-option\n    (click)=\"addCaseProperty('finalDeliveryDate')\"\n    *ngIf=\"!hasPropertyBeenAdded('finalDeliveryDate')\"\n  >\n    {{ 'finalDeliveryDate' | pluginTranslate: (pluginId$ | async) | async }}\n  </cds-overflow-menu-option>\n</ng-template>\n", styles: [".loading-container{display:flex;flex-direction:row;justify-content:center;height:100%;width:100%;align-items:center}::ng-deep .cds--overflow-menu-options{z-index:10000!important;width:230px}.property-input{display:flex}.property-input v-input,.property-input cds-date-picker-input{flex-grow:1}.property-input button{height:46px;width:46px;margin:16px}.delete-button:hover{background-color:#e12717}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i1$2.OpenZaakService }, { type: i2$3.DocumentService }, { type: i2$2.ModalService }, { type: PluginTranslatePipe }, { type: i5.IconService }], propDecorators: { save$: [{
+            args: [{ standalone: false, selector: 'valtimo-create-zaak-configuration', providers: [PluginTranslatePipe], template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    pluginId: pluginId$ | async,\n    selectedInputOption: selectedInputOption$ | async,\n    zaakTypeSelectItems: zaakTypeItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <v-paragraph [margin]=\"true\" [italic]=\"true\">\n      {{ 'createZaakInformation' | pluginTranslate: obs.pluginId | async }}\n    </v-paragraph>\n    <v-form (valueChange)=\"formValueChange($event)\">\n      <v-input\n        name=\"rsin\"\n        [title]=\"'rsin' | pluginTranslate: obs.pluginId | async\"\n        [margin]=\"true\"\n        [defaultValue]=\"obs.prefill?.rsin\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"true\"\n        [trim]=\"true\"\n        [tooltip]=\"'rsinTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"350\"\n      >\n      </v-input>\n      <v-radio\n        name=\"inputTypeZaakTypeToggle\"\n        [disabled]=\"obs.disabled\"\n        [title]=\"'inputTypeZaakTypeToggle' | pluginTranslate: obs.pluginId | async\"\n        [radioValues]=\"inputTypeOptions$ | async\"\n        [defaultValue]=\"selectedInputOption$ | async\"\n        [margin]=\"true\"\n      >\n      </v-radio>\n      <v-input\n        *ngIf=\"obs.selectedInputOption === 'text'\"\n        name=\"zaaktypeUrl\"\n        [title]=\"'zaakTypeUrl' | pluginTranslate: obs.pluginId | async\"\n        [margin]=\"true\"\n        [defaultValue]=\"obs.prefill?.zaaktypeUrl\"\n        [disabled]=\"obs.disabled || obs.selectedInputOption === 'selection'\"\n        [required]=\"true\"\n        [trim]=\"true\"\n        [tooltip]=\"'zaakTypeTooltip' | pluginTranslate: obs.pluginId | async\"\n        [fullWidth]=\"true\"\n      >\n      </v-input>\n      <ng-container *ngIf=\"obs.selectedInputOption === 'selection'\">\n        <v-select\n          [items]=\"obs.zaakTypeSelectItems\"\n          [margin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"zaaktypeUrl\"\n          [title]=\"'zaakType' | pluginTranslate: obs.pluginId | async\"\n          [disabled]=\"\n            obs.disabled ||\n            obs.selectedInputOption === 'text' ||\n            oneSelectItem(obs.zaakTypeSelectItems)\n          \"\n          [defaultSelectionId]=\"\n            (selectItemsIncludeId(obs.zaakTypeSelectItems, obs.prefill?.zaaktypeUrl) &&\n              obs.prefill?.zaaktypeUrl) ||\n            (oneSelectItem(obs.zaakTypeSelectItems) && obs.zaakTypeSelectItems[0].id)\n          \"\n          [required]=\"true\"\n          [loading]=\"!obs.zaakTypeSelectItems\"\n          [tooltip]=\"'zaakTypeSelectTooltip' | pluginTranslate: obs.pluginId | async\"\n        ></v-select>\n      </ng-container>\n\n      @for (property of propertyList; track property) {\n        @if (property === 'description') {\n          <div class=\"property-input\">\n            <v-input\n              name=\"description\"\n              [title]=\"'beschrijving' | pluginTranslate: obs.pluginId | async\"\n              [margin]=\"true\"\n              [defaultValue]=\"obs.prefill?.description\"\n              [required]=\"true\"\n              (valueChange)=\"onPropertyChanged('description', $event)\"\n            />\n\n            <button class=\"btn btn-space delete-button\" (click)=\"removeCaseProperty('description')\">\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          </div>\n        } @else if (property === 'plannedEndDate') {\n          <div class=\"property-input\">\n            <v-input\n              name=\"plannedEndDate\"\n              [title]=\"'plannedEndDate' | pluginTranslate: obs.pluginId | async\"\n              [margin]=\"true\"\n              [defaultValue]=\"obs.prefill?.plannedEndDate\"\n              [required]=\"true\"\n              [trim]=\"true\"\n              [tooltip]=\"'dateformatTooltip' | pluginTranslate: obs.pluginId | async\"\n              (valueChange)=\"onPropertyChanged('plannedEndDate', $event)\"\n            ></v-input>\n\n            <button\n              class=\"btn btn-space delete-button\"\n              (click)=\"removeCaseProperty('plannedEndDate')\"\n            >\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          </div>\n        } @else if (property === 'finalDeliveryDate') {\n          <div class=\"property-input\">\n            <v-input\n              name=\"finalDeliveryDate\"\n              [title]=\"'finalDeliveryDate' | pluginTranslate: obs.pluginId | async\"\n              [margin]=\"true\"\n              [defaultValue]=\"obs.prefill?.finalDeliveryDate\"\n              [required]=\"true\"\n              [trim]=\"true\"\n              [tooltip]=\"'dateformatTooltip' | pluginTranslate: obs.pluginId | async\"\n              (valueChange)=\"onPropertyChanged('finalDeliveryDate', $event)\"\n            ></v-input>\n\n            <button\n              class=\"btn btn-space delete-button\"\n              (click)=\"removeCaseProperty('finalDeliveryDate')\"\n            >\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          </div>\n        }\n      }\n\n      <button\n        cdsButton=\"primary\"\n        [size]=\"'md'\"\n        [cdsOverflowMenu]=\"addCasePropertyList\"\n        [customPane]=\"true\"\n        placement=\"bottom\"\n      >\n        {{ 'addZaakProperty' | pluginTranslate: obs.pluginId | async }}\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    </v-form>\n  </ng-container>\n</ng-container>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n\n<ng-template #addCasePropertyList>\n  <cds-overflow-menu-option\n    (click)=\"addCaseProperty('description')\"\n    *ngIf=\"!hasPropertyBeenAdded('description')\"\n  >\n    {{ 'beschrijving' | pluginTranslate: (pluginId$ | async) | async }}\n  </cds-overflow-menu-option>\n  <cds-overflow-menu-option\n    (click)=\"addCaseProperty('plannedEndDate')\"\n    *ngIf=\"!hasPropertyBeenAdded('plannedEndDate')\"\n  >\n    {{ 'plannedEndDate' | pluginTranslate: (pluginId$ | async) | async }}\n  </cds-overflow-menu-option>\n  <cds-overflow-menu-option\n    (click)=\"addCaseProperty('finalDeliveryDate')\"\n    *ngIf=\"!hasPropertyBeenAdded('finalDeliveryDate')\"\n  >\n    {{ 'finalDeliveryDate' | pluginTranslate: (pluginId$ | async) | async }}\n  </cds-overflow-menu-option>\n</ng-template>\n", styles: [".loading-container{display:flex;flex-direction:row;justify-content:center;height:100%;width:100%;align-items:center}::ng-deep .cds--overflow-menu-options{z-index:10000!important;width:230px}.property-input{display:flex}.property-input v-input,.property-input cds-date-picker-input{flex-grow:1}.property-input button{height:46px;width:46px;margin:16px}.delete-button:hover{background-color:#e12717}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.OpenZaakService }, { type: i2$3.DocumentService }, { type: i2$2.ModalService }, { type: PluginTranslatePipe }, { type: i1$2.IconService }], propDecorators: { save$: [{
                 type: Input
             }], disabled$: [{
                 type: Input
@@ -3733,7 +3748,7 @@ class CreateZaakeigenschapComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateZaakeigenschapComponent, deps: [{ token: i2$2.ModalService }, { token: i2$3.DocumentService }, { token: ZakenApiService }, { token: PluginTranslatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateZaakeigenschapComponent, selector: "valtimo-create-zaakeigenschap", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, providers: [PluginTranslatePipe], 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    pluginId: pluginId$ | async,\n    selectedInputOption: selectedInputOption$ | async,\n    loading: loading$ | async,\n    caseDefinitionItems: caseDefinitionSelectItems$ | async,\n    eigenschapItems: eigenschapSelectItems$ | async,\n    selectedCaseDefinitionId: selectedCaseDefinitionName$ | async,\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <v-radio\n      name=\"inputTypeEigenschapToggle\"\n      [disabled]=\"obs.disabled\"\n      [title]=\"'inputTypeEigenschapToggle' | pluginTranslate: obs.pluginId | async\"\n      [radioValues]=\"inputTypeOptions$ | async\"\n      [defaultValue]=\"selectedInputOption$ | async\"\n      [margin]=\"true\"\n    >\n    </v-radio>\n    <v-input\n      *ngIf=\"obs.selectedInputOption === 'text'\"\n      name=\"eigenschapUrl\"\n      [title]=\"'eigenschapUrl' | pluginTranslate: obs.pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.eigenschapUrl\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"true\"\n      [trim]=\"true\"\n      [tooltip]=\"'eigenschapUrlTooltip' | pluginTranslate: obs.pluginId | async\"\n      [fullWidth]=\"true\"\n    >\n    </v-input>\n    <ng-container *ngIf=\"obs.selectedInputOption === 'selection'\">\n      <v-select\n        [items]=\"obs.caseDefinitionItems\"\n        [margin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"caseDefinition\"\n        [title]=\"'caseDefinition' | pluginTranslate: obs.pluginId | async\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          !obs.caseDefinitionItems ||\n          oneSelectItem(obs.caseDefinitionItems)\n        \"\n        [required]=\"true\"\n        [loading]=\"!obs.caseDefinitionItems\"\n        [tooltip]=\"'caseDefinitionTooltipEigenschap' | pluginTranslate: obs.pluginId | async\"\n        (selectedChange)=\"selectCaseDefinition($event)\"\n        [defaultSelectionId]=\"obs?.selectedCaseDefinitionId\"\n      ></v-select>\n      <v-select\n        [items]=\"obs.eigenschapItems && obs.eigenschapItems[obs.selectedCaseDefinitionId]\"\n        [margin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"eigenschapUrl\"\n        [title]=\"'eigenschapUrlSelect' | pluginTranslate: obs.pluginId | async\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          !obs.eigenschapItems ||\n          !obs.eigenschapItems[obs.selectedCaseDefinitionId]\n        \"\n        [defaultSelectionId]=\"obs.prefill?.eigenschapUrl\"\n        [required]=\"true\"\n        [loading]=\"!obs.eigenschapItems\"\n        [tooltip]=\"'eigenschapUrlSelectTooltip' | pluginTranslate: obs.pluginId | async\"\n        [clearSelectionSubject$]=\"clearEigenschapSelection$\"\n      ></v-select>\n    </ng-container>\n    <v-input\n      name=\"eigenschapValue\"\n      [title]=\"'eigenschapValue' | pluginTranslate: obs.pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.eigenschapValue\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"false\"\n      [tooltip]=\"'eigenschapValueTooltip' | pluginTranslate: obs.pluginId | async\"\n      [fullWidth]=\"true\"\n    >\n    </v-input>\n  </ng-container>\n</v-form>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\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.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: i5.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { 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: CreateZaakeigenschapComponent, selector: "valtimo-create-zaakeigenschap", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, providers: [PluginTranslatePipe], 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    pluginId: pluginId$ | async,\n    selectedInputOption: selectedInputOption$ | async,\n    loading: loading$ | async,\n    caseDefinitionItems: caseDefinitionSelectItems$ | async,\n    eigenschapItems: eigenschapSelectItems$ | async,\n    selectedCaseDefinitionId: selectedCaseDefinitionName$ | async,\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <v-radio\n      name=\"inputTypeEigenschapToggle\"\n      [disabled]=\"obs.disabled\"\n      [title]=\"'inputTypeEigenschapToggle' | pluginTranslate: obs.pluginId | async\"\n      [radioValues]=\"inputTypeOptions$ | async\"\n      [defaultValue]=\"selectedInputOption$ | async\"\n      [margin]=\"true\"\n    >\n    </v-radio>\n    <v-input\n      *ngIf=\"obs.selectedInputOption === 'text'\"\n      name=\"eigenschapUrl\"\n      [title]=\"'eigenschapUrl' | pluginTranslate: obs.pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.eigenschapUrl\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"true\"\n      [trim]=\"true\"\n      [tooltip]=\"'eigenschapUrlTooltip' | pluginTranslate: obs.pluginId | async\"\n      [fullWidth]=\"true\"\n    >\n    </v-input>\n    <ng-container *ngIf=\"obs.selectedInputOption === 'selection'\">\n      <v-select\n        [items]=\"obs.caseDefinitionItems\"\n        [margin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"caseDefinition\"\n        [title]=\"'caseDefinition' | pluginTranslate: obs.pluginId | async\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          !obs.caseDefinitionItems ||\n          oneSelectItem(obs.caseDefinitionItems)\n        \"\n        [required]=\"true\"\n        [loading]=\"!obs.caseDefinitionItems\"\n        [tooltip]=\"'caseDefinitionTooltipEigenschap' | pluginTranslate: obs.pluginId | async\"\n        (selectedChange)=\"selectCaseDefinition($event)\"\n        [defaultSelectionId]=\"obs?.selectedCaseDefinitionId\"\n      ></v-select>\n      <v-select\n        [items]=\"obs.eigenschapItems && obs.eigenschapItems[obs.selectedCaseDefinitionId]\"\n        [margin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"eigenschapUrl\"\n        [title]=\"'eigenschapUrlSelect' | pluginTranslate: obs.pluginId | async\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          !obs.eigenschapItems ||\n          !obs.eigenschapItems[obs.selectedCaseDefinitionId]\n        \"\n        [defaultSelectionId]=\"obs.prefill?.eigenschapUrl\"\n        [required]=\"true\"\n        [loading]=\"!obs.eigenschapItems\"\n        [tooltip]=\"'eigenschapUrlSelectTooltip' | pluginTranslate: obs.pluginId | async\"\n        [clearSelectionSubject$]=\"clearEigenschapSelection$\"\n      ></v-select>\n    </ng-container>\n    <v-input\n      name=\"eigenschapValue\"\n      [title]=\"'eigenschapValue' | pluginTranslate: obs.pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.eigenschapValue\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"false\"\n      [tooltip]=\"'eigenschapValueTooltip' | pluginTranslate: obs.pluginId | async\"\n      [fullWidth]=\"true\"\n    >\n    </v-input>\n  </ng-container>\n</v-form>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\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.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: i1$2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { 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: CreateZaakeigenschapComponent, decorators: [{
             type: Component,
@@ -3881,7 +3896,7 @@ class UpdateZaakeigenschapComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: UpdateZaakeigenschapComponent, deps: [{ token: i2$2.ModalService }, { token: i2$3.DocumentService }, { token: ZakenApiService }, { token: PluginTranslatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: UpdateZaakeigenschapComponent, selector: "valtimo-update-zaakeigenschap", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, providers: [PluginTranslatePipe], 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    pluginId: pluginId$ | async,\n    selectedInputOption: selectedInputOption$ | async,\n    loading: loading$ | async,\n    caseDefinitionItems: caseDefinitionSelectItems$ | async,\n    eigenschapItems: eigenschapSelectItems$ | async,\n    selectedCaseDefinitionId: selectedCaseDefinitionName$ | async,\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <v-radio\n      name=\"inputTypeEigenschapToggle\"\n      [disabled]=\"obs.disabled\"\n      [title]=\"'inputTypeEigenschapToggle' | pluginTranslate: obs.pluginId | async\"\n      [radioValues]=\"inputTypeOptions$ | async\"\n      [defaultValue]=\"selectedInputOption$ | async\"\n      [margin]=\"true\"\n    >\n    </v-radio>\n    <v-input\n      *ngIf=\"obs.selectedInputOption === 'text'\"\n      name=\"eigenschapUrl\"\n      [title]=\"'eigenschapUrl' | pluginTranslate: obs.pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.eigenschapUrl\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"true\"\n      [trim]=\"true\"\n      [tooltip]=\"'eigenschapUrlTooltip' | pluginTranslate: obs.pluginId | async\"\n      [fullWidth]=\"true\"\n    >\n    </v-input>\n    <ng-container *ngIf=\"obs.selectedInputOption === 'selection'\">\n      <v-select\n        [items]=\"obs.caseDefinitionItems\"\n        [margin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"caseDefinition\"\n        [title]=\"'caseDefinition' | pluginTranslate: obs.pluginId | async\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          !obs.caseDefinitionItems ||\n          oneSelectItem(obs.caseDefinitionItems)\n        \"\n        [required]=\"true\"\n        [loading]=\"!obs.caseDefinitionItems\"\n        [tooltip]=\"'caseDefinitionTooltipEigenschap' | pluginTranslate: obs.pluginId | async\"\n        (selectedChange)=\"selectCaseDefinition($event)\"\n        [defaultSelectionId]=\"obs?.selectedCaseDefinitionId\"\n      ></v-select>\n      <v-select\n        [items]=\"obs.eigenschapItems && obs.eigenschapItems[obs.selectedCaseDefinitionId]\"\n        [margin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"eigenschapUrl\"\n        [title]=\"'eigenschapUrlSelect' | pluginTranslate: obs.pluginId | async\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          !obs.eigenschapItems ||\n          !obs.eigenschapItems[obs.selectedCaseDefinitionId]\n        \"\n        [defaultSelectionId]=\"obs.prefill?.eigenschapUrl\"\n        [required]=\"true\"\n        [loading]=\"!obs.eigenschapItems\"\n        [tooltip]=\"'eigenschapUrlSelectTooltip' | pluginTranslate: obs.pluginId | async\"\n        [clearSelectionSubject$]=\"clearEigenschapSelection$\"\n      ></v-select>\n    </ng-container>\n    <v-input\n      name=\"eigenschapValue\"\n      [title]=\"'eigenschapValue' | pluginTranslate: obs.pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.eigenschapValue\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"false\"\n      [tooltip]=\"'eigenschapValueTooltip' | pluginTranslate: obs.pluginId | async\"\n      [fullWidth]=\"true\"\n    >\n    </v-input>\n  </ng-container>\n</v-form>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\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.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: i5.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { 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: UpdateZaakeigenschapComponent, selector: "valtimo-update-zaakeigenschap", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, providers: [PluginTranslatePipe], 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    pluginId: pluginId$ | async,\n    selectedInputOption: selectedInputOption$ | async,\n    loading: loading$ | async,\n    caseDefinitionItems: caseDefinitionSelectItems$ | async,\n    eigenschapItems: eigenschapSelectItems$ | async,\n    selectedCaseDefinitionId: selectedCaseDefinitionName$ | async,\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <v-radio\n      name=\"inputTypeEigenschapToggle\"\n      [disabled]=\"obs.disabled\"\n      [title]=\"'inputTypeEigenschapToggle' | pluginTranslate: obs.pluginId | async\"\n      [radioValues]=\"inputTypeOptions$ | async\"\n      [defaultValue]=\"selectedInputOption$ | async\"\n      [margin]=\"true\"\n    >\n    </v-radio>\n    <v-input\n      *ngIf=\"obs.selectedInputOption === 'text'\"\n      name=\"eigenschapUrl\"\n      [title]=\"'eigenschapUrl' | pluginTranslate: obs.pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.eigenschapUrl\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"true\"\n      [trim]=\"true\"\n      [tooltip]=\"'eigenschapUrlTooltip' | pluginTranslate: obs.pluginId | async\"\n      [fullWidth]=\"true\"\n    >\n    </v-input>\n    <ng-container *ngIf=\"obs.selectedInputOption === 'selection'\">\n      <v-select\n        [items]=\"obs.caseDefinitionItems\"\n        [margin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"caseDefinition\"\n        [title]=\"'caseDefinition' | pluginTranslate: obs.pluginId | async\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          !obs.caseDefinitionItems ||\n          oneSelectItem(obs.caseDefinitionItems)\n        \"\n        [required]=\"true\"\n        [loading]=\"!obs.caseDefinitionItems\"\n        [tooltip]=\"'caseDefinitionTooltipEigenschap' | pluginTranslate: obs.pluginId | async\"\n        (selectedChange)=\"selectCaseDefinition($event)\"\n        [defaultSelectionId]=\"obs?.selectedCaseDefinitionId\"\n      ></v-select>\n      <v-select\n        [items]=\"obs.eigenschapItems && obs.eigenschapItems[obs.selectedCaseDefinitionId]\"\n        [margin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"eigenschapUrl\"\n        [title]=\"'eigenschapUrlSelect' | pluginTranslate: obs.pluginId | async\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          !obs.eigenschapItems ||\n          !obs.eigenschapItems[obs.selectedCaseDefinitionId]\n        \"\n        [defaultSelectionId]=\"obs.prefill?.eigenschapUrl\"\n        [required]=\"true\"\n        [loading]=\"!obs.eigenschapItems\"\n        [tooltip]=\"'eigenschapUrlSelectTooltip' | pluginTranslate: obs.pluginId | async\"\n        [clearSelectionSubject$]=\"clearEigenschapSelection$\"\n      ></v-select>\n    </ng-container>\n    <v-input\n      name=\"eigenschapValue\"\n      [title]=\"'eigenschapValue' | pluginTranslate: obs.pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.eigenschapValue\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"false\"\n      [tooltip]=\"'eigenschapValueTooltip' | pluginTranslate: obs.pluginId | async\"\n      [fullWidth]=\"true\"\n    >\n    </v-input>\n  </ng-container>\n</v-form>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\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.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: i1$2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { 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: UpdateZaakeigenschapComponent, decorators: [{
             type: Component,
@@ -4028,7 +4043,7 @@ class DeleteZaakeigenschapComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DeleteZaakeigenschapComponent, deps: [{ token: i2$2.ModalService }, { token: i2$3.DocumentService }, { token: ZakenApiService }, { token: PluginTranslatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DeleteZaakeigenschapComponent, selector: "valtimo-delete-zaakeigenschap", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, providers: [PluginTranslatePipe], 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    pluginId: pluginId$ | async,\n    selectedInputOption: selectedInputOption$ | async,\n    loading: loading$ | async,\n    caseDefinitionItems: caseDefinitionSelectItems$ | async,\n    eigenschapItems: eigenschapSelectItems$ | async,\n    selectedCaseDefinitionId: selectedCaseDefinitionName$ | async,\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <v-radio\n      name=\"inputTypeEigenschapToggle\"\n      [disabled]=\"obs.disabled\"\n      [title]=\"'inputTypeEigenschapToggle' | pluginTranslate: obs.pluginId | async\"\n      [radioValues]=\"inputTypeOptions$ | async\"\n      [defaultValue]=\"selectedInputOption$ | async\"\n      [margin]=\"true\"\n    >\n    </v-radio>\n    <v-input\n      *ngIf=\"obs.selectedInputOption === 'text'\"\n      name=\"eigenschapUrl\"\n      [title]=\"'eigenschapUrl' | pluginTranslate: obs.pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.eigenschapUrl\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"true\"\n      [trim]=\"true\"\n      [tooltip]=\"'eigenschapUrlTooltip' | pluginTranslate: obs.pluginId | async\"\n      [fullWidth]=\"true\"\n    >\n    </v-input>\n    <ng-container *ngIf=\"obs.selectedInputOption === 'selection'\">\n      <v-select\n        [items]=\"obs.caseDefinitionItems\"\n        [margin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"caseDefinition\"\n        [title]=\"'caseDefinition' | pluginTranslate: obs.pluginId | async\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          !obs.caseDefinitionItems ||\n          oneSelectItem(obs.caseDefinitionItems)\n        \"\n        [required]=\"true\"\n        [loading]=\"!obs.caseDefinitionItems\"\n        [tooltip]=\"'caseDefinitionTooltipEigenschap' | pluginTranslate: obs.pluginId | async\"\n        (selectedChange)=\"selectCaseDefinition($event)\"\n        [defaultSelectionId]=\"obs?.selectedCaseDefinitionId\"\n      ></v-select>\n      <v-select\n        [items]=\"obs.eigenschapItems && obs.eigenschapItems[obs.selectedCaseDefinitionId]\"\n        [margin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"eigenschapUrl\"\n        [title]=\"'eigenschapUrlSelect' | pluginTranslate: obs.pluginId | async\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          !obs.eigenschapItems ||\n          !obs.eigenschapItems[obs.selectedCaseDefinitionId]\n        \"\n        [defaultSelectionId]=\"obs.prefill?.eigenschapUrl\"\n        [required]=\"true\"\n        [loading]=\"!obs.eigenschapItems\"\n        [tooltip]=\"'eigenschapUrlSelectTooltip' | pluginTranslate: obs.pluginId | async\"\n        [clearSelectionSubject$]=\"clearEigenschapSelection$\"\n      ></v-select>\n    </ng-container>\n  </ng-container>\n</v-form>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\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.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: i5.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { 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: DeleteZaakeigenschapComponent, selector: "valtimo-delete-zaakeigenschap", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, providers: [PluginTranslatePipe], 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    pluginId: pluginId$ | async,\n    selectedInputOption: selectedInputOption$ | async,\n    loading: loading$ | async,\n    caseDefinitionItems: caseDefinitionSelectItems$ | async,\n    eigenschapItems: eigenschapSelectItems$ | async,\n    selectedCaseDefinitionId: selectedCaseDefinitionName$ | async,\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <v-radio\n      name=\"inputTypeEigenschapToggle\"\n      [disabled]=\"obs.disabled\"\n      [title]=\"'inputTypeEigenschapToggle' | pluginTranslate: obs.pluginId | async\"\n      [radioValues]=\"inputTypeOptions$ | async\"\n      [defaultValue]=\"selectedInputOption$ | async\"\n      [margin]=\"true\"\n    >\n    </v-radio>\n    <v-input\n      *ngIf=\"obs.selectedInputOption === 'text'\"\n      name=\"eigenschapUrl\"\n      [title]=\"'eigenschapUrl' | pluginTranslate: obs.pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.eigenschapUrl\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"true\"\n      [trim]=\"true\"\n      [tooltip]=\"'eigenschapUrlTooltip' | pluginTranslate: obs.pluginId | async\"\n      [fullWidth]=\"true\"\n    >\n    </v-input>\n    <ng-container *ngIf=\"obs.selectedInputOption === 'selection'\">\n      <v-select\n        [items]=\"obs.caseDefinitionItems\"\n        [margin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"caseDefinition\"\n        [title]=\"'caseDefinition' | pluginTranslate: obs.pluginId | async\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          !obs.caseDefinitionItems ||\n          oneSelectItem(obs.caseDefinitionItems)\n        \"\n        [required]=\"true\"\n        [loading]=\"!obs.caseDefinitionItems\"\n        [tooltip]=\"'caseDefinitionTooltipEigenschap' | pluginTranslate: obs.pluginId | async\"\n        (selectedChange)=\"selectCaseDefinition($event)\"\n        [defaultSelectionId]=\"obs?.selectedCaseDefinitionId\"\n      ></v-select>\n      <v-select\n        [items]=\"obs.eigenschapItems && obs.eigenschapItems[obs.selectedCaseDefinitionId]\"\n        [margin]=\"true\"\n        [widthInPx]=\"350\"\n        name=\"eigenschapUrl\"\n        [title]=\"'eigenschapUrlSelect' | pluginTranslate: obs.pluginId | async\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          !obs.eigenschapItems ||\n          !obs.eigenschapItems[obs.selectedCaseDefinitionId]\n        \"\n        [defaultSelectionId]=\"obs.prefill?.eigenschapUrl\"\n        [required]=\"true\"\n        [loading]=\"!obs.eigenschapItems\"\n        [tooltip]=\"'eigenschapUrlSelectTooltip' | pluginTranslate: obs.pluginId | async\"\n        [clearSelectionSubject$]=\"clearEigenschapSelection$\"\n      ></v-select>\n    </ng-container>\n  </ng-container>\n</v-form>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\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.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: i1$2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { 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: DeleteZaakeigenschapComponent, decorators: [{
             type: Component,
@@ -4424,7 +4439,166 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }] } });
 
 /*
- * Copyright 2015-2024 Ritense BV, the Netherlands.
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const PatchZaakPropertyOptions = [
+    'description',
+    'explanation',
+    'startDate',
+    'plannedEndDate',
+    'finalDeliveryDate',
+    'publicationDate',
+    'communicationChannel',
+    'communicationChannelName',
+    'paymentIndication',
+    'lastPaymentDate',
+    'caseGeometryType',
+    'caseGeometryCoordinates',
+    'mainCase',
+    'archiveActionDate',
+    'startDateRetentionPeriod',
+];
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class PatchZaakConfigurationComponent {
+    constructor(iconService) {
+        this.iconService = iconService;
+        this.valid = new EventEmitter();
+        this.configuration = new EventEmitter();
+        this.propertyOptions = Object.values(PatchZaakPropertyOptions);
+        this.propertyList = [];
+        this.CASE_GEOMETRY_TYPE = 'caseGeometryType';
+        this.CASE_GEOMETRY_COORDINATES = 'caseGeometryCoordinates';
+        this.PAYMENT_INDICATION_TYPE = 'paymentIndication';
+        this._formValue$ = new BehaviorSubject({});
+        this._properties = new Map();
+        this._valid$ = new BehaviorSubject(false);
+        this.iconService.registerAll([Add16, TrashCan16]);
+    }
+    ngOnInit() {
+        this.openSaveSubscription();
+        this.prefillConfiguration$.pipe(take(1)).subscribe(prefill => {
+            if (prefill) {
+                PatchZaakPropertyOptions.filter(property => !!prefill[property]).forEach(property => this.addProperty(property));
+            }
+        });
+    }
+    ngOnDestroy() {
+        this._saveSubscription?.unsubscribe();
+    }
+    onFormValueChanged(formValue) {
+        this._formValue$.next(formValue);
+        this.handleValid(formValue);
+    }
+    onPropertyChanged(property, value) {
+        this._properties.set(property, value);
+        const formValue = this._formValue$.value;
+        this._properties.forEach((value, key) => {
+            formValue[key] = value;
+        });
+        this.onFormValueChanged(formValue);
+    }
+    prefillValueFor(property, prefill) {
+        return prefill != null ? prefill[property] : null;
+    }
+    translationKeyFor(property) {
+        return property === 'description' ? 'omschrijving' : property;
+    }
+    translationKeyForPropertyList(property) {
+        return property === this.CASE_GEOMETRY_TYPE ? 'caseGeometry' : this.translationKeyFor(property);
+    }
+    addProperty(property) {
+        // only add the property to the list if it is not in the list
+        if (this.propertyList.indexOf(property) == -1) {
+            this.propertyList.push(property);
+            this.onPropertyChanged(property, undefined);
+        }
+        // add linked field coordinates
+        if (property === this.CASE_GEOMETRY_TYPE) {
+            this.addProperty(this.CASE_GEOMETRY_COORDINATES);
+        }
+    }
+    removeProperty(property) {
+        // only remove the property from the list if it is in the list
+        if (this.propertyList.indexOf(property) != -1) {
+            this.propertyList.splice(this.propertyList.indexOf(property), 1);
+            this.onPropertyChanged(property, undefined);
+        }
+        // remove linked field coordinates
+        if (property === this.CASE_GEOMETRY_TYPE) {
+            this.removeProperty(this.CASE_GEOMETRY_COORDINATES);
+        }
+    }
+    hasPropertyBeenAdded(property) {
+        return this.propertyList.indexOf(property) !== -1;
+    }
+    handleValid(formValue) {
+        const isPropertyInvalid = this.propertyList.some(property => !!!formValue[property]);
+        const valid = !isPropertyInvalid;
+        this._valid$.next(valid);
+        this.valid.emit(valid);
+    }
+    openSaveSubscription() {
+        this._saveSubscription = this.save$?.subscribe(save => {
+            combineLatest([this._formValue$, this._valid$])
+                .pipe(take(1))
+                .subscribe(([formValue, valid]) => {
+                if (valid) {
+                    const payload = {};
+                    this.propertyList.forEach(property => (payload[property] = formValue[property]));
+                    this.configuration.emit(formValue);
+                }
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PatchZaakConfigurationComponent, deps: [{ token: i1$2.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PatchZaakConfigurationComponent, selector: "valtimo-patch-zaak-configuration", inputs: { disabled$: "disabled$", pluginId: "pluginId", save$: "save$", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<ng-container\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n  } as obs\"\n>\n  <v-paragraph [margin]=\"true\" [italic]=\"true\">\n    {{ 'patchZaakInformation' | pluginTranslate: pluginId | async }}\n  </v-paragraph>\n\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <button\n        cdsButton=\"primary\"\n        [size]=\"'md'\"\n        [cdsOverflowMenu]=\"addPropertyList\"\n        [customPane]=\"true\"\n        placement=\"bottom\"\n        class=\"add-button\"\n      >\n        {{ 'addPatchZaakProperty' | pluginTranslate: pluginId | async }}\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    </div>\n  </div>\n\n  <v-form (valueChange)=\"onFormValueChanged($event)\">\n    @for (property of propertyList; track property) {\n      <div class=\"row\">\n        <div class=\"col-11\">\n          @if (property === CASE_GEOMETRY_TYPE) {\n            <v-input\n              [name]=\"CASE_GEOMETRY_TYPE\"\n              [title]=\"translationKeyFor(CASE_GEOMETRY_TYPE) | pluginTranslate: pluginId | async\"\n              [required]=\"true\"\n              [defaultValue]=\"prefillValueFor(CASE_GEOMETRY_TYPE, obs.prefill)\"\n              [margin]=\"true\"\n              [tooltip]=\"'caseGeometryTypeTooltip' | pluginTranslate: pluginId | async\"\n              (valueChange)=\"onPropertyChanged(CASE_GEOMETRY_TYPE, $event)\"\n            />\n          } @else if (property === CASE_GEOMETRY_COORDINATES) {\n            <v-input\n              [name]=\"CASE_GEOMETRY_COORDINATES\"\n              [title]=\"\n                translationKeyFor(CASE_GEOMETRY_COORDINATES) | pluginTranslate: pluginId | async\n              \"\n              [tooltip]=\"'caseGeometryCoordinatesTooltip' | pluginTranslate: pluginId | async\"\n              [required]=\"true\"\n              [defaultValue]=\"prefillValueFor(CASE_GEOMETRY_COORDINATES, obs.prefill)\"\n              [margin]=\"true\"\n              (valueChange)=\"onPropertyChanged(CASE_GEOMETRY_COORDINATES, $event)\"\n            />\n          } @else if (property === PAYMENT_INDICATION_TYPE) {\n            <v-input\n              [name]=\"property\"\n              [title]=\"translationKeyFor(property) | pluginTranslate: pluginId | async\"\n              [required]=\"true\"\n              [defaultValue]=\"prefillValueFor(property, obs.prefill)\"\n              [margin]=\"true\"\n              [tooltip]=\"'paymentIndicationTooltip' | pluginTranslate: pluginId | async\"\n              [trim]=\"true\"\n              (valueChange)=\"onPropertyChanged(property, $event)\"\n            />\n          } @else if (property.includes('Date')) {\n            <v-input\n              [name]=\"property\"\n              [title]=\"translationKeyFor(property) | pluginTranslate: pluginId | async\"\n              [tooltip]=\"'dateformatTooltip' | pluginTranslate: pluginId | async\"\n              [required]=\"true\"\n              [defaultValue]=\"prefillValueFor(property, obs.prefill)\"\n              [margin]=\"true\"\n              [trim]=\"true\"\n              (valueChange)=\"onPropertyChanged(property, $event)\"\n            ></v-input>\n          } @else {\n            <v-input\n              [name]=\"property\"\n              [title]=\"translationKeyFor(property) | pluginTranslate: pluginId | async\"\n              [required]=\"true\"\n              [defaultValue]=\"prefillValueFor(property, obs.prefill)\"\n              [margin]=\"true\"\n              [trim]=\"true\"\n              (valueChange)=\"onPropertyChanged(property, $event)\"\n            />\n          }\n        </div>\n        <div class=\"col-1\">\n          @if (property !== CASE_GEOMETRY_COORDINATES) {\n            <button class=\"btn btn-space delete-button\" (click)=\"removeProperty(property)\">\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          }\n        </div>\n      </div>\n    }\n  </v-form>\n</ng-container>\n\n<ng-template #addPropertyList>\n  @for (propertyOption of propertyOptions; track propertyOption) {\n    @if (propertyOption !== CASE_GEOMETRY_COORDINATES) {\n      <cds-overflow-menu-option\n        *ngIf=\"!hasPropertyBeenAdded(propertyOption)\"\n        (click)=\"addProperty(propertyOption)\"\n      >\n        {{ translationKeyForPropertyList(propertyOption) | pluginTranslate: pluginId | async }}\n      </cds-overflow-menu-option>\n    }\n  }\n</ng-template>\n", styles: ["div.presets{margin-top:.2em;margin-block-end:var(--v-input-margin);font-size:var(--v-font-size-smaller)}div.presets span:first-child{padding-right:.3em}div.presets a.preset{cursor:pointer;font-style:italic}button.delete-button{height:46px;width:46px;margin-top:20px}button.delete-button:hover{background-color:#e12717}button.add-button{margin-block-end:var(--v-input-margin)}::ng-deep .cds--overflow-menu-options{z-index:10000!important;width:230px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i1$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.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "directive", type: i1$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i1$2.OverflowMenuDirective, selector: "[cdsOverflowMenu], [ibmOverflowMenu]", inputs: ["ibmOverflowMenu", "cdsOverflowMenu", "flip", "offset", "wrapperClass", "customPane"], exportAs: ["overflowMenu"] }, { kind: "component", type: i1$2.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "directive", type: i1$2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { 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: PatchZaakConfigurationComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: false, selector: 'valtimo-patch-zaak-configuration', template: "<ng-container\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n  } as obs\"\n>\n  <v-paragraph [margin]=\"true\" [italic]=\"true\">\n    {{ 'patchZaakInformation' | pluginTranslate: pluginId | async }}\n  </v-paragraph>\n\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <button\n        cdsButton=\"primary\"\n        [size]=\"'md'\"\n        [cdsOverflowMenu]=\"addPropertyList\"\n        [customPane]=\"true\"\n        placement=\"bottom\"\n        class=\"add-button\"\n      >\n        {{ 'addPatchZaakProperty' | pluginTranslate: pluginId | async }}\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    </div>\n  </div>\n\n  <v-form (valueChange)=\"onFormValueChanged($event)\">\n    @for (property of propertyList; track property) {\n      <div class=\"row\">\n        <div class=\"col-11\">\n          @if (property === CASE_GEOMETRY_TYPE) {\n            <v-input\n              [name]=\"CASE_GEOMETRY_TYPE\"\n              [title]=\"translationKeyFor(CASE_GEOMETRY_TYPE) | pluginTranslate: pluginId | async\"\n              [required]=\"true\"\n              [defaultValue]=\"prefillValueFor(CASE_GEOMETRY_TYPE, obs.prefill)\"\n              [margin]=\"true\"\n              [tooltip]=\"'caseGeometryTypeTooltip' | pluginTranslate: pluginId | async\"\n              (valueChange)=\"onPropertyChanged(CASE_GEOMETRY_TYPE, $event)\"\n            />\n          } @else if (property === CASE_GEOMETRY_COORDINATES) {\n            <v-input\n              [name]=\"CASE_GEOMETRY_COORDINATES\"\n              [title]=\"\n                translationKeyFor(CASE_GEOMETRY_COORDINATES) | pluginTranslate: pluginId | async\n              \"\n              [tooltip]=\"'caseGeometryCoordinatesTooltip' | pluginTranslate: pluginId | async\"\n              [required]=\"true\"\n              [defaultValue]=\"prefillValueFor(CASE_GEOMETRY_COORDINATES, obs.prefill)\"\n              [margin]=\"true\"\n              (valueChange)=\"onPropertyChanged(CASE_GEOMETRY_COORDINATES, $event)\"\n            />\n          } @else if (property === PAYMENT_INDICATION_TYPE) {\n            <v-input\n              [name]=\"property\"\n              [title]=\"translationKeyFor(property) | pluginTranslate: pluginId | async\"\n              [required]=\"true\"\n              [defaultValue]=\"prefillValueFor(property, obs.prefill)\"\n              [margin]=\"true\"\n              [tooltip]=\"'paymentIndicationTooltip' | pluginTranslate: pluginId | async\"\n              [trim]=\"true\"\n              (valueChange)=\"onPropertyChanged(property, $event)\"\n            />\n          } @else if (property.includes('Date')) {\n            <v-input\n              [name]=\"property\"\n              [title]=\"translationKeyFor(property) | pluginTranslate: pluginId | async\"\n              [tooltip]=\"'dateformatTooltip' | pluginTranslate: pluginId | async\"\n              [required]=\"true\"\n              [defaultValue]=\"prefillValueFor(property, obs.prefill)\"\n              [margin]=\"true\"\n              [trim]=\"true\"\n              (valueChange)=\"onPropertyChanged(property, $event)\"\n            ></v-input>\n          } @else {\n            <v-input\n              [name]=\"property\"\n              [title]=\"translationKeyFor(property) | pluginTranslate: pluginId | async\"\n              [required]=\"true\"\n              [defaultValue]=\"prefillValueFor(property, obs.prefill)\"\n              [margin]=\"true\"\n              [trim]=\"true\"\n              (valueChange)=\"onPropertyChanged(property, $event)\"\n            />\n          }\n        </div>\n        <div class=\"col-1\">\n          @if (property !== CASE_GEOMETRY_COORDINATES) {\n            <button class=\"btn btn-space delete-button\" (click)=\"removeProperty(property)\">\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          }\n        </div>\n      </div>\n    }\n  </v-form>\n</ng-container>\n\n<ng-template #addPropertyList>\n  @for (propertyOption of propertyOptions; track propertyOption) {\n    @if (propertyOption !== CASE_GEOMETRY_COORDINATES) {\n      <cds-overflow-menu-option\n        *ngIf=\"!hasPropertyBeenAdded(propertyOption)\"\n        (click)=\"addProperty(propertyOption)\"\n      >\n        {{ translationKeyForPropertyList(propertyOption) | pluginTranslate: pluginId | async }}\n      </cds-overflow-menu-option>\n    }\n  }\n</ng-template>\n", styles: ["div.presets{margin-top:.2em;margin-block-end:var(--v-input-margin);font-size:var(--v-font-size-smaller)}div.presets span:first-child{padding-right:.3em}div.presets a.preset{cursor:pointer;font-style:italic}button.delete-button{height:46px;width:46px;margin-top:20px}button.delete-button:hover{background-color:#e12717}button.add-button{margin-block-end:var(--v-input-margin)}::ng-deep .cds--overflow-menu-options{z-index:10000!important;width:230px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.IconService }], propDecorators: { disabled$: [{
+                type: Input
+            }], pluginId: [{
+                type: Input
+            }], save$: [{
+                type: Input
+            }], prefillConfiguration$: [{
+                type: Input
+            }], valid: [{
+                type: Output
+            }], configuration: [{
+                type: Output
+            }] } });
+
+/*
+ * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -4458,7 +4632,8 @@ class ZakenApiPluginModule {
             DeleteZaakeigenschapComponent,
             CreateZaakObjectConfigurationComponent,
             RelateerZakenComponent,
-            GetZaakbesluitenConfigurationComponent], imports: [CommonModule,
+            GetZaakbesluitenConfigurationComponent,
+            PatchZaakConfigurationComponent], imports: [CommonModule,
             PluginTranslatePipeModule,
             FormModule,
             InputModule,
@@ -4481,6 +4656,7 @@ class ZakenApiPluginModule {
             SetZaakStatusConfigurationComponent,
             CreateZaakResultaatConfigurationComponent,
             CreateZaakConfigurationComponent,
+            PatchZaakConfigurationComponent,
             CreateNatuurlijkPersoonZaakRolComponent,
             CreateNietNatuurlijkPersoonZaakRolComponent,
             DeleteZaakRolComponent,
@@ -4534,6 +4710,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         CreateZaakObjectConfigurationComponent,
                         RelateerZakenComponent,
                         GetZaakbesluitenConfigurationComponent,
+                        PatchZaakConfigurationComponent,
                     ],
                     imports: [
                         CommonModule,
@@ -4562,6 +4739,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         SetZaakStatusConfigurationComponent,
                         CreateZaakResultaatConfigurationComponent,
                         CreateZaakConfigurationComponent,
+                        PatchZaakConfigurationComponent,
                         CreateNatuurlijkPersoonZaakRolComponent,
                         CreateNietNatuurlijkPersoonZaakRolComponent,
                         DeleteZaakRolComponent,
@@ -4649,6 +4827,7 @@ const zakenApiPluginSpecification = {
         'create-zaak-object': CreateZaakObjectConfigurationComponent,
         'relateer-zaken': RelateerZakenComponent,
         'get-zaakbesluiten': GetZaakbesluitenConfigurationComponent,
+        'patch-zaak': PatchZaakConfigurationComponent,
     },
     pluginTranslations: {
         nl: {
@@ -4780,6 +4959,26 @@ const zakenApiPluginSpecification = {
             rolUuidTooltip: 'De UUID van de rol',
             resultProcessVariableTooltip: 'De naam van de procesvariabele waarin het resultaat wordt opgeslagen.',
             'get-zaakbesluiten': 'Ophalen zaakbesluiten',
+            'patch-zaak': 'Zaak bijwerken',
+            patchZaakInformation: 'Deze actie maakt het mogelijk eigenschappen van de Zaak in de Zaken API gekoppeld aan het dossier bij te werken.',
+            addPatchZaakProperty: 'Voeg parameter toe',
+            omschrijving: 'Omschrijving',
+            explanation: 'Toelichting',
+            startDate: 'Startdatum',
+            publicationDate: 'Publicatiedatum',
+            communicationChannel: 'Communicatiekanaal (URL)',
+            communicationChannelName: 'Communicatiekanaal naam',
+            paymentIndication: 'Betalingsindicatie',
+            lastPaymentDate: 'Laatste betaaldatum',
+            caseGeometry: 'Zaakgeometrie',
+            caseGeometryType: 'Zaakgeometrie type',
+            caseGeometryCoordinates: 'Zaakgeometrie coördinaten',
+            caseGeometryCoordinatesTooltip: 'Lijst van punten, bv [0.0, 1.0]',
+            mainCase: 'Hoofdzaak',
+            archiveActionDate: 'Archief actiedatum',
+            startDateRetentionPeriod: 'Startdatum bewaartermijn',
+            caseGeometryTypeTooltip: 'Mogelijke waarden: Point | MultiPoint | LineString | MultiLineString | Polygon | GeometryCollection | MultiPolygon',
+            paymentIndicationTooltip: 'Mogelijke waarden: nvt | nog_niet | gedeeltelijk | geheel',
         },
         en: {
             title: 'Zaken API',
@@ -4910,6 +5109,26 @@ const zakenApiPluginSpecification = {
             rolUuidTooltip: 'The UUID of the rol',
             resultProcessVariableTooltip: 'The name of the process variable in which the result is stored.',
             'get-zaakbesluiten': 'Retrieve zaakbesluiten',
+            'patch-zaak': 'Update zaak',
+            patchZaakInformation: 'This action allows you to update properties of a Zaak in the Zaken API which is linked to the case.',
+            addPatchZaakProperty: 'Add property',
+            omschrijving: 'Description',
+            explanation: 'Explanation',
+            startDate: 'Start date',
+            publicationDate: 'Publication date',
+            communicationChannel: 'Communication channel (URL)',
+            communicationChannelName: 'Communication channel name',
+            paymentIndication: 'Payment indication',
+            lastPaymentDate: 'Last payment date',
+            caseGeometry: 'Case geometry',
+            caseGeometryType: 'Case geometry type',
+            caseGeometryCoordinates: 'Case geometry coordinates',
+            caseGeometryCoordinatesTooltip: 'List of points, i.e. [0.0, 1.0]',
+            mainCase: 'Main case',
+            archiveActionDate: 'Archive action date',
+            startDateRetentionPeriod: 'Start date of retention period',
+            caseGeometryTypeTooltip: 'Possible values: Point | MultiPoint | LineString | MultiLineString | Polygon | GeometryCollection | MultiPolygon',
+            paymentIndicationTooltip: 'Possible values: nvt | nog_niet | gedeeltelijk | geheel',
         },
         de: {
             title: 'Zaken API',
@@ -5040,6 +5259,26 @@ const zakenApiPluginSpecification = {
             rolUuidTooltip: 'Die UUID der Rolle',
             resultProcessVariableTooltip: 'Der Name der Prozessvariable, in der das Ergebnis gespeichert wird.',
             'get-zaakbesluiten': 'Zaakbesluiten abrufen',
+            'patch-zaak': 'Zaak aktualisieren',
+            patchZaakInformation: 'Mit dieser Aktion können Sie die Eigenschaften des Falls in der mit der Datei verknüpften Zaken-API aktualisieren.',
+            addPatchZaakProperty: 'Parameter hinzufügen',
+            omschrijving: 'Beschreibung',
+            explanation: 'Erläuterung',
+            startDate: 'Startdatum',
+            publicationDate: 'Veröffentlichungsdatum',
+            communicationChannel: 'Kommunikationskanal (URL)',
+            communicationChannelName: 'Name des Kommunikationskanals',
+            paymentIndication: 'Zahlungsanzeige',
+            lastPaymentDate: 'Letztes Zahlungsdatum',
+            caseGeometry: 'Vorgangsgeometrie',
+            caseGeometryType: 'Vorgangsgeometrie type',
+            caseGeometryCoordinates: 'Vorgangsgeometrie Koordinaten',
+            caseGeometryCoordinatesTooltip: 'Liste von Punkten, zB [0.0, 1.0]',
+            mainCase: 'Hauptvorgang',
+            archiveActionDate: 'Archivierungsaktionsdatum',
+            startDateRetentionPeriod: 'Startdatum der Aufbewahrungsfrist',
+            caseGeometryTypeTooltip: 'Mögliche Werte: Point | MultiPoint | LineString | MultiLineString | Polygon | GeometryCollection | MultiPolygon',
+            paymentIndicationTooltip: 'Mögliche Werte: nvt | nog_niet | gedeeltelijk | geheel',
         },
     },
 };
@@ -7065,7 +7304,7 @@ 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)\" [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" }] }); }
+    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: i1$2.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "component", type: i1$2.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: i1$2.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,
@@ -7609,7 +7848,7 @@ class CreateZaakBesluitConfigurationComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CreateZaakBesluitConfigurationComponent, deps: [{ token: i2.TranslateService }, { token: PluginTranslationService }, { token: i2$2.ModalService }, { token: i2$3.DocumentService }, { token: BesluitenApiService }, { token: PluginTranslatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CreateZaakBesluitConfigurationComponent, selector: "valtimo-create-zaak-besluit-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, providers: [PluginTranslatePipe], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    besluitTypeItems: besluitTypeSelectItems$ | async,\n    selectedInputOption: selectedInputOption$ | async,\n    caseDefinitionItems: caseDefinitionSelectItems$ | async,\n    selectedStartDateInputOption: selectedStartDateInputOption$ | async,\n    selectedExpirationDateInputOption: selectedExpirationDateInputOption$ | async,\n    pluginId: pluginId$ | async,\n    selectedCaseDefinitionId: selectedCaseDefinitionId$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <v-paragraph [margin]=\"true\" [italic]=\"true\">\n      {{ 'createZaakBesluitInformation' | pluginTranslate: obs.pluginId | async }}\n    </v-paragraph>\n    <v-form (valueChange)=\"formValueChange($event)\">\n      <v-radio\n        name=\"inputTypeBesluitToggle\"\n        [disabled]=\"obs.disabled\"\n        [title]=\"'inputTypeBesluitToggle' | pluginTranslate: obs.pluginId | async\"\n        [radioValues]=\"inputTypeOptions$ | async\"\n        [defaultValue]=\"selectedInputOption$ | async\"\n        [margin]=\"true\"\n      >\n      </v-radio>\n      <v-input\n        *ngIf=\"obs.selectedInputOption === 'text'\"\n        name=\"besluittypeUrl\"\n        [title]=\"'besluittypeUrl' | pluginTranslate: obs.pluginId | async\"\n        [margin]=\"true\"\n        [defaultValue]=\"obs.prefill?.besluittypeUrl\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"true\"\n        [trim]=\"true\"\n        [tooltip]=\"'besluittypeUrlTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"350\"\n      >\n      </v-input>\n      <ng-container *ngIf=\"obs.selectedInputOption === 'selection'\">\n        <v-select\n          [items]=\"obs.caseDefinitionItems\"\n          [margin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"caseDefinition\"\n          [title]=\"'caseDefinition' | pluginTranslate: obs.pluginId | async\"\n          [disabled]=\"\n            obs.disabled ||\n            obs.selectedInputOption === 'text' ||\n            !obs.caseDefinitionItems ||\n            oneSelectItem(obs.caseDefinitionItems)\n          \"\n          [required]=\"true\"\n          [loading]=\"!obs.caseDefinitionItems\"\n          [tooltip]=\"'caseDefinitionTooltip' | pluginTranslate: obs.pluginId | async\"\n          (selectedChange)=\"selectCaseDefinition($event)\"\n          [defaultSelectionId]=\"obs?.selectedCaseDefinitionId\"\n        ></v-select>\n        <v-select\n          [items]=\"obs.besluitTypeItems && obs.besluitTypeItems[obs.selectedCaseDefinitionId]\"\n          [margin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"besluittypeUrl\"\n          [title]=\"'besluittypeUrlSelect' | pluginTranslate: obs.pluginId | async\"\n          [disabled]=\"\n            obs.disabled ||\n            obs.selectedInputOption === 'text' ||\n            !obs.besluitTypeItems ||\n            !obs.besluitTypeItems[obs.selectedCaseDefinitionId]\n          \"\n          [defaultSelectionId]=\"obs.prefill?.besluittypeUrl\"\n          [required]=\"true\"\n          [loading]=\"!obs.besluitTypeItems\"\n          [tooltip]=\"'besluittypeUrlSelectTooltip' | pluginTranslate: obs.pluginId | async\"\n          [clearSelectionSubject$]=\"clearBesluitSelection$\"\n        ></v-select>\n      </ng-container>\n      <v-input\n        name=\"toelichting\"\n        [title]=\"'toelichting' | pluginTranslate: obs.pluginId | async\"\n        [margin]=\"true\"\n        [defaultValue]=\"obs.prefill?.toelichting\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"false\"\n        [tooltip]=\"'toelichtingTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"350\"\n      >\n      </v-input>\n      <v-input\n        name=\"bestuursorgaan\"\n        [title]=\"'bestuursorgaan' | pluginTranslate: obs.pluginId | async\"\n        [margin]=\"true\"\n        [defaultValue]=\"obs.prefill?.bestuursorgaan\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"false\"\n        [trim]=\"true\"\n        [tooltip]=\"'bestuursorgaanTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"350\"\n      >\n      </v-input>\n      <v-radio\n        name=\"inputTypeStartingDateToggle\"\n        [disabled]=\"obs.disabled\"\n        [title]=\"'inputTypeStartingDateToggle' | pluginTranslate: obs.pluginId | async\"\n        [radioValues]=\"startDateInputTypeOptions$ | async\"\n        [defaultValue]=\"obs.prefill?.inputTypeStartingDateToggle\"\n        [margin]=\"true\"\n      >\n      </v-radio>\n      <v-input\n        *ngIf=\"obs.selectedStartDateInputOption === 'text'\"\n        name=\"ingangsdatum\"\n        [title]=\"'ingangsdatum' | pluginTranslate: obs.pluginId | async\"\n        [defaultValue]=\"obs.prefill?.ingangsdatum\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"true\"\n        [trim]=\"true\"\n        [tooltip]=\"'ingangsdatumTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"350\"\n        [margin]=\"true\"\n      >\n      </v-input>\n      <v-date-picker\n        *ngIf=\"obs.selectedStartDateInputOption === 'selection'\"\n        name=\"ingangsdatum\"\n        [title]=\"'ingangsdatum' | pluginTranslate: obs.pluginId | async\"\n        [defaultDate]=\"obs.prefill?.ingangsdatum\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"true\"\n        [tooltip]=\"'ingangsdatumTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"100\"\n        [margin]=\"true\"\n      ></v-date-picker>\n      <v-radio\n        name=\"inputTypeExpirationDateToggle\"\n        [disabled]=\"obs.disabled\"\n        [title]=\"'inputTypeExpirationDateToggle' | pluginTranslate: obs.pluginId | async\"\n        [radioValues]=\"expirationDateInputTypeOptions$ | async\"\n        [defaultValue]=\"obs.prefill?.inputTypeExpirationDateToggle\"\n        [margin]=\"true\"\n      >\n      </v-radio>\n      <v-input\n        *ngIf=\"obs.selectedExpirationDateInputOption === 'text'\"\n        name=\"vervaldatum\"\n        [title]=\"'vervaldatum' | pluginTranslate: obs.pluginId | async\"\n        [defaultValue]=\"obs.prefill?.vervaldatum\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"false\"\n        [trim]=\"true\"\n        [tooltip]=\"'vervaldatumTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"350\"\n        [margin]=\"true\"\n      >\n      </v-input>\n      <v-date-picker\n        *ngIf=\"obs.selectedExpirationDateInputOption === 'selection'\"\n        name=\"vervaldatum\"\n        [title]=\"'vervaldatum' | pluginTranslate: obs.pluginId | async\"\n        [defaultDate]=\"obs.prefill?.vervaldatum\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"false\"\n        [tooltip]=\"'vervaldatumTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"100\"\n        [margin]=\"true\"\n      ></v-date-picker>\n      <v-select\n        name=\"vervalreden\"\n        [title]=\"'vervalreden' | pluginTranslate: obs.pluginId | async\"\n        [items]=\"vervalredenenSelectItems$ | async\"\n        [defaultSelectionId]=\"obs.prefill?.vervalreden\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"false\"\n        [tooltip]=\"'vervalredenTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthInPx]=\"350\"\n        [margin]=\"true\"\n      ></v-select>\n      <v-date-picker\n        name=\"publicatiedatum\"\n        [title]=\"'publicatiedatum' | pluginTranslate: obs.pluginId | async\"\n        [defaultDate]=\"obs.prefill?.publicatiedatum\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"false\"\n        [tooltip]=\"'publicatiedatumTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"100\"\n        [margin]=\"true\"\n      ></v-date-picker>\n      <v-date-picker\n        name=\"verzenddatum\"\n        [title]=\"'verzenddatum' | pluginTranslate: obs.pluginId | async\"\n        [defaultDate]=\"obs.prefill?.verzenddatum\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"false\"\n        [tooltip]=\"'verzenddatumTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"100\"\n        [margin]=\"true\"\n      ></v-date-picker>\n      <v-date-picker\n        name=\"uiterlijkeReactieDatum\"\n        [title]=\"'uiterlijkeReactieDatum' | pluginTranslate: obs.pluginId | async\"\n        [defaultDate]=\"obs.prefill?.uiterlijkeReactieDatum\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"false\"\n        [tooltip]=\"'uiterlijkeReactieDatumTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"100\"\n        [margin]=\"true\"\n      ></v-date-picker>\n      <v-input\n        name=\"createdBesluitUrl\"\n        [title]=\"'besluitUrlProcessVariable' | pluginTranslate: obs.pluginId | async\"\n        [margin]=\"true\"\n        [defaultValue]=\"obs.prefill?.createdBesluitUrl\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"false\"\n        [tooltip]=\"'besluitUrlProcessVariableTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"350\"\n      >\n      </v-input>\n    </v-form>\n  </ng-container>\n</ng-container>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n", styles: [".loading-container{display:flex;flex-direction:row;justify-content:center;height:100%;width:100%;align-items:center}\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.DatePickerComponent, selector: "v-date-picker", inputs: ["name", "title", "titleTranslationKey", "widthPx", "fullWidth", "margin", "disabled", "tooltip", "required", "defaultDate", "defaultDateIsToday", "smallLabel", "clear$", "enableTime", "carbonTheme"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { 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: i5.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { 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: CreateZaakBesluitConfigurationComponent, selector: "valtimo-create-zaak-besluit-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, providers: [PluginTranslatePipe], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    besluitTypeItems: besluitTypeSelectItems$ | async,\n    selectedInputOption: selectedInputOption$ | async,\n    caseDefinitionItems: caseDefinitionSelectItems$ | async,\n    selectedStartDateInputOption: selectedStartDateInputOption$ | async,\n    selectedExpirationDateInputOption: selectedExpirationDateInputOption$ | async,\n    pluginId: pluginId$ | async,\n    selectedCaseDefinitionId: selectedCaseDefinitionId$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <v-paragraph [margin]=\"true\" [italic]=\"true\">\n      {{ 'createZaakBesluitInformation' | pluginTranslate: obs.pluginId | async }}\n    </v-paragraph>\n    <v-form (valueChange)=\"formValueChange($event)\">\n      <v-radio\n        name=\"inputTypeBesluitToggle\"\n        [disabled]=\"obs.disabled\"\n        [title]=\"'inputTypeBesluitToggle' | pluginTranslate: obs.pluginId | async\"\n        [radioValues]=\"inputTypeOptions$ | async\"\n        [defaultValue]=\"selectedInputOption$ | async\"\n        [margin]=\"true\"\n      >\n      </v-radio>\n      <v-input\n        *ngIf=\"obs.selectedInputOption === 'text'\"\n        name=\"besluittypeUrl\"\n        [title]=\"'besluittypeUrl' | pluginTranslate: obs.pluginId | async\"\n        [margin]=\"true\"\n        [defaultValue]=\"obs.prefill?.besluittypeUrl\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"true\"\n        [trim]=\"true\"\n        [tooltip]=\"'besluittypeUrlTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"350\"\n      >\n      </v-input>\n      <ng-container *ngIf=\"obs.selectedInputOption === 'selection'\">\n        <v-select\n          [items]=\"obs.caseDefinitionItems\"\n          [margin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"caseDefinition\"\n          [title]=\"'caseDefinition' | pluginTranslate: obs.pluginId | async\"\n          [disabled]=\"\n            obs.disabled ||\n            obs.selectedInputOption === 'text' ||\n            !obs.caseDefinitionItems ||\n            oneSelectItem(obs.caseDefinitionItems)\n          \"\n          [required]=\"true\"\n          [loading]=\"!obs.caseDefinitionItems\"\n          [tooltip]=\"'caseDefinitionTooltip' | pluginTranslate: obs.pluginId | async\"\n          (selectedChange)=\"selectCaseDefinition($event)\"\n          [defaultSelectionId]=\"obs?.selectedCaseDefinitionId\"\n        ></v-select>\n        <v-select\n          [items]=\"obs.besluitTypeItems && obs.besluitTypeItems[obs.selectedCaseDefinitionId]\"\n          [margin]=\"true\"\n          [widthInPx]=\"350\"\n          name=\"besluittypeUrl\"\n          [title]=\"'besluittypeUrlSelect' | pluginTranslate: obs.pluginId | async\"\n          [disabled]=\"\n            obs.disabled ||\n            obs.selectedInputOption === 'text' ||\n            !obs.besluitTypeItems ||\n            !obs.besluitTypeItems[obs.selectedCaseDefinitionId]\n          \"\n          [defaultSelectionId]=\"obs.prefill?.besluittypeUrl\"\n          [required]=\"true\"\n          [loading]=\"!obs.besluitTypeItems\"\n          [tooltip]=\"'besluittypeUrlSelectTooltip' | pluginTranslate: obs.pluginId | async\"\n          [clearSelectionSubject$]=\"clearBesluitSelection$\"\n        ></v-select>\n      </ng-container>\n      <v-input\n        name=\"toelichting\"\n        [title]=\"'toelichting' | pluginTranslate: obs.pluginId | async\"\n        [margin]=\"true\"\n        [defaultValue]=\"obs.prefill?.toelichting\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"false\"\n        [tooltip]=\"'toelichtingTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"350\"\n      >\n      </v-input>\n      <v-input\n        name=\"bestuursorgaan\"\n        [title]=\"'bestuursorgaan' | pluginTranslate: obs.pluginId | async\"\n        [margin]=\"true\"\n        [defaultValue]=\"obs.prefill?.bestuursorgaan\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"false\"\n        [trim]=\"true\"\n        [tooltip]=\"'bestuursorgaanTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"350\"\n      >\n      </v-input>\n      <v-radio\n        name=\"inputTypeStartingDateToggle\"\n        [disabled]=\"obs.disabled\"\n        [title]=\"'inputTypeStartingDateToggle' | pluginTranslate: obs.pluginId | async\"\n        [radioValues]=\"startDateInputTypeOptions$ | async\"\n        [defaultValue]=\"obs.prefill?.inputTypeStartingDateToggle\"\n        [margin]=\"true\"\n      >\n      </v-radio>\n      <v-input\n        *ngIf=\"obs.selectedStartDateInputOption === 'text'\"\n        name=\"ingangsdatum\"\n        [title]=\"'ingangsdatum' | pluginTranslate: obs.pluginId | async\"\n        [defaultValue]=\"obs.prefill?.ingangsdatum\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"true\"\n        [trim]=\"true\"\n        [tooltip]=\"'ingangsdatumTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"350\"\n        [margin]=\"true\"\n      >\n      </v-input>\n      <v-date-picker\n        *ngIf=\"obs.selectedStartDateInputOption === 'selection'\"\n        name=\"ingangsdatum\"\n        [title]=\"'ingangsdatum' | pluginTranslate: obs.pluginId | async\"\n        [defaultDate]=\"obs.prefill?.ingangsdatum\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"true\"\n        [tooltip]=\"'ingangsdatumTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"100\"\n        [margin]=\"true\"\n      ></v-date-picker>\n      <v-radio\n        name=\"inputTypeExpirationDateToggle\"\n        [disabled]=\"obs.disabled\"\n        [title]=\"'inputTypeExpirationDateToggle' | pluginTranslate: obs.pluginId | async\"\n        [radioValues]=\"expirationDateInputTypeOptions$ | async\"\n        [defaultValue]=\"obs.prefill?.inputTypeExpirationDateToggle\"\n        [margin]=\"true\"\n      >\n      </v-radio>\n      <v-input\n        *ngIf=\"obs.selectedExpirationDateInputOption === 'text'\"\n        name=\"vervaldatum\"\n        [title]=\"'vervaldatum' | pluginTranslate: obs.pluginId | async\"\n        [defaultValue]=\"obs.prefill?.vervaldatum\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"false\"\n        [trim]=\"true\"\n        [tooltip]=\"'vervaldatumTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"350\"\n        [margin]=\"true\"\n      >\n      </v-input>\n      <v-date-picker\n        *ngIf=\"obs.selectedExpirationDateInputOption === 'selection'\"\n        name=\"vervaldatum\"\n        [title]=\"'vervaldatum' | pluginTranslate: obs.pluginId | async\"\n        [defaultDate]=\"obs.prefill?.vervaldatum\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"false\"\n        [tooltip]=\"'vervaldatumTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"100\"\n        [margin]=\"true\"\n      ></v-date-picker>\n      <v-select\n        name=\"vervalreden\"\n        [title]=\"'vervalreden' | pluginTranslate: obs.pluginId | async\"\n        [items]=\"vervalredenenSelectItems$ | async\"\n        [defaultSelectionId]=\"obs.prefill?.vervalreden\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"false\"\n        [tooltip]=\"'vervalredenTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthInPx]=\"350\"\n        [margin]=\"true\"\n      ></v-select>\n      <v-date-picker\n        name=\"publicatiedatum\"\n        [title]=\"'publicatiedatum' | pluginTranslate: obs.pluginId | async\"\n        [defaultDate]=\"obs.prefill?.publicatiedatum\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"false\"\n        [tooltip]=\"'publicatiedatumTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"100\"\n        [margin]=\"true\"\n      ></v-date-picker>\n      <v-date-picker\n        name=\"verzenddatum\"\n        [title]=\"'verzenddatum' | pluginTranslate: obs.pluginId | async\"\n        [defaultDate]=\"obs.prefill?.verzenddatum\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"false\"\n        [tooltip]=\"'verzenddatumTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"100\"\n        [margin]=\"true\"\n      ></v-date-picker>\n      <v-date-picker\n        name=\"uiterlijkeReactieDatum\"\n        [title]=\"'uiterlijkeReactieDatum' | pluginTranslate: obs.pluginId | async\"\n        [defaultDate]=\"obs.prefill?.uiterlijkeReactieDatum\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"false\"\n        [tooltip]=\"'uiterlijkeReactieDatumTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"100\"\n        [margin]=\"true\"\n      ></v-date-picker>\n      <v-input\n        name=\"createdBesluitUrl\"\n        [title]=\"'besluitUrlProcessVariable' | pluginTranslate: obs.pluginId | async\"\n        [margin]=\"true\"\n        [defaultValue]=\"obs.prefill?.createdBesluitUrl\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"false\"\n        [tooltip]=\"'besluitUrlProcessVariableTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"350\"\n      >\n      </v-input>\n    </v-form>\n  </ng-container>\n</ng-container>\n\n<ng-template #loading>\n  <div class=\"loading-container\">\n    <cds-loading></cds-loading>\n  </div>\n</ng-template>\n", styles: [".loading-container{display:flex;flex-direction:row;justify-content:center;height:100%;width:100%;align-items:center}\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.DatePickerComponent, selector: "v-date-picker", inputs: ["name", "title", "titleTranslationKey", "widthPx", "fullWidth", "margin", "disabled", "tooltip", "required", "defaultDate", "defaultDateIsToday", "smallLabel", "clear$", "enableTime", "carbonTheme"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { 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: i1$2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { 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: CreateZaakBesluitConfigurationComponent, decorators: [{
             type: Component,
@@ -7758,13 +7997,13 @@ class PatchZaakBesluitConfigurationComponent {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PatchZaakBesluitConfigurationComponent, deps: [{ token: i5.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PatchZaakBesluitConfigurationComponent, selector: "valtimo-patch-zaak-besluit-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<ng-container\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n  } as obs\"\n>\n  <v-paragraph [margin]=\"true\" [italic]=\"true\">\n    {{ 'patchZaakBesluitInformation' | pluginTranslate: pluginId | async }}\n  </v-paragraph>\n\n  <v-form (valueChange)=\"onFormValueChanged($event)\">\n    <v-input\n      name=\"besluitUrl\"\n      [title]=\"'besluitUrl' | pluginTranslate: pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.besluitUrl\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"true\"\n      [trim]=\"true\"\n      [tooltip]=\"'besluitUrlTooltip' | pluginTranslate: pluginId | async\"\n      [widthPx]=\"350\"\n    ></v-input>\n\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <button\n          cdsButton=\"primary\"\n          [size]=\"'md'\"\n          [cdsOverflowMenu]=\"addPropertyList\"\n          [customPane]=\"true\"\n          placement=\"bottom\"\n          class=\"add-button\"\n        >\n          {{ 'addPatchBesluitProperty' | pluginTranslate: pluginId | async }}\n          <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n        </button>\n      </div>\n    </div>\n\n    @for (property of propertyList; track property) {\n      <div class=\"row\">\n        <div class=\"col-11\">\n          <v-input\n            [name]=\"property\"\n            [title]=\"translationKeyFor(property) | pluginTranslate: pluginId | async\"\n            [margin]=\"true\"\n            [defaultValue]=\"prefillValueFor(property, obs.prefill)\"\n            [disabled]=\"obs.disabled\"\n            [required]=\"true\"\n            [trim]=\"true\"\n            [tooltip]=\"translationKeyFor(property + 'Tooltip') | pluginTranslate: pluginId | async\"\n            [widthPx]=\"350\"\n            (valueChange)=\"onPropertyChanged(property, $event)\"\n          ></v-input>\n        </div>\n\n        <div class=\"col-1\">\n          <button class=\"btn btn-space delete-button\" (click)=\"removeProperty(property)\">\n            <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n          </button>\n        </div>\n      </div>\n    }\n  </v-form>\n</ng-container>\n\n<ng-template #addPropertyList>\n  @for (propertyOption of propertyOptions; track propertyOption) {\n    <cds-overflow-menu-option\n      *ngIf=\"!hasPropertyBeenAdded(propertyOption)\"\n      (click)=\"addProperty(propertyOption)\"\n    >\n      {{ translationKeyForPropertyList(propertyOption) | pluginTranslate: pluginId | async }}\n    </cds-overflow-menu-option>\n  }\n</ng-template>\n", styles: [".delete-button{height:46px;width:46px;margin-top:20px}.delete-button:hover{background-color:#e12717}.add-button{margin-block-end:var(--v-input-margin)}::ng-deep .cds--overflow-menu-options{z-index:10000!important;width:230px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i1$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.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "directive", type: i5.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i5.OverflowMenuDirective, selector: "[cdsOverflowMenu], [ibmOverflowMenu]", inputs: ["ibmOverflowMenu", "cdsOverflowMenu", "flip", "offset", "wrapperClass", "customPane"], exportAs: ["overflowMenu"] }, { kind: "component", type: i5.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "directive", type: i5.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PatchZaakBesluitConfigurationComponent, deps: [{ token: i1$2.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: PatchZaakBesluitConfigurationComponent, selector: "valtimo-patch-zaak-besluit-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<ng-container\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n  } as obs\"\n>\n  <v-paragraph [margin]=\"true\" [italic]=\"true\">\n    {{ 'patchZaakBesluitInformation' | pluginTranslate: pluginId | async }}\n  </v-paragraph>\n\n  <v-form (valueChange)=\"onFormValueChanged($event)\">\n    <v-input\n      name=\"besluitUrl\"\n      [title]=\"'besluitUrl' | pluginTranslate: pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.besluitUrl\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"true\"\n      [trim]=\"true\"\n      [tooltip]=\"'besluitUrlTooltip' | pluginTranslate: pluginId | async\"\n      [widthPx]=\"350\"\n    ></v-input>\n\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <button\n          cdsButton=\"primary\"\n          [size]=\"'md'\"\n          [cdsOverflowMenu]=\"addPropertyList\"\n          [customPane]=\"true\"\n          placement=\"bottom\"\n          class=\"add-button\"\n        >\n          {{ 'addPatchBesluitProperty' | pluginTranslate: pluginId | async }}\n          <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n        </button>\n      </div>\n    </div>\n\n    @for (property of propertyList; track property) {\n      <div class=\"row\">\n        <div class=\"col-11\">\n          <v-input\n            [name]=\"property\"\n            [title]=\"translationKeyFor(property) | pluginTranslate: pluginId | async\"\n            [margin]=\"true\"\n            [defaultValue]=\"prefillValueFor(property, obs.prefill)\"\n            [disabled]=\"obs.disabled\"\n            [required]=\"true\"\n            [trim]=\"true\"\n            [tooltip]=\"translationKeyFor(property + 'Tooltip') | pluginTranslate: pluginId | async\"\n            [widthPx]=\"350\"\n            (valueChange)=\"onPropertyChanged(property, $event)\"\n          ></v-input>\n        </div>\n\n        <div class=\"col-1\">\n          <button class=\"btn btn-space delete-button\" (click)=\"removeProperty(property)\">\n            <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n          </button>\n        </div>\n      </div>\n    }\n  </v-form>\n</ng-container>\n\n<ng-template #addPropertyList>\n  @for (propertyOption of propertyOptions; track propertyOption) {\n    <cds-overflow-menu-option\n      *ngIf=\"!hasPropertyBeenAdded(propertyOption)\"\n      (click)=\"addProperty(propertyOption)\"\n    >\n      {{ translationKeyForPropertyList(propertyOption) | pluginTranslate: pluginId | async }}\n    </cds-overflow-menu-option>\n  }\n</ng-template>\n", styles: [".delete-button{height:46px;width:46px;margin-top:20px}.delete-button:hover{background-color:#e12717}.add-button{margin-block-end:var(--v-input-margin)}::ng-deep .cds--overflow-menu-options{z-index:10000!important;width:230px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i1$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.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "directive", type: i1$2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i1$2.OverflowMenuDirective, selector: "[cdsOverflowMenu], [ibmOverflowMenu]", inputs: ["ibmOverflowMenu", "cdsOverflowMenu", "flip", "offset", "wrapperClass", "customPane"], exportAs: ["overflowMenu"] }, { kind: "component", type: i1$2.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "directive", type: i1$2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { 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: PatchZaakBesluitConfigurationComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-patch-zaak-besluit-configuration', template: "<ng-container\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n  } as obs\"\n>\n  <v-paragraph [margin]=\"true\" [italic]=\"true\">\n    {{ 'patchZaakBesluitInformation' | pluginTranslate: pluginId | async }}\n  </v-paragraph>\n\n  <v-form (valueChange)=\"onFormValueChanged($event)\">\n    <v-input\n      name=\"besluitUrl\"\n      [title]=\"'besluitUrl' | pluginTranslate: pluginId | async\"\n      [margin]=\"true\"\n      [defaultValue]=\"obs.prefill?.besluitUrl\"\n      [disabled]=\"obs.disabled\"\n      [required]=\"true\"\n      [trim]=\"true\"\n      [tooltip]=\"'besluitUrlTooltip' | pluginTranslate: pluginId | async\"\n      [widthPx]=\"350\"\n    ></v-input>\n\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <button\n          cdsButton=\"primary\"\n          [size]=\"'md'\"\n          [cdsOverflowMenu]=\"addPropertyList\"\n          [customPane]=\"true\"\n          placement=\"bottom\"\n          class=\"add-button\"\n        >\n          {{ 'addPatchBesluitProperty' | pluginTranslate: pluginId | async }}\n          <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n        </button>\n      </div>\n    </div>\n\n    @for (property of propertyList; track property) {\n      <div class=\"row\">\n        <div class=\"col-11\">\n          <v-input\n            [name]=\"property\"\n            [title]=\"translationKeyFor(property) | pluginTranslate: pluginId | async\"\n            [margin]=\"true\"\n            [defaultValue]=\"prefillValueFor(property, obs.prefill)\"\n            [disabled]=\"obs.disabled\"\n            [required]=\"true\"\n            [trim]=\"true\"\n            [tooltip]=\"translationKeyFor(property + 'Tooltip') | pluginTranslate: pluginId | async\"\n            [widthPx]=\"350\"\n            (valueChange)=\"onPropertyChanged(property, $event)\"\n          ></v-input>\n        </div>\n\n        <div class=\"col-1\">\n          <button class=\"btn btn-space delete-button\" (click)=\"removeProperty(property)\">\n            <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n          </button>\n        </div>\n      </div>\n    }\n  </v-form>\n</ng-container>\n\n<ng-template #addPropertyList>\n  @for (propertyOption of propertyOptions; track propertyOption) {\n    <cds-overflow-menu-option\n      *ngIf=\"!hasPropertyBeenAdded(propertyOption)\"\n      (click)=\"addProperty(propertyOption)\"\n    >\n      {{ translationKeyForPropertyList(propertyOption) | pluginTranslate: pluginId | async }}\n    </cds-overflow-menu-option>\n  }\n</ng-template>\n", styles: [".delete-button{height:46px;width:46px;margin-top:20px}.delete-button:hover{background-color:#e12717}.add-button{margin-block-end:var(--v-input-margin)}::ng-deep .cds--overflow-menu-options{z-index:10000!important;width:230px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i5.IconService }], propDecorators: { save$: [{
+        }], ctorParameters: () => [{ type: i1$2.IconService }], propDecorators: { save$: [{
                 type: Input
             }], disabled$: [{
                 type: Input
@@ -8701,13 +8940,13 @@ class ExactRedirectComponent {
             window.close();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExactRedirectComponent, deps: [{ token: i1$3.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExactRedirectComponent, deps: [{ token: i1$4.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ExactRedirectComponent, selector: "valtimo-exact-redirect", 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<p>You can close this page.</p>\n" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExactRedirectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'valtimo-exact-redirect', 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<p>You can close this page.</p>\n" }]
-        }], ctorParameters: () => [{ type: i1$3.ActivatedRoute }] });
+        }], ctorParameters: () => [{ type: i1$4.ActivatedRoute }] });
 
 /*
  * Copyright 2015-2024 Ritense BV, the Netherlands.
@@ -8734,7 +8973,7 @@ const routes = [
 ];
 class ExactPluginRoutingModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExactPluginRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ExactPluginRoutingModule, imports: [CommonModule, i1$3.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: ExactPluginRoutingModule, imports: [CommonModule, i1$4.RouterModule], exports: [RouterModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExactPluginRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExactPluginRoutingModule, decorators: [{
@@ -8828,5 +9067,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BesluitenApiConfigurationComponent, BesluitenApiPluginModule, CatalogiApiConfigurationComponent, CatalogiApiPluginModule, CompletePortalTaskComponent, CreateNatuurlijkPersoonZaakRolComponent, CreateNietNatuurlijkPersoonZaakRolComponent, CreatePortalTaskComponent, CreateZaakBesluitConfigurationComponent, CreateZaakConfigurationComponent, CreateZaakObjectConfigurationComponent, CreateZaakResultaatConfigurationComponent, CreateZaakeigenschapComponent, DeleteObjectComponent, DeleteZaakRolComponent, DeleteZaakeigenschapComponent, DocumentenApiConfigurationComponent, DocumentenApiPluginModule, DownloadDocumentConfigurationComponent, EndHersteltermijnComponent, ExactPluginModule, GenerateDocumentConfigurationComponent, GetBesluitConfigurationComponent, GetBesluittypeConfigurationComponent, GetEigenschapConfigurationComponent, GetResultaattypeConfigurationComponent, GetStatustypeConfigurationComponent, GetTemplateNamesComponent, GetZaakInformatieobjectenComponent, GetZaakbesluitenConfigurationComponent, LinkDocumentToBesluitConfigurationComponent, LinkDocumentToZaakConfigurationComponent, LinkUploadedDocumentToZaakConfigurationComponent, NotificatiesApiConfigurationComponent, NotificatiesApiPluginModule, ObjectTokenAuthencationConfigurationComponent, ObjectTokenAuthenticationPluginModule, ObjectenApiConfigurationComponent, ObjectenApiPluginModule, ObjecttypenApiConfigurationComponent, ObjecttypenApiPluginModule, OpenNotificatiesConfigurationComponent, OpenNotificatiesPluginModule, OpenZaakConfigurationComponent, OpenZaakPluginModule, PLUGINS_TOKEN, PatchZaakBesluitConfigurationComponent, PluginConfigurationContainerComponent, PluginConfigurationContainerModule, PluginManagementService, PluginService, PluginTranslatePipe, PluginTranslatePipeModule, PluginTranslationService, PortaaltaakConfigurationComponent, PortaaltaakPluginModule, RelateerZakenComponent, SetZaakStatusConfigurationComponent, SetZaakopschortingComponent, SmartDocumentsConfigurationComponent, SmartDocumentsPluginModule, StartHersteltermijnConfigurationComponent, StoreTempDocumentConfigurationComponent, StoreUploadedDocumentConfigurationComponent, StoreUploadedDocumentInPartsConfigurationComponent, UpdateZaakeigenschapComponent, VerzoekConfigurationComponent, VerzoekPluginModule, ZakenApiConfigurationComponent, ZakenApiPluginModule, besluitenApiPluginSpecification, catalogiApiPluginSpecification, documentenApiPluginSpecification, exactPluginSpecification, notificatiesApiPluginSpecification, objectTokenAuthenticationPluginSpecification, objectenApiPluginSpecification, objecttypenApiPluginSpecification, openNotificatiesPluginSpecification, openZaakPluginSpecification, portaaltaakPluginSpecification, smartDocumentsPluginSpecification, verzoekPluginSpecification, zakenApiPluginSpecification };
+export { BesluitenApiConfigurationComponent, BesluitenApiPluginModule, CatalogiApiConfigurationComponent, CatalogiApiPluginModule, CompletePortalTaskComponent, CreateNatuurlijkPersoonZaakRolComponent, CreateNietNatuurlijkPersoonZaakRolComponent, CreatePortalTaskComponent, CreateZaakBesluitConfigurationComponent, CreateZaakConfigurationComponent, CreateZaakObjectConfigurationComponent, CreateZaakResultaatConfigurationComponent, CreateZaakeigenschapComponent, DeleteObjectComponent, DeleteZaakRolComponent, DeleteZaakeigenschapComponent, DocumentenApiConfigurationComponent, DocumentenApiPluginModule, DownloadDocumentConfigurationComponent, EndHersteltermijnComponent, ExactPluginModule, GenerateDocumentConfigurationComponent, GetBesluitConfigurationComponent, GetBesluittypeConfigurationComponent, GetEigenschapConfigurationComponent, GetResultaattypeConfigurationComponent, GetStatustypeConfigurationComponent, GetTemplateNamesComponent, GetZaakInformatieobjectenComponent, GetZaakbesluitenConfigurationComponent, LinkDocumentToBesluitConfigurationComponent, LinkDocumentToZaakConfigurationComponent, LinkUploadedDocumentToZaakConfigurationComponent, NotificatiesApiConfigurationComponent, NotificatiesApiPluginModule, ObjectTokenAuthencationConfigurationComponent, ObjectTokenAuthenticationPluginModule, ObjectenApiConfigurationComponent, ObjectenApiPluginModule, ObjecttypenApiConfigurationComponent, ObjecttypenApiPluginModule, OpenNotificatiesConfigurationComponent, OpenNotificatiesPluginModule, OpenZaakConfigurationComponent, OpenZaakPluginModule, PLUGINS_TOKEN, PatchZaakBesluitConfigurationComponent, PatchZaakConfigurationComponent, PluginConfigurationContainerComponent, PluginConfigurationContainerModule, PluginManagementService, PluginService, PluginTranslatePipe, PluginTranslatePipeModule, PluginTranslationService, PortaaltaakConfigurationComponent, PortaaltaakPluginModule, RelateerZakenComponent, SetZaakStatusConfigurationComponent, SetZaakopschortingComponent, SmartDocumentsConfigurationComponent, SmartDocumentsPluginModule, StartHersteltermijnConfigurationComponent, StoreTempDocumentConfigurationComponent, StoreUploadedDocumentConfigurationComponent, StoreUploadedDocumentInPartsConfigurationComponent, UpdateZaakeigenschapComponent, VerzoekConfigurationComponent, VerzoekPluginModule, ZakenApiConfigurationComponent, ZakenApiPluginModule, besluitenApiPluginSpecification, catalogiApiPluginSpecification, documentenApiPluginSpecification, exactPluginSpecification, notificatiesApiPluginSpecification, objectTokenAuthenticationPluginSpecification, objectenApiPluginSpecification, objecttypenApiPluginSpecification, openNotificatiesPluginSpecification, openZaakPluginSpecification, portaaltaakPluginSpecification, smartDocumentsPluginSpecification, verzoekPluginSpecification, zakenApiPluginSpecification };
 //# sourceMappingURL=valtimo-plugin.mjs.map