@valtimo/zgw 13.26.0 → 13.28.0

package/fesm2022/valtimo-zgw.mjs

@@ -81,6 +81,41 @@ const ZGW_DOCUMENT_COLUMNS_TEST_IDS = {
     modalSubmitButton: 'zgwDocumentColumnsModalSubmitButton',
     modalCancelButton: 'zgwDocumentColumnsModalCancelButton',
 };
+const ZGW_UPLOAD_FIELDS_TEST_IDS = {
+    modalVisibleToggle: 'zgwUploadFieldsModalVisibleToggle',
+    modalReadonlyToggle: 'zgwUploadFieldsModalReadonlyToggle',
+    modalDefaultValueComboBox: 'zgwUploadFieldsModalDefaultValueComboBox',
+    modalDefaultValueInput: 'zgwUploadFieldsModalDefaultValueInput',
+    modalSubmitButton: 'zgwUploadFieldsModalSubmitButton',
+    modalCancelButton: 'zgwUploadFieldsModalCancelButton',
+};
+const ZGW_CASE_SYNC_TEST_IDS = {
+    addButton: 'zgwCaseSyncAddButton',
+    editButton: 'zgwCaseSyncEditButton',
+    deleteButton: 'zgwCaseSyncDeleteButton',
+    modalConfigSelect: 'zgwCaseSyncModalConfigSelect',
+    modalEnabledCheckbox: 'zgwCaseSyncModalEnabledCheckbox',
+    modalSubmitButton: 'zgwCaseSyncModalSubmitButton',
+    modalCancelButton: 'zgwCaseSyncModalCancelButton',
+};
+const ZGW_CASE_TYPE_LINK_TEST_IDS = {
+    linkButton: 'zgwCaseTypeLinkLinkButton',
+    editButton: 'zgwCaseTypeLinkEditButton',
+    deleteButton: 'zgwCaseTypeLinkDeleteButton',
+    modalZaakTypeSelect: 'zgwCaseTypeLinkModalZaakTypeSelect',
+    modalPluginSelect: 'zgwCaseTypeLinkModalPluginSelect',
+    modalRsinInput: 'zgwCaseTypeLinkModalRsinInput',
+    modalAutoCreateToggle: 'zgwCaseTypeLinkModalAutoCreateToggle',
+    modalSubmitButton: 'zgwCaseTypeLinkModalSubmitButton',
+    modalCancelButton: 'zgwCaseTypeLinkModalCancelButton',
+};
+const ZGW_KEYWORDS_TEST_IDS = {
+    addButton: 'zgwKeywordsAddButton',
+    deleteMultipleButton: 'zgwKeywordsDeleteMultipleButton',
+    modalValueInput: 'zgwKeywordsModalValueInput',
+    modalSubmitButton: 'zgwKeywordsModalSubmitButton',
+    modalCancelButton: 'zgwKeywordsModalCancelButton',
+};
 
 class DocumentenApiColumnService extends BaseApiService {
     constructor(http, configService) {
@@ -2230,6 +2265,7 @@ class DocumentenApiTagModalComponent {
     constructor(fb, documentenApiTagService) {
         this.fb = fb;
         this.documentenApiTagService = documentenApiTagService;
+        this.testIds = ZGW_KEYWORDS_TEST_IDS;
         this.open = false;
         this.closeModalEvent = new EventEmitter();
         this.tagFormGroup = this.fb.group({
@@ -2279,7 +2315,7 @@ class DocumentenApiTagModalComponent {
         this.resetForm();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DocumentenApiTagModalComponent, deps: [{ token: i1$1.FormBuilder }, { token: DocumentenApiTagService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: DocumentenApiTagModalComponent, isStandalone: true, selector: "valtimo-documenten-api-tag-modal", inputs: { caseDefinitionKey: "caseDefinitionKey", open: "open" }, outputs: { closeModalEvent: "closeModalEvent" }, 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<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    disabled: disabled$ | async,\n  } as obs\"\n  [open]=\"open\"\n  size=\"sm\"\n  (close)=\"onClose()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'zgw.tags.addModal.header' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <form [formGroup]=\"tagFormGroup\" class=\"tag-form\">\n      <cds-label\n        [invalidText]=\"\n          (value?.errors?.['required']\n            ? 'zgw.tags.fields.valueRequired'\n            : 'zgw.tags.fields.valueMaxLength'\n          ) | translate: {maxlength: value?.errors?.maxlength?.requiredLength}\n        \"\n        [invalid]=\"value.dirty && value.invalid\"\n      >\n        {{ 'zgw.tags.fields.value' | translate }}\n\n        <input\n          cdsText\n          formControlName=\"value\"\n          [attr.modal-primary-focus]=\"true\"\n          [invalid]=\"value.dirty && value.invalid\"\n        />\n      </cds-label>\n    </form>\n  </section>\n\n  <cds-modal-footer [cdsLayer]=\"1\">\n    <button cdsButton=\"secondary\" (click)=\"onClose()\" [disabled]=\"obs.disabled\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"invalid || pristine || obs.disabled\" (click)=\"addTag()\">\n      {{ 'interface.add' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: TagModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "ngmodule", type: ToggleModule }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: DocumentenApiTagModalComponent, isStandalone: true, selector: "valtimo-documenten-api-tag-modal", inputs: { caseDefinitionKey: "caseDefinitionKey", open: "open" }, outputs: { closeModalEvent: "closeModalEvent" }, 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<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    disabled: disabled$ | async,\n  } as obs\"\n  [open]=\"open\"\n  size=\"sm\"\n  (close)=\"onClose()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'zgw.tags.addModal.header' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <form [formGroup]=\"tagFormGroup\" class=\"tag-form\">\n      <cds-label\n        [invalidText]=\"\n          (value?.errors?.['required']\n            ? 'zgw.tags.fields.valueRequired'\n            : 'zgw.tags.fields.valueMaxLength'\n          ) | translate: {maxlength: value?.errors?.maxlength?.requiredLength}\n        \"\n        [invalid]=\"value.dirty && value.invalid\"\n      >\n        {{ 'zgw.tags.fields.value' | translate }}\n\n        <input\n          cdsText\n          formControlName=\"value\"\n          [attr.data-test-id]=\"testIds.modalValueInput\"\n          [attr.modal-primary-focus]=\"true\"\n          [invalid]=\"value.dirty && value.invalid\"\n        />\n      </cds-label>\n    </form>\n  </section>\n\n  <cds-modal-footer [cdsLayer]=\"1\">\n    <button\n      cdsButton=\"secondary\"\n      [attr.data-test-id]=\"testIds.modalCancelButton\"\n      (click)=\"onClose()\"\n      [disabled]=\"obs.disabled\"\n    >\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [attr.data-test-id]=\"testIds.modalSubmitButton\"\n      [disabled]=\"invalid || pristine || obs.disabled\"\n      (click)=\"addTag()\"\n    >\n      {{ 'interface.add' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: TagModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "ngmodule", type: ToggleModule }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DocumentenApiTagModalComponent, decorators: [{
             type: Component,
@@ -2294,7 +2330,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         DropdownModule,
                         ToggleModule,
                         LayerModule,
-                    ], 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<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    disabled: disabled$ | async,\n  } as obs\"\n  [open]=\"open\"\n  size=\"sm\"\n  (close)=\"onClose()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'zgw.tags.addModal.header' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <form [formGroup]=\"tagFormGroup\" class=\"tag-form\">\n      <cds-label\n        [invalidText]=\"\n          (value?.errors?.['required']\n            ? 'zgw.tags.fields.valueRequired'\n            : 'zgw.tags.fields.valueMaxLength'\n          ) | translate: {maxlength: value?.errors?.maxlength?.requiredLength}\n        \"\n        [invalid]=\"value.dirty && value.invalid\"\n      >\n        {{ 'zgw.tags.fields.value' | translate }}\n\n        <input\n          cdsText\n          formControlName=\"value\"\n          [attr.modal-primary-focus]=\"true\"\n          [invalid]=\"value.dirty && value.invalid\"\n        />\n      </cds-label>\n    </form>\n  </section>\n\n  <cds-modal-footer [cdsLayer]=\"1\">\n    <button cdsButton=\"secondary\" (click)=\"onClose()\" [disabled]=\"obs.disabled\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"invalid || pristine || obs.disabled\" (click)=\"addTag()\">\n      {{ 'interface.add' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n" }]
+                    ], 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<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    disabled: disabled$ | async,\n  } as obs\"\n  [open]=\"open\"\n  size=\"sm\"\n  (close)=\"onClose()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'zgw.tags.addModal.header' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <form [formGroup]=\"tagFormGroup\" class=\"tag-form\">\n      <cds-label\n        [invalidText]=\"\n          (value?.errors?.['required']\n            ? 'zgw.tags.fields.valueRequired'\n            : 'zgw.tags.fields.valueMaxLength'\n          ) | translate: {maxlength: value?.errors?.maxlength?.requiredLength}\n        \"\n        [invalid]=\"value.dirty && value.invalid\"\n      >\n        {{ 'zgw.tags.fields.value' | translate }}\n\n        <input\n          cdsText\n          formControlName=\"value\"\n          [attr.data-test-id]=\"testIds.modalValueInput\"\n          [attr.modal-primary-focus]=\"true\"\n          [invalid]=\"value.dirty && value.invalid\"\n        />\n      </cds-label>\n    </form>\n  </section>\n\n  <cds-modal-footer [cdsLayer]=\"1\">\n    <button\n      cdsButton=\"secondary\"\n      [attr.data-test-id]=\"testIds.modalCancelButton\"\n      (click)=\"onClose()\"\n      [disabled]=\"obs.disabled\"\n    >\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [attr.data-test-id]=\"testIds.modalSubmitButton\"\n      [disabled]=\"invalid || pristine || obs.disabled\"\n      (click)=\"addTag()\"\n    >\n      {{ 'interface.add' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n" }]
         }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: DocumentenApiTagService }], propDecorators: { caseDefinitionKey: [{
                 type: Input
             }], open: [{
@@ -2322,6 +2358,7 @@ class DocumentenApiTagsComponent {
     constructor(route, documentenApiTagService) {
         this.route = route;
         this.documentenApiTagService = documentenApiTagService;
+        this.testIds = ZGW_KEYWORDS_TEST_IDS;
         this._reload$ = new BehaviorSubject(null);
         this.caseDefinitionKey$ = getCaseManagementRouteParams(this.route).pipe(map((params) => params?.caseDefinitionKey ?? ''), filter((caseDefinitionKey) => !!caseDefinitionKey));
         this.loading$ = new BehaviorSubject(true);
@@ -2427,7 +2464,7 @@ class DocumentenApiTagsComponent {
         this._reload$.next(noAnimation ? 'noAnimation' : null);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DocumentenApiTagsComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: DocumentenApiTagService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: DocumentenApiTagsComponent, isStandalone: true, selector: "valtimo-documenten-api-tags", viewQueries: [{ propertyName: "carbonList", first: true, predicate: CarbonListComponent, descendants: true }], 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    loading: loading$ | async,\n    documentTags: documentTags$ | async,\n    addModalClosed: addModalClosed$ | async,\n    caseDefinitionKey: caseDefinitionKey$ | async,\n    selectedRowKeys: selectedRowKeys$ | async,\n    searchTerm: searchTerm$ | async,\n    showDeleteModal: showDeleteModal$ | async,\n    tagToDelete: tagToDelete$ | async,\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [items]=\"obs.documentTags\"\n    [fields]=\"FIELDS\"\n    [header]=\"false\"\n    [loading]=\"obs.loading\"\n    [actionItems]=\"ACTION_ITEMS\"\n    [showSelectionColumn]=\"true\"\n    [isSearchable]=\"true\"\n    [pagination]=\"pagination\"\n    (paginationClicked)=\"paginationClicked($event)\"\n    (paginationSet)=\"paginationSet($event)\"\n    (search)=\"searchTermEntered($event)\"\n  >\n    <ng-container carbonToolbarContent *ngTemplateOutlet=\"addButtton\"></ng-container>\n\n    <ng-container carbonToolbarActions>\n      <button cdsButton=\"primary\" (click)=\"showDeleteMultipleModal()\">\n        {{ 'interface.delete' | translate }}\n        <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n      </button>\n    </ng-container>\n\n    <valtimo-no-results\n      *ngIf=\"obs.searchTerm === ''\"\n      [action]=\"addButtton\"\n      title=\"{{ 'zgw.tags.list.noResultsTitle' | translate }}\"\n      description=\"{{ 'zgw.tags.list.noResultsDescription' | translate }}\"\n    ></valtimo-no-results>\n\n    <valtimo-no-results\n      *ngIf=\"obs.searchTerm !== ''\"\n      title=\"{{ 'zgw.tags.search.noResultsTitle' | translate }}\"\n      description=\"{{ 'zgw.tags.search.noResultsDescription' | translate }}\"\n      illustration=\"valtimo-layout/img/emptystate-no-result.svg\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-documenten-api-tag-modal\n    [open]=\"!obs.addModalClosed\"\n    [caseDefinitionKey]=\"obs.caseDefinitionKey\"\n    (closeModalEvent)=\"closeModal($event)\"\n  ></valtimo-documenten-api-tag-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"zgw.tags.deleteText\"\n    [showModalSubject$]=\"showDeleteModal$\"\n    titleTranslationKey=\"interface.delete\"\n    [outputOnConfirm]=\"obs.tagToDelete\"\n    (confirmEvent)=\"confirmDeleteTag($event)\"\n  ></valtimo-confirmation-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    [contentTranslationKey]=\"\n      obs.selectedRowKeys.length > 1 ? 'zgw.tags.deleteMultipleText' : 'zgw.tags.deleteText'\n    \"\n    [showModalSubject$]=\"showDeleteMultipleModal$\"\n    titleTranslationKey=\"interface.delete\"\n    [outputOnConfirm]=\"{\n      caseDefinitionKey: obs.caseDefinitionKey,\n      tagIds: obs.selectedRowKeys,\n      itemsOnCurrentPage: obs.documentTags.length,\n    }\"\n    (confirmEvent)=\"confirmDeleteMultipleTag($event)\"\n  ></valtimo-confirmation-modal>\n\n  <ng-template #addButtton>\n    <button cdsButton=\"primary\" [disabled]=\"obs.loading\" (click)=\"openAddModal()\">\n      <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      {{ 'zgw.tags.add' | translate }}\n    </button>\n  </ng-template>\n</ng-container>\n", styles: ["::ng-deep .cds-tag--no-margin{margin:0}\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: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i3.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i3.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i3.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "ngmodule", type: TagModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: DocumentenApiTagModalComponent, selector: "valtimo-documenten-api-tag-modal", inputs: ["caseDefinitionKey", "open"], outputs: ["closeModalEvent"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: DocumentenApiTagsComponent, isStandalone: true, selector: "valtimo-documenten-api-tags", viewQueries: [{ propertyName: "carbonList", first: true, predicate: CarbonListComponent, descendants: true }], 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    loading: loading$ | async,\n    documentTags: documentTags$ | async,\n    addModalClosed: addModalClosed$ | async,\n    caseDefinitionKey: caseDefinitionKey$ | async,\n    selectedRowKeys: selectedRowKeys$ | async,\n    searchTerm: searchTerm$ | async,\n    showDeleteModal: showDeleteModal$ | async,\n    tagToDelete: tagToDelete$ | async,\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [items]=\"obs.documentTags\"\n    [fields]=\"FIELDS\"\n    [header]=\"false\"\n    [loading]=\"obs.loading\"\n    [actionItems]=\"ACTION_ITEMS\"\n    [showSelectionColumn]=\"true\"\n    [isSearchable]=\"true\"\n    [pagination]=\"pagination\"\n    (paginationClicked)=\"paginationClicked($event)\"\n    (paginationSet)=\"paginationSet($event)\"\n    (search)=\"searchTermEntered($event)\"\n  >\n    <ng-container carbonToolbarContent *ngTemplateOutlet=\"addButtton\"></ng-container>\n\n    <ng-container carbonToolbarActions>\n      <button\n        cdsButton=\"primary\"\n        [attr.data-test-id]=\"testIds.deleteMultipleButton\"\n        (click)=\"showDeleteMultipleModal()\"\n      >\n        {{ 'interface.delete' | translate }}\n        <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n      </button>\n    </ng-container>\n\n    <valtimo-no-results\n      *ngIf=\"obs.searchTerm === ''\"\n      [action]=\"addButtton\"\n      title=\"{{ 'zgw.tags.list.noResultsTitle' | translate }}\"\n      description=\"{{ 'zgw.tags.list.noResultsDescription' | translate }}\"\n    ></valtimo-no-results>\n\n    <valtimo-no-results\n      *ngIf=\"obs.searchTerm !== ''\"\n      title=\"{{ 'zgw.tags.search.noResultsTitle' | translate }}\"\n      description=\"{{ 'zgw.tags.search.noResultsDescription' | translate }}\"\n      illustration=\"valtimo-layout/img/emptystate-no-result.svg\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-documenten-api-tag-modal\n    [open]=\"!obs.addModalClosed\"\n    [caseDefinitionKey]=\"obs.caseDefinitionKey\"\n    (closeModalEvent)=\"closeModal($event)\"\n  ></valtimo-documenten-api-tag-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"zgw.tags.deleteText\"\n    [showModalSubject$]=\"showDeleteModal$\"\n    titleTranslationKey=\"interface.delete\"\n    [outputOnConfirm]=\"obs.tagToDelete\"\n    (confirmEvent)=\"confirmDeleteTag($event)\"\n  ></valtimo-confirmation-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    [contentTranslationKey]=\"\n      obs.selectedRowKeys.length > 1 ? 'zgw.tags.deleteMultipleText' : 'zgw.tags.deleteText'\n    \"\n    [showModalSubject$]=\"showDeleteMultipleModal$\"\n    titleTranslationKey=\"interface.delete\"\n    [outputOnConfirm]=\"{\n      caseDefinitionKey: obs.caseDefinitionKey,\n      tagIds: obs.selectedRowKeys,\n      itemsOnCurrentPage: obs.documentTags.length,\n    }\"\n    (confirmEvent)=\"confirmDeleteMultipleTag($event)\"\n  ></valtimo-confirmation-modal>\n\n  <ng-template #addButtton>\n    <button\n      cdsButton=\"primary\"\n      [attr.data-test-id]=\"testIds.addButton\"\n      [disabled]=\"obs.loading\"\n      (click)=\"openAddModal()\"\n    >\n      <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      {{ 'zgw.tags.add' | translate }}\n    </button>\n  </ng-template>\n</ng-container>\n", styles: ["::ng-deep .cds-tag--no-margin{margin:0}\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: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i3.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i3.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i3.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "ngmodule", type: TagModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: DocumentenApiTagModalComponent, selector: "valtimo-documenten-api-tag-modal", inputs: ["caseDefinitionKey", "open"], outputs: ["closeModalEvent"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DocumentenApiTagsComponent, decorators: [{
             type: Component,
@@ -2440,7 +2477,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         ButtonModule,
                         DocumentenApiTagModalComponent,
                         IconModule,
-                    ], 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    loading: loading$ | async,\n    documentTags: documentTags$ | async,\n    addModalClosed: addModalClosed$ | async,\n    caseDefinitionKey: caseDefinitionKey$ | async,\n    selectedRowKeys: selectedRowKeys$ | async,\n    searchTerm: searchTerm$ | async,\n    showDeleteModal: showDeleteModal$ | async,\n    tagToDelete: tagToDelete$ | async,\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [items]=\"obs.documentTags\"\n    [fields]=\"FIELDS\"\n    [header]=\"false\"\n    [loading]=\"obs.loading\"\n    [actionItems]=\"ACTION_ITEMS\"\n    [showSelectionColumn]=\"true\"\n    [isSearchable]=\"true\"\n    [pagination]=\"pagination\"\n    (paginationClicked)=\"paginationClicked($event)\"\n    (paginationSet)=\"paginationSet($event)\"\n    (search)=\"searchTermEntered($event)\"\n  >\n    <ng-container carbonToolbarContent *ngTemplateOutlet=\"addButtton\"></ng-container>\n\n    <ng-container carbonToolbarActions>\n      <button cdsButton=\"primary\" (click)=\"showDeleteMultipleModal()\">\n        {{ 'interface.delete' | translate }}\n        <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n      </button>\n    </ng-container>\n\n    <valtimo-no-results\n      *ngIf=\"obs.searchTerm === ''\"\n      [action]=\"addButtton\"\n      title=\"{{ 'zgw.tags.list.noResultsTitle' | translate }}\"\n      description=\"{{ 'zgw.tags.list.noResultsDescription' | translate }}\"\n    ></valtimo-no-results>\n\n    <valtimo-no-results\n      *ngIf=\"obs.searchTerm !== ''\"\n      title=\"{{ 'zgw.tags.search.noResultsTitle' | translate }}\"\n      description=\"{{ 'zgw.tags.search.noResultsDescription' | translate }}\"\n      illustration=\"valtimo-layout/img/emptystate-no-result.svg\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-documenten-api-tag-modal\n    [open]=\"!obs.addModalClosed\"\n    [caseDefinitionKey]=\"obs.caseDefinitionKey\"\n    (closeModalEvent)=\"closeModal($event)\"\n  ></valtimo-documenten-api-tag-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"zgw.tags.deleteText\"\n    [showModalSubject$]=\"showDeleteModal$\"\n    titleTranslationKey=\"interface.delete\"\n    [outputOnConfirm]=\"obs.tagToDelete\"\n    (confirmEvent)=\"confirmDeleteTag($event)\"\n  ></valtimo-confirmation-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    [contentTranslationKey]=\"\n      obs.selectedRowKeys.length > 1 ? 'zgw.tags.deleteMultipleText' : 'zgw.tags.deleteText'\n    \"\n    [showModalSubject$]=\"showDeleteMultipleModal$\"\n    titleTranslationKey=\"interface.delete\"\n    [outputOnConfirm]=\"{\n      caseDefinitionKey: obs.caseDefinitionKey,\n      tagIds: obs.selectedRowKeys,\n      itemsOnCurrentPage: obs.documentTags.length,\n    }\"\n    (confirmEvent)=\"confirmDeleteMultipleTag($event)\"\n  ></valtimo-confirmation-modal>\n\n  <ng-template #addButtton>\n    <button cdsButton=\"primary\" [disabled]=\"obs.loading\" (click)=\"openAddModal()\">\n      <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      {{ 'zgw.tags.add' | translate }}\n    </button>\n  </ng-template>\n</ng-container>\n", styles: ["::ng-deep .cds-tag--no-margin{margin:0}\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"] }]
+                    ], 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    loading: loading$ | async,\n    documentTags: documentTags$ | async,\n    addModalClosed: addModalClosed$ | async,\n    caseDefinitionKey: caseDefinitionKey$ | async,\n    selectedRowKeys: selectedRowKeys$ | async,\n    searchTerm: searchTerm$ | async,\n    showDeleteModal: showDeleteModal$ | async,\n    tagToDelete: tagToDelete$ | async,\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [items]=\"obs.documentTags\"\n    [fields]=\"FIELDS\"\n    [header]=\"false\"\n    [loading]=\"obs.loading\"\n    [actionItems]=\"ACTION_ITEMS\"\n    [showSelectionColumn]=\"true\"\n    [isSearchable]=\"true\"\n    [pagination]=\"pagination\"\n    (paginationClicked)=\"paginationClicked($event)\"\n    (paginationSet)=\"paginationSet($event)\"\n    (search)=\"searchTermEntered($event)\"\n  >\n    <ng-container carbonToolbarContent *ngTemplateOutlet=\"addButtton\"></ng-container>\n\n    <ng-container carbonToolbarActions>\n      <button\n        cdsButton=\"primary\"\n        [attr.data-test-id]=\"testIds.deleteMultipleButton\"\n        (click)=\"showDeleteMultipleModal()\"\n      >\n        {{ 'interface.delete' | translate }}\n        <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n      </button>\n    </ng-container>\n\n    <valtimo-no-results\n      *ngIf=\"obs.searchTerm === ''\"\n      [action]=\"addButtton\"\n      title=\"{{ 'zgw.tags.list.noResultsTitle' | translate }}\"\n      description=\"{{ 'zgw.tags.list.noResultsDescription' | translate }}\"\n    ></valtimo-no-results>\n\n    <valtimo-no-results\n      *ngIf=\"obs.searchTerm !== ''\"\n      title=\"{{ 'zgw.tags.search.noResultsTitle' | translate }}\"\n      description=\"{{ 'zgw.tags.search.noResultsDescription' | translate }}\"\n      illustration=\"valtimo-layout/img/emptystate-no-result.svg\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-documenten-api-tag-modal\n    [open]=\"!obs.addModalClosed\"\n    [caseDefinitionKey]=\"obs.caseDefinitionKey\"\n    (closeModalEvent)=\"closeModal($event)\"\n  ></valtimo-documenten-api-tag-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"zgw.tags.deleteText\"\n    [showModalSubject$]=\"showDeleteModal$\"\n    titleTranslationKey=\"interface.delete\"\n    [outputOnConfirm]=\"obs.tagToDelete\"\n    (confirmEvent)=\"confirmDeleteTag($event)\"\n  ></valtimo-confirmation-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    [contentTranslationKey]=\"\n      obs.selectedRowKeys.length > 1 ? 'zgw.tags.deleteMultipleText' : 'zgw.tags.deleteText'\n    \"\n    [showModalSubject$]=\"showDeleteMultipleModal$\"\n    titleTranslationKey=\"interface.delete\"\n    [outputOnConfirm]=\"{\n      caseDefinitionKey: obs.caseDefinitionKey,\n      tagIds: obs.selectedRowKeys,\n      itemsOnCurrentPage: obs.documentTags.length,\n    }\"\n    (confirmEvent)=\"confirmDeleteMultipleTag($event)\"\n  ></valtimo-confirmation-modal>\n\n  <ng-template #addButtton>\n    <button\n      cdsButton=\"primary\"\n      [attr.data-test-id]=\"testIds.addButton\"\n      [disabled]=\"obs.loading\"\n      (click)=\"openAddModal()\"\n    >\n      <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      {{ 'zgw.tags.add' | translate }}\n    </button>\n  </ng-template>\n</ng-container>\n", styles: ["::ng-deep .cds-tag--no-margin{margin:0}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }, { type: DocumentenApiTagService }], propDecorators: { carbonList: [{
                 type: ViewChild,
                 args: [CarbonListComponent]
@@ -2492,6 +2529,7 @@ class DocumentenApiUploadFieldModalComponent {
         this.documentService = documentService;
         this.route = route;
         this.closeModalEvent = new EventEmitter();
+        this.testIds = ZGW_UPLOAD_FIELDS_TEST_IDS;
         this.formGroup = this.fb.group({
             defaultValue: this.fb.control('', [Validators.maxLength(256)]),
             selectedDefaultValue: this.fb.control(null),
@@ -2591,7 +2629,7 @@ class DocumentenApiUploadFieldModalComponent {
         this.resetForm();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DocumentenApiUploadFieldModalComponent, deps: [{ token: i1$1.FormBuilder }, { token: DocumentenApiDocumentService }, { token: i5.TranslateService }, { token: i4$1.DocumentService }, { token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: DocumentenApiUploadFieldModalComponent, isStandalone: true, selector: "valtimo-documenten-api-upload-field-modal", inputs: { caseDefinitionKey: "caseDefinitionKey", type: "type", prefill: "prefill" }, outputs: { closeModalEvent: "closeModalEvent" }, 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<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    languageItems: languageItems$ | async,\n    confidentialityLevelItems: confidentialityLevelItems$ | async,\n    statusItems: statusItems$ | async,\n    documentTypeItems: documentTypeItems$ | async,\n  } as obs\"\n  [open]=\"type !== 'closed'\"\n  size=\"sm\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        ('zgw.uploadFields.editModal.header' | translate) +\n          ' - ' +\n          ('zgw.uploadFields.keys.' + key | translate)\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <form [formGroup]=\"formGroup\" class=\"uploadField-form\">\n      @if (key === 'taal') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n        >\n          <cds-dropdown-list [items]=\"obs.languageItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (key === 'vertrouwelijkheidaanduiding') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n        >\n          <cds-dropdown-list [items]=\"obs.confidentialityLevelItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (key === 'status') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n        >\n          <cds-dropdown-list [items]=\"obs.statusItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (key === 'informatieobjecttype') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n        >\n          <cds-dropdown-list [items]=\"obs.documentTypeItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (\n        key === 'filename' ||\n        key === 'bestandsnaam' ||\n        key === 'titel' ||\n        key === 'beschrijving' ||\n        key === 'trefwoorden'\n      ) {\n        <cds-label>\n          {{ 'zgw.uploadFields.fields.defaultValue' | translate }}\n          <input cdsText formControlName=\"defaultValue\" />\n        </cds-label>\n      }\n      <div class=\"toggle-group\">\n        <cds-toggle\n          formControlName=\"visible\"\n          [label]=\"'zgw.uploadFields.fields.visible' | translate\"\n          [onText]=\"'interface.on' | translate\"\n          [offText]=\"'interface.off' | translate\"\n        ></cds-toggle>\n        <cds-toggle\n          formControlName=\"readonly\"\n          [label]=\"'zgw.uploadFields.fields.readonly' | translate\"\n          [onText]=\"'interface.on' | translate\"\n          [offText]=\"'interface.off' | translate\"\n        ></cds-toggle>\n      </div>\n    </form>\n  </section>\n\n  <cds-modal-footer [cdsLayer]=\"1\">\n    <button cdsButton=\"secondary\" (click)=\"onClose()\" [disabled]=\"obs.disabled\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"invalid || obs.disabled\" (click)=\"saveUploadField()\">\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".toggle-group{display:flex;flex-direction:column;margin-top:16px;gap:16px}\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: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ToggleModule }, { kind: "component", type: i6.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "ngmodule", type: ComboBoxModule }, { kind: "component", type: i6.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "labelId", "items", "type", "size", "itemValueKey", "label", "hideLabel", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled", "readonly", "fluid"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i6.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: DocumentenApiUploadFieldModalComponent, isStandalone: true, selector: "valtimo-documenten-api-upload-field-modal", inputs: { caseDefinitionKey: "caseDefinitionKey", type: "type", prefill: "prefill" }, outputs: { closeModalEvent: "closeModalEvent" }, 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<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    languageItems: languageItems$ | async,\n    confidentialityLevelItems: confidentialityLevelItems$ | async,\n    statusItems: statusItems$ | async,\n    documentTypeItems: documentTypeItems$ | async,\n  } as obs\"\n  [open]=\"type !== 'closed'\"\n  size=\"sm\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        ('zgw.uploadFields.editModal.header' | translate) +\n          ' - ' +\n          ('zgw.uploadFields.keys.' + key | translate)\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <form [formGroup]=\"formGroup\" class=\"uploadField-form\">\n      @if (key === 'taal') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n          [attr.data-test-id]=\"testIds.modalDefaultValueComboBox\"\n        >\n          <cds-dropdown-list [items]=\"obs.languageItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (key === 'vertrouwelijkheidaanduiding') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n          [attr.data-test-id]=\"testIds.modalDefaultValueComboBox\"\n        >\n          <cds-dropdown-list [items]=\"obs.confidentialityLevelItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (key === 'status') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n          [attr.data-test-id]=\"testIds.modalDefaultValueComboBox\"\n        >\n          <cds-dropdown-list [items]=\"obs.statusItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (key === 'informatieobjecttype') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n          [attr.data-test-id]=\"testIds.modalDefaultValueComboBox\"\n        >\n          <cds-dropdown-list [items]=\"obs.documentTypeItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (\n        key === 'filename' ||\n        key === 'bestandsnaam' ||\n        key === 'titel' ||\n        key === 'beschrijving' ||\n        key === 'trefwoorden'\n      ) {\n        <cds-label>\n          {{ 'zgw.uploadFields.fields.defaultValue' | translate }}\n          <input\n            cdsText\n            formControlName=\"defaultValue\"\n            [attr.data-test-id]=\"testIds.modalDefaultValueInput\"\n          />\n        </cds-label>\n      }\n      <div class=\"toggle-group\">\n        <cds-toggle\n          formControlName=\"visible\"\n          [label]=\"'zgw.uploadFields.fields.visible' | translate\"\n          [onText]=\"'interface.on' | translate\"\n          [offText]=\"'interface.off' | translate\"\n          [attr.data-test-id]=\"testIds.modalVisibleToggle\"\n        ></cds-toggle>\n        <cds-toggle\n          formControlName=\"readonly\"\n          [label]=\"'zgw.uploadFields.fields.readonly' | translate\"\n          [onText]=\"'interface.on' | translate\"\n          [offText]=\"'interface.off' | translate\"\n          [attr.data-test-id]=\"testIds.modalReadonlyToggle\"\n        ></cds-toggle>\n      </div>\n    </form>\n  </section>\n\n  <cds-modal-footer [cdsLayer]=\"1\">\n    <button\n      cdsButton=\"secondary\"\n      (click)=\"onClose()\"\n      [disabled]=\"obs.disabled\"\n      [attr.data-test-id]=\"testIds.modalCancelButton\"\n    >\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"invalid || obs.disabled\"\n      (click)=\"saveUploadField()\"\n      [attr.data-test-id]=\"testIds.modalSubmitButton\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".toggle-group{display:flex;flex-direction:column;margin-top:16px;gap:16px}\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: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ToggleModule }, { kind: "component", type: i6.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "ngmodule", type: ComboBoxModule }, { kind: "component", type: i6.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "labelId", "items", "type", "size", "itemValueKey", "label", "hideLabel", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled", "readonly", "fluid"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i6.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DocumentenApiUploadFieldModalComponent, decorators: [{
             type: Component,
@@ -2606,7 +2644,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         CheckboxModule,
                         ComboBoxModule,
                         LayerModule,
-                    ], 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<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    languageItems: languageItems$ | async,\n    confidentialityLevelItems: confidentialityLevelItems$ | async,\n    statusItems: statusItems$ | async,\n    documentTypeItems: documentTypeItems$ | async,\n  } as obs\"\n  [open]=\"type !== 'closed'\"\n  size=\"sm\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        ('zgw.uploadFields.editModal.header' | translate) +\n          ' - ' +\n          ('zgw.uploadFields.keys.' + key | translate)\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <form [formGroup]=\"formGroup\" class=\"uploadField-form\">\n      @if (key === 'taal') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n        >\n          <cds-dropdown-list [items]=\"obs.languageItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (key === 'vertrouwelijkheidaanduiding') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n        >\n          <cds-dropdown-list [items]=\"obs.confidentialityLevelItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (key === 'status') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n        >\n          <cds-dropdown-list [items]=\"obs.statusItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (key === 'informatieobjecttype') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n        >\n          <cds-dropdown-list [items]=\"obs.documentTypeItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (\n        key === 'filename' ||\n        key === 'bestandsnaam' ||\n        key === 'titel' ||\n        key === 'beschrijving' ||\n        key === 'trefwoorden'\n      ) {\n        <cds-label>\n          {{ 'zgw.uploadFields.fields.defaultValue' | translate }}\n          <input cdsText formControlName=\"defaultValue\" />\n        </cds-label>\n      }\n      <div class=\"toggle-group\">\n        <cds-toggle\n          formControlName=\"visible\"\n          [label]=\"'zgw.uploadFields.fields.visible' | translate\"\n          [onText]=\"'interface.on' | translate\"\n          [offText]=\"'interface.off' | translate\"\n        ></cds-toggle>\n        <cds-toggle\n          formControlName=\"readonly\"\n          [label]=\"'zgw.uploadFields.fields.readonly' | translate\"\n          [onText]=\"'interface.on' | translate\"\n          [offText]=\"'interface.off' | translate\"\n        ></cds-toggle>\n      </div>\n    </form>\n  </section>\n\n  <cds-modal-footer [cdsLayer]=\"1\">\n    <button cdsButton=\"secondary\" (click)=\"onClose()\" [disabled]=\"obs.disabled\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"invalid || obs.disabled\" (click)=\"saveUploadField()\">\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".toggle-group{display:flex;flex-direction:column;margin-top:16px;gap:16px}\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"] }]
+                    ], 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<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    languageItems: languageItems$ | async,\n    confidentialityLevelItems: confidentialityLevelItems$ | async,\n    statusItems: statusItems$ | async,\n    documentTypeItems: documentTypeItems$ | async,\n  } as obs\"\n  [open]=\"type !== 'closed'\"\n  size=\"sm\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        ('zgw.uploadFields.editModal.header' | translate) +\n          ' - ' +\n          ('zgw.uploadFields.keys.' + key | translate)\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <form [formGroup]=\"formGroup\" class=\"uploadField-form\">\n      @if (key === 'taal') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n          [attr.data-test-id]=\"testIds.modalDefaultValueComboBox\"\n        >\n          <cds-dropdown-list [items]=\"obs.languageItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (key === 'vertrouwelijkheidaanduiding') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n          [attr.data-test-id]=\"testIds.modalDefaultValueComboBox\"\n        >\n          <cds-dropdown-list [items]=\"obs.confidentialityLevelItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (key === 'status') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n          [attr.data-test-id]=\"testIds.modalDefaultValueComboBox\"\n        >\n          <cds-dropdown-list [items]=\"obs.statusItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (key === 'informatieobjecttype') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n          [attr.data-test-id]=\"testIds.modalDefaultValueComboBox\"\n        >\n          <cds-dropdown-list [items]=\"obs.documentTypeItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (\n        key === 'filename' ||\n        key === 'bestandsnaam' ||\n        key === 'titel' ||\n        key === 'beschrijving' ||\n        key === 'trefwoorden'\n      ) {\n        <cds-label>\n          {{ 'zgw.uploadFields.fields.defaultValue' | translate }}\n          <input\n            cdsText\n            formControlName=\"defaultValue\"\n            [attr.data-test-id]=\"testIds.modalDefaultValueInput\"\n          />\n        </cds-label>\n      }\n      <div class=\"toggle-group\">\n        <cds-toggle\n          formControlName=\"visible\"\n          [label]=\"'zgw.uploadFields.fields.visible' | translate\"\n          [onText]=\"'interface.on' | translate\"\n          [offText]=\"'interface.off' | translate\"\n          [attr.data-test-id]=\"testIds.modalVisibleToggle\"\n        ></cds-toggle>\n        <cds-toggle\n          formControlName=\"readonly\"\n          [label]=\"'zgw.uploadFields.fields.readonly' | translate\"\n          [onText]=\"'interface.on' | translate\"\n          [offText]=\"'interface.off' | translate\"\n          [attr.data-test-id]=\"testIds.modalReadonlyToggle\"\n        ></cds-toggle>\n      </div>\n    </form>\n  </section>\n\n  <cds-modal-footer [cdsLayer]=\"1\">\n    <button\n      cdsButton=\"secondary\"\n      (click)=\"onClose()\"\n      [disabled]=\"obs.disabled\"\n      [attr.data-test-id]=\"testIds.modalCancelButton\"\n    >\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"invalid || obs.disabled\"\n      (click)=\"saveUploadField()\"\n      [attr.data-test-id]=\"testIds.modalSubmitButton\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".toggle-group{display:flex;flex-direction:column;margin-top:16px;gap:16px}\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$1.FormBuilder }, { type: DocumentenApiDocumentService }, { type: i5.TranslateService }, { type: i4$1.DocumentService }, { type: i1$2.ActivatedRoute }], propDecorators: { caseDefinitionKey: [{
                 type: Input
             }], type: [{
@@ -4170,6 +4208,7 @@ class DocumentObjectenApiSyncComponent {
             objectManagementConfigurationId: new FormControl('', Validators.required),
             enabled: new FormControl(true),
         });
+        this.testIds = ZGW_CASE_SYNC_TEST_IDS;
         this.valid$ = new BehaviorSubject(false);
         this.hasConfigurationIssue$ = this.configurationIssueService.hasIssue$('zaakdetail-sync');
         this._isDraftVersion$ = this._params$.pipe(switchMap(params => this.draftVersionService.isDraftVersion(params?.caseDefinitionKey ?? '', params?.caseDefinitionVersionTag ?? '')));
@@ -4231,7 +4270,7 @@ class DocumentObjectenApiSyncComponent {
         this.modalShowing$.next(false);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DocumentObjectenApiSyncComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: i2.ConfigurationIssueService }, { token: i2.DraftVersionService }, { token: DocumentObjectenApiSyncService }, { token: i4$1.DocumentService }, { token: i3.CdsThemeService }, { token: i6.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: DocumentObjectenApiSyncComponent, isStandalone: true, selector: "valtimo-document-objecten-api-sync", 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<cds-tile [class.tile--danger]=\"hasConfigurationIssue$ | async\">\n  <h2 class=\"valtimo-objecten-sync__title\">{{ 'zaakdetails.title' | translate }}</h2>\n\n  @if (loading$ | async) {\n    <valtimo-spinner></valtimo-spinner>\n  } @else {\n    @if (documentObjectenApiSync$ | async; as documentObjectenApiSync) {\n      <section class=\"valtimo-objecten-sync__card-header\">\n        <span class=\"valtimo-objecten-sync__card-title\">\n          {{ documentObjectenApiSync.objectManagementConfigurationTitle || '-' }}\n        </span>\n\n        @if (canEdit$ | async) {\n          <div class=\"valtimo-objecten-sync__card-controls\">\n            <button cdsButton=\"tertiary\" (click)=\"showModal()\">\n              {{ 'interface.edit' | translate }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n            </button>\n\n            <button cdsButton=\"danger\" (click)=\"remove()\">\n              {{ 'interface.delete' | translate }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          </div>\n        }\n      </section>\n\n      <section class=\"valtimo-objecten-sync__card-body\">\n        <div>\n          <strong>{{ 'zaakdetails.enabled' | translate }}</strong>\n\n          {{\n            documentObjectenApiSync.enabled\n              ? ('zaakdetails.yes' | translate)\n              : ('zaakdetails.no' | translate)\n          }}\n        </div>\n\n        <div>\n          <strong>{{ 'zaakdetails.objectManagementConfigurationTitle' | translate }}</strong>\n\n          {{ documentObjectenApiSync.objectManagementConfigurationTitle || '-' }}\n        </div>\n      </section>\n    } @else if (canEdit$ | async) {\n      <button cdsButton=\"primary\" (click)=\"showModal()\">\n        {{ 'zaakdetails.submitButton' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    }\n  }\n\n  @if (hasConfigurationIssue$ | async) {\n    <div class=\"tile-error-message\">\n      <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tile-error-message__icon\"></svg>\n      <span class=\"tile-error-message__text\">{{ 'zaakdetails.configurationIssue' | translate }}</span>\n    </div>\n  }\n</cds-tile>\n\n<valtimo-render-in-body>\n  <cds-modal\n    valtimoCdsModal\n    [title]=\"'zaakdetails.editModal.title' | translate\"\n    [open]=\"modalShowing$ | async\"\n    showFooter=\"true\"\n    (close)=\"onModalClose()\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onModalClose()\">\n      <h3 cdsModalHeaderHeading>\n        {{ 'zaakdetails.editModal.title' | translate }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <form [formGroup]=\"formGroup\">\n        <v-select\n          *ngIf=\"objectManagementConfigurationItems$ | async as objectManagementConfigurations\"\n          [appendInline]=\"false\"\n          [dropUp]=\"false\"\n          [items]=\"objectManagementConfigurations\"\n          [defaultSelectionId]=\"objectManagementConfigurationId.getRawValue()\"\n          [placeholder]=\"\n            'zaakdetails.editModal.objectManagementConfigurationPlaceholder' | translate\n          \"\n          [title]=\"'zaakdetails.editModal.objectManagementConfiguration' | translate\"\n          [disabled]=\"false\"\n          [margin]=\"true\"\n          [required]=\"true\"\n          name=\"objectManagementConfigurationId\"\n          [carbonTheme]=\"currentTheme$ | async\"\n          (selectedChange)=\"configSelected($event)\"\n        ></v-select>\n\n        <cds-checkbox formControlName=\"enabled\"\n          >{{ 'zaakdetails.editModal.enabled' | translate }}\n        </cds-checkbox>\n      </form>\n    </section>\n\n    <cds-modal-footer>\n      <button cdsButton=\"secondary\" (click)=\"onModalClose()\" [disabled]=\"false\">\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button cdsButton=\"primary\" [disabled]=\"!formGroup.valid\" (click)=\"submit()\">\n        {{ 'searchFieldsOverview.submit' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}::ng-deep cds-tile.tile--danger.cds--tile{outline:2px solid var(--cds-support-error, #da1e28)}.tile-error-message{display:flex;align-items:center;gap:8px;margin:16px -16px -16px;padding:8px 16px;border-top:1px solid var(--cds-border-subtle);color:var(--cds-support-error, #da1e28);font-size:12px;line-height:16px}.tile-error-message__icon{flex-shrink:0;fill:var(--cds-support-error, #da1e28)}.valtimo-objecten-sync__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.valtimo-objecten-sync__card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:20px}.valtimo-objecten-sync__card-title{font-size:18px}.valtimo-objecten-sync__card-controls{display:flex;align-items:center;gap:16px}.valtimo-objecten-sync__card-body{display:flex;flex-direction:column;gap:16px}.valtimo-objecten-sync__card-body>div{display:grid;grid-template-columns:repeat(3,1fr);font-size:16px}\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: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i6.Checkbox, selector: "cds-checkbox, ibm-checkbox", inputs: ["disabled", "skeleton", "hideLabel", "name", "id", "required", "value", "ariaLabel", "ariaLabelledby", "indeterminate", "checked"], outputs: ["click", "checkedChange", "indeterminateChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: InputModule$1 }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3.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: "ngmodule", type: SpinnerModule }, { kind: "component", type: i3.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }, { kind: "ngmodule", type: TilesModule }, { kind: "component", type: i6.Tile, selector: "cds-tile, ibm-tile", inputs: ["theme"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: DocumentObjectenApiSyncComponent, isStandalone: true, selector: "valtimo-document-objecten-api-sync", 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<cds-tile [class.tile--danger]=\"hasConfigurationIssue$ | async\">\n  <h2 class=\"valtimo-objecten-sync__title\">{{ 'zaakdetails.title' | translate }}</h2>\n\n  @if (loading$ | async) {\n    <valtimo-spinner></valtimo-spinner>\n  } @else {\n    @if (documentObjectenApiSync$ | async; as documentObjectenApiSync) {\n      <section class=\"valtimo-objecten-sync__card-header\">\n        <span class=\"valtimo-objecten-sync__card-title\">\n          {{ documentObjectenApiSync.objectManagementConfigurationTitle || '-' }}\n        </span>\n\n        @if (canEdit$ | async) {\n          <div class=\"valtimo-objecten-sync__card-controls\">\n            <button\n              cdsButton=\"tertiary\"\n              [attr.data-test-id]=\"testIds.editButton\"\n              (click)=\"showModal()\"\n            >\n              {{ 'interface.edit' | translate }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n            </button>\n\n            <button\n              cdsButton=\"danger\"\n              [attr.data-test-id]=\"testIds.deleteButton\"\n              (click)=\"remove()\"\n            >\n              {{ 'interface.delete' | translate }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          </div>\n        }\n      </section>\n\n      <section class=\"valtimo-objecten-sync__card-body\">\n        <div>\n          <strong>{{ 'zaakdetails.enabled' | translate }}</strong>\n\n          {{\n            documentObjectenApiSync.enabled\n              ? ('zaakdetails.yes' | translate)\n              : ('zaakdetails.no' | translate)\n          }}\n        </div>\n\n        <div>\n          <strong>{{ 'zaakdetails.objectManagementConfigurationTitle' | translate }}</strong>\n\n          {{ documentObjectenApiSync.objectManagementConfigurationTitle || '-' }}\n        </div>\n      </section>\n    } @else if (canEdit$ | async) {\n      <button\n        cdsButton=\"primary\"\n        [attr.data-test-id]=\"testIds.addButton\"\n        (click)=\"showModal()\"\n      >\n        {{ 'zaakdetails.submitButton' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    }\n  }\n\n  @if (hasConfigurationIssue$ | async) {\n    <div class=\"tile-error-message\">\n      <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tile-error-message__icon\"></svg>\n      <span class=\"tile-error-message__text\">{{ 'zaakdetails.configurationIssue' | translate }}</span>\n    </div>\n  }\n</cds-tile>\n\n<valtimo-render-in-body>\n  <cds-modal\n    valtimoCdsModal\n    [title]=\"'zaakdetails.editModal.title' | translate\"\n    [open]=\"modalShowing$ | async\"\n    showFooter=\"true\"\n    (close)=\"onModalClose()\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onModalClose()\">\n      <h3 cdsModalHeaderHeading>\n        {{ 'zaakdetails.editModal.title' | translate }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <form [formGroup]=\"formGroup\">\n        <v-select\n          *ngIf=\"objectManagementConfigurationItems$ | async as objectManagementConfigurations\"\n          [attr.data-test-id]=\"testIds.modalConfigSelect\"\n          [appendInline]=\"false\"\n          [dropUp]=\"false\"\n          [items]=\"objectManagementConfigurations\"\n          [defaultSelectionId]=\"objectManagementConfigurationId.getRawValue()\"\n          [placeholder]=\"\n            'zaakdetails.editModal.objectManagementConfigurationPlaceholder' | translate\n          \"\n          [title]=\"'zaakdetails.editModal.objectManagementConfiguration' | translate\"\n          [disabled]=\"false\"\n          [margin]=\"true\"\n          [required]=\"true\"\n          name=\"objectManagementConfigurationId\"\n          [carbonTheme]=\"currentTheme$ | async\"\n          (selectedChange)=\"configSelected($event)\"\n        ></v-select>\n\n        <cds-checkbox\n          formControlName=\"enabled\"\n          [attr.data-test-id]=\"testIds.modalEnabledCheckbox\"\n          >{{ 'zaakdetails.editModal.enabled' | translate }}\n        </cds-checkbox>\n      </form>\n    </section>\n\n    <cds-modal-footer>\n      <button\n        cdsButton=\"secondary\"\n        [attr.data-test-id]=\"testIds.modalCancelButton\"\n        (click)=\"onModalClose()\"\n        [disabled]=\"false\"\n      >\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        [attr.data-test-id]=\"testIds.modalSubmitButton\"\n        [disabled]=\"!formGroup.valid\"\n        (click)=\"submit()\"\n      >\n        {{ 'searchFieldsOverview.submit' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}::ng-deep cds-tile.tile--danger.cds--tile{outline:2px solid var(--cds-support-error, #da1e28)}.tile-error-message{display:flex;align-items:center;gap:8px;margin:16px -16px -16px;padding:8px 16px;border-top:1px solid var(--cds-border-subtle);color:var(--cds-support-error, #da1e28);font-size:12px;line-height:16px}.tile-error-message__icon{flex-shrink:0;fill:var(--cds-support-error, #da1e28)}.valtimo-objecten-sync__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.valtimo-objecten-sync__card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:20px}.valtimo-objecten-sync__card-title{font-size:18px}.valtimo-objecten-sync__card-controls{display:flex;align-items:center;gap:16px}.valtimo-objecten-sync__card-body{display:flex;flex-direction:column;gap:16px}.valtimo-objecten-sync__card-body>div{display:grid;grid-template-columns:repeat(3,1fr);font-size:16px}\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: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i6.Checkbox, selector: "cds-checkbox, ibm-checkbox", inputs: ["disabled", "skeleton", "hideLabel", "name", "id", "required", "value", "ariaLabel", "ariaLabelledby", "indeterminate", "checked"], outputs: ["click", "checkedChange", "indeterminateChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: InputModule$1 }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3.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: "ngmodule", type: SpinnerModule }, { kind: "component", type: i3.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }, { kind: "ngmodule", type: TilesModule }, { kind: "component", type: i6.Tile, selector: "cds-tile, ibm-tile", inputs: ["theme"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DocumentObjectenApiSyncComponent, decorators: [{
             type: Component,
@@ -4252,7 +4291,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         TranslateModule,
                         ValtimoCdsModalDirective,
                         RenderInBodyComponent,
-                    ], 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<cds-tile [class.tile--danger]=\"hasConfigurationIssue$ | async\">\n  <h2 class=\"valtimo-objecten-sync__title\">{{ 'zaakdetails.title' | translate }}</h2>\n\n  @if (loading$ | async) {\n    <valtimo-spinner></valtimo-spinner>\n  } @else {\n    @if (documentObjectenApiSync$ | async; as documentObjectenApiSync) {\n      <section class=\"valtimo-objecten-sync__card-header\">\n        <span class=\"valtimo-objecten-sync__card-title\">\n          {{ documentObjectenApiSync.objectManagementConfigurationTitle || '-' }}\n        </span>\n\n        @if (canEdit$ | async) {\n          <div class=\"valtimo-objecten-sync__card-controls\">\n            <button cdsButton=\"tertiary\" (click)=\"showModal()\">\n              {{ 'interface.edit' | translate }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n            </button>\n\n            <button cdsButton=\"danger\" (click)=\"remove()\">\n              {{ 'interface.delete' | translate }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          </div>\n        }\n      </section>\n\n      <section class=\"valtimo-objecten-sync__card-body\">\n        <div>\n          <strong>{{ 'zaakdetails.enabled' | translate }}</strong>\n\n          {{\n            documentObjectenApiSync.enabled\n              ? ('zaakdetails.yes' | translate)\n              : ('zaakdetails.no' | translate)\n          }}\n        </div>\n\n        <div>\n          <strong>{{ 'zaakdetails.objectManagementConfigurationTitle' | translate }}</strong>\n\n          {{ documentObjectenApiSync.objectManagementConfigurationTitle || '-' }}\n        </div>\n      </section>\n    } @else if (canEdit$ | async) {\n      <button cdsButton=\"primary\" (click)=\"showModal()\">\n        {{ 'zaakdetails.submitButton' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    }\n  }\n\n  @if (hasConfigurationIssue$ | async) {\n    <div class=\"tile-error-message\">\n      <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tile-error-message__icon\"></svg>\n      <span class=\"tile-error-message__text\">{{ 'zaakdetails.configurationIssue' | translate }}</span>\n    </div>\n  }\n</cds-tile>\n\n<valtimo-render-in-body>\n  <cds-modal\n    valtimoCdsModal\n    [title]=\"'zaakdetails.editModal.title' | translate\"\n    [open]=\"modalShowing$ | async\"\n    showFooter=\"true\"\n    (close)=\"onModalClose()\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onModalClose()\">\n      <h3 cdsModalHeaderHeading>\n        {{ 'zaakdetails.editModal.title' | translate }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <form [formGroup]=\"formGroup\">\n        <v-select\n          *ngIf=\"objectManagementConfigurationItems$ | async as objectManagementConfigurations\"\n          [appendInline]=\"false\"\n          [dropUp]=\"false\"\n          [items]=\"objectManagementConfigurations\"\n          [defaultSelectionId]=\"objectManagementConfigurationId.getRawValue()\"\n          [placeholder]=\"\n            'zaakdetails.editModal.objectManagementConfigurationPlaceholder' | translate\n          \"\n          [title]=\"'zaakdetails.editModal.objectManagementConfiguration' | translate\"\n          [disabled]=\"false\"\n          [margin]=\"true\"\n          [required]=\"true\"\n          name=\"objectManagementConfigurationId\"\n          [carbonTheme]=\"currentTheme$ | async\"\n          (selectedChange)=\"configSelected($event)\"\n        ></v-select>\n\n        <cds-checkbox formControlName=\"enabled\"\n          >{{ 'zaakdetails.editModal.enabled' | translate }}\n        </cds-checkbox>\n      </form>\n    </section>\n\n    <cds-modal-footer>\n      <button cdsButton=\"secondary\" (click)=\"onModalClose()\" [disabled]=\"false\">\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button cdsButton=\"primary\" [disabled]=\"!formGroup.valid\" (click)=\"submit()\">\n        {{ 'searchFieldsOverview.submit' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}::ng-deep cds-tile.tile--danger.cds--tile{outline:2px solid var(--cds-support-error, #da1e28)}.tile-error-message{display:flex;align-items:center;gap:8px;margin:16px -16px -16px;padding:8px 16px;border-top:1px solid var(--cds-border-subtle);color:var(--cds-support-error, #da1e28);font-size:12px;line-height:16px}.tile-error-message__icon{flex-shrink:0;fill:var(--cds-support-error, #da1e28)}.valtimo-objecten-sync__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.valtimo-objecten-sync__card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:20px}.valtimo-objecten-sync__card-title{font-size:18px}.valtimo-objecten-sync__card-controls{display:flex;align-items:center;gap:16px}.valtimo-objecten-sync__card-body{display:flex;flex-direction:column;gap:16px}.valtimo-objecten-sync__card-body>div{display:grid;grid-template-columns:repeat(3,1fr);font-size:16px}\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"] }]
+                    ], 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<cds-tile [class.tile--danger]=\"hasConfigurationIssue$ | async\">\n  <h2 class=\"valtimo-objecten-sync__title\">{{ 'zaakdetails.title' | translate }}</h2>\n\n  @if (loading$ | async) {\n    <valtimo-spinner></valtimo-spinner>\n  } @else {\n    @if (documentObjectenApiSync$ | async; as documentObjectenApiSync) {\n      <section class=\"valtimo-objecten-sync__card-header\">\n        <span class=\"valtimo-objecten-sync__card-title\">\n          {{ documentObjectenApiSync.objectManagementConfigurationTitle || '-' }}\n        </span>\n\n        @if (canEdit$ | async) {\n          <div class=\"valtimo-objecten-sync__card-controls\">\n            <button\n              cdsButton=\"tertiary\"\n              [attr.data-test-id]=\"testIds.editButton\"\n              (click)=\"showModal()\"\n            >\n              {{ 'interface.edit' | translate }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n            </button>\n\n            <button\n              cdsButton=\"danger\"\n              [attr.data-test-id]=\"testIds.deleteButton\"\n              (click)=\"remove()\"\n            >\n              {{ 'interface.delete' | translate }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          </div>\n        }\n      </section>\n\n      <section class=\"valtimo-objecten-sync__card-body\">\n        <div>\n          <strong>{{ 'zaakdetails.enabled' | translate }}</strong>\n\n          {{\n            documentObjectenApiSync.enabled\n              ? ('zaakdetails.yes' | translate)\n              : ('zaakdetails.no' | translate)\n          }}\n        </div>\n\n        <div>\n          <strong>{{ 'zaakdetails.objectManagementConfigurationTitle' | translate }}</strong>\n\n          {{ documentObjectenApiSync.objectManagementConfigurationTitle || '-' }}\n        </div>\n      </section>\n    } @else if (canEdit$ | async) {\n      <button\n        cdsButton=\"primary\"\n        [attr.data-test-id]=\"testIds.addButton\"\n        (click)=\"showModal()\"\n      >\n        {{ 'zaakdetails.submitButton' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    }\n  }\n\n  @if (hasConfigurationIssue$ | async) {\n    <div class=\"tile-error-message\">\n      <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tile-error-message__icon\"></svg>\n      <span class=\"tile-error-message__text\">{{ 'zaakdetails.configurationIssue' | translate }}</span>\n    </div>\n  }\n</cds-tile>\n\n<valtimo-render-in-body>\n  <cds-modal\n    valtimoCdsModal\n    [title]=\"'zaakdetails.editModal.title' | translate\"\n    [open]=\"modalShowing$ | async\"\n    showFooter=\"true\"\n    (close)=\"onModalClose()\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onModalClose()\">\n      <h3 cdsModalHeaderHeading>\n        {{ 'zaakdetails.editModal.title' | translate }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <form [formGroup]=\"formGroup\">\n        <v-select\n          *ngIf=\"objectManagementConfigurationItems$ | async as objectManagementConfigurations\"\n          [attr.data-test-id]=\"testIds.modalConfigSelect\"\n          [appendInline]=\"false\"\n          [dropUp]=\"false\"\n          [items]=\"objectManagementConfigurations\"\n          [defaultSelectionId]=\"objectManagementConfigurationId.getRawValue()\"\n          [placeholder]=\"\n            'zaakdetails.editModal.objectManagementConfigurationPlaceholder' | translate\n          \"\n          [title]=\"'zaakdetails.editModal.objectManagementConfiguration' | translate\"\n          [disabled]=\"false\"\n          [margin]=\"true\"\n          [required]=\"true\"\n          name=\"objectManagementConfigurationId\"\n          [carbonTheme]=\"currentTheme$ | async\"\n          (selectedChange)=\"configSelected($event)\"\n        ></v-select>\n\n        <cds-checkbox\n          formControlName=\"enabled\"\n          [attr.data-test-id]=\"testIds.modalEnabledCheckbox\"\n          >{{ 'zaakdetails.editModal.enabled' | translate }}\n        </cds-checkbox>\n      </form>\n    </section>\n\n    <cds-modal-footer>\n      <button\n        cdsButton=\"secondary\"\n        [attr.data-test-id]=\"testIds.modalCancelButton\"\n        (click)=\"onModalClose()\"\n        [disabled]=\"false\"\n      >\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        [attr.data-test-id]=\"testIds.modalSubmitButton\"\n        [disabled]=\"!formGroup.valid\"\n        (click)=\"submit()\"\n      >\n        {{ 'searchFieldsOverview.submit' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}::ng-deep cds-tile.tile--danger.cds--tile{outline:2px solid var(--cds-support-error, #da1e28)}.tile-error-message{display:flex;align-items:center;gap:8px;margin:16px -16px -16px;padding:8px 16px;border-top:1px solid var(--cds-border-subtle);color:var(--cds-support-error, #da1e28);font-size:12px;line-height:16px}.tile-error-message__icon{flex-shrink:0;fill:var(--cds-support-error, #da1e28)}.valtimo-objecten-sync__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.valtimo-objecten-sync__card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:20px}.valtimo-objecten-sync__card-title{font-size:18px}.valtimo-objecten-sync__card-controls{display:flex;align-items:center;gap:16px}.valtimo-objecten-sync__card-body{display:flex;flex-direction:column;gap:16px}.valtimo-objecten-sync__card-body>div{display:grid;grid-template-columns:repeat(3,1fr);font-size:16px}\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$2.ActivatedRoute }, { type: i2.ConfigurationIssueService }, { type: i2.DraftVersionService }, { type: DocumentObjectenApiSyncService }, { type: i4$1.DocumentService }, { type: i3.CdsThemeService }, { type: i6.IconService }] });
 
 /*
@@ -4378,6 +4417,7 @@ class ZakenApiZaaktypeLinkComponent {
         this.route = route;
         this.translateService = translateService;
         this.zakenApiZaaktypeLinkService = zakenApiZaaktypeLinkService;
+        this.testIds = ZGW_CASE_TYPE_LINK_TEST_IDS;
         this.selectedZaakType = null;
         this.selectedPluginConfiguration = null;
         this.selectedInformatieObjectTypeUrl = null;
@@ -4511,7 +4551,7 @@ class ZakenApiZaaktypeLinkComponent {
             this.pluginConfigurations.find(pluginConfiguration => pluginConfiguration.id === pluginConfigurationId) ?? null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ZakenApiZaaktypeLinkComponent, deps: [{ token: i2.ConfigurationIssueService }, { token: i2.DraftVersionService }, { token: i2.GlobalNotificationService }, { token: i6.IconService }, { token: i4$2.OpenZaakService }, { token: i1$2.ActivatedRoute }, { token: i5.TranslateService }, { token: ZakenApiZaaktypeLinkService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ZakenApiZaaktypeLinkComponent, isStandalone: true, selector: "valtimo-zaken-api-zaaktype-link", 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<cds-tile [class.tile--danger]=\"hasConfigurationIssue$ | async\">\n  <h2 class=\"valtimo-zaak-type-link__title\">{{ 'openZaak.links' | translate }}</h2>\n\n  @if (loading$ | async) {\n    <valtimo-spinner></valtimo-spinner>\n  } @else {\n    @if (zaakTypeLink$ | async; as zaakTypeLink) {\n      <section class=\"valtimo-zaak-type-link__card-header\">\n        <span class=\"valtimo-zaak-type-link__card-title\">\n          {{ this.selectedZaakType?.omschrijving || '-' }}\n        </span>\n\n        @if (canEdit$ | async) {\n          <div class=\"valtimo-zaak-type-link__card-controls\">\n            <button cdsButton=\"tertiary\" (click)=\"openModal(zaakTypeLink)\">\n              {{ 'interface.edit' | translate }}\n\n              <svg cdsIcon=\"edit\" size=\"16\" class=\"cds--btn__icon\"></svg>\n            </button>\n\n            <button cdsButton=\"danger\" (click)=\"removeZaakTypeLink()\">\n              {{ 'interface.delete' | translate }}\n\n              <svg cdsIcon=\"trash-can\" size=\"16\" class=\"cds--btn__icon\"></svg>\n            </button>\n          </div>\n        }\n      </section>\n\n      <section class=\"valtimo-zaak-type-link__card-body\">\n        <div>\n          <strong>{{ 'openZaak.autoCreateForCase' | translate }}</strong>\n\n          {{\n            zaakTypeLink?.createWithDossier\n              ? ('viewTypeConverter.Yes' | translate)\n              : ('viewTypeConverter.No' | translate)\n          }}\n        </div>\n\n        <div>\n          <strong>{{ 'openZaak.zakenApiPlugin' | translate }}</strong>\n\n          {{ this.selectedPluginConfiguration?.title || '-' }}\n        </div>\n\n        <div>\n          <strong>{{ 'openZaak.rsin' | translate }}</strong>\n\n          {{ zaakTypeLink?.rsin || '-' }}\n        </div>\n      </section>\n    } @else if (canEdit$ | async) {\n      <button\n        cdsButton=\"primary\"\n        class=\"valtimo-zaak-type-link__link-button\"\n        (click)=\"openModal(null)\"\n      >\n        {{ 'openZaak.linkZaakType' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    }\n  }\n\n  @if (hasConfigurationIssue$ | async) {\n    <div class=\"tile-error-message\">\n      <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tile-error-message__icon\"></svg>\n      <span class=\"tile-error-message__text\">{{ 'openZaak.configurationIssue' | translate }}</span>\n    </div>\n  }\n</cds-tile>\n\n<valtimo-render-in-body>\n  <cds-modal showFooter=\"true\" valtimoCdsModal [open]=\"modalOpen$ | async\" (close)=\"closeModal()\">\n    <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 cdsModalHeaderHeading>Zaak types</h3>\n\n      <span> Connect Zaak type to Dossier</span>\n    </cds-modal-header>\n\n    <section cdsModalContent class=\"valtimo-zaak-type-link-modal__content\">\n      <cds-select\n        [label]=\"'openZaak.selectZaakTypeForCase' | translate\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zaakTypeUrl\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZaakType' | translate }}</option>\n\n        @for (zaakType of zaakTypes; track zaakType.url) {\n          <option [value]=\"zaakType.url\" [selected]=\"zaakType.url === selectedZaakType?.url\">\n            {{ zaakType.omschrijving || '-' }}\n          </option>\n        }\n      </cds-select>\n\n      <cds-select\n        [label]=\"'openZaak.selectZakenApiPluginForCase' | translate\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zakenApiPluginConfigurationId\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZakenApiPlugin' | translate }}</option>\n\n        @for (pluginConfiguration of pluginConfigurations; track pluginConfiguration.id) {\n          <option\n            [value]=\"pluginConfiguration.id\"\n            [selected]=\"pluginConfiguration.id === selectedPluginConfiguration?.id\"\n          >\n          >\n            {{ pluginConfiguration?.title || '-' }}\n          </option>\n        }\n      </cds-select>\n\n      <cds-text-label>\n        {{ 'openZaak.rsin' | translate }}\n\n        <input\n          cdsText\n          cdsLayer=\"1\"\n          placeholder=\"RSIN\"\n          type=\"text\"\n          [(ngModel)]=\"this.zaakTypeLinkRequest.rsin\"\n        />\n      </cds-text-label>\n\n      <cds-toggle\n        [label]=\"'openZaak.autoCreateForCase' | translate\"\n        [checked]=\"this.zaakTypeLinkRequest.createWithDossier\"\n        (checkedChange)=\"onCheckedChange($event)\"\n      >\n      </cds-toggle>\n    </section>\n\n    <cds-modal-footer>\n      <button cdsButton=\"secondary\" (click)=\"closeModal()\">\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"!this.zaakTypeLinkRequest.zaakTypeUrl\"\n        (click)=\"submit()\"\n      >\n        {{ 'interface.save' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}::ng-deep cds-tile.tile--danger.cds--tile{outline:2px solid var(--cds-support-error, #da1e28)}.tile-error-message{display:flex;align-items:center;gap:8px;margin:16px -16px -16px;padding:8px 16px;border-top:1px solid var(--cds-border-subtle);color:var(--cds-support-error, #da1e28);font-size:12px;line-height:16px}.tile-error-message__icon{flex-shrink:0;fill:var(--cds-support-error, #da1e28)}.valtimo-zaak-type-link__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.valtimo-zaak-type-link__link-button{align-self:flex-end}.valtimo-zaak-type-link__card-title{font-size:18px}.valtimo-zaak-type-link__card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:20px}.valtimo-zaak-type-link__card-controls{display:flex;align-items:center;gap:16px}.valtimo-zaak-type-link__card-body{display:flex;flex-direction:column;gap:16px}.valtimo-zaak-type-link__card-body>div{display:grid;grid-template-columns:repeat(3,1fr);font-size:16px}.valtimo-zaak-type-link-modal__content{display:flex;flex-direction:column;gap:16px}\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: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: TilesModule }, { kind: "component", type: i6.Tile, selector: "cds-tile, ibm-tile", inputs: ["theme"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: SpinnerModule }, { kind: "component", type: i3.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: SelectModule$1 }, { kind: "component", type: i6.Select, selector: "cds-select, ibm-select", inputs: ["value", "display", "label", "helperText", "invalidText", "warn", "warnText", "id", "size", "disabled", "skeleton", "invalid", "readonly", "theme", "ariaLabel", "fluid"], outputs: ["valueChange"] }, { kind: "directive", type: i6.Option, selector: "option" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.TextInputLabelComponent, selector: "cds-text-label, ibm-text-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textInputTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ToggleModule }, { kind: "component", type: i6.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }, { kind: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: ZakenApiZaaktypeLinkComponent, isStandalone: true, selector: "valtimo-zaken-api-zaaktype-link", 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<cds-tile [class.tile--danger]=\"hasConfigurationIssue$ | async\">\n  <h2 class=\"valtimo-zaak-type-link__title\">{{ 'openZaak.links' | translate }}</h2>\n\n  @if (loading$ | async) {\n    <valtimo-spinner></valtimo-spinner>\n  } @else {\n    @if (zaakTypeLink$ | async; as zaakTypeLink) {\n      <section class=\"valtimo-zaak-type-link__card-header\">\n        <span class=\"valtimo-zaak-type-link__card-title\">\n          {{ this.selectedZaakType?.omschrijving || '-' }}\n        </span>\n\n        @if (canEdit$ | async) {\n          <div class=\"valtimo-zaak-type-link__card-controls\">\n            <button\n              cdsButton=\"tertiary\"\n              [attr.data-test-id]=\"testIds.editButton\"\n              (click)=\"openModal(zaakTypeLink)\"\n            >\n              {{ 'interface.edit' | translate }}\n\n              <svg cdsIcon=\"edit\" size=\"16\" class=\"cds--btn__icon\"></svg>\n            </button>\n\n            <button\n              cdsButton=\"danger\"\n              [attr.data-test-id]=\"testIds.deleteButton\"\n              (click)=\"removeZaakTypeLink()\"\n            >\n              {{ 'interface.delete' | translate }}\n\n              <svg cdsIcon=\"trash-can\" size=\"16\" class=\"cds--btn__icon\"></svg>\n            </button>\n          </div>\n        }\n      </section>\n\n      <section class=\"valtimo-zaak-type-link__card-body\">\n        <div>\n          <strong>{{ 'openZaak.autoCreateForCase' | translate }}</strong>\n\n          {{\n            zaakTypeLink?.createWithDossier\n              ? ('viewTypeConverter.Yes' | translate)\n              : ('viewTypeConverter.No' | translate)\n          }}\n        </div>\n\n        <div>\n          <strong>{{ 'openZaak.zakenApiPlugin' | translate }}</strong>\n\n          {{ this.selectedPluginConfiguration?.title || '-' }}\n        </div>\n\n        <div>\n          <strong>{{ 'openZaak.rsin' | translate }}</strong>\n\n          {{ zaakTypeLink?.rsin || '-' }}\n        </div>\n      </section>\n    } @else if (canEdit$ | async) {\n      <button\n        cdsButton=\"primary\"\n        class=\"valtimo-zaak-type-link__link-button\"\n        [attr.data-test-id]=\"testIds.linkButton\"\n        (click)=\"openModal(null)\"\n      >\n        {{ 'openZaak.linkZaakType' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    }\n  }\n\n  @if (hasConfigurationIssue$ | async) {\n    <div class=\"tile-error-message\">\n      <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tile-error-message__icon\"></svg>\n      <span class=\"tile-error-message__text\">{{ 'openZaak.configurationIssue' | translate }}</span>\n    </div>\n  }\n</cds-tile>\n\n<valtimo-render-in-body>\n  <cds-modal showFooter=\"true\" valtimoCdsModal [open]=\"modalOpen$ | async\" (close)=\"closeModal()\">\n    <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 cdsModalHeaderHeading>Zaak types</h3>\n\n      <span> Connect Zaak type to Dossier</span>\n    </cds-modal-header>\n\n    <section cdsModalContent class=\"valtimo-zaak-type-link-modal__content\">\n      <cds-select\n        [label]=\"'openZaak.selectZaakTypeForCase' | translate\"\n        [attr.data-test-id]=\"testIds.modalZaakTypeSelect\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zaakTypeUrl\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZaakType' | translate }}</option>\n\n        @for (zaakType of zaakTypes; track zaakType.url) {\n          <option [value]=\"zaakType.url\" [selected]=\"zaakType.url === selectedZaakType?.url\">\n            {{ zaakType.omschrijving || '-' }}\n          </option>\n        }\n      </cds-select>\n\n      <cds-select\n        [label]=\"'openZaak.selectZakenApiPluginForCase' | translate\"\n        [attr.data-test-id]=\"testIds.modalPluginSelect\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zakenApiPluginConfigurationId\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZakenApiPlugin' | translate }}</option>\n\n        @for (pluginConfiguration of pluginConfigurations; track pluginConfiguration.id) {\n          <option\n            [value]=\"pluginConfiguration.id\"\n            [selected]=\"pluginConfiguration.id === selectedPluginConfiguration?.id\"\n          >\n          >\n            {{ pluginConfiguration?.title || '-' }}\n          </option>\n        }\n      </cds-select>\n\n      <cds-text-label>\n        {{ 'openZaak.rsin' | translate }}\n\n        <input\n          cdsText\n          cdsLayer=\"1\"\n          placeholder=\"RSIN\"\n          type=\"text\"\n          [attr.data-test-id]=\"testIds.modalRsinInput\"\n          [(ngModel)]=\"this.zaakTypeLinkRequest.rsin\"\n        />\n      </cds-text-label>\n\n      <cds-toggle\n        [label]=\"'openZaak.autoCreateForCase' | translate\"\n        [attr.data-test-id]=\"testIds.modalAutoCreateToggle\"\n        [checked]=\"this.zaakTypeLinkRequest.createWithDossier\"\n        (checkedChange)=\"onCheckedChange($event)\"\n      >\n      </cds-toggle>\n    </section>\n\n    <cds-modal-footer>\n      <button\n        cdsButton=\"secondary\"\n        [attr.data-test-id]=\"testIds.modalCancelButton\"\n        (click)=\"closeModal()\"\n      >\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        [attr.data-test-id]=\"testIds.modalSubmitButton\"\n        [disabled]=\"!this.zaakTypeLinkRequest.zaakTypeUrl\"\n        (click)=\"submit()\"\n      >\n        {{ 'interface.save' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}::ng-deep cds-tile.tile--danger.cds--tile{outline:2px solid var(--cds-support-error, #da1e28)}.tile-error-message{display:flex;align-items:center;gap:8px;margin:16px -16px -16px;padding:8px 16px;border-top:1px solid var(--cds-border-subtle);color:var(--cds-support-error, #da1e28);font-size:12px;line-height:16px}.tile-error-message__icon{flex-shrink:0;fill:var(--cds-support-error, #da1e28)}.valtimo-zaak-type-link__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.valtimo-zaak-type-link__link-button{align-self:flex-end}.valtimo-zaak-type-link__card-title{font-size:18px}.valtimo-zaak-type-link__card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:20px}.valtimo-zaak-type-link__card-controls{display:flex;align-items:center;gap:16px}.valtimo-zaak-type-link__card-body{display:flex;flex-direction:column;gap:16px}.valtimo-zaak-type-link__card-body>div{display:grid;grid-template-columns:repeat(3,1fr);font-size:16px}.valtimo-zaak-type-link-modal__content{display:flex;flex-direction:column;gap:16px}\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: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: TilesModule }, { kind: "component", type: i6.Tile, selector: "cds-tile, ibm-tile", inputs: ["theme"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: SpinnerModule }, { kind: "component", type: i3.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: SelectModule$1 }, { kind: "component", type: i6.Select, selector: "cds-select, ibm-select", inputs: ["value", "display", "label", "helperText", "invalidText", "warn", "warnText", "id", "size", "disabled", "skeleton", "invalid", "readonly", "theme", "ariaLabel", "fluid"], outputs: ["valueChange"] }, { kind: "directive", type: i6.Option, selector: "option" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.TextInputLabelComponent, selector: "cds-text-label, ibm-text-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textInputTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ToggleModule }, { kind: "component", type: i6.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }, { kind: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ZakenApiZaaktypeLinkComponent, decorators: [{
             type: Component,
@@ -4530,7 +4570,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         InputModule,
                         ToggleModule,
                         RenderInBodyComponent,
-                    ], 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<cds-tile [class.tile--danger]=\"hasConfigurationIssue$ | async\">\n  <h2 class=\"valtimo-zaak-type-link__title\">{{ 'openZaak.links' | translate }}</h2>\n\n  @if (loading$ | async) {\n    <valtimo-spinner></valtimo-spinner>\n  } @else {\n    @if (zaakTypeLink$ | async; as zaakTypeLink) {\n      <section class=\"valtimo-zaak-type-link__card-header\">\n        <span class=\"valtimo-zaak-type-link__card-title\">\n          {{ this.selectedZaakType?.omschrijving || '-' }}\n        </span>\n\n        @if (canEdit$ | async) {\n          <div class=\"valtimo-zaak-type-link__card-controls\">\n            <button cdsButton=\"tertiary\" (click)=\"openModal(zaakTypeLink)\">\n              {{ 'interface.edit' | translate }}\n\n              <svg cdsIcon=\"edit\" size=\"16\" class=\"cds--btn__icon\"></svg>\n            </button>\n\n            <button cdsButton=\"danger\" (click)=\"removeZaakTypeLink()\">\n              {{ 'interface.delete' | translate }}\n\n              <svg cdsIcon=\"trash-can\" size=\"16\" class=\"cds--btn__icon\"></svg>\n            </button>\n          </div>\n        }\n      </section>\n\n      <section class=\"valtimo-zaak-type-link__card-body\">\n        <div>\n          <strong>{{ 'openZaak.autoCreateForCase' | translate }}</strong>\n\n          {{\n            zaakTypeLink?.createWithDossier\n              ? ('viewTypeConverter.Yes' | translate)\n              : ('viewTypeConverter.No' | translate)\n          }}\n        </div>\n\n        <div>\n          <strong>{{ 'openZaak.zakenApiPlugin' | translate }}</strong>\n\n          {{ this.selectedPluginConfiguration?.title || '-' }}\n        </div>\n\n        <div>\n          <strong>{{ 'openZaak.rsin' | translate }}</strong>\n\n          {{ zaakTypeLink?.rsin || '-' }}\n        </div>\n      </section>\n    } @else if (canEdit$ | async) {\n      <button\n        cdsButton=\"primary\"\n        class=\"valtimo-zaak-type-link__link-button\"\n        (click)=\"openModal(null)\"\n      >\n        {{ 'openZaak.linkZaakType' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    }\n  }\n\n  @if (hasConfigurationIssue$ | async) {\n    <div class=\"tile-error-message\">\n      <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tile-error-message__icon\"></svg>\n      <span class=\"tile-error-message__text\">{{ 'openZaak.configurationIssue' | translate }}</span>\n    </div>\n  }\n</cds-tile>\n\n<valtimo-render-in-body>\n  <cds-modal showFooter=\"true\" valtimoCdsModal [open]=\"modalOpen$ | async\" (close)=\"closeModal()\">\n    <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 cdsModalHeaderHeading>Zaak types</h3>\n\n      <span> Connect Zaak type to Dossier</span>\n    </cds-modal-header>\n\n    <section cdsModalContent class=\"valtimo-zaak-type-link-modal__content\">\n      <cds-select\n        [label]=\"'openZaak.selectZaakTypeForCase' | translate\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zaakTypeUrl\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZaakType' | translate }}</option>\n\n        @for (zaakType of zaakTypes; track zaakType.url) {\n          <option [value]=\"zaakType.url\" [selected]=\"zaakType.url === selectedZaakType?.url\">\n            {{ zaakType.omschrijving || '-' }}\n          </option>\n        }\n      </cds-select>\n\n      <cds-select\n        [label]=\"'openZaak.selectZakenApiPluginForCase' | translate\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zakenApiPluginConfigurationId\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZakenApiPlugin' | translate }}</option>\n\n        @for (pluginConfiguration of pluginConfigurations; track pluginConfiguration.id) {\n          <option\n            [value]=\"pluginConfiguration.id\"\n            [selected]=\"pluginConfiguration.id === selectedPluginConfiguration?.id\"\n          >\n          >\n            {{ pluginConfiguration?.title || '-' }}\n          </option>\n        }\n      </cds-select>\n\n      <cds-text-label>\n        {{ 'openZaak.rsin' | translate }}\n\n        <input\n          cdsText\n          cdsLayer=\"1\"\n          placeholder=\"RSIN\"\n          type=\"text\"\n          [(ngModel)]=\"this.zaakTypeLinkRequest.rsin\"\n        />\n      </cds-text-label>\n\n      <cds-toggle\n        [label]=\"'openZaak.autoCreateForCase' | translate\"\n        [checked]=\"this.zaakTypeLinkRequest.createWithDossier\"\n        (checkedChange)=\"onCheckedChange($event)\"\n      >\n      </cds-toggle>\n    </section>\n\n    <cds-modal-footer>\n      <button cdsButton=\"secondary\" (click)=\"closeModal()\">\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"!this.zaakTypeLinkRequest.zaakTypeUrl\"\n        (click)=\"submit()\"\n      >\n        {{ 'interface.save' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}::ng-deep cds-tile.tile--danger.cds--tile{outline:2px solid var(--cds-support-error, #da1e28)}.tile-error-message{display:flex;align-items:center;gap:8px;margin:16px -16px -16px;padding:8px 16px;border-top:1px solid var(--cds-border-subtle);color:var(--cds-support-error, #da1e28);font-size:12px;line-height:16px}.tile-error-message__icon{flex-shrink:0;fill:var(--cds-support-error, #da1e28)}.valtimo-zaak-type-link__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.valtimo-zaak-type-link__link-button{align-self:flex-end}.valtimo-zaak-type-link__card-title{font-size:18px}.valtimo-zaak-type-link__card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:20px}.valtimo-zaak-type-link__card-controls{display:flex;align-items:center;gap:16px}.valtimo-zaak-type-link__card-body{display:flex;flex-direction:column;gap:16px}.valtimo-zaak-type-link__card-body>div{display:grid;grid-template-columns:repeat(3,1fr);font-size:16px}.valtimo-zaak-type-link-modal__content{display:flex;flex-direction:column;gap:16px}\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"] }]
+                    ], 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<cds-tile [class.tile--danger]=\"hasConfigurationIssue$ | async\">\n  <h2 class=\"valtimo-zaak-type-link__title\">{{ 'openZaak.links' | translate }}</h2>\n\n  @if (loading$ | async) {\n    <valtimo-spinner></valtimo-spinner>\n  } @else {\n    @if (zaakTypeLink$ | async; as zaakTypeLink) {\n      <section class=\"valtimo-zaak-type-link__card-header\">\n        <span class=\"valtimo-zaak-type-link__card-title\">\n          {{ this.selectedZaakType?.omschrijving || '-' }}\n        </span>\n\n        @if (canEdit$ | async) {\n          <div class=\"valtimo-zaak-type-link__card-controls\">\n            <button\n              cdsButton=\"tertiary\"\n              [attr.data-test-id]=\"testIds.editButton\"\n              (click)=\"openModal(zaakTypeLink)\"\n            >\n              {{ 'interface.edit' | translate }}\n\n              <svg cdsIcon=\"edit\" size=\"16\" class=\"cds--btn__icon\"></svg>\n            </button>\n\n            <button\n              cdsButton=\"danger\"\n              [attr.data-test-id]=\"testIds.deleteButton\"\n              (click)=\"removeZaakTypeLink()\"\n            >\n              {{ 'interface.delete' | translate }}\n\n              <svg cdsIcon=\"trash-can\" size=\"16\" class=\"cds--btn__icon\"></svg>\n            </button>\n          </div>\n        }\n      </section>\n\n      <section class=\"valtimo-zaak-type-link__card-body\">\n        <div>\n          <strong>{{ 'openZaak.autoCreateForCase' | translate }}</strong>\n\n          {{\n            zaakTypeLink?.createWithDossier\n              ? ('viewTypeConverter.Yes' | translate)\n              : ('viewTypeConverter.No' | translate)\n          }}\n        </div>\n\n        <div>\n          <strong>{{ 'openZaak.zakenApiPlugin' | translate }}</strong>\n\n          {{ this.selectedPluginConfiguration?.title || '-' }}\n        </div>\n\n        <div>\n          <strong>{{ 'openZaak.rsin' | translate }}</strong>\n\n          {{ zaakTypeLink?.rsin || '-' }}\n        </div>\n      </section>\n    } @else if (canEdit$ | async) {\n      <button\n        cdsButton=\"primary\"\n        class=\"valtimo-zaak-type-link__link-button\"\n        [attr.data-test-id]=\"testIds.linkButton\"\n        (click)=\"openModal(null)\"\n      >\n        {{ 'openZaak.linkZaakType' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    }\n  }\n\n  @if (hasConfigurationIssue$ | async) {\n    <div class=\"tile-error-message\">\n      <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tile-error-message__icon\"></svg>\n      <span class=\"tile-error-message__text\">{{ 'openZaak.configurationIssue' | translate }}</span>\n    </div>\n  }\n</cds-tile>\n\n<valtimo-render-in-body>\n  <cds-modal showFooter=\"true\" valtimoCdsModal [open]=\"modalOpen$ | async\" (close)=\"closeModal()\">\n    <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 cdsModalHeaderHeading>Zaak types</h3>\n\n      <span> Connect Zaak type to Dossier</span>\n    </cds-modal-header>\n\n    <section cdsModalContent class=\"valtimo-zaak-type-link-modal__content\">\n      <cds-select\n        [label]=\"'openZaak.selectZaakTypeForCase' | translate\"\n        [attr.data-test-id]=\"testIds.modalZaakTypeSelect\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zaakTypeUrl\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZaakType' | translate }}</option>\n\n        @for (zaakType of zaakTypes; track zaakType.url) {\n          <option [value]=\"zaakType.url\" [selected]=\"zaakType.url === selectedZaakType?.url\">\n            {{ zaakType.omschrijving || '-' }}\n          </option>\n        }\n      </cds-select>\n\n      <cds-select\n        [label]=\"'openZaak.selectZakenApiPluginForCase' | translate\"\n        [attr.data-test-id]=\"testIds.modalPluginSelect\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zakenApiPluginConfigurationId\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZakenApiPlugin' | translate }}</option>\n\n        @for (pluginConfiguration of pluginConfigurations; track pluginConfiguration.id) {\n          <option\n            [value]=\"pluginConfiguration.id\"\n            [selected]=\"pluginConfiguration.id === selectedPluginConfiguration?.id\"\n          >\n          >\n            {{ pluginConfiguration?.title || '-' }}\n          </option>\n        }\n      </cds-select>\n\n      <cds-text-label>\n        {{ 'openZaak.rsin' | translate }}\n\n        <input\n          cdsText\n          cdsLayer=\"1\"\n          placeholder=\"RSIN\"\n          type=\"text\"\n          [attr.data-test-id]=\"testIds.modalRsinInput\"\n          [(ngModel)]=\"this.zaakTypeLinkRequest.rsin\"\n        />\n      </cds-text-label>\n\n      <cds-toggle\n        [label]=\"'openZaak.autoCreateForCase' | translate\"\n        [attr.data-test-id]=\"testIds.modalAutoCreateToggle\"\n        [checked]=\"this.zaakTypeLinkRequest.createWithDossier\"\n        (checkedChange)=\"onCheckedChange($event)\"\n      >\n      </cds-toggle>\n    </section>\n\n    <cds-modal-footer>\n      <button\n        cdsButton=\"secondary\"\n        [attr.data-test-id]=\"testIds.modalCancelButton\"\n        (click)=\"closeModal()\"\n      >\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        [attr.data-test-id]=\"testIds.modalSubmitButton\"\n        [disabled]=\"!this.zaakTypeLinkRequest.zaakTypeUrl\"\n        (click)=\"submit()\"\n      >\n        {{ 'interface.save' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}::ng-deep cds-tile.tile--danger.cds--tile{outline:2px solid var(--cds-support-error, #da1e28)}.tile-error-message{display:flex;align-items:center;gap:8px;margin:16px -16px -16px;padding:8px 16px;border-top:1px solid var(--cds-border-subtle);color:var(--cds-support-error, #da1e28);font-size:12px;line-height:16px}.tile-error-message__icon{flex-shrink:0;fill:var(--cds-support-error, #da1e28)}.valtimo-zaak-type-link__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.valtimo-zaak-type-link__link-button{align-self:flex-end}.valtimo-zaak-type-link__card-title{font-size:18px}.valtimo-zaak-type-link__card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:20px}.valtimo-zaak-type-link__card-controls{display:flex;align-items:center;gap:16px}.valtimo-zaak-type-link__card-body{display:flex;flex-direction:column;gap:16px}.valtimo-zaak-type-link__card-body>div{display:grid;grid-template-columns:repeat(3,1fr);font-size:16px}.valtimo-zaak-type-link-modal__content{display:flex;flex-direction:column;gap:16px}\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: i2.ConfigurationIssueService }, { type: i2.DraftVersionService }, { type: i2.GlobalNotificationService }, { type: i6.IconService }, { type: i4$2.OpenZaakService }, { type: i1$2.ActivatedRoute }, { type: i5.TranslateService }, { type: ZakenApiZaaktypeLinkService }] });
 
 /*
@@ -4597,6 +4637,253 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  * limitations under the License.
  */
 
+/*
+ * 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.
+ */
+class CaseZakenApiSyncService extends BaseApiService {
+    constructor(httpClient, configService) {
+        super(httpClient, configService);
+        this.httpClient = httpClient;
+        this.configService = configService;
+    }
+    getCaseZakenApiSync(caseDefinitionKey, caseDefinitionVersionTag) {
+        return this.httpClient.get(this.getApiUrl(`/management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/zaken-api-sync`));
+    }
+    updateCaseZakenApiSync(caseDefinitionKey, caseDefinitionVersionTag, request) {
+        return this.httpClient.put(this.getApiUrl(`/management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/zaken-api-sync`), request);
+    }
+    deleteCaseZakenApiSync(caseDefinitionKey, caseDefinitionVersionTag) {
+        return this.httpClient.delete(this.getApiUrl(`/management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/zaken-api-sync`));
+    }
+    getAvailableRoltypes(caseDefinitionKey, caseDefinitionVersionTag) {
+        return this.httpClient.get(this.getApiUrl(`/v1/case-definition/${caseDefinitionKey}/zaaktype/roltype`), { params: { caseDefinitionVersionTag } });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseZakenApiSyncService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseZakenApiSyncService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseZakenApiSyncService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ConfigService }] });
+
+/*
+ * 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.
+ */
+
+/*
+ * 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.
+ */
+class CaseZakenApiSyncComponent {
+    constructor(route, configurationIssueService, draftVersionService, caseZakenApiSyncService, documentService, cdsThemeService, iconService) {
+        this.route = route;
+        this.configurationIssueService = configurationIssueService;
+        this.draftVersionService = draftVersionService;
+        this.caseZakenApiSyncService = caseZakenApiSyncService;
+        this.documentService = documentService;
+        this.cdsThemeService = cdsThemeService;
+        this.iconService = iconService;
+        this.loading$ = new BehaviorSubject(true);
+        this._params$ = getCaseManagementRouteParams(this.route);
+        this._documentDefinition$ = this._params$.pipe(switchMap(params => this.documentService.getDocumentDefinitionByVersion(params?.caseDefinitionKey ?? '', params?.caseDefinitionVersionTag ?? '')));
+        this.caseZakenApiSync$ = new BehaviorSubject(null);
+        this.modalShowing$ = new BehaviorSubject(false);
+        this.currentTheme$ = this.cdsThemeService.currentTheme$;
+        this.formGroup = new FormGroup({
+            assigneeSyncEnabled: new FormControl(false),
+            roltypeUrl: new FormControl('', Validators.required),
+            noteSyncEnabled: new FormControl(false),
+            noteSubject: new FormControl('Note created by Valtimo GZAC', Validators.required),
+        });
+        this._roltypeOptions$ = new BehaviorSubject([]);
+        this._selectedRoltypeUrl$ = new BehaviorSubject('');
+        this.roltypeListItems$ = combineLatest([
+            this._roltypeOptions$,
+            this._selectedRoltypeUrl$,
+        ]).pipe(map(([options, selectedUrl]) => options.map(option => ({
+            content: option.name,
+            url: option.url,
+            selected: option.url === selectedUrl,
+        }))));
+        this.hasConfigurationIssue$ = this.configurationIssueService.hasIssue$('zaken-api-sync');
+        this._isDraftVersion$ = this._params$.pipe(switchMap(params => this.draftVersionService.isDraftVersion(params?.caseDefinitionKey ?? '', params?.caseDefinitionVersionTag ?? '')));
+        this.canEdit$ = combineLatest([
+            this._isDraftVersion$,
+            this.hasConfigurationIssue$,
+        ]).pipe(map(([isDraft, hasIssue]) => isDraft || hasIssue));
+        this.iconService.registerAll([TrashCan16, Edit16, WarningFilled16]);
+    }
+    ngOnInit() {
+        this.loadCaseZakenApiSync();
+        this.loadRoltypeOptions();
+    }
+    loadCaseZakenApiSync() {
+        this._documentDefinition$
+            .pipe(filter$1(documentDefinition => !!documentDefinition?.id?.blueprintId), switchMap((documentDefinition) => this.caseZakenApiSyncService.getCaseZakenApiSync(documentDefinition.id.blueprintId.blueprintKey, documentDefinition.id.blueprintId.blueprintVersionTag)))
+            .subscribe(caseZakenApiSync => {
+            this.loading$.next(false);
+            if (caseZakenApiSync) {
+                this.formGroup.patchValue({
+                    assigneeSyncEnabled: caseZakenApiSync.assigneeSyncEnabled,
+                    roltypeUrl: caseZakenApiSync.roltypeUrl,
+                    noteSyncEnabled: caseZakenApiSync.noteSyncEnabled,
+                    noteSubject: caseZakenApiSync.noteSubject,
+                });
+                this._selectedRoltypeUrl$.next(caseZakenApiSync.roltypeUrl);
+            }
+            this.caseZakenApiSync$.next(caseZakenApiSync);
+        });
+    }
+    loadRoltypeOptions() {
+        this._documentDefinition$
+            .pipe(filter$1(documentDefinition => !!documentDefinition?.id?.blueprintId), take$1(1), switchMap((documentDefinition) => this.caseZakenApiSyncService.getAvailableRoltypes(documentDefinition.id.blueprintId.blueprintKey, documentDefinition.id.blueprintId.blueprintVersionTag)))
+            .subscribe(options => this._roltypeOptions$.next(options));
+    }
+    onRoltypeSelected(event) {
+        const url = event.item?.url ?? '';
+        this.formGroup.patchValue({ roltypeUrl: url });
+        this._selectedRoltypeUrl$.next(url);
+    }
+    remove() {
+        this._documentDefinition$
+            .pipe(take$1(1), switchMap(documentDefinition => this.caseZakenApiSyncService.deleteCaseZakenApiSync(documentDefinition.id.blueprintId.blueprintKey, documentDefinition.id.blueprintId.blueprintVersionTag)), tap(() => {
+            this.caseZakenApiSync$.next(null);
+        }))
+            .subscribe();
+    }
+    submit() {
+        const formValues = this.formGroup.getRawValue();
+        this._documentDefinition$
+            .pipe(take$1(1), switchMap(documentDefinition => this.caseZakenApiSyncService.updateCaseZakenApiSync(documentDefinition.id.blueprintId.blueprintKey, documentDefinition.id.blueprintId.blueprintVersionTag, {
+            assigneeSyncEnabled: !!formValues.assigneeSyncEnabled,
+            roltypeUrl: formValues.roltypeUrl ?? '',
+            noteSyncEnabled: !!formValues.noteSyncEnabled,
+            noteSubject: formValues.noteSubject ?? '',
+        })))
+            .subscribe(() => {
+            this.loadCaseZakenApiSync();
+            this.hideModal();
+        });
+    }
+    onModalClose() {
+        this.hideModal();
+    }
+    showModal() {
+        this.modalShowing$.next(true);
+    }
+    hideModal() {
+        this.modalShowing$.next(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseZakenApiSyncComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: i2.ConfigurationIssueService }, { token: i2.DraftVersionService }, { token: CaseZakenApiSyncService }, { token: i4$1.DocumentService }, { token: i3.CdsThemeService }, { token: i6.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseZakenApiSyncComponent, isStandalone: true, selector: "valtimo-case-zaken-api-sync", 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<cds-tile [class.tile--danger]=\"hasConfigurationIssue$ | async\">\n  <h2 class=\"valtimo-zakenapi-sync__title\">{{ 'zakenApiSync.title' | translate }}</h2>\n\n  @if (loading$ | async) {\n    <valtimo-spinner></valtimo-spinner>\n  } @else {\n    @if (caseZakenApiSync$ | async; as caseZakenApiSync) {\n      <section class=\"valtimo-zakenapi-sync__card-header\">\n        @if (canEdit$ | async) {\n          <div class=\"valtimo-zakenapi-sync__card-controls\">\n            <button cdsButton=\"tertiary\" (click)=\"showModal()\">\n              {{ 'interface.edit' | translate }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n            </button>\n\n            <button cdsButton=\"danger\" (click)=\"remove()\">\n              {{ 'interface.delete' | translate }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          </div>\n        }\n      </section>\n\n      <section class=\"valtimo-zakenapi-sync__card-body\">\n        <div>\n          <strong>{{ 'zakenApiSync.assigneeSyncEnabled' | translate }}</strong>\n\n          {{\n            caseZakenApiSync.assigneeSyncEnabled\n              ? ('zakenApiSync.yes' | translate)\n              : ('zakenApiSync.no' | translate)\n          }}\n        </div>\n\n        <div>\n          <strong>{{ 'zakenApiSync.noteSyncEnabled' | translate }}</strong>\n\n          {{\n            caseZakenApiSync.noteSyncEnabled\n              ? ('zakenApiSync.yes' | translate)\n              : ('zakenApiSync.no' | translate)\n          }}\n        </div>\n      </section>\n    } @else if (canEdit$ | async) {\n      <button cdsButton=\"primary\" (click)=\"showModal()\">\n        {{ 'zakenApiSync.submitButton' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    }\n  }\n\n  @if (hasConfigurationIssue$ | async) {\n    <div class=\"tile-error-message\">\n      <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tile-error-message__icon\"></svg>\n      <span class=\"tile-error-message__text\">{{\n        'zakenApiSync.configurationIssue' | translate\n      }}</span>\n    </div>\n  }\n</cds-tile>\n\n<valtimo-render-in-body>\n  <cds-modal\n    valtimoCdsModal\n    [open]=\"modalShowing$ | async\"\n    [title]=\"'zakenApiSync.editModal.title' | translate\"\n    showFooter=\"true\"\n    (close)=\"onModalClose()\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onModalClose()\">\n      <h3 cdsModalHeaderHeading>\n        {{ 'zakenApiSync.editModal.title' | translate }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <form [formGroup]=\"formGroup\">\n        <cds-toggle\n          formControlName=\"assigneeSyncEnabled\"\n          [label]=\"'zakenApiSync.editModal.assigneeSyncEnabled' | translate\"\n          [onText]=\"'interface.on' | translate\"\n          [offText]=\"'interface.off' | translate\"\n        ></cds-toggle>\n\n        <cds-dropdown\n          [label]=\"'zakenApiSync.editModal.roltypeUrl' | translate\"\n          [placeholder]=\"'zakenApiSync.editModal.roltypeUrlPlaceholder' | translate\"\n          [dropUp]=\"false\"\n          (selected)=\"onRoltypeSelected($event)\"\n        >\n          <cds-dropdown-list [items]=\"roltypeListItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n\n        <cds-toggle\n          formControlName=\"noteSyncEnabled\"\n          [label]=\"'zakenApiSync.editModal.noteSyncEnabled' | translate\"\n          [onText]=\"'interface.on' | translate\"\n          [offText]=\"'interface.off' | translate\"\n        ></cds-toggle>\n\n        <cds-label>\n          {{ 'zakenApiSync.editModal.noteSubject' | translate }}\n          <input\n            cdsText\n            formControlName=\"noteSubject\"\n            [placeholder]=\"'zakenApiSync.editModal.noteSubjectPlaceholder' | translate\"\n          />\n        </cds-label>\n      </form>\n    </section>\n\n    <cds-modal-footer>\n      <button cdsButton=\"secondary\" (click)=\"onModalClose()\" [disabled]=\"false\">\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"!formGroup.valid\"\n        (click)=\"submit()\"\n      >\n        {{ 'searchFieldsOverview.submit' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}form{display:flex;flex-direction:column;gap:1rem}::ng-deep cds-tile.tile--danger.cds--tile{outline:2px solid var(--cds-support-error, #da1e28)}.tile-error-message{display:flex;align-items:center;gap:8px;margin:16px -16px -16px;padding:8px 16px;border-top:1px solid var(--cds-border-subtle);color:var(--cds-support-error, #da1e28);font-size:12px;line-height:16px}.tile-error-message__icon{flex-shrink:0;fill:var(--cds-support-error, #da1e28)}.valtimo-zakenapi-sync__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.valtimo-zakenapi-sync__card-header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding-bottom:20px}.valtimo-zakenapi-sync__card-controls{display:flex;align-items:center;gap:16px}.valtimo-zakenapi-sync__card-body{display:flex;flex-direction:column;gap:16px}.valtimo-zakenapi-sync__card-body>div{display:grid;grid-template-columns:repeat(3,1fr);font-size:16px}\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: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i6.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "readonly", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp", "fluid"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i6.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: FormModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SpinnerModule }, { kind: "component", type: i3.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }, { kind: "ngmodule", type: TilesModule }, { kind: "component", type: i6.Tile, selector: "cds-tile, ibm-tile", inputs: ["theme"] }, { kind: "ngmodule", type: ToggleModule }, { kind: "component", type: i6.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseZakenApiSyncComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-case-zaken-api-sync', standalone: true, imports: [
+                        ButtonModule,
+                        CommonModule,
+                        DropdownModule,
+                        FormModule,
+                        FormsModule,
+                        IconModule,
+                        InputModule,
+                        LayerModule,
+                        ModalModule,
+                        ReactiveFormsModule,
+                        SpinnerModule,
+                        TilesModule,
+                        ToggleModule,
+                        TranslateModule,
+                        ValtimoCdsModalDirective,
+                        RenderInBodyComponent,
+                    ], 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<cds-tile [class.tile--danger]=\"hasConfigurationIssue$ | async\">\n  <h2 class=\"valtimo-zakenapi-sync__title\">{{ 'zakenApiSync.title' | translate }}</h2>\n\n  @if (loading$ | async) {\n    <valtimo-spinner></valtimo-spinner>\n  } @else {\n    @if (caseZakenApiSync$ | async; as caseZakenApiSync) {\n      <section class=\"valtimo-zakenapi-sync__card-header\">\n        @if (canEdit$ | async) {\n          <div class=\"valtimo-zakenapi-sync__card-controls\">\n            <button cdsButton=\"tertiary\" (click)=\"showModal()\">\n              {{ 'interface.edit' | translate }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n            </button>\n\n            <button cdsButton=\"danger\" (click)=\"remove()\">\n              {{ 'interface.delete' | translate }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          </div>\n        }\n      </section>\n\n      <section class=\"valtimo-zakenapi-sync__card-body\">\n        <div>\n          <strong>{{ 'zakenApiSync.assigneeSyncEnabled' | translate }}</strong>\n\n          {{\n            caseZakenApiSync.assigneeSyncEnabled\n              ? ('zakenApiSync.yes' | translate)\n              : ('zakenApiSync.no' | translate)\n          }}\n        </div>\n\n        <div>\n          <strong>{{ 'zakenApiSync.noteSyncEnabled' | translate }}</strong>\n\n          {{\n            caseZakenApiSync.noteSyncEnabled\n              ? ('zakenApiSync.yes' | translate)\n              : ('zakenApiSync.no' | translate)\n          }}\n        </div>\n      </section>\n    } @else if (canEdit$ | async) {\n      <button cdsButton=\"primary\" (click)=\"showModal()\">\n        {{ 'zakenApiSync.submitButton' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    }\n  }\n\n  @if (hasConfigurationIssue$ | async) {\n    <div class=\"tile-error-message\">\n      <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tile-error-message__icon\"></svg>\n      <span class=\"tile-error-message__text\">{{\n        'zakenApiSync.configurationIssue' | translate\n      }}</span>\n    </div>\n  }\n</cds-tile>\n\n<valtimo-render-in-body>\n  <cds-modal\n    valtimoCdsModal\n    [open]=\"modalShowing$ | async\"\n    [title]=\"'zakenApiSync.editModal.title' | translate\"\n    showFooter=\"true\"\n    (close)=\"onModalClose()\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onModalClose()\">\n      <h3 cdsModalHeaderHeading>\n        {{ 'zakenApiSync.editModal.title' | translate }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <form [formGroup]=\"formGroup\">\n        <cds-toggle\n          formControlName=\"assigneeSyncEnabled\"\n          [label]=\"'zakenApiSync.editModal.assigneeSyncEnabled' | translate\"\n          [onText]=\"'interface.on' | translate\"\n          [offText]=\"'interface.off' | translate\"\n        ></cds-toggle>\n\n        <cds-dropdown\n          [label]=\"'zakenApiSync.editModal.roltypeUrl' | translate\"\n          [placeholder]=\"'zakenApiSync.editModal.roltypeUrlPlaceholder' | translate\"\n          [dropUp]=\"false\"\n          (selected)=\"onRoltypeSelected($event)\"\n        >\n          <cds-dropdown-list [items]=\"roltypeListItems$ | async\"></cds-dropdown-list>\n        </cds-dropdown>\n\n        <cds-toggle\n          formControlName=\"noteSyncEnabled\"\n          [label]=\"'zakenApiSync.editModal.noteSyncEnabled' | translate\"\n          [onText]=\"'interface.on' | translate\"\n          [offText]=\"'interface.off' | translate\"\n        ></cds-toggle>\n\n        <cds-label>\n          {{ 'zakenApiSync.editModal.noteSubject' | translate }}\n          <input\n            cdsText\n            formControlName=\"noteSubject\"\n            [placeholder]=\"'zakenApiSync.editModal.noteSubjectPlaceholder' | translate\"\n          />\n        </cds-label>\n      </form>\n    </section>\n\n    <cds-modal-footer>\n      <button cdsButton=\"secondary\" (click)=\"onModalClose()\" [disabled]=\"false\">\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"!formGroup.valid\"\n        (click)=\"submit()\"\n      >\n        {{ 'searchFieldsOverview.submit' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}form{display:flex;flex-direction:column;gap:1rem}::ng-deep cds-tile.tile--danger.cds--tile{outline:2px solid var(--cds-support-error, #da1e28)}.tile-error-message{display:flex;align-items:center;gap:8px;margin:16px -16px -16px;padding:8px 16px;border-top:1px solid var(--cds-border-subtle);color:var(--cds-support-error, #da1e28);font-size:12px;line-height:16px}.tile-error-message__icon{flex-shrink:0;fill:var(--cds-support-error, #da1e28)}.valtimo-zakenapi-sync__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.valtimo-zakenapi-sync__card-header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding-bottom:20px}.valtimo-zakenapi-sync__card-controls{display:flex;align-items:center;gap:16px}.valtimo-zakenapi-sync__card-body{display:flex;flex-direction:column;gap:16px}.valtimo-zakenapi-sync__card-body>div{display:grid;grid-template-columns:repeat(3,1fr);font-size:16px}\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$2.ActivatedRoute }, { type: i2.ConfigurationIssueService }, { type: i2.DraftVersionService }, { type: CaseZakenApiSyncService }, { type: i4$1.DocumentService }, { type: i3.CdsThemeService }, { type: i6.IconService }] });
+
+/*
+ * 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.
+ */
+
+/*
+ * 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.
+ */
+
+/*
+ * 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.
+ */
+
 /*
  * Copyright 2015-2024 Ritense BV, the Netherlands.
  *
@@ -4927,17 +5214,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  */
 class CaseManagementZgwGeneralComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementZgwGeneralComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseManagementZgwGeneralComponent, isStandalone: true, selector: "ng-component", 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<div class=\"muuri-container\">\n  <div muuri [columnMinWidth]=\"450\">\n    <valtimo-muuri-item>\n      <valtimo-document-objecten-api-sync></valtimo-document-objecten-api-sync>\n    </valtimo-muuri-item>\n\n    <valtimo-muuri-item>\n      <valtimo-documenten-api-version></valtimo-documenten-api-version\n    ></valtimo-muuri-item>\n\n    <valtimo-muuri-item>\n      <valtimo-zaken-api-zaaktype-link></valtimo-zaken-api-zaaktype-link>\n    </valtimo-muuri-item>\n  </div>\n</div>\n", styles: [".muuri-container{margin-bottom:-16px;padding:16px;background-color:var(--cds-layer-01)}\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: "ngmodule", type: CommonModule }, { kind: "component", type: ZakenApiZaaktypeLinkComponent, selector: "valtimo-zaken-api-zaaktype-link" }, { kind: "component", type: DocumentObjectenApiSyncComponent, selector: "valtimo-document-objecten-api-sync" }, { kind: "ngmodule", type: MuuriDirectiveModule }, { kind: "directive", type: i3.MuuriDirective, selector: "[muuri]", inputs: ["columnMinWidth"] }, { kind: "component", type: i3.MuuriItemComponent, selector: "valtimo-muuri-item" }, { kind: "component", type: DocumentenApiVersionComponent, selector: "valtimo-documenten-api-version" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseManagementZgwGeneralComponent, isStandalone: true, selector: "ng-component", 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<div class=\"muuri-container\">\n  <div muuri [columnMinWidth]=\"450\">\n    <valtimo-muuri-item>\n      <valtimo-document-objecten-api-sync></valtimo-document-objecten-api-sync>\n    </valtimo-muuri-item>\n\n    <valtimo-muuri-item>\n      <valtimo-case-zaken-api-sync></valtimo-case-zaken-api-sync>\n    </valtimo-muuri-item>\n\n    <valtimo-muuri-item>\n      <valtimo-documenten-api-version></valtimo-documenten-api-version\n    ></valtimo-muuri-item>\n\n    <valtimo-muuri-item>\n      <valtimo-zaken-api-zaaktype-link></valtimo-zaken-api-zaaktype-link>\n    </valtimo-muuri-item>\n  </div>\n</div>\n", styles: [".muuri-container{margin-bottom:-16px;padding:16px;background-color:var(--cds-layer-01)}\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: "ngmodule", type: CommonModule }, { kind: "component", type: CaseZakenApiSyncComponent, selector: "valtimo-case-zaken-api-sync" }, { kind: "component", type: ZakenApiZaaktypeLinkComponent, selector: "valtimo-zaken-api-zaaktype-link" }, { kind: "component", type: DocumentObjectenApiSyncComponent, selector: "valtimo-document-objecten-api-sync" }, { kind: "ngmodule", type: MuuriDirectiveModule }, { kind: "directive", type: i3.MuuriDirective, selector: "[muuri]", inputs: ["columnMinWidth"] }, { kind: "component", type: i3.MuuriItemComponent, selector: "valtimo-muuri-item" }, { kind: "component", type: DocumentenApiVersionComponent, selector: "valtimo-documenten-api-version" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseManagementZgwGeneralComponent, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         CommonModule,
+                        CaseZakenApiSyncComponent,
                         ZakenApiZaaktypeLinkComponent,
                         DocumentObjectenApiSyncComponent,
                         MuuriDirectiveModule,
                         DocumentenApiVersionComponent,
-                    ], 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<div class=\"muuri-container\">\n  <div muuri [columnMinWidth]=\"450\">\n    <valtimo-muuri-item>\n      <valtimo-document-objecten-api-sync></valtimo-document-objecten-api-sync>\n    </valtimo-muuri-item>\n\n    <valtimo-muuri-item>\n      <valtimo-documenten-api-version></valtimo-documenten-api-version\n    ></valtimo-muuri-item>\n\n    <valtimo-muuri-item>\n      <valtimo-zaken-api-zaaktype-link></valtimo-zaken-api-zaaktype-link>\n    </valtimo-muuri-item>\n  </div>\n</div>\n", styles: [".muuri-container{margin-bottom:-16px;padding:16px;background-color:var(--cds-layer-01)}\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"] }]
+                    ], 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<div class=\"muuri-container\">\n  <div muuri [columnMinWidth]=\"450\">\n    <valtimo-muuri-item>\n      <valtimo-document-objecten-api-sync></valtimo-document-objecten-api-sync>\n    </valtimo-muuri-item>\n\n    <valtimo-muuri-item>\n      <valtimo-case-zaken-api-sync></valtimo-case-zaken-api-sync>\n    </valtimo-muuri-item>\n\n    <valtimo-muuri-item>\n      <valtimo-documenten-api-version></valtimo-documenten-api-version\n    ></valtimo-muuri-item>\n\n    <valtimo-muuri-item>\n      <valtimo-zaken-api-zaaktype-link></valtimo-zaken-api-zaaktype-link>\n    </valtimo-muuri-item>\n  </div>\n</div>\n", styles: [".muuri-container{margin-bottom:-16px;padding:16px;background-color:var(--cds-layer-01)}\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"] }]
         }] });
 
 /*
@@ -5119,7 +5407,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.
@@ -5152,6 +5440,7 @@ class ZgwModule {
                     translationKey: 'caseManagement.tabs.zgw',
                     component: CaseManagementZgwComponent,
                     tabRoute: 'zgw',
+                    issueTypes: ['zaak-type-link', 'zaakdetail-sync'],
                 },
                 multi: true,
             },
@@ -5202,6 +5491,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                                 translationKey: 'caseManagement.tabs.zgw',
                                 component: CaseManagementZgwComponent,
                                 tabRoute: 'zgw',
+                                issueTypes: ['zaak-type-link', 'zaakdetail-sync'],
                             },
                             multi: true,
                         },
@@ -5244,5 +5534,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { COLUMN_VIEW_TYPES, CONFIDENTIALITY_LEVELS, CaseDetailTabDocumentenApiDocumentsComponent, CaseDetailTabObjectTypeComponent, CaseDetailTabZaakobjectenComponent, CaseManagementLinkProcessComponent, CaseManagementZgwComponent, CaseManagementZgwService, DOCUMENTEN_COLUMN_KEYS, DocumentObjectenApiSyncComponent, DocumentObjectenApiSyncService, DocumentenApiColumnModalComponent, DocumentenApiColumnService, DocumentenApiColumnsComponent, DocumentenApiDocumentService, DocumentenApiFilterComponent, DocumentenApiLinkProcessService, DocumentenApiMetadataModalComponent, DocumentenApiPreviewModalComponent, DocumentenApiPreviewService, DocumentenApiTagModalComponent, DocumentenApiTagService, DocumentenApiTagsComponent, DocumentenApiUploadFieldModalComponent, DocumentenApiUploadFieldsComponent, DocumentenApiUploaderComponent, DocumentenApiVersionComponent, DocumentenApiVersionService, FailedNotificationDetailComponent, FailedNotificationsPageComponent, FailedNotificationsService, LANGUAGE_ITEMS, NotificatiesApiInboundEventStatus, NotificatiesApiRoutingModule, STATUS_ITEMS, ZGW_DOCUMENT_COLUMNS_TEST_IDS, ZGW_LINK_UPLOAD_PROCESS_TEST_IDS, ZaakobjectenService, ZakenApiZaaktypeLinkComponent, ZakenApiZaaktypeLinkService, ZgwModule, ZgwTabEnum, customDocumentApiUploaderType, documentenApiUploaderEditForm, registerDocumentenApiFormioUploadComponent };
+export { COLUMN_VIEW_TYPES, CONFIDENTIALITY_LEVELS, CaseDetailTabDocumentenApiDocumentsComponent, CaseDetailTabObjectTypeComponent, CaseDetailTabZaakobjectenComponent, CaseManagementLinkProcessComponent, CaseManagementZgwComponent, CaseManagementZgwService, CaseZakenApiSyncComponent, CaseZakenApiSyncService, DOCUMENTEN_COLUMN_KEYS, DocumentObjectenApiSyncComponent, DocumentObjectenApiSyncService, DocumentenApiColumnModalComponent, DocumentenApiColumnService, DocumentenApiColumnsComponent, DocumentenApiDocumentService, DocumentenApiFilterComponent, DocumentenApiLinkProcessService, DocumentenApiMetadataModalComponent, DocumentenApiPreviewModalComponent, DocumentenApiPreviewService, DocumentenApiTagModalComponent, DocumentenApiTagService, DocumentenApiTagsComponent, DocumentenApiUploadFieldModalComponent, DocumentenApiUploadFieldsComponent, DocumentenApiUploaderComponent, DocumentenApiVersionComponent, DocumentenApiVersionService, FailedNotificationDetailComponent, FailedNotificationsPageComponent, FailedNotificationsService, LANGUAGE_ITEMS, NotificatiesApiInboundEventStatus, NotificatiesApiRoutingModule, STATUS_ITEMS, ZGW_CASE_SYNC_TEST_IDS, ZGW_CASE_TYPE_LINK_TEST_IDS, ZGW_DOCUMENT_COLUMNS_TEST_IDS, ZGW_KEYWORDS_TEST_IDS, ZGW_LINK_UPLOAD_PROCESS_TEST_IDS, ZGW_UPLOAD_FIELDS_TEST_IDS, ZaakobjectenService, ZakenApiZaaktypeLinkComponent, ZakenApiZaaktypeLinkService, ZgwModule, ZgwTabEnum, customDocumentApiUploaderType, documentenApiUploaderEditForm, registerDocumentenApiFormioUploadComponent };
 //# sourceMappingURL=valtimo-zgw.mjs.map