@valtimo/zgw 13.38.0 → 13.39.0

package/fesm2022/valtimo-zgw.mjs

@@ -13,7 +13,7 @@ import { catchError, of, BehaviorSubject, combineLatest, map, Subscription, swit
 import * as i1$1 from '@angular/forms';
 import { Validators, ReactiveFormsModule, FormGroup, FormControl, FormsModule } from '@angular/forms';
 import * as i3 from '@valtimo/components';
-import { CARBON_CONSTANTS, ViewType, CarbonListModule, ConfirmationModalModule, InputLabelModule, InputModule as InputModule$1, SelectModule, VModalModule, DEFAULT_PAGINATION, DEFAULT_PAGINATOR_CONFIG, OverflowMenuComponent, CarbonListComponent, registerCustomFormioComponent, ParagraphModule, TableModule, FormIoModule, FormModule, SpinnerModule, ValtimoCdsModalDirective, RenderInBodyComponent, MuuriDirectiveModule, JsonEditorComponent, DropzoneModule, FileSizeModule } from '@valtimo/components';
+import { CARBON_CONSTANTS, ValtimoCdsModalDirective, ViewType, CarbonListModule, ConfirmationModalModule, InputLabelModule, InputModule as InputModule$1, SelectModule, VModalModule, DEFAULT_PAGINATION, DEFAULT_PAGINATOR_CONFIG, OverflowMenuComponent, CarbonListComponent, registerCustomFormioComponent, ParagraphModule, TableModule, FormIoModule, FormModule, SpinnerModule, RenderInBodyComponent, MuuriDirectiveModule, JsonEditorComponent, DropzoneModule, FileSizeModule } from '@valtimo/components';
 import * as i1 from '@angular/common/http';
 import { HttpParams } from '@angular/common/http';
 import { take, tap as tap$1, map as map$1, filter as filter$1, switchMap as switchMap$1, catchError as catchError$1, shareReplay } from 'rxjs/operators';
@@ -494,7 +494,7 @@ class DocumentenApiColumnModalComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: DocumentenApiColumnModalComponent, deps: [{ token: i1$1.FormBuilder }, { token: i5.TranslateService }, { token: DocumentenApiColumnService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: DocumentenApiColumnModalComponent, isStandalone: true, selector: "valtimo-documenten-api-column-modal", inputs: { definitionName: "definitionName", prefillColumn: "prefillColumn", type: "type", availableColumns: "availableColumns", configuredColumns: "configuredColumns" }, outputs: { closeModal: "closeModal" }, 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 valtimoCdsModal [open]=\"type !== 'closed'\" size=\"sm\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{ (type === 'add' ? 'zgw.columns.add' : 'zgw.columns.edit') | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form\n    class=\"valtimo-documenten-api-column-modal__content\"\n    cdsModalContent\n    [formGroup]=\"formGroup\"\n    [cdsLayer]=\"1\"\n  >\n    <cds-dropdown\n      formControlName=\"column\"\n      [label]=\"'zgw.columns.column' | translate\"\n      [dropUp]=\"false\"\n      [attr.data-test-id]=\"testIds.modalColumnDropdown\"\n    >\n      <cds-dropdown-list\n        [items]=\"!prefillColumn ? (availableColumns$ | async) : prefillColumn\"\n      ></cds-dropdown-list>\n    </cds-dropdown>\n\n    <cds-radio-group *ngIf=\"showRadioButtons\" legend=\"Default sort\" formControlName=\"defaultSort\">\n      <cds-radio value=\"noDefault\"> {{ 'interface.sorting.noDefault' | translate }} </cds-radio>\n\n      <cds-radio value=\"DESC\"> {{ 'interface.sorting.descending' | translate }} </cds-radio>\n\n      <cds-radio value=\"ASC\"> {{ 'interface.sorting.ascending' | translate }} </cds-radio>\n    </cds-radio-group>\n\n    <cds-inline-notification [notificationObj]=\"notificationObj$ | async\"></cds-inline-notification>\n  </form>\n\n  <cds-modal-footer [cdsLayer]=\"1\">\n    <button\n      cdsButton=\"secondary\"\n      [attr.data-test-id]=\"testIds.modalCancelButton\"\n      (click)=\"onClose()\"\n    >\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.invalid\"\n      [attr.data-test-id]=\"testIds.modalSubmitButton\"\n      (click)=\"updateColumn()\"\n    >\n      {{ (type === 'add' ? 'interface.create' : 'interface.save') | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-documenten-api-column-modal__content{display:flex;flex-direction:column;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: "ngmodule", type: ReactiveFormsModule }, { 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: "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: "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: RadioModule }, { kind: "component", type: i6.Radio, selector: "cds-radio, ibm-radio", inputs: ["checked", "name", "disabled", "labelPlacement", "ariaLabelledby", "ariaLabel", "required", "value", "skeleton", "id"], outputs: ["change"] }, { kind: "component", type: i6.RadioGroup, selector: "cds-radio-group, ibm-radio-group", inputs: ["selected", "value", "name", "disabled", "skeleton", "orientation", "labelPlacement", "legend", "ariaLabel", "ariaLabelledby", "helperText", "invalid", "invalidText", "warn", "warnText"], outputs: ["change"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "component", type: i6.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { 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.25", type: DocumentenApiColumnModalComponent, isStandalone: true, selector: "valtimo-documenten-api-column-modal", inputs: { definitionName: "definitionName", prefillColumn: "prefillColumn", type: "type", availableColumns: "availableColumns", configuredColumns: "configuredColumns" }, outputs: { closeModal: "closeModal" }, 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 valtimoCdsModal [open]=\"type !== 'closed'\" size=\"sm\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{ (type === 'add' ? 'zgw.columns.add' : 'zgw.columns.edit') | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form\n    class=\"valtimo-documenten-api-column-modal__content\"\n    cdsModalContent\n    [formGroup]=\"formGroup\"\n    [cdsLayer]=\"1\"\n  >\n    <cds-dropdown\n      formControlName=\"column\"\n      [label]=\"'zgw.columns.column' | translate\"\n      [dropUp]=\"false\"\n      [attr.data-test-id]=\"testIds.modalColumnDropdown\"\n    >\n      <cds-dropdown-list\n        [items]=\"!prefillColumn ? (availableColumns$ | async) : prefillColumn\"\n      ></cds-dropdown-list>\n    </cds-dropdown>\n\n    <cds-radio-group *ngIf=\"showRadioButtons\" legend=\"Default sort\" formControlName=\"defaultSort\">\n      <cds-radio value=\"noDefault\"> {{ 'interface.sorting.noDefault' | translate }} </cds-radio>\n\n      <cds-radio value=\"DESC\"> {{ 'interface.sorting.descending' | translate }} </cds-radio>\n\n      <cds-radio value=\"ASC\"> {{ 'interface.sorting.ascending' | translate }} </cds-radio>\n    </cds-radio-group>\n\n    <cds-inline-notification [notificationObj]=\"notificationObj$ | async\"></cds-inline-notification>\n  </form>\n\n  <cds-modal-footer [cdsLayer]=\"1\">\n    <button\n      cdsButton=\"secondary\"\n      [attr.data-test-id]=\"testIds.modalCancelButton\"\n      (click)=\"onClose()\"\n    >\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.invalid\"\n      [attr.data-test-id]=\"testIds.modalSubmitButton\"\n      (click)=\"updateColumn()\"\n    >\n      {{ (type === 'add' ? 'interface.create' : 'interface.save') | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-documenten-api-column-modal__content{display:flex;flex-direction:column;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: "ngmodule", type: ReactiveFormsModule }, { 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: "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: "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: RadioModule }, { kind: "component", type: i6.Radio, selector: "cds-radio, ibm-radio", inputs: ["checked", "name", "disabled", "labelPlacement", "ariaLabelledby", "ariaLabel", "required", "value", "skeleton", "id"], outputs: ["change"] }, { kind: "component", type: i6.RadioGroup, selector: "cds-radio-group, ibm-radio-group", inputs: ["selected", "value", "name", "disabled", "skeleton", "orientation", "labelPlacement", "legend", "ariaLabel", "ariaLabelledby", "helperText", "invalid", "invalidText", "warn", "warnText"], outputs: ["change"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "component", type: i6.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: DocumentenApiColumnModalComponent, decorators: [{
             type: Component,
@@ -509,6 +509,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         RadioModule,
                         NotificationModule,
                         LayerModule,
+                        ValtimoCdsModalDirective,
                     ], 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 valtimoCdsModal [open]=\"type !== 'closed'\" size=\"sm\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{ (type === 'add' ? 'zgw.columns.add' : 'zgw.columns.edit') | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form\n    class=\"valtimo-documenten-api-column-modal__content\"\n    cdsModalContent\n    [formGroup]=\"formGroup\"\n    [cdsLayer]=\"1\"\n  >\n    <cds-dropdown\n      formControlName=\"column\"\n      [label]=\"'zgw.columns.column' | translate\"\n      [dropUp]=\"false\"\n      [attr.data-test-id]=\"testIds.modalColumnDropdown\"\n    >\n      <cds-dropdown-list\n        [items]=\"!prefillColumn ? (availableColumns$ | async) : prefillColumn\"\n      ></cds-dropdown-list>\n    </cds-dropdown>\n\n    <cds-radio-group *ngIf=\"showRadioButtons\" legend=\"Default sort\" formControlName=\"defaultSort\">\n      <cds-radio value=\"noDefault\"> {{ 'interface.sorting.noDefault' | translate }} </cds-radio>\n\n      <cds-radio value=\"DESC\"> {{ 'interface.sorting.descending' | translate }} </cds-radio>\n\n      <cds-radio value=\"ASC\"> {{ 'interface.sorting.ascending' | translate }} </cds-radio>\n    </cds-radio-group>\n\n    <cds-inline-notification [notificationObj]=\"notificationObj$ | async\"></cds-inline-notification>\n  </form>\n\n  <cds-modal-footer [cdsLayer]=\"1\">\n    <button\n      cdsButton=\"secondary\"\n      [attr.data-test-id]=\"testIds.modalCancelButton\"\n      (click)=\"onClose()\"\n    >\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.invalid\"\n      [attr.data-test-id]=\"testIds.modalSubmitButton\"\n      (click)=\"updateColumn()\"\n    >\n      {{ (type === 'add' ? 'interface.create' : 'interface.save') | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-documenten-api-column-modal__content{display:flex;flex-direction:column;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: i5.TranslateService }, { type: DocumentenApiColumnService }], propDecorators: { definitionName: [{
                 type: Input
@@ -637,7 +638,7 @@ class DocumentenApiColumnsComponent {
         this._reload$.next(noAnimation ? 'noAnimation' : null);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: DocumentenApiColumnsComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: DocumentenApiColumnService }, { token: i2.EditPermissionsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: DocumentenApiColumnsComponent, isStandalone: true, selector: "valtimo-documenten-api-columns", viewQueries: [{ propertyName: "columnKeyTemplate", first: true, predicate: ["columnKeyTemplate"], descendants: true }, { propertyName: "defaultSortTemplate", first: true, predicate: ["defaultSortTemplate"], 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<ng-container\n  *ngIf=\"{\n    columnModalType: columnModalType$ | async,\n    columnToUpdate: columnToUpdate$ | async,\n    caseDefinitionKey: caseDefinitionKey$ | async,\n    configuredColumns: configuredColumns$ | async,\n    configurableColumns: configurableColumns$ | async,\n    loading: loading$ | async,\n    prefillColumn: prefillColumn$ | async,\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [actionItems]=\"ACTION_ITEMS\"\n    [fields]=\"fields\"\n    [header]=\"false\"\n    [items]=\"obs.configuredColumns\"\n    [loading]=\"obs.loading || !fields\"\n    [dragAndDrop]=\"true\"\n    [dragAndDropDisabled]=\"!(hasEditPermissions$ | async)\"\n    (itemsReordered)=\"onItemsReordered(obs.caseDefinitionKey, $event)\"\n    (rowClicked)=\"openEditModal($event)\"\n  >\n    <ng-container carbonToolbarContent>\n      <ng-container *ngTemplateOutlet=\"addButton\"></ng-container>\n    </ng-container>\n\n    <valtimo-no-results\n      [action]=\"addButton\"\n      [description]=\"'zgw.documents.noColumns.description' | translate\"\n      [title]=\"'zgw.documents.noColumns.title' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-documenten-api-column-modal\n    [availableColumns]=\"obs.configurableColumns\"\n    [configuredColumns]=\"obs.configuredColumns\"\n    [definitionName]=\"obs.caseDefinitionKey\"\n    [prefillColumn]=\"obs.prefillColumn\"\n    [type]=\"obs.columnModalType\"\n    (closeModal)=\"onCloseModal($event)\"\n  ></valtimo-documenten-api-column-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"zgw.columns.deleteText\"\n    [outputOnConfirm]=\"columnToUpdate$ | async\"\n    [showModalSubject$]=\"showDeleteModal$\"\n    titleTranslationKey=\"interface.delete\"\n    (confirmEvent)=\"confirmDeleteStatus($event, obs.caseDefinitionKey)\"\n  ></valtimo-confirmation-modal>\n</ng-container>\n\n<ng-template #addButton>\n  <button\n    *ngIf=\"hasEditPermissions$ | async\"\n    cdsButton=\"primary\"\n    [disabled]=\"loading$ | async\"\n    [attr.data-test-id]=\"testIds.addButton\"\n    (click)=\"openAddModal()\"\n  >\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n\n    {{ 'zgw.columns.add' | translate }}\n  </button>\n</ng-template>\n\n<ng-template #columnKeyTemplate let-data=\"data\">\n  {{ 'zgw.documentColumns.' + data.item.key | translate }}\n</ng-template>\n\n<ng-template #defaultSortTemplate let-data=\"data\">\n  {{\n    data.item.defaultSort === null\n      ? '-'\n      : ('interface.sorting.' + (data.item.defaultSort === 'ASC' ? 'ascending' : 'descending')\n        | translate)\n  }}\n</ng-template>\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: "component", type: DocumentenApiColumnModalComponent, selector: "valtimo-documenten-api-column-modal", inputs: ["definitionName", "prefillColumn", "type", "availableColumns", "configuredColumns"], outputs: ["closeModal"] }, { 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", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey"], 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: "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.25", type: DocumentenApiColumnsComponent, isStandalone: true, selector: "valtimo-documenten-api-columns", viewQueries: [{ propertyName: "columnKeyTemplate", first: true, predicate: ["columnKeyTemplate"], descendants: true }, { propertyName: "defaultSortTemplate", first: true, predicate: ["defaultSortTemplate"], 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<ng-container\n  *ngIf=\"{\n    columnModalType: columnModalType$ | async,\n    columnToUpdate: columnToUpdate$ | async,\n    caseDefinitionKey: caseDefinitionKey$ | async,\n    configuredColumns: configuredColumns$ | async,\n    configurableColumns: configurableColumns$ | async,\n    loading: loading$ | async,\n    prefillColumn: prefillColumn$ | async,\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [actionItems]=\"ACTION_ITEMS\"\n    [fields]=\"fields\"\n    [header]=\"false\"\n    [items]=\"obs.configuredColumns\"\n    [loading]=\"obs.loading || !fields\"\n    [dragAndDrop]=\"true\"\n    [dragAndDropDisabled]=\"!(hasEditPermissions$ | async)\"\n    (itemsReordered)=\"onItemsReordered(obs.caseDefinitionKey, $event)\"\n    (rowClicked)=\"openEditModal($event)\"\n  >\n    <ng-container carbonToolbarContent>\n      <ng-container *ngTemplateOutlet=\"addButton\"></ng-container>\n    </ng-container>\n\n    <valtimo-no-results\n      [action]=\"addButton\"\n      [description]=\"'zgw.documents.noColumns.description' | translate\"\n      [title]=\"'zgw.documents.noColumns.title' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-documenten-api-column-modal\n    [availableColumns]=\"obs.configurableColumns\"\n    [configuredColumns]=\"obs.configuredColumns\"\n    [definitionName]=\"obs.caseDefinitionKey\"\n    [prefillColumn]=\"obs.prefillColumn\"\n    [type]=\"obs.columnModalType\"\n    (closeModal)=\"onCloseModal($event)\"\n  ></valtimo-documenten-api-column-modal>\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"zgw.columns.deleteText\"\n    [outputOnConfirm]=\"columnToUpdate$ | async\"\n    [showModalSubject$]=\"showDeleteModal$\"\n    titleTranslationKey=\"interface.delete\"\n    (confirmEvent)=\"confirmDeleteStatus($event, obs.caseDefinitionKey)\"\n  ></valtimo-confirmation-modal>\n</ng-container>\n\n<ng-template #addButton>\n  <button\n    *ngIf=\"hasEditPermissions$ | async\"\n    cdsButton=\"primary\"\n    [disabled]=\"loading$ | async\"\n    [attr.data-test-id]=\"testIds.addButton\"\n    (click)=\"openAddModal()\"\n  >\n    <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n\n    {{ 'zgw.columns.add' | translate }}\n  </button>\n</ng-template>\n\n<ng-template #columnKeyTemplate let-data=\"data\">\n  {{ 'zgw.documentColumns.' + data.item.key | translate }}\n</ng-template>\n\n<ng-template #defaultSortTemplate let-data=\"data\">\n  {{\n    data.item.defaultSort === null\n      ? '-'\n      : ('interface.sorting.' + (data.item.defaultSort === 'ASC' ? 'ascending' : 'descending')\n        | translate)\n  }}\n</ng-template>\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: "component", type: DocumentenApiColumnModalComponent, selector: "valtimo-documenten-api-column-modal", inputs: ["definitionName", "prefillColumn", "type", "availableColumns", "configuredColumns"], outputs: ["closeModal"] }, { 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", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], 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: "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.25", ngImport: i0, type: DocumentenApiColumnsComponent, decorators: [{
             type: Component,
@@ -1272,14 +1273,16 @@ class DocumentenApiMetadataModalComponent {
             this.informatieobjecttypeFormControl.valueChanges.pipe(startWith(this.informatieobjecttypeFormControl.value)),
         ]).pipe(filter(([documentId, caseDefinitionKey]) => !!documentId || !!caseDefinitionKey), switchMap(([documentId, caseDefinitionKey, defaultValue]) => {
             if (documentId) {
-                return this.documentService
-                    .getDocumentTypesForDocument(documentId)
-                    .pipe(map(types => [types, defaultValue]));
+                return this.documentService.getDocumentTypesForDocument(documentId).pipe(map(types => [types, defaultValue]), 
+                // the user may not be allowed to view the document types (403); degrade to an empty list
+                catchError(() => of([[], defaultValue])));
             }
             if (caseDefinitionKey) {
                 return this.documentService.getCaseSettings(caseDefinitionKey).pipe(switchMap(settings => settings.caseDefinitionVersionTag
                     ? this.documentService.getDocumentTypesForCase(caseDefinitionKey, settings.caseDefinitionVersionTag)
-                    : of([])), map(types => [types, defaultValue]));
+                    : of([])), map(types => [types, defaultValue]), 
+                // the user may not be allowed to view the document types (403); degrade to an empty list
+                catchError(() => of([[], defaultValue])));
             }
             return of([[], defaultValue]);
         }), map(([documentTypes, informatieobjecttypeValue]) => documentTypes.map((type) => ({
@@ -2117,7 +2120,7 @@ class CaseDetailTabDocumentenApiDocumentsComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseDetailTabDocumentenApiDocumentsComponent, deps: [{ token: i2.ConfigService }, { token: DocumentenApiColumnService }, { token: DocumentenApiDocumentService }, { token: DocumentenApiPreviewService }, { token: DocumentenApiVersionService }, { token: i4$1.DocumentService }, { token: i4$2.DownloadService }, { token: i6.IconService }, { token: i6$1.PermissionService }, { token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: i5.TranslateService }, { token: i4$2.UploadProviderService }, { token: i9.UserProviderService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: CaseDetailTabDocumentenApiDocumentsComponent, isStandalone: true, selector: "valtimo-case-detail-tab-documenten-api-documents", viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }, { propertyName: "translationTemplate", first: true, predicate: ["translationTemplate"], descendants: true }], 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<div\n  class=\"carbon-document-table-wrapper\"\n  *ngIf=\"{\n    loading: loading$ | async,\n    fieldsLoading: fieldsLoading$ | async,\n    uploading: uploading$ | async,\n    relatedFiles: relatedFiles$ | async,\n    fields: fields$ | async,\n    supportedDocumentenApiFeatures: supportedDocumentenApiFeatures$ | async,\n    pagination: pagination$ | async,\n    sortState: sortState$ | async,\n    uploadFields: uploadFields$ | async,\n    defaultValues: defaultValues$ | async,\n    hideFields: hideFields$ | async,\n  } as obs\"\n>\n  @if ((!obs.fieldsLoading && obs.fields.length) || obs.fieldsLoading) {\n    <valtimo-carbon-list\n      [actionItems]=\"actionItems\"\n      [items]=\"obs.relatedFiles\"\n      [fields]=\"obs.fields\"\n      [initialSortState]=\"obs.sortState\"\n      [loading]=\"obs.loading\"\n      [pagination]=\"obs.pagination\"\n      [paginatorConfig]=\"paginatorConfig\"\n      paginationIdentifier=\"documentenApi\"\n      (rowClicked)=\"onRowClick($event)\"\n      (sortChanged)=\"\n        obs?.supportedDocumentenApiFeatures?.supportsSortableColumns && onSortChanged($event)\n      \"\n      (paginationClicked)=\"onPaginationClicked($event)\"\n      (paginationSet)=\"onPaginationSet($event)\"\n      hideColumnHeader\n    >\n      <div carbonToolbarContent>\n        <input\n          [accept]=\"acceptedFiles\"\n          (change)=\"onFileSelected($event)\"\n          hidden\n          type=\"file\"\n          #fileInput\n        />\n\n        <v-overflow-menu\n          *ngIf=\"obs?.supportedDocumentenApiFeatures?.supportsFilterableColumns\"\n          placement=\"bottom-end\"\n          [closeOnSelect]=\"false\"\n          [portalToBody]=\"true\"\n        >\n          <button overflowTrigger cdsButton=\"ghost\">\n            <svg cdsIcon=\"filter\" size=\"16\"></svg>\n          </button>\n\n          <div overflowPane>\n            <ng-container *ngTemplateOutlet=\"overflowFilter\"></ng-container>\n          </div>\n        </v-overflow-menu>\n\n        <ng-container *ngTemplateOutlet=\"uploadButton\"></ng-container>\n      </div>\n\n      <ng-container *ngTemplateOutlet=\"noResults\"></ng-container>\n    </valtimo-carbon-list>\n  } @else {\n    <valtimo-no-results\n      [action]=\"navigateToCaseAdminButton\"\n      [description]=\"'zgw.documents.noColumns.description' | translate\"\n      [title]=\"'zgw.documents.noColumns.title' | translate\"\n    ></valtimo-no-results>\n  }\n\n  <valtimo-documenten-api-metadata-modal\n    [defaultValues]=\"obs.defaultValues\"\n    [disableAuthor]=\"obs.uploadFields?.auteur?.readonly\"\n    [disableConfidentialityLevel]=\"obs.uploadFields?.vertrouwelijkheidaanduiding?.readonly\"\n    [disableCreationDate]=\"obs.uploadFields?.creatiedatum?.readonly\"\n    [disableDescription]=\"obs.uploadFields?.beschrijving?.readonly\"\n    [disableDocumentTitle]=\"obs.uploadFields?.titel?.readonly\"\n    [disableDocumentType]=\"obs.uploadFields?.informatieobjecttype?.readonly\"\n    [disableFilename]=\"obs.uploadFields?.bestandsnaam?.readonly\"\n    [disableLanguage]=\"obs.uploadFields?.taal?.readonly\"\n    [disableStatus]=\"obs.uploadFields?.status?.readonly\"\n    [disabled$]=\"modalDisabled$\"\n    [file$]=\"fileToBeUploaded$\"\n    [hideFields]=\"obs.hideFields\"\n    [isEditMode]=\"isEditMode$ | async\"\n    [open]=\"showUploadModal$ | async\"\n    [supportsTrefwoorden]=\"obs?.supportedDocumentenApiFeatures?.supportsTrefwoorden\"\n    [uploadError]=\"uploadError()\"\n    (metadata)=\"metadataSet($event)\"\n    (modalClose)=\"closeMetadataModal()\"\n    (uploadErrorDismiss)=\"uploadError.set(null)\"\n  ></valtimo-documenten-api-metadata-modal>\n\n  <valtimo-documenten-api-preview-modal\n    [showModalSubject$]=\"showPreviewModal$\"\n    [relatedFile$]=\"documentToPreview$\"\n    [caseDocumentId$]=\"documentId$\"\n    (modalClose)=\"closePreviewModal()\"\n  ></valtimo-documenten-api-preview-modal>\n</div>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"dashboardManagement.deleteModal.confirm\"\n  contentTranslationKey=\"case.documenten.deleteConfirmationModal.content\"\n  confirmButtonType=\"danger\"\n  titleTranslationKey=\"case.documenten.deleteConfirmationModal.title\"\n  [showModalSubject$]=\"showDeleteConfirmationModal$\"\n  (confirmEvent)=\"deleteDocument()\"\n>\n</valtimo-confirmation-modal>\n\n<ng-template #noResults>\n  @if ((filter$ | async | keyvalue)?.length) {\n    <valtimo-no-results\n      [action]=\"resetFilterButton\"\n      [description]=\"'zgw.documents.noResults.filterDescription' | translate\"\n      [title]=\"'zgw.documents.noResults.filterTitle' | translate\"\n    ></valtimo-no-results>\n  } @else if (showZaakLinkWarning && isAdmin) {\n    <valtimo-no-results\n      [action]=\"navigateToCaseAdminButton\"\n      [description]=\"'case.documenten.noZaakFound' | translate\"\n      [title]=\"'case.documenten.noZaakFoundTitle' | translate\"\n    ></valtimo-no-results>\n  } @else {\n    <valtimo-no-results\n      [action]=\"uploadButton\"\n      [description]=\"'case.documenten.noFiles' | translate\"\n      [title]=\"'case.documenten.noFilesTitle' | translate\"\n    ></valtimo-no-results>\n  }\n</ng-template>\n\n<ng-template #overflowFilter>\n  <valtimo-case-detail-tab-documenten-api-filter\n    [prefillFilter]=\"filter$ | async\"\n    (filterEvent)=\"onFilterEvent($event)\"\n  ></valtimo-case-detail-tab-documenten-api-filter>\n</ng-template>\n\n<ng-template #resetFilterButton>\n  <button cdsButton=\"primary\" (click)=\"onFilterEvent(null)\">\n    {{ 'Reset filter' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #uploadButton let-disabled=\"disabled\">\n  <button\n    [disabled]=\"\n      (uploadProcessLinkedSet && !uploadProcessLinked) ||\n      showZaakLinkWarning ||\n      disabled ||\n      (canCreateResource$ | async) === false\n    \"\n    [vTooltip]=\"getUploadButtonTooltip() | translate\"\n    (click)=\"onUploadButtonClick()\"\n    cdsButton=\"primary\"\n  >\n    {{ 'Upload' | translate }}\n    <svg class=\"cds--btn__icon\" cdsIcon=\"upload\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #translationTemplate let-data=\"data\">\n  @if (data.item[data.key]) {\n    {{ 'document.' + data.item[data.key] | translate }}\n  } @else {\n    -\n  }\n</ng-template>\n\n<ng-template #navigateToCaseAdminButton>\n  <button (click)=\"onNavigateToCaseAdminClick()\" cdsButton=\"primary\">\n    {{ 'case.documenten.navigateToCaseAdmin' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"settings\" size=\"16\"></svg>\n  </button>\n</ng-template>\n", styles: [".hidden{display:none}.loading-container{padding:var(--cds-grid-margin);display:flex;align-items:center;justify-content:center}.carbon-document-table-wrapper{margin:0}.documenten-api-documents-filesize-template{text-align:right}\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: "pipe", type: i4.KeyValuePipe, name: "keyvalue" }, { 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", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey"], 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: "component", type: DocumentenApiMetadataModalComponent, selector: "valtimo-documenten-api-metadata-modal", inputs: ["disabled$", "file$", "hideFields", "defaultValues", "disableAuthor", "disableConfidentialityLevel", "disableDescription", "disableDocumentTitle", "disableDocumentType", "disableFilename", "disableLanguage", "disableStatus", "supportsTrefwoorden", "disableCreationDate", "isEditMode", "uploadError", "open"], outputs: ["metadata", "modalClose", "uploadErrorDismiss"] }, { 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: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "component", type: DocumentenApiFilterComponent, selector: "valtimo-case-detail-tab-documenten-api-filter", outputs: ["filterEvent"] }, { kind: "component", type: OverflowMenuComponent, selector: "v-overflow-menu", inputs: ["open", "placement", "menuWidth", "offsetX", "offsetY", "closeOnSelect", "useHostAsReference", "portalToBody"], outputs: ["openChange"] }, { 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: "component", type: DocumentenApiPreviewModalComponent, selector: "valtimo-documenten-api-preview-modal", inputs: ["caseDefinitionKey", "caseDocumentId$", "showModalSubject$", "relatedFile$"], outputs: ["modalClose"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: CaseDetailTabDocumentenApiDocumentsComponent, isStandalone: true, selector: "valtimo-case-detail-tab-documenten-api-documents", viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }, { propertyName: "translationTemplate", first: true, predicate: ["translationTemplate"], descendants: true }], 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<div\n  class=\"carbon-document-table-wrapper\"\n  *ngIf=\"{\n    loading: loading$ | async,\n    fieldsLoading: fieldsLoading$ | async,\n    uploading: uploading$ | async,\n    relatedFiles: relatedFiles$ | async,\n    fields: fields$ | async,\n    supportedDocumentenApiFeatures: supportedDocumentenApiFeatures$ | async,\n    pagination: pagination$ | async,\n    sortState: sortState$ | async,\n    uploadFields: uploadFields$ | async,\n    defaultValues: defaultValues$ | async,\n    hideFields: hideFields$ | async,\n  } as obs\"\n>\n  @if ((!obs.fieldsLoading && obs.fields.length) || obs.fieldsLoading) {\n    <valtimo-carbon-list\n      [actionItems]=\"actionItems\"\n      [items]=\"obs.relatedFiles\"\n      [fields]=\"obs.fields\"\n      [initialSortState]=\"obs.sortState\"\n      [loading]=\"obs.loading\"\n      [pagination]=\"obs.pagination\"\n      [paginatorConfig]=\"paginatorConfig\"\n      paginationIdentifier=\"documentenApi\"\n      (rowClicked)=\"onRowClick($event)\"\n      (sortChanged)=\"\n        obs?.supportedDocumentenApiFeatures?.supportsSortableColumns && onSortChanged($event)\n      \"\n      (paginationClicked)=\"onPaginationClicked($event)\"\n      (paginationSet)=\"onPaginationSet($event)\"\n      hideColumnHeader\n    >\n      <div carbonToolbarContent>\n        <input\n          [accept]=\"acceptedFiles\"\n          (change)=\"onFileSelected($event)\"\n          hidden\n          type=\"file\"\n          #fileInput\n        />\n\n        <v-overflow-menu\n          *ngIf=\"obs?.supportedDocumentenApiFeatures?.supportsFilterableColumns\"\n          placement=\"bottom-end\"\n          [closeOnSelect]=\"false\"\n          [portalToBody]=\"true\"\n        >\n          <button overflowTrigger cdsButton=\"ghost\">\n            <svg cdsIcon=\"filter\" size=\"16\"></svg>\n          </button>\n\n          <div overflowPane>\n            <ng-container *ngTemplateOutlet=\"overflowFilter\"></ng-container>\n          </div>\n        </v-overflow-menu>\n\n        <ng-container *ngTemplateOutlet=\"uploadButton\"></ng-container>\n      </div>\n\n      <ng-container *ngTemplateOutlet=\"noResults\"></ng-container>\n    </valtimo-carbon-list>\n  } @else {\n    <valtimo-no-results\n      [action]=\"navigateToCaseAdminButton\"\n      [description]=\"'zgw.documents.noColumns.description' | translate\"\n      [title]=\"'zgw.documents.noColumns.title' | translate\"\n    ></valtimo-no-results>\n  }\n\n  <valtimo-documenten-api-metadata-modal\n    [defaultValues]=\"obs.defaultValues\"\n    [disableAuthor]=\"obs.uploadFields?.auteur?.readonly\"\n    [disableConfidentialityLevel]=\"obs.uploadFields?.vertrouwelijkheidaanduiding?.readonly\"\n    [disableCreationDate]=\"obs.uploadFields?.creatiedatum?.readonly\"\n    [disableDescription]=\"obs.uploadFields?.beschrijving?.readonly\"\n    [disableDocumentTitle]=\"obs.uploadFields?.titel?.readonly\"\n    [disableDocumentType]=\"obs.uploadFields?.informatieobjecttype?.readonly\"\n    [disableFilename]=\"obs.uploadFields?.bestandsnaam?.readonly\"\n    [disableLanguage]=\"obs.uploadFields?.taal?.readonly\"\n    [disableStatus]=\"obs.uploadFields?.status?.readonly\"\n    [disabled$]=\"modalDisabled$\"\n    [file$]=\"fileToBeUploaded$\"\n    [hideFields]=\"obs.hideFields\"\n    [isEditMode]=\"isEditMode$ | async\"\n    [open]=\"showUploadModal$ | async\"\n    [supportsTrefwoorden]=\"obs?.supportedDocumentenApiFeatures?.supportsTrefwoorden\"\n    [uploadError]=\"uploadError()\"\n    (metadata)=\"metadataSet($event)\"\n    (modalClose)=\"closeMetadataModal()\"\n    (uploadErrorDismiss)=\"uploadError.set(null)\"\n  ></valtimo-documenten-api-metadata-modal>\n\n  <valtimo-documenten-api-preview-modal\n    [showModalSubject$]=\"showPreviewModal$\"\n    [relatedFile$]=\"documentToPreview$\"\n    [caseDocumentId$]=\"documentId$\"\n    (modalClose)=\"closePreviewModal()\"\n  ></valtimo-documenten-api-preview-modal>\n</div>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"dashboardManagement.deleteModal.confirm\"\n  contentTranslationKey=\"case.documenten.deleteConfirmationModal.content\"\n  confirmButtonType=\"danger\"\n  titleTranslationKey=\"case.documenten.deleteConfirmationModal.title\"\n  [showModalSubject$]=\"showDeleteConfirmationModal$\"\n  (confirmEvent)=\"deleteDocument()\"\n>\n</valtimo-confirmation-modal>\n\n<ng-template #noResults>\n  @if ((filter$ | async | keyvalue)?.length) {\n    <valtimo-no-results\n      [action]=\"resetFilterButton\"\n      [description]=\"'zgw.documents.noResults.filterDescription' | translate\"\n      [title]=\"'zgw.documents.noResults.filterTitle' | translate\"\n    ></valtimo-no-results>\n  } @else if (showZaakLinkWarning && isAdmin) {\n    <valtimo-no-results\n      [action]=\"navigateToCaseAdminButton\"\n      [description]=\"'case.documenten.noZaakFound' | translate\"\n      [title]=\"'case.documenten.noZaakFoundTitle' | translate\"\n    ></valtimo-no-results>\n  } @else {\n    <valtimo-no-results\n      [action]=\"uploadButton\"\n      [description]=\"'case.documenten.noFiles' | translate\"\n      [title]=\"'case.documenten.noFilesTitle' | translate\"\n    ></valtimo-no-results>\n  }\n</ng-template>\n\n<ng-template #overflowFilter>\n  <valtimo-case-detail-tab-documenten-api-filter\n    [prefillFilter]=\"filter$ | async\"\n    (filterEvent)=\"onFilterEvent($event)\"\n  ></valtimo-case-detail-tab-documenten-api-filter>\n</ng-template>\n\n<ng-template #resetFilterButton>\n  <button cdsButton=\"primary\" (click)=\"onFilterEvent(null)\">\n    {{ 'Reset filter' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #uploadButton let-disabled=\"disabled\">\n  <button\n    [disabled]=\"\n      (uploadProcessLinkedSet && !uploadProcessLinked) ||\n      showZaakLinkWarning ||\n      disabled ||\n      (canCreateResource$ | async) === false\n    \"\n    [vTooltip]=\"getUploadButtonTooltip() | translate\"\n    (click)=\"onUploadButtonClick()\"\n    cdsButton=\"primary\"\n  >\n    {{ 'Upload' | translate }}\n    <svg class=\"cds--btn__icon\" cdsIcon=\"upload\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #translationTemplate let-data=\"data\">\n  @if (data.item[data.key]) {\n    {{ 'document.' + data.item[data.key] | translate }}\n  } @else {\n    -\n  }\n</ng-template>\n\n<ng-template #navigateToCaseAdminButton>\n  <button (click)=\"onNavigateToCaseAdminClick()\" cdsButton=\"primary\">\n    {{ 'case.documenten.navigateToCaseAdmin' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"settings\" size=\"16\"></svg>\n  </button>\n</ng-template>\n", styles: [".hidden{display:none}.loading-container{padding:var(--cds-grid-margin);display:flex;align-items:center;justify-content:center}.carbon-document-table-wrapper{margin:0}.documenten-api-documents-filesize-template{text-align:right}\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: "pipe", type: i4.KeyValuePipe, name: "keyvalue" }, { 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", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], 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: "component", type: DocumentenApiMetadataModalComponent, selector: "valtimo-documenten-api-metadata-modal", inputs: ["disabled$", "file$", "hideFields", "defaultValues", "disableAuthor", "disableConfidentialityLevel", "disableDescription", "disableDocumentTitle", "disableDocumentType", "disableFilename", "disableLanguage", "disableStatus", "supportsTrefwoorden", "disableCreationDate", "isEditMode", "uploadError", "open"], outputs: ["metadata", "modalClose", "uploadErrorDismiss"] }, { 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: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "component", type: DocumentenApiFilterComponent, selector: "valtimo-case-detail-tab-documenten-api-filter", outputs: ["filterEvent"] }, { kind: "component", type: OverflowMenuComponent, selector: "v-overflow-menu", inputs: ["open", "placement", "menuWidth", "offsetX", "offsetY", "closeOnSelect", "useHostAsReference", "portalToBody"], outputs: ["openChange"] }, { 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: "component", type: DocumentenApiPreviewModalComponent, selector: "valtimo-documenten-api-preview-modal", inputs: ["caseDefinitionKey", "caseDocumentId$", "showModalSubject$", "relatedFile$"], outputs: ["modalClose"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseDetailTabDocumentenApiDocumentsComponent, decorators: [{
             type: Component,
@@ -2319,7 +2322,7 @@ class DocumentenApiTagModalComponent {
         this.resetForm();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", 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.25", 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.create' | 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.25", 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.create' | 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"] }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: DocumentenApiTagModalComponent, decorators: [{
             type: Component,
@@ -2334,6 +2337,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         DropdownModule,
                         ToggleModule,
                         LayerModule,
+                        ValtimoCdsModalDirective,
                     ], 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.create' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n" }]
         }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: DocumentenApiTagService }], propDecorators: { caseDefinitionKey: [{
                 type: Input
@@ -2468,7 +2472,7 @@ class DocumentenApiTagsComponent {
         this._reload$.next(noAnimation ? 'noAnimation' : null);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", 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.25", 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", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey"], 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.25", 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", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], 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.25", ngImport: i0, type: DocumentenApiTagsComponent, decorators: [{
             type: Component,
@@ -2633,7 +2637,7 @@ class DocumentenApiUploadFieldModalComponent {
         this.resetForm();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", 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.25", 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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", 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"] }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: DocumentenApiUploadFieldModalComponent, decorators: [{
             type: Component,
@@ -2648,6 +2652,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         CheckboxModule,
                         ComboBoxModule,
                         LayerModule,
+                        ValtimoCdsModalDirective,
                     ], 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
@@ -2750,7 +2755,7 @@ class DocumentenApiUploadFieldsComponent {
         this._reload$.next(noAnimation ? 'noAnimation' : null);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: DocumentenApiUploadFieldsComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: DocumentenApiDocumentService }, { token: i5.TranslateService }, { token: i2.EditPermissionsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: DocumentenApiUploadFieldsComponent, isStandalone: true, selector: "valtimo-documenten-api-upload-fields", 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    documentUploadFields: documentUploadFields$ | async,\n    uploadFieldModalType: uploadFieldModalType$ | async,\n    caseDefinitionKey: caseDefinitionKey$ | async,\n    prefill: prefill$ | async,\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [items]=\"obs.documentUploadFields\"\n    [fields]=\"FIELDS\"\n    [header]=\"false\"\n    [loading]=\"obs.loading\"\n    [actionItems]=\"ACTION_ITEMS\"\n    (rowClicked)=\"openEditModal($event)\"\n  >\n    <valtimo-no-results\n      title=\"{{ 'zgw.uploadFields.list.noResultsTitle' | translate }}\"\n      description=\"{{ 'zgw.uploadFields.list.noResultsDescription' | translate }}\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-documenten-api-upload-field-modal\n    [prefill]=\"obs.prefill\"\n    [caseDefinitionKey]=\"obs.caseDefinitionKey\"\n    [type]=\"obs.uploadFieldModalType\"\n    (closeModalEvent)=\"closeModal($event)\"\n  ></valtimo-documenten-api-upload-field-modal>\n</ng-container>\n", styles: ["::ng-deep .cds-upload-field--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: "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", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey"], 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: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: DocumentenApiUploadFieldModalComponent, selector: "valtimo-documenten-api-upload-field-modal", inputs: ["caseDefinitionKey", "type", "prefill"], outputs: ["closeModalEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: DocumentenApiUploadFieldsComponent, isStandalone: true, selector: "valtimo-documenten-api-upload-fields", 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    documentUploadFields: documentUploadFields$ | async,\n    uploadFieldModalType: uploadFieldModalType$ | async,\n    caseDefinitionKey: caseDefinitionKey$ | async,\n    prefill: prefill$ | async,\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [items]=\"obs.documentUploadFields\"\n    [fields]=\"FIELDS\"\n    [header]=\"false\"\n    [loading]=\"obs.loading\"\n    [actionItems]=\"ACTION_ITEMS\"\n    (rowClicked)=\"openEditModal($event)\"\n  >\n    <valtimo-no-results\n      title=\"{{ 'zgw.uploadFields.list.noResultsTitle' | translate }}\"\n      description=\"{{ 'zgw.uploadFields.list.noResultsDescription' | translate }}\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-documenten-api-upload-field-modal\n    [prefill]=\"obs.prefill\"\n    [caseDefinitionKey]=\"obs.caseDefinitionKey\"\n    [type]=\"obs.uploadFieldModalType\"\n    (closeModalEvent)=\"closeModal($event)\"\n  ></valtimo-documenten-api-upload-field-modal>\n</ng-container>\n", styles: ["::ng-deep .cds-upload-field--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: "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", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], 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: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: DocumentenApiUploadFieldModalComponent, selector: "valtimo-documenten-api-upload-field-modal", inputs: ["caseDefinitionKey", "type", "prefill"], outputs: ["closeModalEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: DocumentenApiUploadFieldsComponent, decorators: [{
             type: Component,
@@ -4575,7 +4580,7 @@ class ZakenApiZaaktypeLinkComponent {
             this.pluginConfigurations.find(pluginConfiguration => pluginConfiguration.id === pluginConfigurationId) ?? null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", 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.25", 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" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", 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" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ZakenApiZaaktypeLinkComponent, decorators: [{
             type: Component,
@@ -4594,6 +4599,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         InputModule,
                         ToggleModule,
                         RenderInBodyComponent,
+                        ValtimoCdsModalDirective,
                     ], 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 }] });
 
@@ -4961,11 +4967,11 @@ class FailedNotificationDetailComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: FailedNotificationDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: FailedNotificationDetailComponent, isStandalone: true, selector: "valtimo-notificaties-api-failed-notification-detail", inputs: { open: "open", notification: "notification", retryInProgress: "retryInProgress" }, outputs: { closeModalEvent: "closeModalEvent", retryEvent: "retryEvent" }, ngImport: i0, template: "<cds-modal [open]=\"open\" size=\"lg\" valtimoCdsModal>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onClose()\">\n    {{ 'zgw.notifications.failed.detail.title' | translate }}\n  </cds-modal-header>\n\n  <section cdsModalContent class=\"failed-notification-detail__content\">\n    <h4 class=\"detail-heading\">\n      {{ 'zgw.notifications.failed.detail.metadataTitle' | translate }}\n    </h4>\n\n    <dl class=\"detail-metadata\">\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.status' | translate }}</dt>\n        <dd>{{ notification?.status || '-' }}</dd>\n      </div>\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.pendingRetries' | translate }}</dt>\n        <dd>{{ notification?.pendingRetries ?? '-' }}</dd>\n      </div>\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.receivedAt' | translate }}</dt>\n        <dd>{{ formatDateValue(notification?.receivedAt) }}</dd>\n      </div>\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.lastProcessedAt' | translate }}</dt>\n        <dd>{{ formatDateValue(notification?.lastProcessedAt) }}</dd>\n      </div>\n    </dl>\n\n    <h4 class=\"detail-heading\">\n      {{ 'zgw.notifications.failed.detail.payloadTitle' | translate }}\n    </h4>\n    <div class=\"detail-block\" *ngIf=\"formattedPayload; else noPayload\">\n      <pre class=\"detail-pre\">{{ formattedPayload }}</pre>\n    </div>\n    <ng-template #noPayload>\n      <div class=\"detail-block detail-block--empty\">\n        {{ 'zgw.notifications.failed.detail.noPayload' | translate }}\n      </div>\n    </ng-template>\n\n    <h4 class=\"detail-heading\">\n      {{ 'zgw.notifications.failed.detail.errorTitle' | translate }}\n    </h4>\n    <div class=\"detail-block\" *ngIf=\"notification?.lastErrorMessage; else noError\">\n      <pre class=\"detail-pre\">{{ notification?.lastErrorMessage }}</pre>\n    </div>\n    <ng-template #noError>\n      <div class=\"detail-block detail-block--empty\">\n        {{ 'zgw.notifications.failed.detail.noError' | translate }}\n      </div>\n    </ng-template>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" type=\"button\" (click)=\"onClose()\">\n      {{ 'interface.close' | translate }}\n    </button>\n    <button\n      cdsButton=\"primary\"\n      type=\"button\"\n      (click)=\"onRetry()\"\n      [disabled]=\"retryInProgress || !notification\"\n    >\n      {{ 'zgw.notifications.failed.detail.retry' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".failed-notification-detail__content{padding:32px}.detail-heading{padding-top:24px;padding-bottom:12px;color:var(--cds-text-primary);font-weight:600;font-size:16px;line-height:24px}.detail-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 24px;margin:0}.detail-metadata div{background-color:var(--cds-layer-01);border-radius:4px;padding:12px}.detail-metadata dt{color:var(--cds-text-secondary)}.detail-metadata dd{color:var(--cds-text-primary);word-break:break-word}.detail-block{background-color:var(--cds-layer-01);border-radius:4px;padding:16px;color:var(--cds-text-primary);max-height:none;overflow:visible}.detail-block--empty{color:var(--cds-text-disabled);font-style:italic}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { 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: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: FailedNotificationDetailComponent, isStandalone: true, selector: "valtimo-notificaties-api-failed-notification-detail", inputs: { open: "open", notification: "notification", retryInProgress: "retryInProgress" }, outputs: { closeModalEvent: "closeModalEvent", retryEvent: "retryEvent" }, ngImport: i0, template: "<cds-modal [open]=\"open\" size=\"lg\" valtimoCdsModal>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onClose()\">\n    {{ 'zgw.notifications.failed.detail.title' | translate }}\n  </cds-modal-header>\n\n  <section cdsModalContent class=\"failed-notification-detail__content\">\n    <h4 class=\"detail-heading\">\n      {{ 'zgw.notifications.failed.detail.metadataTitle' | translate }}\n    </h4>\n\n    <dl class=\"detail-metadata\">\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.status' | translate }}</dt>\n        <dd>{{ notification?.status || '-' }}</dd>\n      </div>\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.pendingRetries' | translate }}</dt>\n        <dd>{{ notification?.pendingRetries ?? '-' }}</dd>\n      </div>\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.receivedAt' | translate }}</dt>\n        <dd>{{ formatDateValue(notification?.receivedAt) }}</dd>\n      </div>\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.lastProcessedAt' | translate }}</dt>\n        <dd>{{ formatDateValue(notification?.lastProcessedAt) }}</dd>\n      </div>\n    </dl>\n\n    <h4 class=\"detail-heading\">\n      {{ 'zgw.notifications.failed.detail.payloadTitle' | translate }}\n    </h4>\n    <div class=\"detail-block\" *ngIf=\"formattedPayload; else noPayload\">\n      <pre class=\"detail-pre\">{{ formattedPayload }}</pre>\n    </div>\n    <ng-template #noPayload>\n      <div class=\"detail-block detail-block--empty\">\n        {{ 'zgw.notifications.failed.detail.noPayload' | translate }}\n      </div>\n    </ng-template>\n\n    <h4 class=\"detail-heading\">\n      {{ 'zgw.notifications.failed.detail.errorTitle' | translate }}\n    </h4>\n    <div class=\"detail-block\" *ngIf=\"notification?.lastErrorMessage; else noError\">\n      <pre class=\"detail-pre\">{{ notification?.lastErrorMessage }}</pre>\n    </div>\n    <ng-template #noError>\n      <div class=\"detail-block detail-block--empty\">\n        {{ 'zgw.notifications.failed.detail.noError' | translate }}\n      </div>\n    </ng-template>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" type=\"button\" (click)=\"onClose()\">\n      {{ 'interface.close' | translate }}\n    </button>\n    <button\n      cdsButton=\"primary\"\n      type=\"button\"\n      (click)=\"onRetry()\"\n      [disabled]=\"retryInProgress || !notification\"\n    >\n      {{ 'zgw.notifications.failed.detail.retry' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".failed-notification-detail__content{padding:32px}.detail-heading{padding-top:24px;padding-bottom:12px;color:var(--cds-text-primary);font-weight:600;font-size:16px;line-height:24px}.detail-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 24px;margin:0}.detail-metadata div{background-color:var(--cds-layer-01);border-radius:4px;padding:12px}.detail-metadata dt{color:var(--cds-text-secondary)}.detail-metadata dd{color:var(--cds-text-primary);word-break:break-word}.detail-block{background-color:var(--cds-layer-01);border-radius:4px;padding:16px;color:var(--cds-text-primary);max-height:none;overflow:visible}.detail-block--empty{color:var(--cds-text-disabled);font-style:italic}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { 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: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: FailedNotificationDetailComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-notificaties-api-failed-notification-detail', standalone: true, imports: [CommonModule, TranslateModule, ModalModule, ButtonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<cds-modal [open]=\"open\" size=\"lg\" valtimoCdsModal>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onClose()\">\n    {{ 'zgw.notifications.failed.detail.title' | translate }}\n  </cds-modal-header>\n\n  <section cdsModalContent class=\"failed-notification-detail__content\">\n    <h4 class=\"detail-heading\">\n      {{ 'zgw.notifications.failed.detail.metadataTitle' | translate }}\n    </h4>\n\n    <dl class=\"detail-metadata\">\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.status' | translate }}</dt>\n        <dd>{{ notification?.status || '-' }}</dd>\n      </div>\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.pendingRetries' | translate }}</dt>\n        <dd>{{ notification?.pendingRetries ?? '-' }}</dd>\n      </div>\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.receivedAt' | translate }}</dt>\n        <dd>{{ formatDateValue(notification?.receivedAt) }}</dd>\n      </div>\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.lastProcessedAt' | translate }}</dt>\n        <dd>{{ formatDateValue(notification?.lastProcessedAt) }}</dd>\n      </div>\n    </dl>\n\n    <h4 class=\"detail-heading\">\n      {{ 'zgw.notifications.failed.detail.payloadTitle' | translate }}\n    </h4>\n    <div class=\"detail-block\" *ngIf=\"formattedPayload; else noPayload\">\n      <pre class=\"detail-pre\">{{ formattedPayload }}</pre>\n    </div>\n    <ng-template #noPayload>\n      <div class=\"detail-block detail-block--empty\">\n        {{ 'zgw.notifications.failed.detail.noPayload' | translate }}\n      </div>\n    </ng-template>\n\n    <h4 class=\"detail-heading\">\n      {{ 'zgw.notifications.failed.detail.errorTitle' | translate }}\n    </h4>\n    <div class=\"detail-block\" *ngIf=\"notification?.lastErrorMessage; else noError\">\n      <pre class=\"detail-pre\">{{ notification?.lastErrorMessage }}</pre>\n    </div>\n    <ng-template #noError>\n      <div class=\"detail-block detail-block--empty\">\n        {{ 'zgw.notifications.failed.detail.noError' | translate }}\n      </div>\n    </ng-template>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" type=\"button\" (click)=\"onClose()\">\n      {{ 'interface.close' | translate }}\n    </button>\n    <button\n      cdsButton=\"primary\"\n      type=\"button\"\n      (click)=\"onRetry()\"\n      [disabled]=\"retryInProgress || !notification\"\n    >\n      {{ 'zgw.notifications.failed.detail.retry' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".failed-notification-detail__content{padding:32px}.detail-heading{padding-top:24px;padding-bottom:12px;color:var(--cds-text-primary);font-weight:600;font-size:16px;line-height:24px}.detail-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 24px;margin:0}.detail-metadata div{background-color:var(--cds-layer-01);border-radius:4px;padding:12px}.detail-metadata dt{color:var(--cds-text-secondary)}.detail-metadata dd{color:var(--cds-text-primary);word-break:break-word}.detail-block{background-color:var(--cds-layer-01);border-radius:4px;padding:16px;color:var(--cds-text-primary);max-height:none;overflow:visible}.detail-block--empty{color:var(--cds-text-disabled);font-style:italic}\n"] }]
+            args: [{ selector: 'valtimo-notificaties-api-failed-notification-detail', standalone: true, imports: [CommonModule, TranslateModule, ModalModule, ButtonModule, ValtimoCdsModalDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<cds-modal [open]=\"open\" size=\"lg\" valtimoCdsModal>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onClose()\">\n    {{ 'zgw.notifications.failed.detail.title' | translate }}\n  </cds-modal-header>\n\n  <section cdsModalContent class=\"failed-notification-detail__content\">\n    <h4 class=\"detail-heading\">\n      {{ 'zgw.notifications.failed.detail.metadataTitle' | translate }}\n    </h4>\n\n    <dl class=\"detail-metadata\">\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.status' | translate }}</dt>\n        <dd>{{ notification?.status || '-' }}</dd>\n      </div>\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.pendingRetries' | translate }}</dt>\n        <dd>{{ notification?.pendingRetries ?? '-' }}</dd>\n      </div>\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.receivedAt' | translate }}</dt>\n        <dd>{{ formatDateValue(notification?.receivedAt) }}</dd>\n      </div>\n      <div>\n        <dt>{{ 'zgw.notifications.failed.detail.lastProcessedAt' | translate }}</dt>\n        <dd>{{ formatDateValue(notification?.lastProcessedAt) }}</dd>\n      </div>\n    </dl>\n\n    <h4 class=\"detail-heading\">\n      {{ 'zgw.notifications.failed.detail.payloadTitle' | translate }}\n    </h4>\n    <div class=\"detail-block\" *ngIf=\"formattedPayload; else noPayload\">\n      <pre class=\"detail-pre\">{{ formattedPayload }}</pre>\n    </div>\n    <ng-template #noPayload>\n      <div class=\"detail-block detail-block--empty\">\n        {{ 'zgw.notifications.failed.detail.noPayload' | translate }}\n      </div>\n    </ng-template>\n\n    <h4 class=\"detail-heading\">\n      {{ 'zgw.notifications.failed.detail.errorTitle' | translate }}\n    </h4>\n    <div class=\"detail-block\" *ngIf=\"notification?.lastErrorMessage; else noError\">\n      <pre class=\"detail-pre\">{{ notification?.lastErrorMessage }}</pre>\n    </div>\n    <ng-template #noError>\n      <div class=\"detail-block detail-block--empty\">\n        {{ 'zgw.notifications.failed.detail.noError' | translate }}\n      </div>\n    </ng-template>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" type=\"button\" (click)=\"onClose()\">\n      {{ 'interface.close' | translate }}\n    </button>\n    <button\n      cdsButton=\"primary\"\n      type=\"button\"\n      (click)=\"onRetry()\"\n      [disabled]=\"retryInProgress || !notification\"\n    >\n      {{ 'zgw.notifications.failed.detail.retry' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".failed-notification-detail__content{padding:32px}.detail-heading{padding-top:24px;padding-bottom:12px;color:var(--cds-text-primary);font-weight:600;font-size:16px;line-height:24px}.detail-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 24px;margin:0}.detail-metadata div{background-color:var(--cds-layer-01);border-radius:4px;padding:12px}.detail-metadata dt{color:var(--cds-text-secondary)}.detail-metadata dd{color:var(--cds-text-primary);word-break:break-word}.detail-block{background-color:var(--cds-layer-01);border-radius:4px;padding:16px;color:var(--cds-text-primary);max-height:none;overflow:visible}.detail-block--empty{color:var(--cds-text-disabled);font-style:italic}\n"] }]
         }], propDecorators: { open: [{
                 type: Input
             }], notification: [{
@@ -5137,7 +5143,7 @@ class FailedNotificationsPageComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: FailedNotificationsPageComponent, deps: [{ token: FailedNotificationsService }, { token: i2.GlobalNotificationService }, { token: i5.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: FailedNotificationsPageComponent, isStandalone: true, selector: "valtimo-notificaties-api-failed-notifications-page", ngImport: i0, template: "<div class=\"failed-notifications-page\">\n  <valtimo-carbon-list\n    *ngIf=\"{items: notifications$ | async} as obs\"\n    [items]=\"obs.items || []\"\n    [fields]=\"FIELDS\"\n    [loading]=\"loading$ | async\"\n    [pagination]=\"pagination$ | async\"\n    paginationIdentifier=\"zgw-notificaties-api-failed\"\n    (paginationClicked)=\"onPaginationClicked($event)\"\n    (paginationSet)=\"onPaginationSet($event)\"\n    (rowClicked)=\"onRowClicked($event)\"\n  >\n    <valtimo-no-results\n      [title]=\"'zgw.notifications.failed.noResults.title' | translate\"\n      [description]=\"'zgw.notifications.failed.noResults.description' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-notificaties-api-failed-notification-detail\n    [open]=\"(selectedNotification$ | async) !== null\"\n    [notification]=\"selectedNotification$ | async\"\n    [retryInProgress]=\"retryInProgress$ | async\"\n    (closeModalEvent)=\"onCloseModal()\"\n    (retryEvent)=\"onRetry()\"\n  ></valtimo-notificaties-api-failed-notification-detail>\n</div>\n", styles: [""], 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: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { 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", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey"], 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: "component", type: FailedNotificationDetailComponent, selector: "valtimo-notificaties-api-failed-notification-detail", inputs: ["open", "notification", "retryInProgress"], outputs: ["closeModalEvent", "retryEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: FailedNotificationsPageComponent, isStandalone: true, selector: "valtimo-notificaties-api-failed-notifications-page", ngImport: i0, template: "<div class=\"failed-notifications-page\">\n  <valtimo-carbon-list\n    *ngIf=\"{items: notifications$ | async} as obs\"\n    [items]=\"obs.items || []\"\n    [fields]=\"FIELDS\"\n    [loading]=\"loading$ | async\"\n    [pagination]=\"pagination$ | async\"\n    paginationIdentifier=\"zgw-notificaties-api-failed\"\n    (paginationClicked)=\"onPaginationClicked($event)\"\n    (paginationSet)=\"onPaginationSet($event)\"\n    (rowClicked)=\"onRowClicked($event)\"\n  >\n    <valtimo-no-results\n      [title]=\"'zgw.notifications.failed.noResults.title' | translate\"\n      [description]=\"'zgw.notifications.failed.noResults.description' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n\n  <valtimo-notificaties-api-failed-notification-detail\n    [open]=\"(selectedNotification$ | async) !== null\"\n    [notification]=\"selectedNotification$ | async\"\n    [retryInProgress]=\"retryInProgress$ | async\"\n    (closeModalEvent)=\"onCloseModal()\"\n    (retryEvent)=\"onRetry()\"\n  ></valtimo-notificaties-api-failed-notification-detail>\n</div>\n", styles: [""], 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: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { 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", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], 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: "component", type: FailedNotificationDetailComponent, selector: "valtimo-notificaties-api-failed-notification-detail", inputs: ["open", "notification", "retryInProgress"], outputs: ["closeModalEvent", "retryEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: FailedNotificationsPageComponent, decorators: [{
             type: Component,