@valtimo/plugin 11.2.2 → 11.3.1

package/fesm2022/valtimo-plugin.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, Injectable, Inject, Pipe, NgModule, EventEmitter, Component, Input, Output, ViewContainerRef, ViewChild } from '@angular/core';
-import { BehaviorSubject, combineLatest, take, map as map$1, Subject, switchMap, tap as tap$1, of, filter, catchError } from 'rxjs';
+import { BehaviorSubject, combineLatest, take, map as map$1, Subject, switchMap, tap as tap$1, of, filter, Subscription, catchError } from 'rxjs';
 import { map, tap } from 'rxjs/operators';
 import * as i2 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
@@ -2403,6 +2403,9 @@ class ZakenApiService {
     getResultaatTypesByCaseDefinition(caseDefinitionId) {
         return this.http.get(`${this.valtimoEndpointUri}v1/case-definition/${caseDefinitionId}/zaaktype/resultaattype`);
     }
+    getEigenschappenByCaseDefinition(caseDefinitionName) {
+        return this.http.get(`${this.valtimoEndpointUri}management/v1/case-definition/${caseDefinitionName}/catalogi-eigenschappen`);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ZakenApiService, deps: [{ token: i1.HttpClient }, { token: i2$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ZakenApiService, providedIn: 'root' }); }
 }
@@ -3060,6 +3063,575 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 type: Output
             }] } });
 
+/*
+ * Copyright 2015-2023 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class StartHersteltermijnConfigurationComponent {
+    constructor() {
+        this.valid = new EventEmitter();
+        this.configuration = new EventEmitter();
+        this.formValue$ = new BehaviorSubject(null);
+        this.valid$ = new BehaviorSubject(false);
+    }
+    ngOnInit() {
+        this.openSaveSubscription();
+    }
+    ngOnDestroy() {
+        this.saveSubscription?.unsubscribe();
+    }
+    formValueChange(formValue) {
+        this.formValue$.next(formValue);
+        this.handleValid(formValue);
+    }
+    handleValid(formValue) {
+        const valid = !!formValue.maxDurationInDays;
+        this.valid$.next(valid);
+        this.valid.emit(valid);
+    }
+    openSaveSubscription() {
+        this.saveSubscription = this.save$?.subscribe(save => {
+            combineLatest([this.formValue$, this.valid$])
+                .pipe(take(1))
+                .subscribe(([formValue, valid]) => {
+                if (valid) {
+                    this.configuration.emit({
+                        maxDurationInDays: formValue.maxDurationInDays,
+                    });
+                }
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StartHersteltermijnConfigurationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StartHersteltermijnConfigurationComponent, selector: "valtimo-start-hersteltermijn-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, providers: [PluginTranslatePipe], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n        *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n  } as obs\"\n>\n  <ng-container>\n    <v-paragraph [margin]=\"true\" [italic]=\"true\">\n      {{ 'startHersteltermijnInformation' | pluginTranslate: pluginId | async }}\n    </v-paragraph>\n    <v-form (valueChange)=\"formValueChange($event)\">\n      <v-input\n              name=\"maxDurationInDays\"\n              [min]=\"1\"\n              [title]=\"'maxDurationInDays' | pluginTranslate: pluginId | async\"\n              [margin]=\"true\"\n              [defaultValue]=\"obs.prefill?.maxDurationInDays\"\n              [disabled]=\"obs.disabled\"\n              [required]=\"true\"\n              [tooltip]=\"'maxDurationInDaysTooltip' | pluginTranslate: pluginId | async\"\n              [widthPx]=\"350\"\n      >\n      </v-input>\n    </v-form>\n  </ng-container>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StartHersteltermijnConfigurationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-start-hersteltermijn-configuration', providers: [PluginTranslatePipe], template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n        *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n  } as obs\"\n>\n  <ng-container>\n    <v-paragraph [margin]=\"true\" [italic]=\"true\">\n      {{ 'startHersteltermijnInformation' | pluginTranslate: pluginId | async }}\n    </v-paragraph>\n    <v-form (valueChange)=\"formValueChange($event)\">\n      <v-input\n              name=\"maxDurationInDays\"\n              [min]=\"1\"\n              [title]=\"'maxDurationInDays' | pluginTranslate: pluginId | async\"\n              [margin]=\"true\"\n              [defaultValue]=\"obs.prefill?.maxDurationInDays\"\n              [disabled]=\"obs.disabled\"\n              [required]=\"true\"\n              [tooltip]=\"'maxDurationInDaysTooltip' | pluginTranslate: pluginId | async\"\n              [widthPx]=\"350\"\n      >\n      </v-input>\n    </v-form>\n  </ng-container>\n</ng-container>\n" }]
+        }], propDecorators: { save$: [{
+                type: Input
+            }], disabled$: [{
+                type: Input
+            }], pluginId: [{
+                type: Input
+            }], prefillConfiguration$: [{
+                type: Input
+            }], valid: [{
+                type: Output
+            }], configuration: [{
+                type: Output
+            }] } });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class EndHersteltermijnComponent {
+    constructor() {
+        this.configuration = new EventEmitter();
+        this.valid = new EventEmitter();
+        this._saveSubscription = new Subscription();
+    }
+    ngOnInit() {
+        this.openSaveSubscription();
+        this.emitValid();
+    }
+    ngOnDestroy() {
+        this._saveSubscription.unsubscribe();
+    }
+    emitValid() {
+        this.valid.emit(true);
+    }
+    openSaveSubscription() {
+        this._saveSubscription.add(this.save$?.subscribe(() => {
+            this.configuration.emit({});
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EndHersteltermijnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EndHersteltermijnComponent, selector: "valtimo-end-hersteltermijn", inputs: { disabled$: "disabled$", save$: "save$", prefillConfiguration$: "prefillConfiguration$", pluginId: "pluginId" }, outputs: { configuration: "configuration", valid: "valid" }, 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-paragraph [center]=\"true\" [fullWidth]=\"true\">\n  {{ 'endHersteltermijnInformation' | pluginTranslate: pluginId | async }}\n</v-paragraph>\n", dependencies: [{ kind: "component", type: i2$2.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EndHersteltermijnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-end-hersteltermijn', 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<v-paragraph [center]=\"true\" [fullWidth]=\"true\">\n  {{ 'endHersteltermijnInformation' | pluginTranslate: pluginId | async }}\n</v-paragraph>\n" }]
+        }], propDecorators: { disabled$: [{
+                type: Input
+            }], save$: [{
+                type: Input
+            }], prefillConfiguration$: [{
+                type: Input
+            }], pluginId: [{
+                type: Input
+            }], configuration: [{
+                type: Output
+            }], valid: [{
+                type: Output
+            }] } });
+
+/*
+ * Copyright 2015-2023 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class CreateZaakeigenschapComponent {
+    set pluginId(value) {
+        this.pluginId$.next(value);
+    }
+    constructor(modalService, documentService, zakenApiService, pluginTranslatePipe) {
+        this.modalService = modalService;
+        this.documentService = documentService;
+        this.zakenApiService = zakenApiService;
+        this.pluginTranslatePipe = pluginTranslatePipe;
+        this.valid = new EventEmitter();
+        this.configuration = new EventEmitter();
+        this.caseDefinitionSelectItems$ = new BehaviorSubject(null);
+        this.selectedCaseDefinitionName$ = new BehaviorSubject('');
+        this.clearEigenschapSelection$ = new Subject();
+        this.loading$ = new BehaviorSubject(true);
+        this.eigenschapSelectItems$ = this.modalService.modalData$.pipe(switchMap(params => this.documentService.findProcessDocumentDefinitionsByProcessDefinitionKey(params?.processDefinitionKey)), tap$1(processDocumentDefinitions => {
+            const caseDefSelectItems = processDocumentDefinitions.map(processDocDef => ({
+                text: processDocDef.id.documentDefinitionId.name,
+                id: processDocDef.id.documentDefinitionId.name,
+            }));
+            this.caseDefinitionSelectItems$.next(caseDefSelectItems);
+            if (this.oneSelectItem(caseDefSelectItems)) {
+                this.selectedCaseDefinitionName$.next(caseDefSelectItems[0].id);
+            }
+        }), switchMap(processDocumentDefinitions => combineLatest([
+            of(processDocumentDefinitions.map(processDoc => processDoc.id.documentDefinitionId.name)),
+            ...processDocumentDefinitions.map(processDocDef => this.zakenApiService.getEigenschappenByCaseDefinition(processDocDef.id.documentDefinitionId.name)),
+        ])), map(res => {
+            const caseDefinitionIds = res[0];
+            const eigenschappen = res.filter((curr, index) => index !== 0);
+            const selectObject = {};
+            caseDefinitionIds.forEach((caseDefinitionId, index) => {
+                selectObject[caseDefinitionId] = eigenschappen[index].map(eigenschap => ({
+                    id: eigenschap.url,
+                    text: eigenschap.name,
+                }));
+            });
+            return selectObject;
+        }), tap$1(selectObject => {
+            this.prefillConfiguration$.pipe(take(1)).subscribe(prefillConfig => {
+                const eigenschapUrl = prefillConfig?.eigenschapUrl;
+                if (eigenschapUrl) {
+                    let selectedCaseDefinitionId;
+                    Object.keys(selectObject).forEach(caseDefinitionId => {
+                        if (selectObject[caseDefinitionId].find(item => item.id === eigenschapUrl)) {
+                            selectedCaseDefinitionId = caseDefinitionId;
+                        }
+                        if (selectedCaseDefinitionId) {
+                            this.selectedCaseDefinitionName$.next(selectedCaseDefinitionId);
+                        }
+                        else {
+                            this.selectedInputOption$.next('text');
+                        }
+                    });
+                }
+            });
+        }), tap$1(() => {
+            this.loading$.next(false);
+        }));
+        this.selectedInputOption$ = new BehaviorSubject('selection');
+        this.pluginId$ = new BehaviorSubject('');
+        this.inputTypeOptions$ = this.pluginId$.pipe(filter(pluginId => !!pluginId), switchMap(pluginId => combineLatest([
+            this.pluginTranslatePipe.transform('selection', pluginId),
+            this.pluginTranslatePipe.transform('text', pluginId),
+        ])), map(([selectionTranslation, textTranslation]) => [
+            { value: 'selection', title: selectionTranslation },
+            { value: 'text', title: textTranslation },
+        ]));
+        this.formValue$ = new BehaviorSubject(null);
+        this.valid$ = new BehaviorSubject(false);
+    }
+    ngOnInit() {
+        this.openSaveSubscription();
+    }
+    ngOnDestroy() {
+        this.saveSubscription?.unsubscribe();
+    }
+    formValueChange(formValue) {
+        this.formValue$.next(formValue);
+        this.handleValid(formValue);
+        if (formValue.inputTypeEigenschapToggle) {
+            this.selectedInputOption$.next(formValue.inputTypeEigenschapToggle);
+        }
+    }
+    selectCaseDefinition(caseDefinitionName) {
+        this.selectedCaseDefinitionName$.next(caseDefinitionName);
+        this.clearEigenschapSelection$.next();
+    }
+    oneSelectItem(selectItems) {
+        if (Array.isArray(selectItems)) {
+            return selectItems.length === 1;
+        }
+        return false;
+    }
+    handleValid(formValue) {
+        const valid = !!formValue.eigenschapUrl;
+        this.valid$.next(valid);
+        this.valid.emit(valid);
+    }
+    openSaveSubscription() {
+        this.saveSubscription = this.save$?.subscribe(save => {
+            combineLatest([this.formValue$, this.valid$])
+                .pipe(take(1))
+                .subscribe(([formValue, valid]) => {
+                if (valid) {
+                    this.configuration.emit({
+                        eigenschapUrl: formValue.eigenschapUrl,
+                        eigenschapValue: formValue.eigenschapValue,
+                    });
+                }
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.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: "16.2.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-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    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      [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"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme"], outputs: ["selectedChange"] }, { kind: "component", type: i2$2.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: i8.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: "16.2.12", ngImport: i0, type: CreateZaakeigenschapComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-create-zaakeigenschap', providers: [PluginTranslatePipe], template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    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      [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" }]
+        }], ctorParameters: function () { return [{ type: i2$2.ModalService }, { type: i2$3.DocumentService }, { type: ZakenApiService }, { type: PluginTranslatePipe }]; }, propDecorators: { save$: [{
+                type: Input
+            }], disabled$: [{
+                type: Input
+            }], pluginId: [{
+                type: Input
+            }], prefillConfiguration$: [{
+                type: Input
+            }], valid: [{
+                type: Output
+            }], configuration: [{
+                type: Output
+            }] } });
+
+/*
+ * Copyright 2015-2023 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class UpdateZaakeigenschapComponent {
+    set pluginId(value) {
+        this.pluginId$.next(value);
+    }
+    constructor(modalService, documentService, zakenApiService, pluginTranslatePipe) {
+        this.modalService = modalService;
+        this.documentService = documentService;
+        this.zakenApiService = zakenApiService;
+        this.pluginTranslatePipe = pluginTranslatePipe;
+        this.valid = new EventEmitter();
+        this.configuration = new EventEmitter();
+        this.caseDefinitionSelectItems$ = new BehaviorSubject(null);
+        this.selectedCaseDefinitionName$ = new BehaviorSubject('');
+        this.clearEigenschapSelection$ = new Subject();
+        this.loading$ = new BehaviorSubject(true);
+        this.eigenschapSelectItems$ = this.modalService.modalData$.pipe(switchMap(params => this.documentService.findProcessDocumentDefinitionsByProcessDefinitionKey(params?.processDefinitionKey)), tap$1(processDocumentDefinitions => {
+            const caseDefSelectItems = processDocumentDefinitions.map(processDocDef => ({
+                text: processDocDef.id.documentDefinitionId.name,
+                id: processDocDef.id.documentDefinitionId.name,
+            }));
+            this.caseDefinitionSelectItems$.next(caseDefSelectItems);
+            if (this.oneSelectItem(caseDefSelectItems)) {
+                this.selectedCaseDefinitionName$.next(caseDefSelectItems[0].id);
+            }
+        }), switchMap(processDocumentDefinitions => combineLatest([
+            of(processDocumentDefinitions.map(processDoc => processDoc.id.documentDefinitionId.name)),
+            ...processDocumentDefinitions.map(processDocDef => this.zakenApiService.getEigenschappenByCaseDefinition(processDocDef.id.documentDefinitionId.name)),
+        ])), map(res => {
+            const caseDefinitionIds = res[0];
+            const eigenschappen = res.filter((curr, index) => index !== 0);
+            const selectObject = {};
+            caseDefinitionIds.forEach((caseDefinitionId, index) => {
+                selectObject[caseDefinitionId] = eigenschappen[index].map(eigenschap => ({
+                    id: eigenschap.url,
+                    text: eigenschap.name,
+                }));
+            });
+            return selectObject;
+        }), tap$1(selectObject => {
+            this.prefillConfiguration$.pipe(take(1)).subscribe(prefillConfig => {
+                const eigenschapUrl = prefillConfig?.eigenschapUrl;
+                if (eigenschapUrl) {
+                    let selectedCaseDefinitionId;
+                    Object.keys(selectObject).forEach(caseDefinitionId => {
+                        if (selectObject[caseDefinitionId].find(item => item.id === eigenschapUrl)) {
+                            selectedCaseDefinitionId = caseDefinitionId;
+                        }
+                        if (selectedCaseDefinitionId) {
+                            this.selectedCaseDefinitionName$.next(selectedCaseDefinitionId);
+                        }
+                        else {
+                            this.selectedInputOption$.next('text');
+                        }
+                    });
+                }
+            });
+        }), tap$1(() => {
+            this.loading$.next(false);
+        }));
+        this.selectedInputOption$ = new BehaviorSubject('selection');
+        this.pluginId$ = new BehaviorSubject('');
+        this.inputTypeOptions$ = this.pluginId$.pipe(filter(pluginId => !!pluginId), switchMap(pluginId => combineLatest([
+            this.pluginTranslatePipe.transform('selection', pluginId),
+            this.pluginTranslatePipe.transform('text', pluginId),
+        ])), map(([selectionTranslation, textTranslation]) => [
+            { value: 'selection', title: selectionTranslation },
+            { value: 'text', title: textTranslation },
+        ]));
+        this.formValue$ = new BehaviorSubject(null);
+        this.valid$ = new BehaviorSubject(false);
+    }
+    ngOnInit() {
+        this.openSaveSubscription();
+    }
+    ngOnDestroy() {
+        this.saveSubscription?.unsubscribe();
+    }
+    formValueChange(formValue) {
+        this.formValue$.next(formValue);
+        this.handleValid(formValue);
+        if (formValue.inputTypeEigenschapToggle) {
+            this.selectedInputOption$.next(formValue.inputTypeEigenschapToggle);
+        }
+    }
+    selectCaseDefinition(caseDefinitionName) {
+        this.selectedCaseDefinitionName$.next(caseDefinitionName);
+        this.clearEigenschapSelection$.next();
+    }
+    oneSelectItem(selectItems) {
+        if (Array.isArray(selectItems)) {
+            return selectItems.length === 1;
+        }
+        return false;
+    }
+    handleValid(formValue) {
+        const valid = !!formValue.eigenschapUrl;
+        this.valid$.next(valid);
+        this.valid.emit(valid);
+    }
+    openSaveSubscription() {
+        this.saveSubscription = this.save$?.subscribe(save => {
+            combineLatest([this.formValue$, this.valid$])
+                .pipe(take(1))
+                .subscribe(([formValue, valid]) => {
+                if (valid) {
+                    this.configuration.emit({
+                        eigenschapUrl: formValue.eigenschapUrl,
+                        eigenschapValue: formValue.eigenschapValue,
+                    });
+                }
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.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: "16.2.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-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    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      [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"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme"], outputs: ["selectedChange"] }, { kind: "component", type: i2$2.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: i8.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: "16.2.12", ngImport: i0, type: UpdateZaakeigenschapComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-update-zaakeigenschap', providers: [PluginTranslatePipe], template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    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      [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" }]
+        }], ctorParameters: function () { return [{ type: i2$2.ModalService }, { type: i2$3.DocumentService }, { type: ZakenApiService }, { type: PluginTranslatePipe }]; }, propDecorators: { save$: [{
+                type: Input
+            }], disabled$: [{
+                type: Input
+            }], pluginId: [{
+                type: Input
+            }], prefillConfiguration$: [{
+                type: Input
+            }], valid: [{
+                type: Output
+            }], configuration: [{
+                type: Output
+            }] } });
+
+/*
+ * Copyright 2015-2023 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DeleteZaakeigenschapComponent {
+    set pluginId(value) {
+        this.pluginId$.next(value);
+    }
+    constructor(modalService, documentService, zakenApiService, pluginTranslatePipe) {
+        this.modalService = modalService;
+        this.documentService = documentService;
+        this.zakenApiService = zakenApiService;
+        this.pluginTranslatePipe = pluginTranslatePipe;
+        this.valid = new EventEmitter();
+        this.configuration = new EventEmitter();
+        this.caseDefinitionSelectItems$ = new BehaviorSubject(null);
+        this.selectedCaseDefinitionName$ = new BehaviorSubject('');
+        this.clearEigenschapSelection$ = new Subject();
+        this.loading$ = new BehaviorSubject(true);
+        this.eigenschapSelectItems$ = this.modalService.modalData$.pipe(switchMap(params => this.documentService.findProcessDocumentDefinitionsByProcessDefinitionKey(params?.processDefinitionKey)), tap$1(processDocumentDefinitions => {
+            const caseDefSelectItems = processDocumentDefinitions.map(processDocDef => ({
+                text: processDocDef.id.documentDefinitionId.name,
+                id: processDocDef.id.documentDefinitionId.name,
+            }));
+            this.caseDefinitionSelectItems$.next(caseDefSelectItems);
+            if (this.oneSelectItem(caseDefSelectItems)) {
+                this.selectedCaseDefinitionName$.next(caseDefSelectItems[0].id);
+            }
+        }), switchMap(processDocumentDefinitions => combineLatest([
+            of(processDocumentDefinitions.map(processDoc => processDoc.id.documentDefinitionId.name)),
+            ...processDocumentDefinitions.map(processDocDef => this.zakenApiService.getEigenschappenByCaseDefinition(processDocDef.id.documentDefinitionId.name)),
+        ])), map(res => {
+            const caseDefinitionIds = res[0];
+            const eigenschappen = res.filter((curr, index) => index !== 0);
+            const selectObject = {};
+            caseDefinitionIds.forEach((caseDefinitionId, index) => {
+                selectObject[caseDefinitionId] = eigenschappen[index].map(eigenschap => ({
+                    id: eigenschap.url,
+                    text: eigenschap.name,
+                }));
+            });
+            return selectObject;
+        }), tap$1(selectObject => {
+            this.prefillConfiguration$.pipe(take(1)).subscribe(prefillConfig => {
+                const eigenschapUrl = prefillConfig?.eigenschapUrl;
+                if (eigenschapUrl) {
+                    let selectedCaseDefinitionId;
+                    Object.keys(selectObject).forEach(caseDefinitionId => {
+                        if (selectObject[caseDefinitionId].find(item => item.id === eigenschapUrl)) {
+                            selectedCaseDefinitionId = caseDefinitionId;
+                        }
+                        if (selectedCaseDefinitionId) {
+                            this.selectedCaseDefinitionName$.next(selectedCaseDefinitionId);
+                        }
+                        else {
+                            this.selectedInputOption$.next('text');
+                        }
+                    });
+                }
+            });
+        }), tap$1(() => {
+            this.loading$.next(false);
+        }));
+        this.selectedInputOption$ = new BehaviorSubject('selection');
+        this.pluginId$ = new BehaviorSubject('');
+        this.inputTypeOptions$ = this.pluginId$.pipe(filter(pluginId => !!pluginId), switchMap(pluginId => combineLatest([
+            this.pluginTranslatePipe.transform('selection', pluginId),
+            this.pluginTranslatePipe.transform('text', pluginId),
+        ])), map(([selectionTranslation, textTranslation]) => [
+            { value: 'selection', title: selectionTranslation },
+            { value: 'text', title: textTranslation },
+        ]));
+        this.formValue$ = new BehaviorSubject(null);
+        this.valid$ = new BehaviorSubject(false);
+    }
+    ngOnInit() {
+        this.openSaveSubscription();
+    }
+    ngOnDestroy() {
+        this.saveSubscription?.unsubscribe();
+    }
+    formValueChange(formValue) {
+        this.formValue$.next(formValue);
+        this.handleValid(formValue);
+        if (formValue.inputTypeEigenschapToggle) {
+            this.selectedInputOption$.next(formValue.inputTypeEigenschapToggle);
+        }
+    }
+    selectCaseDefinition(caseDefinitionName) {
+        this.selectedCaseDefinitionName$.next(caseDefinitionName);
+        this.clearEigenschapSelection$.next();
+    }
+    oneSelectItem(selectItems) {
+        if (Array.isArray(selectItems)) {
+            return selectItems.length === 1;
+        }
+        return false;
+    }
+    handleValid(formValue) {
+        const valid = !!formValue.eigenschapUrl;
+        this.valid$.next(valid);
+        this.valid.emit(valid);
+    }
+    openSaveSubscription() {
+        this.saveSubscription = this.save$?.subscribe(save => {
+            combineLatest([this.formValue$, this.valid$])
+                .pipe(take(1))
+                .subscribe(([formValue, valid]) => {
+                if (valid) {
+                    this.configuration.emit({
+                        eigenschapUrl: formValue.eigenschapUrl,
+                    });
+                }
+            });
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.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: "16.2.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-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    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      [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"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme"], outputs: ["selectedChange"] }, { kind: "component", type: i2$2.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: i8.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: "16.2.12", ngImport: i0, type: DeleteZaakeigenschapComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-delete-zaakeigenschap', providers: [PluginTranslatePipe], template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    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      [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" }]
+        }], ctorParameters: function () { return [{ type: i2$2.ModalService }, { type: i2$3.DocumentService }, { type: ZakenApiService }, { type: PluginTranslatePipe }]; }, propDecorators: { save$: [{
+                type: Input
+            }], disabled$: [{
+                type: Input
+            }], pluginId: [{
+                type: Input
+            }], prefillConfiguration$: [{
+                type: Input
+            }], valid: [{
+                type: Output
+            }], configuration: [{
+                type: Output
+            }] } });
+
 /*
  * Copyright 2015-2023 Ritense BV, the Netherlands.
  *
@@ -3085,7 +3657,12 @@ class ZakenApiPluginModule {
             CreateNatuurlijkPersoonZaakRolComponent,
             CreateNietNatuurlijkPersoonZaakRolComponent,
             CreateZaakConfigurationComponent,
-            SetZaakopschortingComponent], imports: [CommonModule,
+            SetZaakopschortingComponent,
+            StartHersteltermijnConfigurationComponent,
+            EndHersteltermijnComponent,
+            CreateZaakeigenschapComponent,
+            UpdateZaakeigenschapComponent,
+            DeleteZaakeigenschapComponent], imports: [CommonModule,
             PluginTranslatePipeModule,
             FormModule,
             InputModule,
@@ -3102,7 +3679,12 @@ class ZakenApiPluginModule {
             CreateZaakConfigurationComponent,
             CreateNatuurlijkPersoonZaakRolComponent,
             CreateNietNatuurlijkPersoonZaakRolComponent,
-            SetZaakopschortingComponent] }); }
+            SetZaakopschortingComponent,
+            StartHersteltermijnConfigurationComponent,
+            EndHersteltermijnComponent,
+            CreateZaakeigenschapComponent,
+            UpdateZaakeigenschapComponent,
+            DeleteZaakeigenschapComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ZakenApiPluginModule, imports: [CommonModule,
             PluginTranslatePipeModule,
             FormModule,
@@ -3127,6 +3709,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         CreateNietNatuurlijkPersoonZaakRolComponent,
                         CreateZaakConfigurationComponent,
                         SetZaakopschortingComponent,
+                        StartHersteltermijnConfigurationComponent,
+                        EndHersteltermijnComponent,
+                        CreateZaakeigenschapComponent,
+                        UpdateZaakeigenschapComponent,
+                        DeleteZaakeigenschapComponent,
                     ],
                     imports: [
                         CommonModule,
@@ -3150,6 +3737,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         CreateNatuurlijkPersoonZaakRolComponent,
                         CreateNietNatuurlijkPersoonZaakRolComponent,
                         SetZaakopschortingComponent,
+                        StartHersteltermijnConfigurationComponent,
+                        EndHersteltermijnComponent,
+                        CreateZaakeigenschapComponent,
+                        UpdateZaakeigenschapComponent,
+                        DeleteZaakeigenschapComponent,
                     ],
                 }]
         }] });
@@ -3215,6 +3807,11 @@ const zakenApiPluginSpecification = {
         'create-natuurlijk-persoon-zaak-rol': CreateNatuurlijkPersoonZaakRolComponent,
         'create-niet-natuurlijk-persoon-zaak-rol': CreateNietNatuurlijkPersoonZaakRolComponent,
         'set-zaakopschorting': SetZaakopschortingComponent,
+        'start-hersteltermijn': StartHersteltermijnConfigurationComponent,
+        'end-hersteltermijn': EndHersteltermijnComponent,
+        'create-zaakeigenschap': CreateZaakeigenschapComponent,
+        'update-zaakeigenschap': UpdateZaakeigenschapComponent,
+        'delete-zaakeigenschap': DeleteZaakeigenschapComponent,
     },
     pluginTranslations: {
         nl: {
@@ -3253,6 +3850,23 @@ const zakenApiPluginSpecification = {
             'create-natuurlijk-persoon-zaak-rol': 'Zaakrol aanmaken - natuurlijk persoon',
             'create-niet-natuurlijk-persoon-zaak-rol': 'Zaakrol aanmaken - niet natuurlijk persoon',
             'set-zaakopschorting': 'Schort een zaak op',
+            'start-hersteltermijn': 'Start hersteltermijn',
+            startRecoveryPeriodInformation: 'Deze actie start een hersteltermijn voor de zaak die aan dit proces is gekoppeld.',
+            maxDurationInDays: 'Maximale duur in dagen',
+            maxDurationInDaysTooltip: 'De ingevoerde waarde vertegenwoordigt de maximale duur van de hersteltermijn in dagen.',
+            'end-hersteltermijn': 'Beëindig hersteltermijn',
+            endHersteltermijnInformation: 'Beëindigt de momenteel lopende hersteltermijn van de Zaak',
+            'create-zaakeigenschap': 'Creëer zaakeigenschap',
+            'update-zaakeigenschap': 'Bijwerken zaakeigenschap',
+            'delete-zaakeigenschap': 'Verwijder zaakeigenschap',
+            eigenschapUrl: 'Eigenschap URL',
+            eigenschapUrlTooltip: 'URL-referentie naar de eigenschap.',
+            eigenschapValue: 'Eigenschap waarde',
+            eigenschapValueTooltip: 'De waarde van de zaakeigenschap',
+            eigenschapUrlSelect: 'Eigenschap',
+            eigenschapUrlSelectTooltip: 'Selecteer een eigenschap.',
+            inputTypeEigenschapToggle: 'Invoertype eigenschap-URL',
+            caseDefinitionTooltipEigenschap: 'Selecteer de dossierdefinitie waarvan u een eigenschap wilt selecteren. Als er slechts één eigenschap beschikbaar is, wordt deze standaard geselecteerd.',
             roltypeUrl: 'Roltype URL',
             rolToelichting: 'Roltoelichting',
             inpBsn: 'Initiator BSN',
@@ -3323,6 +3937,23 @@ const zakenApiPluginSpecification = {
             'create-natuurlijk-persoon-zaak-rol': 'Create Zaakrol - natural person',
             'create-niet-natuurlijk-persoon-zaak-rol': 'Create Zaakrol - not a natural person',
             'set-zaakopschorting': 'Suspend case',
+            'start-hersteltermijn': 'Start recovery period',
+            startHersteltermijnInformation: 'This action initiates a recovery period for the case associated with this process.',
+            maxDurationInDays: 'Maximum duration in days',
+            maxDurationInDaysTooltip: 'The entered value represents the maximum duration of the recovery period in days.',
+            'end-hersteltermijn': 'End recovery period',
+            endHersteltermijnInformation: 'Ends the currently running recovery period of the Zaak',
+            'create-zaakeigenschap': 'Create zaakeigenschap',
+            'update-zaakeigenschap': 'Update zaakeigenschap',
+            'delete-zaakeigenschap': 'Delete zaakeigenschap',
+            eigenschapUrl: 'Property URL',
+            eigenschapUrlTooltip: 'URL reference to the eigenschap.',
+            eigenschapValue: 'Eigenschap value',
+            eigenschapValueTooltip: 'The value of the zaakeigenschap',
+            eigenschapUrlSelect: 'Eigenschap',
+            eigenschapUrlSelectTooltip: 'Select a eigenschap.',
+            inputTypeEigenschapToggle: 'Input type eigenschap-URL',
+            caseDefinitionTooltipEigenschap: 'Select the case definition from which you want to select an eigenschap. If only one eigenschap is available, it will be selected by default.',
             roltypeUrl: 'Role type URL',
             rolToelichting: 'Role explanation',
             inpBsn: 'Initiator BSN',
@@ -3393,6 +4024,23 @@ const zakenApiPluginSpecification = {
             'create-natuurlijk-persoon-zaak-rol': 'Zaakrol erstellen – natürliche Person',
             'create-niet-natuurlijk-persoon-zaak-rol': 'Zaakrol erstellen – keine natürliche Person',
             'set-zaakopschorting': 'Einen Fall aussetzen',
+            'start-hersteltermijn': 'Beginnen Sie mit der Erholungsphase',
+            startHersteltermijnInformation: 'Diese Aktion startet eine Erholungszeit für den Fall, der mit diesem Prozess verknüpft ist.',
+            maxDurationInDays: 'Maximale Dauer in Tagen',
+            maxDurationInDaysTooltip: 'Der eingegebene Wert stellt die maximale Dauer der Erholungszeit in Tagen dar.',
+            'end-hersteltermijn': 'Beenden Sie mit der Erholungsphase',
+            endHersteltermijnInformation: 'Beenden die aktuelle Erholungsphase des Case',
+            'create-zaakeigenschap': 'Zaakeigenschaft erstellen',
+            'update-zaakeigenschap': 'Zaakeigenschaft aktualisieren',
+            'delete-zaakeigenschap': 'Zaakeigenschaft löschen',
+            eigenschapUrl: 'Eigenschafts-URL',
+            eigenschapUrlTooltip: 'URL-Referenz zur Eigenschaft.',
+            eigenschapValue: 'Eigenschaftswert',
+            eigenschapValueTooltip: 'Der Wert der Zaakeigenschaft',
+            inputTypeEigenschapToggle: 'Eingabetyp eigenschap-URL',
+            eigenschapUrlSelect: 'Eigenschap',
+            eigenschapUrlSelectTooltip: 'Wählen Sie den eigenschap aus.',
+            caseDefinitionTooltipEigenschap: 'Wählen Sie die eigenschap aus, aus der Sie einen eigenschap auswählen möchten. Wenn nur ein Statustyp verfügbar ist, wird dieser standardmäßig ausgewählt.',
             roltypeUrl: 'Rollentyp-URL',
             rolToelichting: 'Rollenerklärung',
             inpBsn: 'Initiator BSN',
@@ -5760,13 +6408,15 @@ class CreateZaakBesluitConfigurationComponent {
             'ingetrokken_overheid',
             'ingetrokken_belanghebbende',
         ];
-        this.vervalredenenSelectItems$ = this.translateService.stream('key').pipe(map$1(() => this.VERVALREDENEN.map(item => ({
+        this.vervalredenenSelectItems$ = this.translateService.stream('key').pipe(switchMap(() => this.pluginId$), map$1(pluginId => this.VERVALREDENEN.map(item => ({
             id: item,
-            text: this.pluginTranslationService.instant(item, this.pluginId),
+            text: this.pluginTranslationService.instant(item, pluginId),
         }))));
         this.caseDefinitionSelectItems$ = new BehaviorSubject(null);
         this.selectedCaseDefinitionId$ = new BehaviorSubject('');
         this.selectedInputOption$ = new BehaviorSubject('selection');
+        this.selectedStartDateInputOption$ = new BehaviorSubject('selection');
+        this.selectedExpirationDateInputOption$ = new BehaviorSubject('selection');
         this.loading$ = new BehaviorSubject(true);
         this.pluginId$ = new BehaviorSubject('');
         this.inputTypeOptions$ = this.pluginId$.pipe(filter(pluginId => !!pluginId), switchMap(pluginId => combineLatest([
@@ -5776,6 +6426,20 @@ class CreateZaakBesluitConfigurationComponent {
             { value: 'selection', title: selectionTranslation },
             { value: 'text', title: textTranslation },
         ]));
+        this.startDateInputTypeOptions$ = this.pluginId$.pipe(filter(pluginId => !!pluginId), switchMap(pluginId => combineLatest([
+            this.pluginTranslatePipe.transform('selection', pluginId),
+            this.pluginTranslatePipe.transform('text', pluginId),
+        ])), map$1(([selectionTranslation, textTranslation]) => [
+            { value: 'selection', title: selectionTranslation },
+            { value: 'text', title: textTranslation },
+        ]));
+        this.expirationDateInputTypeOptions$ = this.pluginId$.pipe(filter(pluginId => !!pluginId), switchMap(pluginId => combineLatest([
+            this.pluginTranslatePipe.transform('selection', pluginId),
+            this.pluginTranslatePipe.transform('text', pluginId),
+        ])), map$1(([selectionTranslation, textTranslation]) => [
+            { value: 'selection', title: selectionTranslation },
+            { value: 'text', title: textTranslation },
+        ]));
         this.besluitTypeSelectItems$ = this.modalService.modalData$.pipe(switchMap(params => this.documentService.findProcessDocumentDefinitionsByProcessDefinitionKey(params?.processDefinitionKey)), tap$1(processDocumentDefinitions => {
             const caseDefSelectItems = processDocumentDefinitions.map(processDocDef => ({
                 text: processDocDef.id.documentDefinitionId.name,
@@ -5836,6 +6500,12 @@ class CreateZaakBesluitConfigurationComponent {
         if (formValue.inputTypeBesluitToggle) {
             this.selectedInputOption$.next(formValue.inputTypeBesluitToggle);
         }
+        if (formValue.inputTypeStartingDateToggle) {
+            this.selectedStartDateInputOption$.next(formValue.inputTypeStartingDateToggle);
+        }
+        if (formValue.inputTypeExpirationDateToggle) {
+            this.selectedExpirationDateInputOption$.next(formValue.inputTypeExpirationDateToggle);
+        }
     }
     oneSelectItem(selectItems) {
         if (Array.isArray(selectItems)) {
@@ -5848,7 +6518,7 @@ class CreateZaakBesluitConfigurationComponent {
         this.clearBesluitSelection$.next();
     }
     handleValid(formValue) {
-        const valid = !!formValue.besluittypeUrl;
+        const valid = !!formValue.besluittypeUrl && !!formValue.ingangsdatum;
         this.valid$.next(valid);
         this.valid.emit(valid);
     }
@@ -5864,11 +6534,11 @@ class CreateZaakBesluitConfigurationComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.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: "16.2.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-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-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    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        [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        [tooltip]=\"'bestuursorgaanTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"350\"\n      >\n      </v-input>\n      <v-date-picker\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-date-picker\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: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.loading-container{display:flex;flex-direction:row;justify-content:center;height:100%;width:100%;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme"], outputs: ["selectedChange"] }, { kind: "component", type: i2$2.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"] }, { 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: i8.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: "16.2.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-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    besluitTypeItems: besluitTypeSelectItems$ | async,\n    selectedInputOption: selectedInputOption$ | async,\n    selectedStartDateInputOption: selectedStartDateInputOption$ | async,\n    selectedExpirationDateInputOption: selectedExpirationDateInputOption$ | async,\n    caseDefinitionItems: caseDefinitionSelectItems$ | 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        [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        [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        [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        [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: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.loading-container{display:flex;flex-direction:row;justify-content:center;height:100%;width:100%;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme"], outputs: ["selectedChange"] }, { kind: "component", type: i2$2.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"] }, { 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: i8.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: "16.2.12", ngImport: i0, type: CreateZaakBesluitConfigurationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-create-zaak-besluit-configuration', providers: [PluginTranslatePipe], template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-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    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        [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        [tooltip]=\"'bestuursorgaanTooltip' | pluginTranslate: obs.pluginId | async\"\n        [widthPx]=\"350\"\n      >\n      </v-input>\n      <v-date-picker\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-date-picker\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: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.loading-container{display:flex;flex-direction:row;justify-content:center;height:100%;width:100%;align-items:center}\n"] }]
+            args: [{ selector: 'valtimo-create-zaak-besluit-configuration', providers: [PluginTranslatePipe], template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    besluitTypeItems: besluitTypeSelectItems$ | async,\n    selectedInputOption: selectedInputOption$ | async,\n    selectedStartDateInputOption: selectedStartDateInputOption$ | async,\n    selectedExpirationDateInputOption: selectedExpirationDateInputOption$ | async,\n    caseDefinitionItems: caseDefinitionSelectItems$ | 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        [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        [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        [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        [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: ["/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */.loading-container{display:flex;flex-direction:row;justify-content:center;height:100%;width:100%;align-items:center}\n"] }]
         }], ctorParameters: function () { return [{ type: i2.TranslateService }, { type: PluginTranslationService }, { type: i2$2.ModalService }, { type: i2$3.DocumentService }, { type: BesluitenApiService }, { type: PluginTranslatePipe }]; }, propDecorators: { save$: [{
                 type: Input
             }], disabled$: [{
@@ -6094,9 +6764,9 @@ const besluitenApiPluginSpecification = {
             bestuursorgaan: 'Bestuursorgaan',
             bestuursorgaanTooltip: 'Een orgaan van een rechtspersoon krachtens publiekrecht ingesteld of een persoon of college, met enig openbaar gezag bekleed onder wiens verantwoordelijkheid het besluit vastgesteld is.',
             ingangsdatum: 'Ingangsdatum',
-            ingangsdatumTooltip: 'Ingangsdatum van de werkingsperiode van het besluit.',
+            ingangsdatumTooltip: 'Ingangsdatum van de werkingsperiode van het besluit. Ondersteunt de value resolver, bijv: pv:ingangsdatum of doc:/besluit/ingangsdatum. Ondersteunende datum voorbeelden: 2024-04-01, 2024-04-01T12:10:00, 2024-04-01T12:10:06.069Z. Selecteer Tekst om de document of proces variabel property te gebruiken en Selectie om een datum uit een kalender te selecteren',
             vervaldatum: 'Vervaldatum',
-            vervaldatumTooltip: 'Datum waarop de werkingsperiode van het besluit eindigt.',
+            vervaldatumTooltip: 'Datum waarop de werkingsperiode van het besluit eindigt. Ondersteunt de value resolver, bijv: pv:vervaldatum of doc:/besluit/vervaldatum. Ondersteunende datum voorbeelden: 2024-04-01, 2024-04-01T12:10:00, 2024-04-01T12:10:06.069Z. Selecteer Tekst om de document of proces variabel property te gebruiken en Selectie om een datum uit een kalender te selecteren',
             vervalreden: 'Vervalreden',
             vervalredenTooltip: 'De omschrijving die aangeeft op grond waarvan het besluit is of komt te vervallen.',
             tijdelijk: 'Tijdelijk',
@@ -6117,6 +6787,8 @@ const besluitenApiPluginSpecification = {
             documentUrl: 'Document URL',
             documentUrlTooltip: 'URL-referentie naar het document',
             inputTypeBesluitToggle: 'Invoertype Besluit-URL',
+            inputTypeStartingDateToggle: 'Invoertype Begindatum',
+            inputTypeExpirationDateToggle: 'Invoertype vervaldatum',
             text: 'Tekst',
             selection: 'Selectie',
             caseDefinition: 'Dossierdefinitie',
@@ -6143,9 +6815,9 @@ const besluitenApiPluginSpecification = {
             bestuursorgaan: 'Governing body',
             bestuursorgaanTooltip: 'A body of a legal person established under public law or a person or body with any public authority under whose responsibility the decision has been adopted.',
             ingangsdatum: 'Starting date',
-            ingangsdatumTooltip: 'Commencement date of the effective period of the besluit.',
+            ingangsdatumTooltip: 'Commencement date of the effective period of the besluit. Supports the value resolver eg: pv:ingangsdatum or doc:/besluit/ingangsdatum. Supporting date format examples: 2024-04-01, 2024-04-01T12:10:00, 2024-04-01T12:10:06.069Z. Select Text to use document or process variable property and Selection to select a date from a calendar.',
             vervaldatum: 'Expiration date',
-            vervaldatumTooltip: 'Date on which the period of operation of the besluit ends.',
+            vervaldatumTooltip: 'Date on which the period of operation of the besluit ends. Supports the value resolver eg: pv:vervaldatum or doc:/besluit/vervaldatum. Supporting date format examples: 2024-04-01, 2024-04-01T12:10:00, 2024-04-01T12:10:06.069Z. Select Text to use document or process variable property and Selection to select a date from a calendar.',
             vervalreden: 'Reason for expiry',
             vervalredenTooltip: 'The description that indicates on the basis of which the decision has been or will be cancelled.',
             tijdelijk: 'Temporary',
@@ -6166,6 +6838,8 @@ const besluitenApiPluginSpecification = {
             documentUrl: 'Document URL',
             documentUrlTooltip: 'URL reference to the document',
             inputTypeBesluitToggle: 'Input type Besluit-URL',
+            inputTypeStartingDateToggle: 'Input type start date',
+            inputTypeExpirationDateToggle: 'Input type expiration date',
             text: 'Text',
             selection: 'Selection',
             caseDefinition: 'Case definition',
@@ -6192,9 +6866,9 @@ const besluitenApiPluginSpecification = {
             bestuursorgaan: 'Leitungsgremium',
             bestuursorgaanTooltip: 'Eine Körperschaft einer juristischen Person des öffentlichen Rechts oder eine Person oder Körperschaft einer öffentlichen Behörde, unter deren Verantwortung die Entscheidung getroffen wurde.',
             ingangsdatum: 'Anfangsdatum',
-            ingangsdatumTooltip: 'Datum des Beginns der Geltungsdauer der Entscheidung.',
+            ingangsdatumTooltip: 'Datum des Beginns der Geltungsdauer der Entscheidung. Unterstützt den Werteauflöser, z. B.: pv:ingangsdatum oder doc:/besluit/ingangdatum. Beispiele für unterstützende Datumsformate: 2024-04-01, 2024-04-01T12:10:00, 2024-04-01T12:10:06.069Z. Wählen Sie Text, um die Dokument- oder Prozessvariableneigenschaft zu verwenden, und Auswahl, um ein Datum aus einem Kalender auszuwählen',
             vervaldatum: 'Verfallsdatum',
-            vervaldatumTooltip: 'Datum, an dem die Geltungsdauer der Entscheidung endet.',
+            vervaldatumTooltip: 'Datum, an dem die Geltungsdauer der Entscheidung endet. Unterstützt den Werteauflöser, z. B.: pv:vervaldatum oder doc:/besluit/vervaldatum. Beispiele für unterstützende Datumsformate: 2024-04-01, 2024-04-01T12:10:00, 2024-04-01T12:10:06.069Z. Wählen Sie Text, um die Dokument- oder Prozessvariableneigenschaft zu verwenden, und Auswahl, um ein Datum aus einem Kalender auszuwählen',
             vervalreden: 'Ablaufgrund',
             vervalredenTooltip: 'Die Beschreibung, auf deren Grundlage die Entscheidung aufgehoben wurde oder wird.',
             tijdelijk: 'Temporär',
@@ -6215,6 +6889,8 @@ const besluitenApiPluginSpecification = {
             documentUrl: 'Document URL',
             documentUrlTooltip: 'URL-Referenz zum document',
             inputTypeBesluitToggle: 'Eingabetyp Besluit-URL',
+            inputTypeStartingDateToggle: 'Eingabetyp Begindatum',
+            inputTypeExpirationDateToggle: 'Eingabetyp Einddatum',
             text: 'Text',
             selection: 'Auswahl',
             caseDefinition: 'Falltyp',
@@ -6248,5 +6924,5 @@ const besluitenApiPluginSpecification = {
  * Generated bundle index. Do not edit.
  */
 
-export { BesluitenApiConfigurationComponent, BesluitenApiPluginModule, CatalogiApiConfigurationComponent, CatalogiApiPluginModule, CompletePortalTaskComponent, CreateNatuurlijkPersoonZaakRolComponent, CreateNietNatuurlijkPersoonZaakRolComponent, CreatePortalTaskComponent, CreateZaakBesluitConfigurationComponent, CreateZaakConfigurationComponent, CreateZaakResultaatConfigurationComponent, DeleteObjectComponent, DocumentenApiConfigurationComponent, DocumentenApiPluginModule, DownloadDocumentConfigurationComponent, GenerateDocumentConfigurationComponent, GetBesluittypeConfigurationComponent, GetResultaattypeConfigurationComponent, GetStatustypeConfigurationComponent, GetTemplateNamesComponent, LinkDocumentToBesluitConfigurationComponent, LinkDocumentToZaakConfigurationComponent, LinkUploadedDocumentToZaakConfigurationComponent, NotificatiesApiConfigurationComponent, NotificatiesApiPluginModule, ObjectTokenAuthencationConfigurationComponent, ObjectTokenAuthenticationPluginModule, ObjectenApiConfigurationComponent, ObjectenApiPluginModule, ObjecttypenApiConfigurationComponent, ObjecttypenApiPluginModule, OpenNotificatiesConfigurationComponent, OpenNotificatiesPluginModule, OpenZaakConfigurationComponent, OpenZaakPluginModule, PLUGINS_TOKEN, PluginConfigurationContainerComponent, PluginConfigurationContainerModule, PluginManagementService, PluginService, PluginTranslatePipe, PluginTranslatePipeModule, PluginTranslationService, PortaaltaakConfigurationComponent, PortaaltaakPluginModule, SetZaakStatusConfigurationComponent, SetZaakopschortingComponent, SmartDocumentsConfigurationComponent, SmartDocumentsPluginModule, StoreTempDocumentConfigurationComponent, StoreUploadedDocumentConfigurationComponent, VerzoekConfigurationComponent, VerzoekPluginModule, ZakenApiConfigurationComponent, ZakenApiPluginModule, besluitenApiPluginSpecification, catalogiApiPluginSpecification, documentenApiPluginSpecification, notificatiesApiPluginSpecification, objectTokenAuthenticationPluginSpecification, objectenApiPluginSpecification, objecttypenApiPluginSpecification, openNotificatiesPluginSpecification, openZaakPluginSpecification, portaaltaakPluginSpecification, smartDocumentsPluginSpecification, verzoekPluginSpecification, zakenApiPluginSpecification };
+export { BesluitenApiConfigurationComponent, BesluitenApiPluginModule, CatalogiApiConfigurationComponent, CatalogiApiPluginModule, CompletePortalTaskComponent, CreateNatuurlijkPersoonZaakRolComponent, CreateNietNatuurlijkPersoonZaakRolComponent, CreatePortalTaskComponent, CreateZaakBesluitConfigurationComponent, CreateZaakConfigurationComponent, CreateZaakResultaatConfigurationComponent, CreateZaakeigenschapComponent, DeleteObjectComponent, DeleteZaakeigenschapComponent, DocumentenApiConfigurationComponent, DocumentenApiPluginModule, DownloadDocumentConfigurationComponent, EndHersteltermijnComponent, GenerateDocumentConfigurationComponent, GetBesluittypeConfigurationComponent, GetResultaattypeConfigurationComponent, GetStatustypeConfigurationComponent, GetTemplateNamesComponent, LinkDocumentToBesluitConfigurationComponent, LinkDocumentToZaakConfigurationComponent, LinkUploadedDocumentToZaakConfigurationComponent, NotificatiesApiConfigurationComponent, NotificatiesApiPluginModule, ObjectTokenAuthencationConfigurationComponent, ObjectTokenAuthenticationPluginModule, ObjectenApiConfigurationComponent, ObjectenApiPluginModule, ObjecttypenApiConfigurationComponent, ObjecttypenApiPluginModule, OpenNotificatiesConfigurationComponent, OpenNotificatiesPluginModule, OpenZaakConfigurationComponent, OpenZaakPluginModule, PLUGINS_TOKEN, PluginConfigurationContainerComponent, PluginConfigurationContainerModule, PluginManagementService, PluginService, PluginTranslatePipe, PluginTranslatePipeModule, PluginTranslationService, PortaaltaakConfigurationComponent, PortaaltaakPluginModule, SetZaakStatusConfigurationComponent, SetZaakopschortingComponent, SmartDocumentsConfigurationComponent, SmartDocumentsPluginModule, StartHersteltermijnConfigurationComponent, StoreTempDocumentConfigurationComponent, StoreUploadedDocumentConfigurationComponent, UpdateZaakeigenschapComponent, VerzoekConfigurationComponent, VerzoekPluginModule, ZakenApiConfigurationComponent, ZakenApiPluginModule, besluitenApiPluginSpecification, catalogiApiPluginSpecification, documentenApiPluginSpecification, notificatiesApiPluginSpecification, objectTokenAuthenticationPluginSpecification, objectenApiPluginSpecification, objecttypenApiPluginSpecification, openNotificatiesPluginSpecification, openZaakPluginSpecification, portaaltaakPluginSpecification, smartDocumentsPluginSpecification, verzoekPluginSpecification, zakenApiPluginSpecification };
 //# sourceMappingURL=valtimo-plugin.mjs.map