@valtimo/plugin 13.29.0 → 13.31.0

package/fesm2022/valtimo-plugin.mjs

@@ -4449,7 +4449,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 /*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -4464,15 +4464,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  * limitations under the License.
  */
 const CreateZaakExtraPropertyOptions = [
+    'archiveActionDate',
+    'archiveNomination',
+    'archiveStatus',
+    'caseGeometryCoordinates',
+    'caseGeometryType',
+    'characteristics',
+    'commissioningOrganisation',
+    'communicationChannel',
+    'communicationChannelName',
+    'confidentiality',
     'description',
     'explanation',
-    'plannedEndDate',
+    'extensionDuration',
+    'extensionReason',
     'finalDeliveryDate',
-    'communicationChannel',
-    'paymentIndication',
-    'caseGeometryType',
-    'caseGeometryCoordinates',
+    'identification',
+    'lastOpenedDate',
+    'lastPaymentDate',
     'mainCase',
+    'paymentIndication',
+    'plannedEndDate',
+    'processObjectCategory',
+    'processObjectDateAttribute',
+    'processObjectIdentification',
+    'processObjectObjectType',
+    'processObjectRegistration',
+    'productsAndServices',
+    'publicationDate',
+    'registrationDate',
+    'relatedCases',
+    'relevantOtherCases',
+    'selectionListClass',
+    'startDateRetentionPeriod',
+    'suspensionIndication',
+    'suspensionReason',
 ];
 
 const GEOMETRY_TYPES = [
@@ -4485,7 +4511,95 @@ const GEOMETRY_TYPES = [
     'MultiPolygon',
 ];
 
-const PAYMENT_INDICATION_TYPES = ['nvt', 'nog_niet', 'gedeeltelijk', 'geheel'];
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const PAYMENT_INDICATION_TYPES = [
+    'nvt',
+    'gefactureerd',
+    'gecrediteerd',
+    'betaald',
+    'nog_niet', // Deprecated
+    'gedeeltelijk', // Deprecated
+    'geheel', // Deprecated
+];
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const CONFIDENTIALITY_TYPES = [
+    'openbaar',
+    'beperkt_openbaar',
+    'intern',
+    'zaakvertrouwelijk',
+    'vertrouwelijk',
+    'confidentieel',
+    'geheim',
+    'zeer_geheim',
+];
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const ARCHIVE_NOMINATION_TYPES = ['blijvend_bewaren', 'vernietigen'];
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const ARCHIVE_STATUS_TYPES = [
+    'nog_te_archiveren',
+    'gearchiveerd',
+    'gearchiveerd_procestermijn_onbekend',
+    'overgedragen',
+];
 
 /*
  * Copyright 2015-2026 Ritense BV, the Netherlands.
@@ -4510,12 +4624,50 @@ class CreateZaakConfigurationComponent {
         this.iconService = iconService;
         this.valid = new EventEmitter();
         this.configuration = new EventEmitter();
-        this.propertyOptions = Object.values(CreateZaakExtraPropertyOptions);
+        this.LINKED_FIELD_GROUPS = {
+            caseGeometryType: ['caseGeometryCoordinates'],
+            verlenging: ['extensionReason', 'extensionDuration'],
+            opschorting: ['suspensionIndication', 'suspensionReason'],
+            processObject: [
+                'processObjectDateAttribute',
+                'processObjectIdentification',
+                'processObjectObjectType',
+                'processObjectRegistration',
+            ],
+        };
+        this.GROUP_TRIGGERS = new Set(['verlenging', 'opschorting', 'processObject']);
+        this._allLinkedFollowers = Object.values(this.LINKED_FIELD_GROUPS).flat();
+        this.menuPropertyOptions = [
+            ...CreateZaakExtraPropertyOptions.filter(p => !this._allLinkedFollowers.includes(p)),
+            ...Object.keys(this.LINKED_FIELD_GROUPS).filter(k => this.GROUP_TRIGGERS.has(k)),
+        ];
         this.propertyList = [];
-        this.geometryTypes = GEOMETRY_TYPES;
-        this.paymentIndicationTypes = PAYMENT_INDICATION_TYPES;
         this.pluginId$ = new BehaviorSubject('');
         this.selectedInputOption$ = new BehaviorSubject('selection');
+        this._propertyListChanged$ = new BehaviorSubject(undefined);
+        this.sortedPropertyList$ = combineLatest([
+            this.pluginId$.pipe(filter(Boolean)),
+            this._propertyListChanged$,
+        ]).pipe(switchMap(([pluginId]) => {
+            if (this.propertyList.length === 0)
+                return of([]);
+            return combineLatest(this.propertyList.map(p => this.pluginTranslatePipe.transform(p.translationKey, pluginId).pipe(map$1(label => ({ key: p.name, label }))))).pipe(map$1(labeledItems => {
+                const labelMap = new Map(labeledItems.map(i => [i.key, i.label]));
+                return this.sortPropertyListByLabel(this.propertyList, labelMap);
+            }));
+        }));
+        this.sortedPropertyListGroups$ = this.sortedPropertyList$.pipe(map$1(list => {
+            const groups = [];
+            for (const property of list) {
+                if (!this.isLinkedFollower(property.name)) {
+                    groups.push([property]);
+                }
+                else {
+                    groups[groups.length - 1].push(property);
+                }
+            }
+            return groups;
+        }));
         this.loading$ = new BehaviorSubject(true);
         this.inputTypeOptions$ = this.pluginId$.pipe(filter(pluginId => !!pluginId), switchMap(pluginId => combineLatest([
             this.pluginTranslatePipe.transform('selection', pluginId),
@@ -4524,6 +4676,7 @@ class CreateZaakConfigurationComponent {
             { value: 'selection', title: selectionTranslation },
             { value: 'text', title: textTranslation },
         ]));
+        this.sortedMenuPropertyOptions$ = this.pluginId$.pipe(filter(pluginId => !!pluginId), switchMap(pluginId => combineLatest(this.menuPropertyOptions.map(p => this.pluginTranslatePipe.transform(this.translationKeyFor(p), pluginId).pipe(map$1(label => ({ key: p, label })))))), map$1(items => [...items].sort((a, b) => a.label.localeCompare(b.label)).map(item => item.key)));
         this.zaakTypeItems$ = this.modalService.modalData$.pipe(switchMap(() => this.context$), tap$1(([context]) => {
             if (context === 'independent' || context === 'buildingBlock') {
                 this.selectedInputOption$.next('text');
@@ -4555,22 +4708,29 @@ class CreateZaakConfigurationComponent {
         }), tap$1(() => {
             this.loading$.next(false);
         }));
-        this.CASE_GEOMETRY_TYPE = 'caseGeometryType';
         this.CASE_GEOMETRY_COORDINATES = 'caseGeometryCoordinates';
-        this.PAYMENT_INDICATION_TYPE = 'paymentIndication';
         this._formValue$ = new BehaviorSubject(null);
         this._properties = new Map();
         this._valid$ = new BehaviorSubject(false);
         this.iconService.registerAll([Add16, TrashCan16]);
     }
     ngOnInit() {
+        this.pluginId$.next(this.pluginId);
         this.openSaveSubscription();
         this.prefillConfiguration$.pipe(take(1)).subscribe(prefill => {
-            CreateZaakExtraPropertyOptions.filter(property => prefill && !!prefill[property]).forEach(property => this.addProperty(property));
+            if (!prefill)
+                return;
+            for (const [trigger, followers] of Object.entries(this.LINKED_FIELD_GROUPS)) {
+                if (this.GROUP_TRIGGERS.has(trigger) && followers.some(f => !!prefill[f])) {
+                    this.addProperty(trigger);
+                }
+            }
+            const allFollowers = Object.values(this.LINKED_FIELD_GROUPS).flat();
+            CreateZaakExtraPropertyOptions.filter(p => !allFollowers.includes(p) && !!prefill[p]).forEach(p => this.addProperty(p));
         });
     }
     ngOnDestroy() {
-        this.saveSubscription?.unsubscribe();
+        this._saveSubscription?.unsubscribe();
     }
     onFormValueChanged(formValue) {
         const inputTypeZaakTypeToggle = formValue?.inputTypeZaakTypeToggle;
@@ -4596,33 +4756,56 @@ class CreateZaakConfigurationComponent {
     prefillValueFor(property, prefill) {
         return prefill !== null ? (prefill?.[property] ?? null) : null;
     }
-    translationKeyFor(property) {
-        return property === 'description' ? 'beschrijving' : property;
-    }
-    translationKeyForPropertyList(property) {
-        return property === this.CASE_GEOMETRY_TYPE ? 'caseGeometry' : this.translationKeyFor(property);
-    }
     addProperty(property) {
-        // only add the property to the list if it is not in the list
-        if (this.propertyList.indexOf(property) === -1) {
-            this.propertyList.push(property);
+        if (!this.GROUP_TRIGGERS.has(property)) {
+            if (!this.hasPropertyBeenAdded(property)) {
+                this.propertyList.push(this.propertyFormFieldFor(property));
+                this.onPropertyChanged(property, undefined);
+            }
         }
-        if (property === this.CASE_GEOMETRY_TYPE) {
-            this.addProperty(this.CASE_GEOMETRY_COORDINATES);
+        const linked = this.LINKED_FIELD_GROUPS[property];
+        if (linked) {
+            linked.forEach(p => this.addProperty(p));
         }
+        this._propertyListChanged$.next();
     }
     removeProperty(property) {
-        // only remove the property from the list if it is in the list
-        if (this.propertyList.indexOf(property) !== -1) {
-            this.propertyList.splice(this.propertyList.indexOf(property), 1);
-            this.onPropertyChanged(property, undefined);
+        if (!this.GROUP_TRIGGERS.has(property)) {
+            if (this.hasPropertyBeenAdded(property)) {
+                this.propertyList.splice(this.propertyList.findIndex(item => item.name === property), 1);
+                this.onPropertyChanged(property, undefined);
+            }
         }
-        if (property === this.CASE_GEOMETRY_TYPE) {
-            this.removeProperty(this.CASE_GEOMETRY_COORDINATES);
+        const linked = this.LINKED_FIELD_GROUPS[property];
+        if (linked) {
+            linked.forEach(p => this.removeProperty(p));
         }
+        this._propertyListChanged$.next();
     }
     hasPropertyBeenAdded(property) {
-        return this.propertyList.indexOf(property) !== -1;
+        if (this.GROUP_TRIGGERS.has(property)) {
+            return this.LINKED_FIELD_GROUPS[property]?.some(p => this.hasPropertyBeenAdded(p)) ?? false;
+        }
+        return this.propertyList.findIndex(item => item.name === property) !== -1;
+    }
+    isLinkedFollower(property) {
+        for (const [trigger, followers] of Object.entries(this.LINKED_FIELD_GROUPS)) {
+            if (followers.includes(property)) {
+                if (this.GROUP_TRIGGERS.has(trigger)) {
+                    return followers[0] !== property;
+                }
+                return true;
+            }
+        }
+        return false;
+    }
+    groupTriggerFor(property) {
+        for (const [trigger, followers] of Object.entries(this.LINKED_FIELD_GROUPS)) {
+            if (this.GROUP_TRIGGERS.has(trigger) && followers[0] === property) {
+                return trigger;
+            }
+        }
+        return null;
     }
     onPropertyChanged(property, value) {
         this._properties.set(property, value);
@@ -4632,14 +4815,43 @@ class CreateZaakConfigurationComponent {
             this.onFormValueChanged(formValue);
         });
     }
+    translationKeyFor(property) {
+        if (property === 'description')
+            return 'omschrijving';
+        if (property === 'caseGeometryType')
+            return 'caseGeometry';
+        return property;
+    }
+    followersForHead(property) {
+        if (this.LINKED_FIELD_GROUPS[property] && !this.GROUP_TRIGGERS.has(property)) {
+            return this.LINKED_FIELD_GROUPS[property];
+        }
+        for (const [trigger, followers] of Object.entries(this.LINKED_FIELD_GROUPS)) {
+            if (this.GROUP_TRIGGERS.has(trigger) && followers[0] === property) {
+                return followers.slice(1);
+            }
+        }
+        return [];
+    }
+    sortPropertyListByLabel(list, labels) {
+        const propertyMap = new Map(list.map(p => [p.name, p]));
+        const heads = list.filter(p => !this.isLinkedFollower(p.name));
+        heads.sort((a, b) => (labels.get(a.name) ?? '').localeCompare(labels.get(b.name) ?? ''));
+        return heads.flatMap(head => {
+            const followers = this.followersForHead(head.name)
+                .map(n => propertyMap.get(n))
+                .filter((p) => !!p);
+            return [head, ...followers];
+        });
+    }
     handleValid(formValue) {
-        const isPropertyInvalid = this.propertyList.some(property => !!!formValue[property]);
+        const isPropertyInvalid = this.propertyList.some(property => !!!formValue[property.name]);
         const valid = !!(formValue.rsin && formValue.zaaktypeUrl) && !isPropertyInvalid;
         this._valid$.next(valid);
         this.valid.emit(valid);
     }
     openSaveSubscription() {
-        this.saveSubscription = this.save$?.subscribe(() => {
+        this._saveSubscription = this.save$?.subscribe(() => {
             combineLatest([this._formValue$, this._valid$])
                 .pipe(take(1))
                 .subscribe(([formValue, valid]) => {
@@ -4649,18 +4861,53 @@ class CreateZaakConfigurationComponent {
                         zaaktypeUrl: formValue.zaaktypeUrl,
                         manualZaakTypeUrl: formValue.manualZaakTypeUrl,
                     };
-                    this.propertyList.forEach(property => (payload[property] = formValue[property]));
+                    this.propertyList.forEach(property => (payload[property.name] = formValue[property.name]));
                     this.configuration.emit(payload);
                 }
             });
         });
     }
+    propertyFormFieldFor(property) {
+        return {
+            name: property,
+            translationKey: this.translationKeyFor(property),
+            tooltipTranslationKey: this.tooltipTranslationKeyFor(property),
+            presetOptions: this.presetOptionsForProperty(property),
+        };
+    }
+    tooltipTranslationKeyFor(property) {
+        if (property.toLowerCase().includes('date')) {
+            return 'dateformatTooltip';
+        }
+        if (property === this.CASE_GEOMETRY_COORDINATES) {
+            return 'caseGeometryCoordinatesTooltip';
+        }
+        return null;
+    }
+    presetOptionsForProperty(property) {
+        switch (property) {
+            case 'caseGeometryType':
+                return GEOMETRY_TYPES;
+            case 'paymentIndication':
+                return PAYMENT_INDICATION_TYPES;
+            case 'confidentiality':
+                return CONFIDENTIALITY_TYPES;
+            case 'archiveNomination':
+                return ARCHIVE_NOMINATION_TYPES;
+            case 'archiveStatus':
+                return ARCHIVE_STATUS_TYPES;
+            case 'suspensionIndication':
+                return ['true', 'false'];
+            default:
+                return [];
+        }
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CreateZaakConfigurationComponent, deps: [{ token: i1$4.OpenZaakService }, { token: i2$2.ModalService }, { token: PluginTranslatePipe }, { token: i1$3.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CreateZaakConfigurationComponent, isStandalone: false, selector: "valtimo-create-zaak-configuration", inputs: { context$: "context$", disabled$: "disabled$", pluginId: "pluginId", save$: "save$", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, providers: [PluginTranslatePipe], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    context: context$ | async,\n    disabled: disabled$ | async,\n    loading: loading$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    selectedInputOption: selectedInputOption$ | async,\n    zaakTypeSelectItems: zaakTypeItems$ | async,\n  } as obs\"\n>\n  @if (obs.loading) {\n    <cds-loading></cds-loading>\n  } @else {\n    <v-paragraph [margin]=\"true\" [italic]=\"true\">\n      {{ 'createZaakInformation' | pluginTranslate: pluginId | async }}\n    </v-paragraph>\n\n    <v-form (valueChange)=\"onFormValueChanged($event)\">\n      <v-input\n        name=\"rsin\"\n        [title]=\"'rsin' | pluginTranslate: pluginId | async\"\n        [tooltip]=\"'rsinTooltip' | pluginTranslate: pluginId | async\"\n        [defaultValue]=\"obs.prefill?.rsin\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"true\"\n        [trim]=\"true\"\n        [margin]=\"true\"\n        [widthPx]=\"350\"\n      >\n      </v-input>\n\n      <v-radio\n        *ngIf=\"obs?.context?.[0] === 'case'\"\n        name=\"inputTypeZaakTypeToggle\"\n        [title]=\"'inputTypeZaakTypeToggle' | pluginTranslate: pluginId | async\"\n        [defaultValue]=\"selectedInputOption$ | async\"\n        [radioValues]=\"inputTypeOptions$ | async\"\n        [disabled]=\"obs.disabled\"\n        [margin]=\"true\"\n      >\n      </v-radio>\n\n      <v-input\n        *ngIf=\"obs.selectedInputOption === 'text'\"\n        name=\"zaaktypeUrl\"\n        [title]=\"'zaakTypeUrl' | pluginTranslate: pluginId | async\"\n        [tooltip]=\"'zaakTypeTooltip' | pluginTranslate: pluginId | async\"\n        [defaultValue]=\"obs.prefill?.zaaktypeUrl\"\n        [disabled]=\"obs.disabled || obs.selectedInputOption === 'selection'\"\n        [required]=\"true\"\n        [trim]=\"true\"\n        [margin]=\"true\"\n        [widthPx]=\"700\"\n      >\n      </v-input>\n\n      <v-select\n        *ngIf=\"obs.selectedInputOption === 'selection'\"\n        name=\"zaaktypeUrl\"\n        [title]=\"'zaakType' | pluginTranslate: pluginId | async\"\n        [tooltip]=\"'zaakTypeSelectTooltip' | pluginTranslate: pluginId | async\"\n        [required]=\"true\"\n        [items]=\"obs.zaakTypeSelectItems\"\n        [loading]=\"!obs.zaakTypeSelectItems\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          oneSelectItem(obs.zaakTypeSelectItems)\n        \"\n        [margin]=\"true\"\n        [defaultSelectionId]=\"\n          (selectItemsIncludeId(obs.zaakTypeSelectItems, obs.prefill?.zaaktypeUrl) &&\n            obs.prefill?.zaaktypeUrl) ||\n          (oneSelectItem(obs.zaakTypeSelectItems) && obs.zaakTypeSelectItems[0].id)\n        \"\n        [widthInPx]=\"350\"\n      ></v-select>\n\n      <div class=\"property-row\">\n        <div class=\"property-input-col\">\n          <v-overflow-menu placement=\"bottom-start\" class=\"add-button\">\n            <button overflowTrigger cdsButton=\"primary\" [size]=\"'md'\">\n              {{ 'addZaakProperty' | pluginTranslate: pluginId | async }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n            </button>\n\n            @for (propertyOption of propertyOptions; track propertyOption) {\n              @if (propertyOption !== CASE_GEOMETRY_COORDINATES && !hasPropertyBeenAdded(propertyOption)) {\n                <v-overflow-menu-option (selected)=\"addProperty(propertyOption)\">\n                  {{ translationKeyForPropertyList(propertyOption) | pluginTranslate: pluginId | async }}\n                </v-overflow-menu-option>\n              }\n            }\n          </v-overflow-menu>\n        </div>\n      </div>\n\n      @for (property of propertyList; track property) {\n        <div class=\"property-row\">\n          <div class=\"property-input-col\">\n            @switch (property) {\n              @case (CASE_GEOMETRY_TYPE) {\n                <v-input\n                  [name]=\"CASE_GEOMETRY_TYPE\"\n                  [title]=\"\n                    translationKeyFor(CASE_GEOMETRY_TYPE) | pluginTranslate: pluginId | async\n                  \"\n                  [defaultValue]=\"prefillValueFor(CASE_GEOMETRY_TYPE, obs.prefill)\"\n                  (valueChange)=\"onPropertyChanged(CASE_GEOMETRY_TYPE, $event)\"\n                  [required]=\"true\"\n                  [margin]=\"true\"\n                  [presetOptions]=\"geometryTypes\"\n                />\n              }\n              @case (CASE_GEOMETRY_COORDINATES) {\n                <v-input\n                  [name]=\"CASE_GEOMETRY_COORDINATES\"\n                  [title]=\"\n                    translationKeyFor(CASE_GEOMETRY_COORDINATES) | pluginTranslate: pluginId | async\n                  \"\n                  [tooltip]=\"translationKeyFor(`${CASE_GEOMETRY_COORDINATES}Tooltip`) | pluginTranslate: pluginId | async\"\n                  [defaultValue]=\"prefillValueFor(CASE_GEOMETRY_COORDINATES, obs.prefill)\"\n                  (valueChange)=\"onPropertyChanged(CASE_GEOMETRY_COORDINATES, $event)\"\n                  [required]=\"true\"\n                  [margin]=\"true\"\n                />\n              }\n              @default {\n                <v-input\n                  [name]=\"property\"\n                  [title]=\"translationKeyFor(property) | pluginTranslate: pluginId | async\"\n                  [tooltip]=\"\n                    property.includes('Date')\n                      ? ('dateformatTooltip' | pluginTranslate: pluginId | async)\n                      : null\n                  \"\n                  [defaultValue]=\"prefillValueFor(property, obs.prefill)\"\n                  (valueChange)=\"onPropertyChanged(property, $event)\"\n                  [required]=\"true\"\n                  [margin]=\"true\"\n                  [trim]=\"true\"\n                  [presetOptions]=\"\n                    property === PAYMENT_INDICATION_TYPE ? paymentIndicationTypes : []\n                  \"\n                />\n              }\n            }\n          </div>\n\n          <div class=\"property-delete-col\">\n            @if (property !== CASE_GEOMETRY_COORDINATES) {\n              <button class=\"btn btn-space delete-button\" (click)=\"removeProperty(property)\">\n                <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n              </button>\n            }\n          </div>\n        </div>\n      }\n    </v-form>\n  }\n</ng-container>\n\n", styles: [".loading-container{display:flex;flex-direction:row;justify-content:center;height:100%;width:100%;align-items:center}button.delete-button{height:46px;width:46px;margin-top:20px}button.delete-button:hover{background-color:#e12717}button.add-button{margin-block-end:var(--v-input-margin)}.property-input{display:flex}.property-input v-input,.property-input cds-date-picker-input{flex-grow:1}.property-input button{height:46px;width:46px;margin:16px}div.property-row{width:100%;display:grid;grid-template-columns:92% 8%}div.property-row>*{box-sizing:border-box;min-width:0}div.property-delete-col{margin-left:auto}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i2$2.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i2$2.RadioComponent, selector: "v-radio", inputs: ["name", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "tooltip", "required", "smallLabel", "rows", "clear$", "radioValues"], outputs: ["valueChange"] }, { kind: "component", type: i1$3.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "directive", type: i1$3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i2$2.OverflowMenuComponent, selector: "v-overflow-menu", inputs: ["open", "placement", "menuWidth", "offsetX", "offsetY", "closeOnSelect", "useHostAsReference", "portalToBody"], outputs: ["openChange"] }, { kind: "component", type: i2$2.OverflowMenuOptionComponent, selector: "v-overflow-menu-option", inputs: ["disabled", "type", "testId", "optionId"], outputs: ["selected"] }, { kind: "directive", type: i1$3.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CreateZaakConfigurationComponent, isStandalone: false, selector: "valtimo-create-zaak-configuration", inputs: { context$: "context$", disabled$: "disabled$", pluginId: "pluginId", save$: "save$", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, providers: [PluginTranslatePipe], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 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    context: context$ | async,\n    disabled: disabled$ | async,\n    loading: loading$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    selectedInputOption: selectedInputOption$ | async,\n    zaakTypeSelectItems: zaakTypeItems$ | async,\n  } as obs\"\n>\n  @if (obs.loading) {\n    <cds-loading></cds-loading>\n  } @else {\n    <v-paragraph [margin]=\"true\" [italic]=\"true\">\n      {{ 'createZaakInformation' | pluginTranslate: pluginId | async }}\n    </v-paragraph>\n\n    <v-form (valueChange)=\"onFormValueChanged($event)\">\n      <v-input\n        name=\"rsin\"\n        [title]=\"'rsin' | pluginTranslate: pluginId | async\"\n        [tooltip]=\"'rsinTooltip' | pluginTranslate: pluginId | async\"\n        [defaultValue]=\"obs.prefill?.rsin\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"true\"\n        [trim]=\"true\"\n        [margin]=\"true\"\n        [widthPx]=\"350\"\n      >\n      </v-input>\n\n      <v-radio\n        *ngIf=\"obs?.context?.[0] === 'case'\"\n        name=\"inputTypeZaakTypeToggle\"\n        [title]=\"'inputTypeZaakTypeToggle' | pluginTranslate: pluginId | async\"\n        [defaultValue]=\"selectedInputOption$ | async\"\n        [radioValues]=\"inputTypeOptions$ | async\"\n        [disabled]=\"obs.disabled\"\n        [margin]=\"true\"\n      >\n      </v-radio>\n\n      <v-input\n        *ngIf=\"obs.selectedInputOption === 'text'\"\n        name=\"zaaktypeUrl\"\n        [title]=\"'zaakTypeUrl' | pluginTranslate: pluginId | async\"\n        [tooltip]=\"'zaakTypeTooltip' | pluginTranslate: pluginId | async\"\n        [defaultValue]=\"obs.prefill?.zaaktypeUrl\"\n        [disabled]=\"obs.disabled || obs.selectedInputOption === 'selection'\"\n        [required]=\"true\"\n        [trim]=\"true\"\n        [margin]=\"true\"\n        [widthPx]=\"700\"\n      >\n      </v-input>\n\n      <v-select\n        *ngIf=\"obs.selectedInputOption === 'selection'\"\n        name=\"zaaktypeUrl\"\n        [title]=\"'zaakType' | pluginTranslate: pluginId | async\"\n        [tooltip]=\"'zaakTypeSelectTooltip' | pluginTranslate: pluginId | async\"\n        [required]=\"true\"\n        [items]=\"obs.zaakTypeSelectItems\"\n        [loading]=\"!obs.zaakTypeSelectItems\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          oneSelectItem(obs.zaakTypeSelectItems)\n        \"\n        [margin]=\"true\"\n        [defaultSelectionId]=\"\n          (selectItemsIncludeId(obs.zaakTypeSelectItems, obs.prefill?.zaaktypeUrl) &&\n            obs.prefill?.zaaktypeUrl) ||\n          (oneSelectItem(obs.zaakTypeSelectItems) && obs.zaakTypeSelectItems[0].id)\n        \"\n        [widthInPx]=\"350\"\n      ></v-select>\n    </v-form>\n\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <v-overflow-menu placement=\"bottom-start\" class=\"add-button\">\n          <button overflowTrigger cdsButton=\"primary\" [size]=\"'md'\">\n            {{ 'addZaakProperty' | pluginTranslate: pluginId | async }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n          </button>\n\n          @for (propertyOption of sortedMenuPropertyOptions$ | async; track propertyOption) {\n            @if (!hasPropertyBeenAdded(propertyOption)) {\n              <v-overflow-menu-option (selected)=\"addProperty(propertyOption)\">\n                {{ translationKeyFor(propertyOption) | pluginTranslate: pluginId | async }}\n              </v-overflow-menu-option>\n            }\n          }\n        </v-overflow-menu>\n      </div>\n    </div>\n\n    <v-form (valueChange)=\"onFormValueChanged($event)\">\n      @for (group of (sortedPropertyListGroups$ | async) ?? []; track group[0].name) {\n        <div [class.property-group]=\"group.length > 1\">\n          @for (property of group; track property.name) {\n            <div class=\"row\">\n              <div class=\"col-11\">\n                <v-input\n                  [name]=\"property.name\"\n                  [title]=\"property.translationKey | pluginTranslate: pluginId | async\"\n                  [tooltip]=\"\n                    property.tooltipTranslationKey !== null\n                      ? (property.tooltipTranslationKey | pluginTranslate: pluginId | async)\n                      : null\n                  \"\n                  [defaultValue]=\"prefillValueFor(property.name, obs.prefill)\"\n                  (valueChange)=\"onPropertyChanged(property.name, $event)\"\n                  [required]=\"true\"\n                  [margin]=\"true\"\n                  [trim]=\"true\"\n                  [presetOptions]=\"property.presetOptions\"\n                />\n              </div>\n              <div class=\"col-1\">\n                @if (!isLinkedFollower(property.name)) {\n                  <button class=\"btn btn-space delete-button\" (click)=\"removeProperty(groupTriggerFor(property.name) ?? property.name)\">\n                    <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n                  </button>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </v-form>\n  }\n</ng-container>\n", styles: [".property-group{background:var(--cds-layer-02);padding:1rem;margin-block-end:var(--v-input-margin)}:host ::ng-deep .property-group>.row:last-child .v-input--margin{margin-block-end:0}:host ::ng-deep .property-group .cds--text-input,:host ::ng-deep .property-group .cds--list-box__field{background-color:#fff}button.delete-button{height:46px;width:46px;margin-top:20px}button.delete-button:hover{background-color:#e12717}.property-group button.delete-button{background-color:#fff}.property-group button.delete-button:hover{background-color:#e12717}.add-button{margin-block-end:var(--v-input-margin)}:host ::ng-deep .add-button .v-overflow-menu__pane{max-height:40vh;overflow-y:auto}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i2$2.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i2$2.RadioComponent, selector: "v-radio", inputs: ["name", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "tooltip", "required", "smallLabel", "rows", "clear$", "radioValues"], outputs: ["valueChange"] }, { kind: "component", type: i1$3.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "directive", type: i1$3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i2$2.OverflowMenuComponent, selector: "v-overflow-menu", inputs: ["open", "placement", "menuWidth", "offsetX", "offsetY", "closeOnSelect", "useHostAsReference", "portalToBody"], outputs: ["openChange"] }, { kind: "component", type: i2$2.OverflowMenuOptionComponent, selector: "v-overflow-menu-option", inputs: ["disabled", "type", "testId", "optionId"], outputs: ["selected"] }, { kind: "directive", type: i1$3.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CreateZaakConfigurationComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'valtimo-create-zaak-configuration', providers: [PluginTranslatePipe], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    context: context$ | async,\n    disabled: disabled$ | async,\n    loading: loading$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    selectedInputOption: selectedInputOption$ | async,\n    zaakTypeSelectItems: zaakTypeItems$ | async,\n  } as obs\"\n>\n  @if (obs.loading) {\n    <cds-loading></cds-loading>\n  } @else {\n    <v-paragraph [margin]=\"true\" [italic]=\"true\">\n      {{ 'createZaakInformation' | pluginTranslate: pluginId | async }}\n    </v-paragraph>\n\n    <v-form (valueChange)=\"onFormValueChanged($event)\">\n      <v-input\n        name=\"rsin\"\n        [title]=\"'rsin' | pluginTranslate: pluginId | async\"\n        [tooltip]=\"'rsinTooltip' | pluginTranslate: pluginId | async\"\n        [defaultValue]=\"obs.prefill?.rsin\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"true\"\n        [trim]=\"true\"\n        [margin]=\"true\"\n        [widthPx]=\"350\"\n      >\n      </v-input>\n\n      <v-radio\n        *ngIf=\"obs?.context?.[0] === 'case'\"\n        name=\"inputTypeZaakTypeToggle\"\n        [title]=\"'inputTypeZaakTypeToggle' | pluginTranslate: pluginId | async\"\n        [defaultValue]=\"selectedInputOption$ | async\"\n        [radioValues]=\"inputTypeOptions$ | async\"\n        [disabled]=\"obs.disabled\"\n        [margin]=\"true\"\n      >\n      </v-radio>\n\n      <v-input\n        *ngIf=\"obs.selectedInputOption === 'text'\"\n        name=\"zaaktypeUrl\"\n        [title]=\"'zaakTypeUrl' | pluginTranslate: pluginId | async\"\n        [tooltip]=\"'zaakTypeTooltip' | pluginTranslate: pluginId | async\"\n        [defaultValue]=\"obs.prefill?.zaaktypeUrl\"\n        [disabled]=\"obs.disabled || obs.selectedInputOption === 'selection'\"\n        [required]=\"true\"\n        [trim]=\"true\"\n        [margin]=\"true\"\n        [widthPx]=\"700\"\n      >\n      </v-input>\n\n      <v-select\n        *ngIf=\"obs.selectedInputOption === 'selection'\"\n        name=\"zaaktypeUrl\"\n        [title]=\"'zaakType' | pluginTranslate: pluginId | async\"\n        [tooltip]=\"'zaakTypeSelectTooltip' | pluginTranslate: pluginId | async\"\n        [required]=\"true\"\n        [items]=\"obs.zaakTypeSelectItems\"\n        [loading]=\"!obs.zaakTypeSelectItems\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          oneSelectItem(obs.zaakTypeSelectItems)\n        \"\n        [margin]=\"true\"\n        [defaultSelectionId]=\"\n          (selectItemsIncludeId(obs.zaakTypeSelectItems, obs.prefill?.zaaktypeUrl) &&\n            obs.prefill?.zaaktypeUrl) ||\n          (oneSelectItem(obs.zaakTypeSelectItems) && obs.zaakTypeSelectItems[0].id)\n        \"\n        [widthInPx]=\"350\"\n      ></v-select>\n\n      <div class=\"property-row\">\n        <div class=\"property-input-col\">\n          <v-overflow-menu placement=\"bottom-start\" class=\"add-button\">\n            <button overflowTrigger cdsButton=\"primary\" [size]=\"'md'\">\n              {{ 'addZaakProperty' | pluginTranslate: pluginId | async }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n            </button>\n\n            @for (propertyOption of propertyOptions; track propertyOption) {\n              @if (propertyOption !== CASE_GEOMETRY_COORDINATES && !hasPropertyBeenAdded(propertyOption)) {\n                <v-overflow-menu-option (selected)=\"addProperty(propertyOption)\">\n                  {{ translationKeyForPropertyList(propertyOption) | pluginTranslate: pluginId | async }}\n                </v-overflow-menu-option>\n              }\n            }\n          </v-overflow-menu>\n        </div>\n      </div>\n\n      @for (property of propertyList; track property) {\n        <div class=\"property-row\">\n          <div class=\"property-input-col\">\n            @switch (property) {\n              @case (CASE_GEOMETRY_TYPE) {\n                <v-input\n                  [name]=\"CASE_GEOMETRY_TYPE\"\n                  [title]=\"\n                    translationKeyFor(CASE_GEOMETRY_TYPE) | pluginTranslate: pluginId | async\n                  \"\n                  [defaultValue]=\"prefillValueFor(CASE_GEOMETRY_TYPE, obs.prefill)\"\n                  (valueChange)=\"onPropertyChanged(CASE_GEOMETRY_TYPE, $event)\"\n                  [required]=\"true\"\n                  [margin]=\"true\"\n                  [presetOptions]=\"geometryTypes\"\n                />\n              }\n              @case (CASE_GEOMETRY_COORDINATES) {\n                <v-input\n                  [name]=\"CASE_GEOMETRY_COORDINATES\"\n                  [title]=\"\n                    translationKeyFor(CASE_GEOMETRY_COORDINATES) | pluginTranslate: pluginId | async\n                  \"\n                  [tooltip]=\"translationKeyFor(`${CASE_GEOMETRY_COORDINATES}Tooltip`) | pluginTranslate: pluginId | async\"\n                  [defaultValue]=\"prefillValueFor(CASE_GEOMETRY_COORDINATES, obs.prefill)\"\n                  (valueChange)=\"onPropertyChanged(CASE_GEOMETRY_COORDINATES, $event)\"\n                  [required]=\"true\"\n                  [margin]=\"true\"\n                />\n              }\n              @default {\n                <v-input\n                  [name]=\"property\"\n                  [title]=\"translationKeyFor(property) | pluginTranslate: pluginId | async\"\n                  [tooltip]=\"\n                    property.includes('Date')\n                      ? ('dateformatTooltip' | pluginTranslate: pluginId | async)\n                      : null\n                  \"\n                  [defaultValue]=\"prefillValueFor(property, obs.prefill)\"\n                  (valueChange)=\"onPropertyChanged(property, $event)\"\n                  [required]=\"true\"\n                  [margin]=\"true\"\n                  [trim]=\"true\"\n                  [presetOptions]=\"\n                    property === PAYMENT_INDICATION_TYPE ? paymentIndicationTypes : []\n                  \"\n                />\n              }\n            }\n          </div>\n\n          <div class=\"property-delete-col\">\n            @if (property !== CASE_GEOMETRY_COORDINATES) {\n              <button class=\"btn btn-space delete-button\" (click)=\"removeProperty(property)\">\n                <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n              </button>\n            }\n          </div>\n        </div>\n      }\n    </v-form>\n  }\n</ng-container>\n\n", styles: [".loading-container{display:flex;flex-direction:row;justify-content:center;height:100%;width:100%;align-items:center}button.delete-button{height:46px;width:46px;margin-top:20px}button.delete-button:hover{background-color:#e12717}button.add-button{margin-block-end:var(--v-input-margin)}.property-input{display:flex}.property-input v-input,.property-input cds-date-picker-input{flex-grow:1}.property-input button{height:46px;width:46px;margin:16px}div.property-row{width:100%;display:grid;grid-template-columns:92% 8%}div.property-row>*{box-sizing:border-box;min-width:0}div.property-delete-col{margin-left:auto}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+            args: [{ standalone: false, selector: 'valtimo-create-zaak-configuration', providers: [PluginTranslatePipe], template: "<!--\n  ~ Copyright 2015-2026 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    context: context$ | async,\n    disabled: disabled$ | async,\n    loading: loading$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    selectedInputOption: selectedInputOption$ | async,\n    zaakTypeSelectItems: zaakTypeItems$ | async,\n  } as obs\"\n>\n  @if (obs.loading) {\n    <cds-loading></cds-loading>\n  } @else {\n    <v-paragraph [margin]=\"true\" [italic]=\"true\">\n      {{ 'createZaakInformation' | pluginTranslate: pluginId | async }}\n    </v-paragraph>\n\n    <v-form (valueChange)=\"onFormValueChanged($event)\">\n      <v-input\n        name=\"rsin\"\n        [title]=\"'rsin' | pluginTranslate: pluginId | async\"\n        [tooltip]=\"'rsinTooltip' | pluginTranslate: pluginId | async\"\n        [defaultValue]=\"obs.prefill?.rsin\"\n        [disabled]=\"obs.disabled\"\n        [required]=\"true\"\n        [trim]=\"true\"\n        [margin]=\"true\"\n        [widthPx]=\"350\"\n      >\n      </v-input>\n\n      <v-radio\n        *ngIf=\"obs?.context?.[0] === 'case'\"\n        name=\"inputTypeZaakTypeToggle\"\n        [title]=\"'inputTypeZaakTypeToggle' | pluginTranslate: pluginId | async\"\n        [defaultValue]=\"selectedInputOption$ | async\"\n        [radioValues]=\"inputTypeOptions$ | async\"\n        [disabled]=\"obs.disabled\"\n        [margin]=\"true\"\n      >\n      </v-radio>\n\n      <v-input\n        *ngIf=\"obs.selectedInputOption === 'text'\"\n        name=\"zaaktypeUrl\"\n        [title]=\"'zaakTypeUrl' | pluginTranslate: pluginId | async\"\n        [tooltip]=\"'zaakTypeTooltip' | pluginTranslate: pluginId | async\"\n        [defaultValue]=\"obs.prefill?.zaaktypeUrl\"\n        [disabled]=\"obs.disabled || obs.selectedInputOption === 'selection'\"\n        [required]=\"true\"\n        [trim]=\"true\"\n        [margin]=\"true\"\n        [widthPx]=\"700\"\n      >\n      </v-input>\n\n      <v-select\n        *ngIf=\"obs.selectedInputOption === 'selection'\"\n        name=\"zaaktypeUrl\"\n        [title]=\"'zaakType' | pluginTranslate: pluginId | async\"\n        [tooltip]=\"'zaakTypeSelectTooltip' | pluginTranslate: pluginId | async\"\n        [required]=\"true\"\n        [items]=\"obs.zaakTypeSelectItems\"\n        [loading]=\"!obs.zaakTypeSelectItems\"\n        [disabled]=\"\n          obs.disabled ||\n          obs.selectedInputOption === 'text' ||\n          oneSelectItem(obs.zaakTypeSelectItems)\n        \"\n        [margin]=\"true\"\n        [defaultSelectionId]=\"\n          (selectItemsIncludeId(obs.zaakTypeSelectItems, obs.prefill?.zaaktypeUrl) &&\n            obs.prefill?.zaaktypeUrl) ||\n          (oneSelectItem(obs.zaakTypeSelectItems) && obs.zaakTypeSelectItems[0].id)\n        \"\n        [widthInPx]=\"350\"\n      ></v-select>\n    </v-form>\n\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <v-overflow-menu placement=\"bottom-start\" class=\"add-button\">\n          <button overflowTrigger cdsButton=\"primary\" [size]=\"'md'\">\n            {{ 'addZaakProperty' | pluginTranslate: pluginId | async }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n          </button>\n\n          @for (propertyOption of sortedMenuPropertyOptions$ | async; track propertyOption) {\n            @if (!hasPropertyBeenAdded(propertyOption)) {\n              <v-overflow-menu-option (selected)=\"addProperty(propertyOption)\">\n                {{ translationKeyFor(propertyOption) | pluginTranslate: pluginId | async }}\n              </v-overflow-menu-option>\n            }\n          }\n        </v-overflow-menu>\n      </div>\n    </div>\n\n    <v-form (valueChange)=\"onFormValueChanged($event)\">\n      @for (group of (sortedPropertyListGroups$ | async) ?? []; track group[0].name) {\n        <div [class.property-group]=\"group.length > 1\">\n          @for (property of group; track property.name) {\n            <div class=\"row\">\n              <div class=\"col-11\">\n                <v-input\n                  [name]=\"property.name\"\n                  [title]=\"property.translationKey | pluginTranslate: pluginId | async\"\n                  [tooltip]=\"\n                    property.tooltipTranslationKey !== null\n                      ? (property.tooltipTranslationKey | pluginTranslate: pluginId | async)\n                      : null\n                  \"\n                  [defaultValue]=\"prefillValueFor(property.name, obs.prefill)\"\n                  (valueChange)=\"onPropertyChanged(property.name, $event)\"\n                  [required]=\"true\"\n                  [margin]=\"true\"\n                  [trim]=\"true\"\n                  [presetOptions]=\"property.presetOptions\"\n                />\n              </div>\n              <div class=\"col-1\">\n                @if (!isLinkedFollower(property.name)) {\n                  <button class=\"btn btn-space delete-button\" (click)=\"removeProperty(groupTriggerFor(property.name) ?? property.name)\">\n                    <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n                  </button>\n                }\n              </div>\n            </div>\n          }\n        </div>\n      }\n    </v-form>\n  }\n</ng-container>\n", styles: [".property-group{background:var(--cds-layer-02);padding:1rem;margin-block-end:var(--v-input-margin)}:host ::ng-deep .property-group>.row:last-child .v-input--margin{margin-block-end:0}:host ::ng-deep .property-group .cds--text-input,:host ::ng-deep .property-group .cds--list-box__field{background-color:#fff}button.delete-button{height:46px;width:46px;margin-top:20px}button.delete-button:hover{background-color:#e12717}.property-group button.delete-button{background-color:#fff}.property-group button.delete-button:hover{background-color:#e12717}.add-button{margin-block-end:var(--v-input-margin)}:host ::ng-deep .add-button .v-overflow-menu__pane{max-height:40vh;overflow-y:auto}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i1$4.OpenZaakService }, { type: i2$2.ModalService }, { type: PluginTranslatePipe }, { type: i1$3.IconService }], propDecorators: { context$: [{
                 type: Input
             }], disabled$: [{
@@ -5481,21 +5728,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  * limitations under the License.
  */
 const PatchZaakPropertyOptions = [
+    'archiveActionDate',
+    'archiveNomination',
+    'archiveStatus',
+    'caseGeometryCoordinates',
+    'caseGeometryType',
+    'characteristics',
+    'commissioningOrganisation',
+    'communicationChannel',
+    'communicationChannelName',
+    'confidentiality',
     'description',
     'explanation',
-    'startDate',
-    'plannedEndDate',
+    'extensionDuration',
+    'extensionReason',
     'finalDeliveryDate',
-    'publicationDate',
-    'communicationChannel',
-    'communicationChannelName',
-    'paymentIndication',
+    'identification',
+    'lastOpenedDate',
     'lastPaymentDate',
-    'caseGeometryType',
-    'caseGeometryCoordinates',
     'mainCase',
-    'archiveActionDate',
+    'paymentIndication',
+    'plannedEndDate',
+    'processObjectCategory',
+    'processObjectDateAttribute',
+    'processObjectIdentification',
+    'processObjectObjectType',
+    'processObjectRegistration',
+    'productsAndServices',
+    'publicationDate',
+    'registrationDate',
+    'relatedCases',
+    'relevantOtherCases',
+    'selectionListClass',
+    'startDate',
     'startDateRetentionPeriod',
+    'suspensionIndication',
+    'suspensionReason',
 ];
 
 /*
@@ -5514,79 +5782,151 @@ const PatchZaakPropertyOptions = [
  * limitations under the License.
  */
 class PatchZaakConfigurationComponent {
-    constructor(iconService) {
+    constructor(iconService, pluginTranslatePipe) {
         this.iconService = iconService;
+        this.pluginTranslatePipe = pluginTranslatePipe;
         this.valid = new EventEmitter();
         this.configuration = new EventEmitter();
-        this.propertyOptions = Object.values(PatchZaakPropertyOptions);
+        this.LINKED_FIELD_GROUPS = {
+            caseGeometryType: ['caseGeometryCoordinates'],
+            verlenging: ['extensionReason', 'extensionDuration'],
+            opschorting: ['suspensionIndication', 'suspensionReason'],
+            processObject: [
+                'processObjectDateAttribute',
+                'processObjectIdentification',
+                'processObjectObjectType',
+                'processObjectRegistration',
+            ],
+        };
+        this.GROUP_TRIGGERS = new Set(['verlenging', 'opschorting', 'processObject']);
+        this._allLinkedFollowers = Object.values(this.LINKED_FIELD_GROUPS).flat();
+        this.menuPropertyOptions = [
+            ...PatchZaakPropertyOptions.filter(p => !this._allLinkedFollowers.includes(p)),
+            ...Object.keys(this.LINKED_FIELD_GROUPS).filter(k => this.GROUP_TRIGGERS.has(k)),
+        ];
         this.propertyList = [];
-        this.geometryTypes = GEOMETRY_TYPES;
-        this.paymentIndicationTypes = PAYMENT_INDICATION_TYPES;
-        this.CASE_GEOMETRY_TYPE = 'caseGeometryType';
-        this.CASE_GEOMETRY_COORDINATES = 'caseGeometryCoordinates';
-        this.PAYMENT_INDICATION_TYPE = 'paymentIndication';
+        this.pluginId$ = new BehaviorSubject('');
+        this._propertyListChanged$ = new BehaviorSubject(undefined);
+        this.sortedPropertyList$ = combineLatest([
+            this.pluginId$.pipe(filter(Boolean)),
+            this._propertyListChanged$,
+        ]).pipe(switchMap(([pluginId]) => {
+            if (this.propertyList.length === 0)
+                return of([]);
+            return combineLatest(this.propertyList.map(p => this.pluginTranslatePipe.transform(p.translationKey, pluginId).pipe(map$1(label => ({ key: p.name, label }))))).pipe(map$1(labeledItems => {
+                const labelMap = new Map(labeledItems.map(i => [i.key, i.label]));
+                return this.sortPropertyListByLabel(this.propertyList, labelMap);
+            }));
+        }));
+        this.sortedPropertyListGroups$ = this.sortedPropertyList$.pipe(map$1(list => {
+            const groups = [];
+            for (const property of list) {
+                if (!this.isLinkedFollower(property.name)) {
+                    groups.push([property]);
+                }
+                else {
+                    groups[groups.length - 1].push(property);
+                }
+            }
+            return groups;
+        }));
+        this.sortedMenuPropertyOptions$ = this.pluginId$.pipe(filter(pluginId => !!pluginId), switchMap(pluginId => combineLatest(this.menuPropertyOptions.map(p => this.pluginTranslatePipe.transform(this.translationKeyFor(p), pluginId).pipe(map$1(label => ({ key: p, label })))))), map$1(items => [...items].sort((a, b) => a.label.localeCompare(b.label)).map(item => item.key)));
         this._formValue$ = new BehaviorSubject({});
         this._properties = new Map();
         this._valid$ = new BehaviorSubject(false);
         this.iconService.registerAll([Add16, TrashCan16]);
     }
     ngOnInit() {
-        this.initPropertyList();
+        this.pluginId$.next(this.pluginId);
         this.openSaveSubscription();
+        this.prefillConfiguration$
+            .pipe(filter((prefill) => !!prefill), take(1))
+            .subscribe(prefill => {
+            for (const [trigger, followers] of Object.entries(this.LINKED_FIELD_GROUPS)) {
+                if (this.GROUP_TRIGGERS.has(trigger) && followers.some(f => !!prefill[f])) {
+                    this.addProperty(trigger);
+                }
+            }
+            const allFollowers = Object.values(this.LINKED_FIELD_GROUPS).flat();
+            PatchZaakPropertyOptions.filter(p => !allFollowers.includes(p) && !!prefill[p]).forEach(p => this.addProperty(p));
+        });
     }
     ngOnDestroy() {
         this._saveSubscription?.unsubscribe();
     }
     onFormValueChanged(formValue) {
+        this._properties.forEach((value, key) => (formValue[key] = value));
         this._formValue$.next(formValue);
         this.handleValid(formValue);
     }
     onPropertyChanged(property, value) {
         this._properties.set(property, value);
-        const formValue = this._formValue$.value;
-        this._properties.forEach((value, key) => {
-            formValue[key] = value;
+        this._formValue$
+            .pipe(take(1))
+            .subscribe(formValue => {
+            this.onFormValueChanged(formValue);
         });
-        this.onFormValueChanged(formValue);
     }
     addProperty(property) {
-        if (!this.hasPropertyBeenAdded(property)) {
-            this.propertyList.push(this.propertyFormFieldFor(property));
-            this.onPropertyChanged(property, undefined);
+        if (!this.GROUP_TRIGGERS.has(property)) {
+            if (!this.hasPropertyBeenAdded(property)) {
+                this.propertyList.push(this.propertyFormFieldFor(property));
+                this.onPropertyChanged(property, undefined);
+            }
         }
-        // add linked field coordinates
-        if (property === this.CASE_GEOMETRY_TYPE) {
-            this.addProperty(this.CASE_GEOMETRY_COORDINATES);
+        const linked = this.LINKED_FIELD_GROUPS[property];
+        if (linked) {
+            linked.forEach(p => this.addProperty(p));
         }
+        this._propertyListChanged$.next();
     }
     removeProperty(property) {
-        if (this.hasPropertyBeenAdded(property)) {
-            this.propertyList.splice(this.propertyList.findIndex(item => item.name === property), 1);
-            this.onPropertyChanged(property, undefined);
+        if (!this.GROUP_TRIGGERS.has(property)) {
+            if (this.hasPropertyBeenAdded(property)) {
+                this.propertyList.splice(this.propertyList.findIndex(item => item.name === property), 1);
+                this.onPropertyChanged(property, undefined);
+            }
         }
-        // remove linked field coordinates
-        if (property === this.CASE_GEOMETRY_TYPE) {
-            this.removeProperty(this.CASE_GEOMETRY_COORDINATES);
+        const linked = this.LINKED_FIELD_GROUPS[property];
+        if (linked) {
+            linked.forEach(p => this.removeProperty(p));
         }
+        this._propertyListChanged$.next();
     }
     hasPropertyBeenAdded(property) {
+        if (this.GROUP_TRIGGERS.has(property)) {
+            return this.LINKED_FIELD_GROUPS[property]?.some(p => this.hasPropertyBeenAdded(p)) ?? false;
+        }
         return this.propertyList.findIndex(item => item.name === property) !== -1;
     }
-    prefillValueFor(property, prefill) {
-        return prefill != null ? prefill[property] : null;
-    }
-    translationKeyForPropertyList(property) {
-        return property === this.CASE_GEOMETRY_TYPE ? 'caseGeometry' : this.translationKeyFor(property);
+    isLinkedFollower(property) {
+        for (const [trigger, followers] of Object.entries(this.LINKED_FIELD_GROUPS)) {
+            if (followers.includes(property)) {
+                if (this.GROUP_TRIGGERS.has(trigger)) {
+                    return followers[0] !== property;
+                }
+                return true;
+            }
+        }
+        return false;
     }
-    initPropertyList() {
-        this.prefillConfiguration$.pipe(take(1)).subscribe(prefill => {
-            if (prefill) {
-                PatchZaakPropertyOptions.forEach(property => {
-                    if (!!prefill[property])
-                        this.addProperty(property);
-                });
+    groupTriggerFor(property) {
+        for (const [trigger, followers] of Object.entries(this.LINKED_FIELD_GROUPS)) {
+            if (this.GROUP_TRIGGERS.has(trigger) && followers[0] === property) {
+                return trigger;
             }
-        });
+        }
+        return null;
+    }
+    prefillValueFor(property, prefill) {
+        return prefill != null ? (prefill[property] ?? null) : null;
+    }
+    translationKeyFor(property) {
+        if (property === 'description')
+            return 'omschrijving';
+        if (property === 'caseGeometryType')
+            return 'caseGeometry';
+        return property;
     }
     propertyFormFieldFor(property) {
         return {
@@ -5596,28 +5936,55 @@ class PatchZaakConfigurationComponent {
             presetOptions: this.presetOptionsForProperty(property),
         };
     }
-    translationKeyFor(property) {
-        return property === 'description' ? 'omschrijving' : property;
-    }
     tooltipTranslationKeyFor(property) {
-        if (property.includes('Date')) {
+        if (property.toLowerCase().includes('date')) {
             return 'dateformatTooltip';
         }
-        else if (property === this.CASE_GEOMETRY_COORDINATES) {
-            return `${property}Tooltip`;
+        if (property === 'caseGeometryCoordinates') {
+            return 'caseGeometryCoordinatesTooltip';
         }
         return null;
     }
     presetOptionsForProperty(property) {
         switch (property) {
-            case this.CASE_GEOMETRY_TYPE:
-                return this.geometryTypes;
-            case this.PAYMENT_INDICATION_TYPE:
-                return this.paymentIndicationTypes;
+            case 'caseGeometryType':
+                return GEOMETRY_TYPES;
+            case 'paymentIndication':
+                return PAYMENT_INDICATION_TYPES;
+            case 'confidentiality':
+                return CONFIDENTIALITY_TYPES;
+            case 'archiveNomination':
+                return ARCHIVE_NOMINATION_TYPES;
+            case 'archiveStatus':
+                return ARCHIVE_STATUS_TYPES;
+            case 'suspensionIndication':
+                return ['true', 'false'];
             default:
                 return [];
         }
     }
+    followersForHead(property) {
+        if (this.LINKED_FIELD_GROUPS[property] && !this.GROUP_TRIGGERS.has(property)) {
+            return this.LINKED_FIELD_GROUPS[property];
+        }
+        for (const [trigger, followers] of Object.entries(this.LINKED_FIELD_GROUPS)) {
+            if (this.GROUP_TRIGGERS.has(trigger) && followers[0] === property) {
+                return followers.slice(1);
+            }
+        }
+        return [];
+    }
+    sortPropertyListByLabel(list, labels) {
+        const propertyMap = new Map(list.map(p => [p.name, p]));
+        const heads = list.filter(p => !this.isLinkedFollower(p.name));
+        heads.sort((a, b) => (labels.get(a.name) ?? '').localeCompare(labels.get(b.name) ?? ''));
+        return heads.flatMap(head => {
+            const followers = this.followersForHead(head.name)
+                .map(n => propertyMap.get(n))
+                .filter((p) => !!p);
+            return [head, ...followers];
+        });
+    }
     handleValid(formValue) {
         const isPropertyInvalid = this.propertyList.some(property => !!!formValue[property.name]);
         const valid = !isPropertyInvalid;
@@ -5625,23 +5992,25 @@ class PatchZaakConfigurationComponent {
         this.valid.emit(valid);
     }
     openSaveSubscription() {
-        this._saveSubscription = this.save$?.subscribe(save => {
+        this._saveSubscription = this.save$?.subscribe(() => {
             combineLatest([this._formValue$, this._valid$])
                 .pipe(take(1))
                 .subscribe(([formValue, valid]) => {
                 if (valid) {
-                    this.configuration.emit(formValue);
+                    const payload = {};
+                    this.propertyList.forEach(property => (payload[property.name] = formValue[property.name]));
+                    this.configuration.emit(payload);
                 }
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: PatchZaakConfigurationComponent, deps: [{ token: i1$3.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: PatchZaakConfigurationComponent, isStandalone: false, selector: "valtimo-patch-zaak-configuration", inputs: { disabled$: "disabled$", pluginId: "pluginId", save$: "save$", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<ng-container\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n  } as obs\"\n>\n  <v-paragraph [margin]=\"true\" [italic]=\"true\">\n    {{ 'patchZaakInformation' | pluginTranslate: pluginId | async }}\n  </v-paragraph>\n\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <v-overflow-menu placement=\"bottom-start\" class=\"add-button\">\n        <button overflowTrigger cdsButton=\"primary\" [size]=\"'md'\">\n          {{ 'addPatchZaakProperty' | pluginTranslate: pluginId | async }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n        </button>\n\n        @for (propertyOption of propertyOptions; track propertyOption) {\n          @if (propertyOption !== CASE_GEOMETRY_COORDINATES) {\n            <v-overflow-menu-option\n              *ngIf=\"!hasPropertyBeenAdded(propertyOption)\"\n              (selected)=\"addProperty(propertyOption)\"\n            >\n              {{ translationKeyForPropertyList(propertyOption) | pluginTranslate: pluginId | async }}\n            </v-overflow-menu-option>\n          }\n        }\n      </v-overflow-menu>\n    </div>\n  </div>\n\n  <v-form (valueChange)=\"onFormValueChanged($event)\">\n    @for (property of propertyList; track property) {\n      <div class=\"row\">\n        <div class=\"col-11\">\n          <v-input\n            [name]=\"property.name\"\n            [title]=\"property.translationKey | pluginTranslate: pluginId | async\"\n            [tooltip]=\"\n              property.tooltipTranslationKey !== null\n                ? (property.tooltipTranslationKey | pluginTranslate: pluginId | async)\n                : null\n            \"\n            [required]=\"true\"\n            [defaultValue]=\"prefillValueFor(property.name, obs.prefill)\"\n            [margin]=\"true\"\n            [presetOptions]=\"property.presetOptions\"\n            (valueChange)=\"onPropertyChanged(property.name, $event)\"\n          />\n        </div>\n        <div class=\"col-1\">\n          @if (property.name !== CASE_GEOMETRY_COORDINATES) {\n            <button class=\"btn btn-space delete-button\" (click)=\"removeProperty(property.name)\">\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          }\n        </div>\n      </div>\n    }\n  </v-form>\n</ng-container>\n\n", styles: ["button.delete-button{height:46px;width:46px;margin-top:20px}button.delete-button:hover{background-color:#e12717}button.add-button{margin-block-end:var(--v-input-margin)}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "directive", type: i1$3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i2$2.OverflowMenuComponent, selector: "v-overflow-menu", inputs: ["open", "placement", "menuWidth", "offsetX", "offsetY", "closeOnSelect", "useHostAsReference", "portalToBody"], outputs: ["openChange"] }, { kind: "component", type: i2$2.OverflowMenuOptionComponent, selector: "v-overflow-menu-option", inputs: ["disabled", "type", "testId", "optionId"], outputs: ["selected"] }, { kind: "directive", type: i1$3.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: PatchZaakConfigurationComponent, deps: [{ token: i1$3.IconService }, { token: PluginTranslatePipe }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: PatchZaakConfigurationComponent, isStandalone: false, selector: "valtimo-patch-zaak-configuration", inputs: { disabled$: "disabled$", pluginId: "pluginId", save$: "save$", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, providers: [PluginTranslatePipe], ngImport: i0, template: "<ng-container\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n  } as obs\"\n>\n  <v-paragraph [margin]=\"true\" [italic]=\"true\">\n    {{ 'patchZaakInformation' | pluginTranslate: pluginId | async }}\n  </v-paragraph>\n\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <v-overflow-menu placement=\"bottom-start\" class=\"add-button\">\n        <button overflowTrigger cdsButton=\"primary\" [size]=\"'md'\">\n          {{ 'addPatchZaakProperty' | pluginTranslate: pluginId | async }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n        </button>\n\n        @for (propertyOption of sortedMenuPropertyOptions$ | async; track propertyOption) {\n          @if (!hasPropertyBeenAdded(propertyOption)) {\n            <v-overflow-menu-option (selected)=\"addProperty(propertyOption)\">\n              {{ translationKeyFor(propertyOption) | pluginTranslate: pluginId | async }}\n            </v-overflow-menu-option>\n          }\n        }\n      </v-overflow-menu>\n    </div>\n  </div>\n\n  <v-form (valueChange)=\"onFormValueChanged($event)\">\n    @for (group of (sortedPropertyListGroups$ | async) ?? []; track group[0].name) {\n      <div [class.property-group]=\"group.length > 1\">\n        @for (property of group; track property.name) {\n          <div class=\"row\">\n            <div class=\"col-11\">\n              <v-input\n                [name]=\"property.name\"\n                [title]=\"property.translationKey | pluginTranslate: pluginId | async\"\n                [tooltip]=\"\n                  property.tooltipTranslationKey !== null\n                    ? (property.tooltipTranslationKey | pluginTranslate: pluginId | async)\n                    : null\n                \"\n                [required]=\"true\"\n                [defaultValue]=\"prefillValueFor(property.name, obs.prefill)\"\n                [margin]=\"true\"\n                [presetOptions]=\"property.presetOptions\"\n                (valueChange)=\"onPropertyChanged(property.name, $event)\"\n              />\n            </div>\n            <div class=\"col-1\">\n              @if (!isLinkedFollower(property.name)) {\n                <button\n                  class=\"btn btn-space delete-button\"\n                  (click)=\"removeProperty(groupTriggerFor(property.name) ?? property.name)\"\n                >\n                  <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n                </button>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    }\n  </v-form>\n</ng-container>\n", styles: [".property-group{background:var(--cds-layer-02);padding:1rem;margin-block-end:var(--v-input-margin)}:host ::ng-deep .property-group>.row:last-child .v-input--margin{margin-block-end:0}:host ::ng-deep .property-group .cds--text-input,:host ::ng-deep .property-group .cds--list-box__field{background-color:#fff}button.delete-button{height:46px;width:46px;margin-top:20px}button.delete-button:hover{background-color:#e12717}.property-group button.delete-button{background-color:#fff}.property-group button.delete-button:hover{background-color:#e12717}.add-button{margin-block-end:var(--v-input-margin)}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i2$2.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "directive", type: i1$3.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i2$2.OverflowMenuComponent, selector: "v-overflow-menu", inputs: ["open", "placement", "menuWidth", "offsetX", "offsetY", "closeOnSelect", "useHostAsReference", "portalToBody"], outputs: ["openChange"] }, { kind: "component", type: i2$2.OverflowMenuOptionComponent, selector: "v-overflow-menu-option", inputs: ["disabled", "type", "testId", "optionId"], outputs: ["selected"] }, { kind: "directive", type: i1$3.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: PluginTranslatePipe, name: "pluginTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: PatchZaakConfigurationComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'valtimo-patch-zaak-configuration', template: "<ng-container\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n  } as obs\"\n>\n  <v-paragraph [margin]=\"true\" [italic]=\"true\">\n    {{ 'patchZaakInformation' | pluginTranslate: pluginId | async }}\n  </v-paragraph>\n\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <v-overflow-menu placement=\"bottom-start\" class=\"add-button\">\n        <button overflowTrigger cdsButton=\"primary\" [size]=\"'md'\">\n          {{ 'addPatchZaakProperty' | pluginTranslate: pluginId | async }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n        </button>\n\n        @for (propertyOption of propertyOptions; track propertyOption) {\n          @if (propertyOption !== CASE_GEOMETRY_COORDINATES) {\n            <v-overflow-menu-option\n              *ngIf=\"!hasPropertyBeenAdded(propertyOption)\"\n              (selected)=\"addProperty(propertyOption)\"\n            >\n              {{ translationKeyForPropertyList(propertyOption) | pluginTranslate: pluginId | async }}\n            </v-overflow-menu-option>\n          }\n        }\n      </v-overflow-menu>\n    </div>\n  </div>\n\n  <v-form (valueChange)=\"onFormValueChanged($event)\">\n    @for (property of propertyList; track property) {\n      <div class=\"row\">\n        <div class=\"col-11\">\n          <v-input\n            [name]=\"property.name\"\n            [title]=\"property.translationKey | pluginTranslate: pluginId | async\"\n            [tooltip]=\"\n              property.tooltipTranslationKey !== null\n                ? (property.tooltipTranslationKey | pluginTranslate: pluginId | async)\n                : null\n            \"\n            [required]=\"true\"\n            [defaultValue]=\"prefillValueFor(property.name, obs.prefill)\"\n            [margin]=\"true\"\n            [presetOptions]=\"property.presetOptions\"\n            (valueChange)=\"onPropertyChanged(property.name, $event)\"\n          />\n        </div>\n        <div class=\"col-1\">\n          @if (property.name !== CASE_GEOMETRY_COORDINATES) {\n            <button class=\"btn btn-space delete-button\" (click)=\"removeProperty(property.name)\">\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          }\n        </div>\n      </div>\n    }\n  </v-form>\n</ng-container>\n\n", styles: ["button.delete-button{height:46px;width:46px;margin-top:20px}button.delete-button:hover{background-color:#e12717}button.add-button{margin-block-end:var(--v-input-margin)}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i1$3.IconService }], propDecorators: { disabled$: [{
+            args: [{ standalone: false, selector: 'valtimo-patch-zaak-configuration', providers: [PluginTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n  } as obs\"\n>\n  <v-paragraph [margin]=\"true\" [italic]=\"true\">\n    {{ 'patchZaakInformation' | pluginTranslate: pluginId | async }}\n  </v-paragraph>\n\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <v-overflow-menu placement=\"bottom-start\" class=\"add-button\">\n        <button overflowTrigger cdsButton=\"primary\" [size]=\"'md'\">\n          {{ 'addPatchZaakProperty' | pluginTranslate: pluginId | async }}\n\n          <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n        </button>\n\n        @for (propertyOption of sortedMenuPropertyOptions$ | async; track propertyOption) {\n          @if (!hasPropertyBeenAdded(propertyOption)) {\n            <v-overflow-menu-option (selected)=\"addProperty(propertyOption)\">\n              {{ translationKeyFor(propertyOption) | pluginTranslate: pluginId | async }}\n            </v-overflow-menu-option>\n          }\n        }\n      </v-overflow-menu>\n    </div>\n  </div>\n\n  <v-form (valueChange)=\"onFormValueChanged($event)\">\n    @for (group of (sortedPropertyListGroups$ | async) ?? []; track group[0].name) {\n      <div [class.property-group]=\"group.length > 1\">\n        @for (property of group; track property.name) {\n          <div class=\"row\">\n            <div class=\"col-11\">\n              <v-input\n                [name]=\"property.name\"\n                [title]=\"property.translationKey | pluginTranslate: pluginId | async\"\n                [tooltip]=\"\n                  property.tooltipTranslationKey !== null\n                    ? (property.tooltipTranslationKey | pluginTranslate: pluginId | async)\n                    : null\n                \"\n                [required]=\"true\"\n                [defaultValue]=\"prefillValueFor(property.name, obs.prefill)\"\n                [margin]=\"true\"\n                [presetOptions]=\"property.presetOptions\"\n                (valueChange)=\"onPropertyChanged(property.name, $event)\"\n              />\n            </div>\n            <div class=\"col-1\">\n              @if (!isLinkedFollower(property.name)) {\n                <button\n                  class=\"btn btn-space delete-button\"\n                  (click)=\"removeProperty(groupTriggerFor(property.name) ?? property.name)\"\n                >\n                  <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n                </button>\n              }\n            </div>\n          </div>\n        }\n      </div>\n    }\n  </v-form>\n</ng-container>\n", styles: [".property-group{background:var(--cds-layer-02);padding:1rem;margin-block-end:var(--v-input-margin)}:host ::ng-deep .property-group>.row:last-child .v-input--margin{margin-block-end:0}:host ::ng-deep .property-group .cds--text-input,:host ::ng-deep .property-group .cds--list-box__field{background-color:#fff}button.delete-button{height:46px;width:46px;margin-top:20px}button.delete-button:hover{background-color:#e12717}.property-group button.delete-button{background-color:#fff}.property-group button.delete-button:hover{background-color:#e12717}.add-button{margin-block-end:var(--v-input-margin)}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.IconService }, { type: PluginTranslatePipe }], propDecorators: { disabled$: [{
                 type: Input
             }], pluginId: [{
                 type: Input
@@ -6546,6 +6915,30 @@ const zakenApiPluginSpecification = {
             mainCase: 'Hoofdzaak',
             archiveActionDate: 'Archief actiedatum',
             startDateRetentionPeriod: 'Startdatum bewaartermijn',
+            identification: 'Identificatie (zaak)',
+            registrationDate: 'Registratiedatum',
+            confidentiality: 'Vertrouwelijkheid',
+            productsAndServices: 'Producten of diensten (JSON)',
+            selectionListClass: 'Selectielijstklasse',
+            verlenging: 'Verlenging',
+            extensionReason: 'Verlengingsreden',
+            extensionDuration: 'Verlengingsduur',
+            opschorting: 'Opschorting',
+            suspensionIndication: 'Opschorting indicatie',
+            suspensionReason: 'Opschorting reden',
+            relevantOtherCases: 'Relevante andere zaken (JSON)',
+            relatedCases: 'Gerelateerde zaken (JSON)',
+            characteristics: 'Kenmerken (JSON)',
+            archiveNomination: 'Archiefnominatie',
+            archiveStatus: 'Archiefstatus',
+            commissioningOrganisation: 'Opdrachtgevende organisatie',
+            processObjectCategory: 'Processobjectaard',
+            processObject: 'Processobject',
+            processObjectDateAttribute: 'Processobject datumkenmerk',
+            processObjectIdentification: 'Processobject identificatie',
+            processObjectObjectType: 'Processobject objecttype',
+            processObjectRegistration: 'Processobject registratie',
+            lastOpenedDate: 'Laatste geopend datum',
             zaakObjectObjectUrl: 'Object URL',
             zaakObjectObjectUrlTooltip: 'URL-referentie naar de resource die het OBJECT beschrijft.',
             objectType: 'Object Type',
@@ -6745,6 +7138,30 @@ const zakenApiPluginSpecification = {
             mainCase: 'Main case',
             archiveActionDate: 'Archive action date',
             startDateRetentionPeriod: 'Start date of retention period',
+            identification: 'Identification (zaak)',
+            registrationDate: 'Registration date',
+            confidentiality: 'Confidentiality',
+            productsAndServices: 'Products and services (JSON)',
+            selectionListClass: 'Selection list class',
+            verlenging: 'Extension',
+            extensionReason: 'Extension reason',
+            extensionDuration: 'Extension duration',
+            opschorting: 'Suspension',
+            suspensionIndication: 'Suspension indication',
+            suspensionReason: 'Suspension reason',
+            relevantOtherCases: 'Relevant other cases (JSON)',
+            relatedCases: 'Related cases (JSON)',
+            characteristics: 'Characteristics (JSON)',
+            archiveNomination: 'Archive nomination',
+            archiveStatus: 'Archive status',
+            commissioningOrganisation: 'Commissioning organisation',
+            processObjectCategory: 'Process object category',
+            processObject: 'Process object',
+            processObjectDateAttribute: 'Process object date attribute',
+            processObjectIdentification: 'Process object identification',
+            processObjectObjectType: 'Process object type',
+            processObjectRegistration: 'Process object registration',
+            lastOpenedDate: 'Last opened date',
             zaakObjectObjectUrl: 'Object URL',
             zaakObjectObjectUrlTooltip: 'URL reference to the resource that describes the OBJECT.',
             objectType: 'Object Type',