@valtimo/zgw 13.19.0 → 13.20.0

package/fesm2022/valtimo-zgw.mjs

@@ -9,7 +9,7 @@ import * as i2 from '@valtimo/shared';
 import { BaseApiService, getCaseManagementRouteParams, UploadProvider, ROLE_ADMIN, CASE_MANAGEMENT_TAB_TOKEN, ZGW_OBJECT_TYPE_COMPONENT_TOKEN, ZGW_DOCUMENTEN_API_DOCUMENTS_COMPONENT_TOKEN, CASE_CONFIGURATION_EXTENSIONS_TOKEN } from '@valtimo/shared';
 import * as i5$1 from 'carbon-components-angular';
 import { ModalModule, InputModule, ButtonModule, DropdownModule, RadioModule, NotificationModule, LayerModule, TagModule, IconModule, DatePickerInputModule, DatePickerModule, ComboBoxModule, TooltipModule, DialogModule, ToggleModule, CheckboxModule, LoadingModule, TilesModule, SelectModule as SelectModule$1, TabsModule } from 'carbon-components-angular';
-import { BehaviorSubject, combineLatest, map, Subscription, switchMap, filter, tap, startWith, debounceTime, Subject, take as take$1, of, from, ReplaySubject, EMPTY, finalize, distinctUntilChanged } from 'rxjs';
+import { BehaviorSubject, combineLatest, map, Subscription, switchMap, filter, tap, startWith, debounceTime, Subject, take as take$1, of, from, ReplaySubject, EMPTY, finalize, distinctUntilChanged, catchError as catchError$1 } from 'rxjs';
 import * as i1$1 from '@angular/forms';
 import { Validators, ReactiveFormsModule, FormGroup, FormControl, FormsModule } from '@angular/forms';
 import * as i3 from '@valtimo/components';
@@ -19,11 +19,11 @@ 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, shareReplay } from 'rxjs/operators';
 import * as i1$2 from '@angular/router';
 import { RouterModule } from '@angular/router';
-import { TrashCan16, Filter16, TagGroup16, Upload16, Edit16, Save16 } from '@carbon/icons';
-import * as i4$1 from '@valtimo/resource';
+import { TrashCan16, Filter16, TagGroup16, Upload16, Edit16, WarningFilled16, Save16 } from '@carbon/icons';
+import * as i4$2 from '@valtimo/resource';
 import { CAN_CREATE_RESOURCE_PERMISSION, RESOURCE_PERMISSION_RESOURCE, CAN_DELETE_RESOURCE_PERMISSION, CAN_MODIFY_RESOURCE_PERMISSION, CAN_VIEW_RESOURCE_PERMISSION, ResourceModule } from '@valtimo/resource';
 import flatpickr from 'flatpickr';
-import * as i3$1 from '@valtimo/document';
+import * as i4$1 from '@valtimo/document';
 import { DocumentModule } from '@valtimo/document';
 import moment from 'moment';
 import * as i5$2 from 'keycloak-angular';
@@ -234,7 +234,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ConfigService }] });
 
 /*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -258,8 +258,8 @@ class DocumentenApiVersionService extends BaseApiService {
         this.configService = configService;
         this._refresh$ = new BehaviorSubject(null);
     }
-    getManagementApiVersion(caseDefinitionName) {
-        return this.httpClient.get(this.getApiUrl(`/management/v1/case-definition/${caseDefinitionName}/documenten-api/version`));
+    getManagementApiVersion(caseDefinitionName, caseDefinitionVersionTag) {
+        return this.httpClient.get(this.getApiUrl(`/management/v1/case-definition/${caseDefinitionName}/version/${caseDefinitionVersionTag}/documenten-api/version`));
     }
     getSupportedApiFeatures(caseDefinitionKey) {
         return this.httpClient.get(this.getApiUrl(`/v1/case-definition/${caseDefinitionKey}/documenten-api/version`));
@@ -715,7 +715,7 @@ const COLUMN_VIEW_TYPES = {
  */
 
 /*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -910,7 +910,7 @@ class DocumentenApiFilterComponent {
             selected: true,
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentenApiFilterComponent, deps: [{ token: i3$1.DocumentService }, { token: i1$1.FormBuilder }, { token: i5$1.IconService }, { token: i1$2.ActivatedRoute }, { token: i5.TranslateService }, { token: DocumentenApiTagService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentenApiFilterComponent, deps: [{ token: i4$1.DocumentService }, { token: i1$1.FormBuilder }, { token: i5$1.IconService }, { token: i1$2.ActivatedRoute }, { token: i5.TranslateService }, { token: DocumentenApiTagService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DocumentenApiFilterComponent, isStandalone: true, selector: "valtimo-case-detail-tab-documenten-api-filter", outputs: { filterEvent: "filterEvent" }, viewQueries: [{ propertyName: "creationDateFromPicker", first: true, predicate: ["creationDateFrom"], descendants: true }, { propertyName: "creationDateToPicker", first: true, predicate: ["creationDateTo"], 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<div class=\"valtimo-documenten-api-filter\" (click)=\"$event.stopImmediatePropagation()\">\n  <form\n    *ngIf=\"{\n      confidentialityLevels: confidentialityLevels$ | async,\n      informationObjectTypes: informationObjectTypes$ | async,\n      tags: tags$ | async,\n    } as obs\"\n    class=\"valtimo-documenten-api-filter__form\"\n    [formGroup]=\"formGroup\"\n  >\n    <cds-text-label>\n      {{ 'zgw.documentColumns.titel' | translate }}\n\n      <input cdsText formControlName=\"titel\" />\n    </cds-text-label>\n\n    <cds-dropdown\n      [disabled]=\"!obs.informationObjectTypes?.length\"\n      [dropUp]=\"false\"\n      [label]=\"'zgw.documentColumns.informatieobjecttype' | translate\"\n      formControlName=\"informatieObjectType\"\n    >\n      <cds-dropdown-list [items]=\"obs.informationObjectTypes\"></cds-dropdown-list>\n    </cds-dropdown>\n\n    <div class=\"valtimo-documenten-api-filter__dates\">\n      <cds-date-picker\n        #creationDateFrom\n        [label]=\"'interface.labels.dateCreationFrom' | translate\"\n        placeholder=\"DD-MM-YYYY\"\n        [dateFormat]=\"'d-m-Y'\"\n        (valueChange)=\"onDateSelected('createdFrom', $event)\"\n      ></cds-date-picker>\n\n      <cds-date-picker\n        #creationDateTo\n        [label]=\"'interface.labels.dateCreationTo' | translate\"\n        placeholder=\"DD-MM-YYYY\"\n        [dateFormat]=\"'d-m-Y'\"\n        (valueChange)=\"onDateSelected('createdTo', $event)\"\n      ></cds-date-picker>\n    </div>\n\n    <cds-text-label>\n      {{ 'zgw.documentColumns.auteur' | translate }}\n\n      <input cdsText formControlName=\"auteur\" />\n    </cds-text-label>\n\n    <cds-dropdown\n      [dropUp]=\"false\"\n      [label]=\"'zgw.documentColumns.vertrouwelijkheidaanduiding' | translate\"\n      formControlName=\"vertrouwelijkHeidaanduiding\"\n    >\n      <cds-dropdown-list [items]=\"obs.confidentialityLevels\"></cds-dropdown-list>\n    </cds-dropdown>\n\n    <cds-dropdown\n      [label]=\"'zgw.documentColumns.trefwoorden' | translate\"\n      formControlName=\"trefwoorden\"\n      type=\"multi\"\n    >\n      <cds-dropdown-list [items]=\"obs.tags\"></cds-dropdown-list>\n    </cds-dropdown>\n  </form>\n\n  <footer class=\"valtimo-documenten-api-filter__footer\">\n    <button cdsButton=\"tertiary\" (click)=\"resetFilter()\">\n      {{ 'Reset filter' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n    </button>\n  </footer>\n</div>\n", styles: [":host .valtimo-documenten-api-filter{display:flex;flex-direction:column;max-width:880px}:host .valtimo-documenten-api-filter__form{display:grid;grid-template-columns:repeat(3,1fr);align-items:flex-end;padding:16px;gap:16px}:host .valtimo-documenten-api-filter__dates{display:flex;gap:16px}:host .valtimo-documenten-api-filter__footer{display:flex;padding:0 16px 16px}::ng-deep .cds--date-picker.cds--date-picker--single .cds--date-picker__input{inline-size:unset!important;padding:0!important}::ng-deep .cds--overflow-menu-options.cds--overflow-menu-options--open{max-width:max-content!important;width:max-content!important}\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: ButtonModule }, { kind: "directive", type: i5$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: DatePickerInputModule }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i5$1.DatePicker, selector: "cds-date-picker, ibm-date-picker", inputs: ["range", "dateFormat", "language", "label", "helperText", "rangeHelperText", "rangeLabel", "placeholder", "ariaLabel", "inputPattern", "id", "value", "theme", "disabled", "readonly", "invalid", "invalidText", "warn", "warnText", "size", "rangeInvalid", "rangeInvalidText", "rangeWarn", "rangeWarnText", "skeleton", "plugins", "flatpickrOptions"], outputs: ["valueChange", "onClose"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i5$1.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: i5$1.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i5$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i5$1.TextInputLabelComponent, selector: "cds-text-label, ibm-text-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textInputTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i5$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentenApiFilterComponent, decorators: [{
@@ -926,7 +926,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         TranslateModule,
                         ReactiveFormsModule,
                     ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div class=\"valtimo-documenten-api-filter\" (click)=\"$event.stopImmediatePropagation()\">\n  <form\n    *ngIf=\"{\n      confidentialityLevels: confidentialityLevels$ | async,\n      informationObjectTypes: informationObjectTypes$ | async,\n      tags: tags$ | async,\n    } as obs\"\n    class=\"valtimo-documenten-api-filter__form\"\n    [formGroup]=\"formGroup\"\n  >\n    <cds-text-label>\n      {{ 'zgw.documentColumns.titel' | translate }}\n\n      <input cdsText formControlName=\"titel\" />\n    </cds-text-label>\n\n    <cds-dropdown\n      [disabled]=\"!obs.informationObjectTypes?.length\"\n      [dropUp]=\"false\"\n      [label]=\"'zgw.documentColumns.informatieobjecttype' | translate\"\n      formControlName=\"informatieObjectType\"\n    >\n      <cds-dropdown-list [items]=\"obs.informationObjectTypes\"></cds-dropdown-list>\n    </cds-dropdown>\n\n    <div class=\"valtimo-documenten-api-filter__dates\">\n      <cds-date-picker\n        #creationDateFrom\n        [label]=\"'interface.labels.dateCreationFrom' | translate\"\n        placeholder=\"DD-MM-YYYY\"\n        [dateFormat]=\"'d-m-Y'\"\n        (valueChange)=\"onDateSelected('createdFrom', $event)\"\n      ></cds-date-picker>\n\n      <cds-date-picker\n        #creationDateTo\n        [label]=\"'interface.labels.dateCreationTo' | translate\"\n        placeholder=\"DD-MM-YYYY\"\n        [dateFormat]=\"'d-m-Y'\"\n        (valueChange)=\"onDateSelected('createdTo', $event)\"\n      ></cds-date-picker>\n    </div>\n\n    <cds-text-label>\n      {{ 'zgw.documentColumns.auteur' | translate }}\n\n      <input cdsText formControlName=\"auteur\" />\n    </cds-text-label>\n\n    <cds-dropdown\n      [dropUp]=\"false\"\n      [label]=\"'zgw.documentColumns.vertrouwelijkheidaanduiding' | translate\"\n      formControlName=\"vertrouwelijkHeidaanduiding\"\n    >\n      <cds-dropdown-list [items]=\"obs.confidentialityLevels\"></cds-dropdown-list>\n    </cds-dropdown>\n\n    <cds-dropdown\n      [label]=\"'zgw.documentColumns.trefwoorden' | translate\"\n      formControlName=\"trefwoorden\"\n      type=\"multi\"\n    >\n      <cds-dropdown-list [items]=\"obs.tags\"></cds-dropdown-list>\n    </cds-dropdown>\n  </form>\n\n  <footer class=\"valtimo-documenten-api-filter__footer\">\n    <button cdsButton=\"tertiary\" (click)=\"resetFilter()\">\n      {{ 'Reset filter' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n    </button>\n  </footer>\n</div>\n", styles: [":host .valtimo-documenten-api-filter{display:flex;flex-direction:column;max-width:880px}:host .valtimo-documenten-api-filter__form{display:grid;grid-template-columns:repeat(3,1fr);align-items:flex-end;padding:16px;gap:16px}:host .valtimo-documenten-api-filter__dates{display:flex;gap:16px}:host .valtimo-documenten-api-filter__footer{display:flex;padding:0 16px 16px}::ng-deep .cds--date-picker.cds--date-picker--single .cds--date-picker__input{inline-size:unset!important;padding:0!important}::ng-deep .cds--overflow-menu-options.cds--overflow-menu-options--open{max-width:max-content!important;width:max-content!important}\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: i3$1.DocumentService }, { type: i1$1.FormBuilder }, { type: i5$1.IconService }, { type: i1$2.ActivatedRoute }, { type: i5.TranslateService }, { type: DocumentenApiTagService }], propDecorators: { creationDateFromPicker: [{
+        }], ctorParameters: () => [{ type: i4$1.DocumentService }, { type: i1$1.FormBuilder }, { type: i5$1.IconService }, { type: i1$2.ActivatedRoute }, { type: i5.TranslateService }, { type: DocumentenApiTagService }], propDecorators: { creationDateFromPicker: [{
                 type: ViewChild,
                 args: ['creationDateFrom']
             }], creationDateToPicker: [{
@@ -1407,7 +1407,7 @@ class DocumentenApiMetadataModalComponent {
             this.hideFields.includes('status') &&
             this.hideFields.includes('trefwoorden'));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentenApiMetadataModalComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: i3$1.DocumentService }, { token: DocumentenApiTagService }, { token: i1$1.FormBuilder }, { token: i5$2.KeycloakService }, { token: i3.ModalService }, { token: i5.TranslateService }, { token: i3.ValtimoModalService }, { token: DocumentenApiVersionService }, { token: i3.FormIoStateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentenApiMetadataModalComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: i4$1.DocumentService }, { token: DocumentenApiTagService }, { token: i1$1.FormBuilder }, { token: i5$2.KeycloakService }, { token: i3.ModalService }, { token: i5.TranslateService }, { token: i3.ValtimoModalService }, { token: DocumentenApiVersionService }, { token: i3.FormIoStateService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: DocumentenApiMetadataModalComponent, isStandalone: true, selector: "valtimo-documenten-api-metadata-modal", inputs: { disabled$: "disabled$", file$: "file$", hideFields: "hideFields", defaultValues: "defaultValues", disableAuthor: "disableAuthor", disableConfidentialityLevel: "disableConfidentialityLevel", disableDescription: "disableDescription", disableDocumentTitle: "disableDocumentTitle", disableDocumentType: "disableDocumentType", disableFilename: "disableFilename", disableLanguage: "disableLanguage", disableStatus: "disableStatus", supportsTrefwoorden: "supportsTrefwoorden", disableCreationDate: "disableCreationDate", isEditMode: "isEditMode", open: "open" }, outputs: { metadata: "metadata", modalClose: "modalClose" }, viewQueries: [{ propertyName: "metadataModal", first: true, predicate: ["metadataModal"], 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<v-modal\n  #metadataModal\n  *ngIf=\"{\n    file: file$ | async,\n    disabled: disabled$ | async,\n    editDisabled: editDisabled$ | async,\n    languageItems: languageItems$ | async,\n    confidentialityLevelItems: confidentialityLevelItems$ | async,\n    documentTypeItems: documentTypeItems$ | async,\n    statusItems: statusItems$ | async,\n    tagItems: tagItems$ | async,\n    userEmail: userEmail$ | async,\n    open: open$ | async,\n    additionalDate: additionalDocumentDate$ | async,\n  } as obs\"\n  [maxWidthPx]=\"1280\"\n  (closeEvent)=\"closeModal()\"\n  [cdsLayer]=\"1\"\n>\n  <div role=\"header\">\n    @if (isEditMode) {\n      <h3 cdsModalHeaderHeading>\n        {{ 'document.editMetadata' | translate }}\n      </h3>\n    } @else {\n      <h3 cdsModalHeaderHeading>\n        {{ 'document.fillInMetadata' | translate }}\n      </h3>\n    }\n  </div>\n\n  <div role=\"content\">\n    @if (obs.open) {\n      <ng-container *ngTemplateOutlet=\"metadataForm; context: {obs: obs}\"></ng-container>\n    }\n  </div>\n\n  <div role=\"footer\" class=\"metadata-modal-footer\">\n    <button cdsButton=\"ghost\" (click)=\"closeModal()\" [disabled]=\"obs.disabled\">\n      {{ 'document.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      type=\"submit\"\n      [disabled]=\"obs.disabled || !documentenApiMetadataForm.valid || obs.editDisabled\"\n      (click)=\"save()\"\n    >\n      {{ 'document.save' | translate }}\n    </button>\n  </div>\n</v-modal>\n\n<ng-template #metadataForm let-obs=\"obs\">\n  <form [formGroup]=\"documentenApiMetadataForm\">\n    <div class=\"documenten-metadata-form-columns-container\">\n      <div class=\"documenten-metadata-form-column\">\n        @if (!hideFields.includes('bestandsnaam')) {\n          <cds-text-label class=\"documenten-metada-form-input\">\n            {{ 'document.filename' | translate }}\n            <cds-tooltip\n              [isOpen]=\"false\"\n              [description]=\"'document.filenameTooltip' | translate\"\n              [align]=\"'bottom-left'\"\n            >\n              <i class=\"mdi mdi-help-circle-outline\"></i>\n            </cds-tooltip>\n            <input\n              [value]=\"defaultValues.bestandsnaam\"\n              [placeholder]=\"'document.filenamePlaceholder' | translate\"\n              cdsText\n              type=\"text\"\n              id=\"bestandsnaam\"\n              formControlName=\"bestandsnaam\"\n            />\n          </cds-text-label>\n        }\n        @if (!hideFields.includes('auteur')) {\n          <cds-text-label class=\"documenten-metada-form-input\">\n            {{ 'document.author' | translate }}\n            <cds-tooltip\n              [isOpen]=\"false\"\n              [description]=\"'document.authorTooltip' | translate\"\n              [align]=\"'bottom-left'\"\n            >\n              <i class=\"mdi mdi-help-circle-outline\"></i>\n            </cds-tooltip>\n            <input\n              [value]=\"defaultValues.auteur\"\n              [placeholder]=\"'document.authorPlaceholder' | translate\"\n              [required]=\"true\"\n              cdsText\n              id=\"auteur\"\n              formControlName=\"auteur\"\n            />\n          </cds-text-label>\n        }\n        @if (!hideFields.includes('taal')) {\n          <cds-text-label>\n            {{ 'document.language' | translate }}\n            <cds-tooltip\n              [isOpen]=\"false\"\n              [description]=\"'document.languageTooltip' | translate\"\n              [align]=\"'bottom-left'\"\n            >\n              <i class=\"mdi mdi-help-circle-outline\"></i>\n            </cds-tooltip>\n          </cds-text-label>\n          <div class=\"documenten-metada-form-input\">\n            <cds-dropdown\n              [disabled]=\"obs.disabled || (languageDisabled$ | async)\"\n              [appendInline]=\"true\"\n              [placeholder]=\"'document.languagePlaceholder' | translate\"\n              id=\"language\"\n              (selected)=\"languageSelected($event)\"\n            >\n              <cds-dropdown-list [items]=\"obs.languageItems || []\"></cds-dropdown-list>\n            </cds-dropdown>\n          </div>\n        }\n        @if (!hideFields.includes('vertrouwelijkheidaanduiding')) {\n          <cds-label>\n            {{ 'document.confidentialityLevel' | translate }}\n            <cds-tooltip\n              [isOpen]=\"false\"\n              [description]=\"'document.confidentialityLevelTooltip' | translate\"\n              [align]=\"'bottom-left'\"\n            >\n              <i class=\"mdi mdi-help-circle-outline\"></i>\n            </cds-tooltip>\n          </cds-label>\n          <div class=\"documenten-metada-form-input\">\n            <cds-combo-box\n              [placeholder]=\"'document.confidentialityPlaceholder' | translate\"\n              id=\"vertrouwelijkheidaanduiding\"\n              [appendInline]=\"true\"\n              [disabled]=\"obs.disabled || (confidentialityLevelDisabled$ | async)\"\n              (selected)=\"confidentialityLevelSelected($event)\"\n              (clear)=\"confidentialityLevelFormControl.setValue(null)\"\n            >\n              <cds-dropdown-list [items]=\"obs.confidentialityLevelItems || []\"></cds-dropdown-list>\n            </cds-combo-box>\n          </div>\n        }\n        @if (!hideFields.includes('informatieobjecttype')) {\n          <cds-label>\n            {{ 'document.informatieobjecttype' | translate }}\n            <cds-tooltip\n              [isOpen]=\"false\"\n              [description]=\"'document.informatieobjecttypeTooltip' | translate\"\n              [align]=\"'bottom-left'\"\n            >\n              <i class=\"mdi mdi-help-circle-outline\"></i>\n            </cds-tooltip>\n          </cds-label>\n          <div class=\"documenten-metada-form-input\">\n            <cds-combo-box\n              [placeholder]=\"'document.informatieobjecttypePlaceholder' | translate\"\n              [disabled]=\"obs.disabled || (informatieobjecttypeDisabled$ | async)\"\n              id=\"informatieobjecttype\"\n              [appendInline]=\"true\"\n              (selected)=\"informatieobjecttypeSelected($event)\"\n              (clear)=\"informatieobjecttypeFormControl.setValue(null)\"\n            >\n              <cds-dropdown-list [items]=\"obs.documentTypeItems || []\"></cds-dropdown-list>\n            </cds-combo-box>\n          </div>\n        }\n        @if (!hideFields.includes('aanvullendeDatum')) {\n          <cds-text-label name=\"'additionalDate'\">\n            {{ 'document.additionalDate' | translate }}\n            <cds-tooltip\n              [isOpen]=\"false\"\n              [description]=\"'document.additionalDateTooltip' | translate\"\n              [align]=\"'bottom-left'\"\n            >\n              <i class=\"mdi mdi-help-circle-outline\"></i>\n            </cds-tooltip>\n          </cds-text-label>\n          <cds-radio-group [orientation]=\"'horizontal'\" class=\"documenten-metada-form-input\">\n            <cds-radio\n              *ngFor=\"let option of ADDITONAL_DOCUMENT_DATE_OPTIONS\"\n              [value]=\"option.value\"\n              [checked]=\"obs.additionalDate === option.value\"\n              [required]=\"true\"\n              (click)=\"setAdditionalDate(option.value)\"\n              name=\"radio-inline\"\n            >\n              {{ option.translationKey | translate }}\n            </cds-radio>\n          </cds-radio-group>\n        }\n        @if (supportsTrefwoorden && !hideFields.includes('trefwoorden')) {\n          <cds-text-label>\n            {{ 'document.tags' | translate }}\n            <cds-tooltip\n              [isOpen]=\"false\"\n              [description]=\"'document.tagsTooltip' | translate\"\n              [align]=\"'bottom-left'\"\n            >\n              <i class=\"mdi mdi-help-circle-outline\"></i>\n            </cds-tooltip>\n          </cds-text-label>\n          <div class=\"documenten-metada-form-input\">\n            <cds-combo-box\n              [type]=\"'multi'\"\n              [placeholder]=\"'document.tagsPlaceholder' | translate\"\n              [disabled]=\"obs.disabled || obs.tagItems?.length === 0\"\n              [appendInline]=\"true\"\n              (selected)=\"tagsSelected($event)\"\n            >\n              <cds-dropdown-list [items]=\"obs.tagItems || []\"></cds-dropdown-list>\n            </cds-combo-box>\n          </div>\n        }\n      </div>\n\n      <div class=\"documenten-metadata-form-column\">\n        @if (!hideFields.includes('titel')) {\n          <cds-text-label>\n            {{ 'document.inputTitle' | translate }}\n            <input\n              [placeholder]=\"'document.inputTitlePlaceholder' | translate\"\n              [required]=\"true\"\n              cdsText\n              class=\"documenten-metada-form-input\"\n              id=\"titel\"\n              formControlName=\"titel\"\n            />\n            <cds-tooltip\n              [isOpen]=\"false\"\n              [description]=\"'document.inputTitleTooltip' | translate\"\n              [align]=\"'bottom'\"\n            >\n              <i class=\"mdi mdi-help-circle-outline\"></i>\n            </cds-tooltip>\n          </cds-text-label>\n        }\n        @if (!hideFields.includes('beschrijving')) {\n          <cds-textarea-label>\n            {{ 'document.inputDescription' | translate }}\n            <textarea\n              [placeholder]=\"'document.inputDescriptionPlaceholder' | translate\"\n              [required]=\"false\"\n              [rows]=\"5\"\n              cdsTextArea\n              class=\"documenten-metada-form-description-input documenten-metada-form-input\"\n              id=\"beschrijving\"\n              formControlName=\"beschrijving\"\n            ></textarea>\n            <cds-tooltip\n              [isOpen]=\"false\"\n              [description]=\"'document.inputDescriptionTooltip' | translate\"\n              [align]=\"'bottom'\"\n            >\n              <i class=\"mdi mdi-help-circle-outline\"></i>\n            </cds-tooltip>\n          </cds-textarea-label>\n        }\n        @if (!hideFields.includes('creatiedatum')) {\n          <cds-label>\n            {{ 'document.creationDate' | translate }}\n            <cds-tooltip\n              [isOpen]=\"false\"\n              [description]=\"'document.creationDateTooltip' | translate\"\n              [align]=\"'bottom'\"\n            >\n              <i class=\"mdi mdi-help-circle-outline\"></i>\n            </cds-tooltip>\n            <div class=\"documenten-metada-form-input\">\n              <cds-date-picker\n                [placeholder]=\"'DD-MM-YYYY'\"\n                [dateFormat]=\"'d-m-Y'\"\n                id=\"creatiedatum\"\n                formControlName=\"creatiedatum\"\n              >\n              </cds-date-picker>\n            </div>\n          </cds-label>\n        }\n        @if (!hideFields.includes('status')) {\n          <cds-label>\n            {{ 'document.status' | translate }}\n            <cds-tooltip\n              [isOpen]=\"false\"\n              [description]=\"'document.statusTooltip' | translate\"\n              [align]=\"'bottom'\"\n            >\n              <i class=\"mdi mdi-help-circle-outline\"></i>\n            </cds-tooltip>\n          </cds-label>\n          <div class=\"documenten-metada-form-input\">\n            <cds-combo-box\n              [placeholder]=\"'document.statusPlaceholder' | translate\"\n              [disabled]=\"obs.disabled || (statusDisabled$ | async)\"\n              id=\"status\"\n              [appendInline]=\"true\"\n              (selected)=\"statusSelected($event)\"\n              (clear)=\"statusFormControl.setValue(null)\"\n            >\n              <cds-dropdown-list [items]=\"obs.statusItems || []\"></cds-dropdown-list>\n            </cds-combo-box>\n          </div>\n        }\n        @if (!hideFields.includes('aanvullendeDatum')) {\n          <cds-date-picker\n            *ngIf=\"obs.additionalDate === 'received'\"\n            [label]=\"'document.additionalDate' | translate\"\n            [placeholder]=\"'DD-MM-YYYY'\"\n            [dateFormat]=\"'d-m-Y'\"\n            id=\"ontvangstdatum\"\n            formControlName=\"ontvangstdatum\"\n          ></cds-date-picker>\n          <cds-date-picker\n            *ngIf=\"obs.additionalDate === 'sent'\"\n            [label]=\"'document.additionalDate' | translate\"\n            [placeholder]=\"'DD-MM-YYYY'\"\n            [dateFormat]=\"'d-m-Y'\"\n            id=\"verzenddatum\"\n            formControlName=\"verzenddatum\"\n          ></cds-date-picker>\n        }\n      </div>\n    </div>\n  </form>\n</ng-template>\n", styles: [".documenten-metadata-form-columns-container{display:flex;justify-content:space-between}.documenten-metadata-form-column{flex:1;margin-right:1rem}.documenten-metada-form-input{margin-bottom:18px!important;width:100%!important}.documenten-metada-form-description-input{width:100%}::ng-deep .cds--date-picker,::ng-deep .cds--date-picker-container,::ng-deep .cds--date-picker__input,::ng-deep .cds--date-picker-input__wrapper,::ng-deep .cds--date-picker-input__wrapper>span{width:100%}::ng-deep .cds--date-picker.cds--date-picker--single .cds--date-picker__input{inline-size:100%}.metadata-modal-footer{display:flex;justify-content:flex-end}.metadata-modal-footer button{width:100%}\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: ButtonModule }, { kind: "directive", type: i5$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i5$1.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "component", type: i5$1.TextareaLabelComponent, selector: "cds-textarea-label, ibm-textarea-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textAreaTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "component", type: i5$1.TextInputLabelComponent, selector: "cds-text-label, ibm-text-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textInputTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i5$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "directive", type: i5$1.TextArea, selector: "[cdsTextArea], [ibmTextArea]", inputs: ["theme", "invalid", "skeleton"] }, { kind: "ngmodule", type: ComboBoxModule }, { kind: "component", type: i5$1.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: i5$1.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: i5$1.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: DatePickerModule }, { kind: "component", type: i5$1.DatePicker, selector: "cds-date-picker, ibm-date-picker", inputs: ["range", "dateFormat", "language", "label", "helperText", "rangeHelperText", "rangeLabel", "placeholder", "ariaLabel", "inputPattern", "id", "value", "theme", "disabled", "readonly", "invalid", "invalidText", "warn", "warnText", "size", "rangeInvalid", "rangeInvalidText", "rangeWarn", "rangeWarnText", "skeleton", "plugins", "flatpickrOptions"], outputs: ["valueChange", "onClose"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "ngmodule", type: IconModule }, { kind: "ngmodule", type: InputLabelModule }, { kind: "ngmodule", type: InputModule$1 }, { kind: "ngmodule", type: ModalModule }, { kind: "directive", type: i5$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: RadioModule }, { kind: "component", type: i5$1.Radio, selector: "cds-radio, ibm-radio", inputs: ["checked", "name", "disabled", "labelPlacement", "ariaLabelledby", "ariaLabel", "required", "value", "skeleton", "id"], outputs: ["change"] }, { kind: "component", type: i5$1.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: 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SelectModule }, { kind: "ngmodule", type: TagModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "component", type: i5$1.Tooltip, selector: "cds-tooltip, ibm-tooltip", inputs: ["id", "enterDelayMs", "leaveDelayMs", "disabled", "description", "templateContext"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: VModalModule }, { kind: "component", type: i3.VModalComponent, selector: "v-modal", inputs: ["appearingDelayMs", "maxWidthPx", "hideFooter", "parentId"], outputs: ["closeEvent"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i5$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentenApiMetadataModalComponent, decorators: [{
@@ -1432,7 +1432,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         VModalModule,
                         LayerModule,
                     ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<v-modal\n  #metadataModal\n  *ngIf=\"{\n    file: file$ | async,\n    disabled: disabled$ | async,\n    editDisabled: editDisabled$ | async,\n    languageItems: languageItems$ | async,\n    confidentialityLevelItems: confidentialityLevelItems$ | async,\n    documentTypeItems: documentTypeItems$ | async,\n    statusItems: statusItems$ | async,\n    tagItems: tagItems$ | async,\n    userEmail: userEmail$ | async,\n    open: open$ | async,\n    additionalDate: additionalDocumentDate$ | async,\n  } as obs\"\n  [maxWidthPx]=\"1280\"\n  (closeEvent)=\"closeModal()\"\n  [cdsLayer]=\"1\"\n>\n  <div role=\"header\">\n    @if (isEditMode) {\n      <h3 cdsModalHeaderHeading>\n        {{ 'document.editMetadata' | translate }}\n      </h3>\n    } @else {\n      <h3 cdsModalHeaderHeading>\n        {{ 'document.fillInMetadata' | translate }}\n      </h3>\n    }\n  </div>\n\n  <div role=\"content\">\n    @if (obs.open) {\n      <ng-container *ngTemplateOutlet=\"metadataForm; context: {obs: obs}\"></ng-container>\n    }\n  </div>\n\n  <div role=\"footer\" class=\"metadata-modal-footer\">\n    <button cdsButton=\"ghost\" (click)=\"closeModal()\" [disabled]=\"obs.disabled\">\n      {{ 'document.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      type=\"submit\"\n      [disabled]=\"obs.disabled || !documentenApiMetadataForm.valid || obs.editDisabled\"\n      (click)=\"save()\"\n    >\n      {{ 'document.save' | translate }}\n    </button>\n  </div>\n</v-modal>\n\n<ng-template #metadataForm let-obs=\"obs\">\n  <form [formGroup]=\"documentenApiMetadataForm\">\n    <div class=\"documenten-metadata-form-columns-container\">\n      <div class=\"documenten-metadata-form-column\">\n        @if (!hideFields.includes('bestandsnaam')) {\n          <cds-text-label class=\"documenten-metada-form-input\">\n            {{ 'document.filename' | translate }}\n            <cds-tooltip\n              [isOpen]=\"false\"\n              [description]=\"'document.filenameTooltip' | translate\"\n              [align]=\"'bottom-left'\"\n            >\n              <i class=\"mdi mdi-help-circle-outline\"></i>\n            </cds-tooltip>\n            <input\n              [value]=\"defaultValues.bestandsnaam\"\n              [placeholder]=\"'document.filenamePlaceholder' | translate\"\n              cdsText\n              type=\"text\"\n              id=\"bestandsnaam\"\n              formControlName=\"bestandsnaam\"\n            />\n          </cds-text-label>\n        }\n        @if (!hideFields.includes('auteur')) {\n          <cds-text-label class=\"documenten-metada-form-input\">\n            {{ 'document.author' | translate }}\n            <cds-tooltip\n              [isOpen]=\"false\"\n              [description]=\"'document.authorTooltip' | translate\"\n              [align]=\"'bottom-left'\"\n            >\n              <i class=\"mdi mdi-help-circle-outline\"></i>\n            </cds-tooltip>\n            <input\n              [value]=\"defaultValues.auteur\"\n              [placeholder]=\"'document.authorPlaceholder' | translate\"\n              [required]=\"true\"\n              cdsText\n              id=\"auteur\"\n              formControlName=\"auteur\"\n            />\n          </cds-text-label>\n        }\n        @if (!hideFields.includes('taal')) {\n          <cds-text-label>\n            {{ 'document.language' | translate }}\n            <cds-tooltip\n              [isOpen]=\"false\"\n              [description]=\"'document.languageTooltip' | translate\"\n              [align]=\"'bottom-left'\"\n            >\n              <i class=\"mdi mdi-help-circle-outline\"></i>\n            </cds-tooltip>\n          </cds-text-label>\n          <div class=\"documenten-metada-form-input\">\n            <cds-dropdown\n              [disabled]=\"obs.disabled || (languageDisabled$ | async)\"\n              [appendInline]=\"true\"\n              [placeholder]=\"'document.languagePlaceholder' | translate\"\n              id=\"language\"\n              (selected)=\"languageSelected($event)\"\n            >\n              <cds-dropdown-list [items]=\"obs.languageItems || []\"></cds-dropdown-list>\n            </cds-dropdown>\n          </div>\n        }\n        @if (!hideFields.includes('vertrouwelijkheidaanduiding')) {\n          <cds-label>\n            {{ 'document.confidentialityLevel' | translate }}\n            <cds-tooltip\n              [isOpen]=\"false\"\n              [description]=\"'document.confidentialityLevelTooltip' | translate\"\n              [align]=\"'bottom-left'\"\n            >\n              <i class=\"mdi mdi-help-circle-outline\"></i>\n            </cds-tooltip>\n          </cds-label>\n          <div class=\"documenten-metada-form-input\">\n            <cds-combo-box\n              [placeholder]=\"'document.confidentialityPlaceholder' | translate\"\n              id=\"vertrouwelijkheidaanduiding\"\n              [appendInline]=\"true\"\n              [disabled]=\"obs.disabled || (confidentialityLevelDisabled$ | async)\"\n              (selected)=\"confidentialityLevelSelected($event)\"\n              (clear)=\"confidentialityLevelFormControl.setValue(null)\"\n            >\n              <cds-dropdown-list [items]=\"obs.confidentialityLevelItems || []\"></cds-dropdown-list>\n            </cds-combo-box>\n          </div>\n        }\n        @if (!hideFields.includes('informatieobjecttype')) {\n          <cds-label>\n            {{ 'document.informatieobjecttype' | translate }}\n            <cds-tooltip\n              [isOpen]=\"false\"\n              [description]=\"'document.informatieobjecttypeTooltip' | translate\"\n              [align]=\"'bottom-left'\"\n            >\n              <i class=\"mdi mdi-help-circle-outline\"></i>\n            </cds-tooltip>\n          </cds-label>\n          <div class=\"documenten-metada-form-input\">\n            <cds-combo-box\n              [placeholder]=\"'document.informatieobjecttypePlaceholder' | translate\"\n              [disabled]=\"obs.disabled || (informatieobjecttypeDisabled$ | async)\"\n              id=\"informatieobjecttype\"\n              [appendInline]=\"true\"\n              (selected)=\"informatieobjecttypeSelected($event)\"\n              (clear)=\"informatieobjecttypeFormControl.setValue(null)\"\n            >\n              <cds-dropdown-list [items]=\"obs.documentTypeItems || []\"></cds-dropdown-list>\n            </cds-combo-box>\n          </div>\n        }\n        @if (!hideFields.includes('aanvullendeDatum')) {\n          <cds-text-label name=\"'additionalDate'\">\n            {{ 'document.additionalDate' | translate }}\n            <cds-tooltip\n              [isOpen]=\"false\"\n              [description]=\"'document.additionalDateTooltip' | translate\"\n              [align]=\"'bottom-left'\"\n            >\n              <i class=\"mdi mdi-help-circle-outline\"></i>\n            </cds-tooltip>\n          </cds-text-label>\n          <cds-radio-group [orientation]=\"'horizontal'\" class=\"documenten-metada-form-input\">\n            <cds-radio\n              *ngFor=\"let option of ADDITONAL_DOCUMENT_DATE_OPTIONS\"\n              [value]=\"option.value\"\n              [checked]=\"obs.additionalDate === option.value\"\n              [required]=\"true\"\n              (click)=\"setAdditionalDate(option.value)\"\n              name=\"radio-inline\"\n            >\n              {{ option.translationKey | translate }}\n            </cds-radio>\n          </cds-radio-group>\n        }\n        @if (supportsTrefwoorden && !hideFields.includes('trefwoorden')) {\n          <cds-text-label>\n            {{ 'document.tags' | translate }}\n            <cds-tooltip\n              [isOpen]=\"false\"\n              [description]=\"'document.tagsTooltip' | translate\"\n              [align]=\"'bottom-left'\"\n            >\n              <i class=\"mdi mdi-help-circle-outline\"></i>\n            </cds-tooltip>\n          </cds-text-label>\n          <div class=\"documenten-metada-form-input\">\n            <cds-combo-box\n              [type]=\"'multi'\"\n              [placeholder]=\"'document.tagsPlaceholder' | translate\"\n              [disabled]=\"obs.disabled || obs.tagItems?.length === 0\"\n              [appendInline]=\"true\"\n              (selected)=\"tagsSelected($event)\"\n            >\n              <cds-dropdown-list [items]=\"obs.tagItems || []\"></cds-dropdown-list>\n            </cds-combo-box>\n          </div>\n        }\n      </div>\n\n      <div class=\"documenten-metadata-form-column\">\n        @if (!hideFields.includes('titel')) {\n          <cds-text-label>\n            {{ 'document.inputTitle' | translate }}\n            <input\n              [placeholder]=\"'document.inputTitlePlaceholder' | translate\"\n              [required]=\"true\"\n              cdsText\n              class=\"documenten-metada-form-input\"\n              id=\"titel\"\n              formControlName=\"titel\"\n            />\n            <cds-tooltip\n              [isOpen]=\"false\"\n              [description]=\"'document.inputTitleTooltip' | translate\"\n              [align]=\"'bottom'\"\n            >\n              <i class=\"mdi mdi-help-circle-outline\"></i>\n            </cds-tooltip>\n          </cds-text-label>\n        }\n        @if (!hideFields.includes('beschrijving')) {\n          <cds-textarea-label>\n            {{ 'document.inputDescription' | translate }}\n            <textarea\n              [placeholder]=\"'document.inputDescriptionPlaceholder' | translate\"\n              [required]=\"false\"\n              [rows]=\"5\"\n              cdsTextArea\n              class=\"documenten-metada-form-description-input documenten-metada-form-input\"\n              id=\"beschrijving\"\n              formControlName=\"beschrijving\"\n            ></textarea>\n            <cds-tooltip\n              [isOpen]=\"false\"\n              [description]=\"'document.inputDescriptionTooltip' | translate\"\n              [align]=\"'bottom'\"\n            >\n              <i class=\"mdi mdi-help-circle-outline\"></i>\n            </cds-tooltip>\n          </cds-textarea-label>\n        }\n        @if (!hideFields.includes('creatiedatum')) {\n          <cds-label>\n            {{ 'document.creationDate' | translate }}\n            <cds-tooltip\n              [isOpen]=\"false\"\n              [description]=\"'document.creationDateTooltip' | translate\"\n              [align]=\"'bottom'\"\n            >\n              <i class=\"mdi mdi-help-circle-outline\"></i>\n            </cds-tooltip>\n            <div class=\"documenten-metada-form-input\">\n              <cds-date-picker\n                [placeholder]=\"'DD-MM-YYYY'\"\n                [dateFormat]=\"'d-m-Y'\"\n                id=\"creatiedatum\"\n                formControlName=\"creatiedatum\"\n              >\n              </cds-date-picker>\n            </div>\n          </cds-label>\n        }\n        @if (!hideFields.includes('status')) {\n          <cds-label>\n            {{ 'document.status' | translate }}\n            <cds-tooltip\n              [isOpen]=\"false\"\n              [description]=\"'document.statusTooltip' | translate\"\n              [align]=\"'bottom'\"\n            >\n              <i class=\"mdi mdi-help-circle-outline\"></i>\n            </cds-tooltip>\n          </cds-label>\n          <div class=\"documenten-metada-form-input\">\n            <cds-combo-box\n              [placeholder]=\"'document.statusPlaceholder' | translate\"\n              [disabled]=\"obs.disabled || (statusDisabled$ | async)\"\n              id=\"status\"\n              [appendInline]=\"true\"\n              (selected)=\"statusSelected($event)\"\n              (clear)=\"statusFormControl.setValue(null)\"\n            >\n              <cds-dropdown-list [items]=\"obs.statusItems || []\"></cds-dropdown-list>\n            </cds-combo-box>\n          </div>\n        }\n        @if (!hideFields.includes('aanvullendeDatum')) {\n          <cds-date-picker\n            *ngIf=\"obs.additionalDate === 'received'\"\n            [label]=\"'document.additionalDate' | translate\"\n            [placeholder]=\"'DD-MM-YYYY'\"\n            [dateFormat]=\"'d-m-Y'\"\n            id=\"ontvangstdatum\"\n            formControlName=\"ontvangstdatum\"\n          ></cds-date-picker>\n          <cds-date-picker\n            *ngIf=\"obs.additionalDate === 'sent'\"\n            [label]=\"'document.additionalDate' | translate\"\n            [placeholder]=\"'DD-MM-YYYY'\"\n            [dateFormat]=\"'d-m-Y'\"\n            id=\"verzenddatum\"\n            formControlName=\"verzenddatum\"\n          ></cds-date-picker>\n        }\n      </div>\n    </div>\n  </form>\n</ng-template>\n", styles: [".documenten-metadata-form-columns-container{display:flex;justify-content:space-between}.documenten-metadata-form-column{flex:1;margin-right:1rem}.documenten-metada-form-input{margin-bottom:18px!important;width:100%!important}.documenten-metada-form-description-input{width:100%}::ng-deep .cds--date-picker,::ng-deep .cds--date-picker-container,::ng-deep .cds--date-picker__input,::ng-deep .cds--date-picker-input__wrapper,::ng-deep .cds--date-picker-input__wrapper>span{width:100%}::ng-deep .cds--date-picker.cds--date-picker--single .cds--date-picker__input{inline-size:100%}.metadata-modal-footer{display:flex;justify-content:flex-end}.metadata-modal-footer button{width:100%}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }, { type: i3$1.DocumentService }, { type: DocumentenApiTagService }, { type: i1$1.FormBuilder }, { type: i5$2.KeycloakService }, { type: i3.ModalService }, { type: i5.TranslateService }, { type: i3.ValtimoModalService }, { type: DocumentenApiVersionService }, { type: i3.FormIoStateService }], propDecorators: { metadataModal: [{
+        }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }, { type: i4$1.DocumentService }, { type: DocumentenApiTagService }, { type: i1$1.FormBuilder }, { type: i5$2.KeycloakService }, { type: i3.ModalService }, { type: i5.TranslateService }, { type: i3.ValtimoModalService }, { type: DocumentenApiVersionService }, { type: i3.FormIoStateService }], propDecorators: { metadataModal: [{
                 type: ViewChild,
                 args: ['metadataModal']
             }], disabled$: [{
@@ -1891,7 +1891,7 @@ class CaseDetailTabDocumentenApiDocumentsComponent {
             return this.permissionService.requestPermission(permissionRequest, context);
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseDetailTabDocumentenApiDocumentsComponent, deps: [{ token: i2.ConfigService }, { token: DocumentenApiColumnService }, { token: DocumentenApiDocumentService }, { token: DocumentenApiVersionService }, { token: i3$1.DocumentService }, { token: i4$1.DownloadService }, { token: i5$1.IconService }, { token: i6.PermissionService }, { token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: i5.TranslateService }, { token: i4$1.UploadProviderService }, { token: i9.UserProviderService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseDetailTabDocumentenApiDocumentsComponent, deps: [{ token: i2.ConfigService }, { token: DocumentenApiColumnService }, { token: DocumentenApiDocumentService }, { token: DocumentenApiVersionService }, { token: i4$1.DocumentService }, { token: i4$2.DownloadService }, { token: i5$1.IconService }, { token: i6.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.18", 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-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<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        <button\n          *ngIf=\"obs?.supportedDocumentenApiFeatures?.supportsFilterableColumns\"\n          [cdsOverflowMenu]=\"overflowFilter\"\n          [customPane]=\"true\"\n          [flip]=\"true\"\n          [offset]=\"{x: 0, y: 47}\"\n          cdsButton=\"ghost\"\n          placement=\"bottom\"\n        >\n          <svg cdsIcon=\"filter\" size=\"16\"></svg>\n        </button>\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    [hideFields]=\"obs.hideFields\"\n    [open]=\"showUploadModal$ | async\"\n    [disabled$]=\"modalDisabled$\"\n    [file$]=\"fileToBeUploaded$\"\n    [isEditMode]=\"isEditMode$ | async\"\n    [supportsTrefwoorden]=\"obs?.supportedDocumentenApiFeatures?.supportsTrefwoorden\"\n    (modalClose)=\"closeMetadataModal()\"\n    (metadata)=\"metadataSet($event)\"\n  ></valtimo-documenten-api-metadata-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", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i3.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "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", "open"], outputs: ["metadata", "modalClose"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i5$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i5$1.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: "ngmodule", type: DialogModule }, { kind: "directive", type: i5$1.OverflowMenuDirective, selector: "[cdsOverflowMenu], [ibmOverflowMenu]", inputs: ["ibmOverflowMenu", "cdsOverflowMenu", "flip", "offset", "wrapperClass", "customPane"], exportAs: ["overflowMenu"] }, { 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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseDetailTabDocumentenApiDocumentsComponent, decorators: [{
@@ -1907,7 +1907,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         DialogModule,
                         ConfirmationModalModule,
                     ], 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<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        <button\n          *ngIf=\"obs?.supportedDocumentenApiFeatures?.supportsFilterableColumns\"\n          [cdsOverflowMenu]=\"overflowFilter\"\n          [customPane]=\"true\"\n          [flip]=\"true\"\n          [offset]=\"{x: 0, y: 47}\"\n          cdsButton=\"ghost\"\n          placement=\"bottom\"\n        >\n          <svg cdsIcon=\"filter\" size=\"16\"></svg>\n        </button>\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    [hideFields]=\"obs.hideFields\"\n    [open]=\"showUploadModal$ | async\"\n    [disabled$]=\"modalDisabled$\"\n    [file$]=\"fileToBeUploaded$\"\n    [isEditMode]=\"isEditMode$ | async\"\n    [supportsTrefwoorden]=\"obs?.supportedDocumentenApiFeatures?.supportsTrefwoorden\"\n    (modalClose)=\"closeMetadataModal()\"\n    (metadata)=\"metadataSet($event)\"\n  ></valtimo-documenten-api-metadata-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"] }]
-        }], ctorParameters: () => [{ type: i2.ConfigService }, { type: DocumentenApiColumnService }, { type: DocumentenApiDocumentService }, { type: DocumentenApiVersionService }, { type: i3$1.DocumentService }, { type: i4$1.DownloadService }, { type: i5$1.IconService }, { type: i6.PermissionService }, { type: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: i5.TranslateService }, { type: i4$1.UploadProviderService }, { type: i9.UserProviderService }], propDecorators: { fileInput: [{
+        }], ctorParameters: () => [{ type: i2.ConfigService }, { type: DocumentenApiColumnService }, { type: DocumentenApiDocumentService }, { type: DocumentenApiVersionService }, { type: i4$1.DocumentService }, { type: i4$2.DownloadService }, { type: i5$1.IconService }, { type: i6.PermissionService }, { type: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: i5.TranslateService }, { type: i4$2.UploadProviderService }, { type: i9.UserProviderService }], propDecorators: { fileInput: [{
                 type: ViewChild,
                 args: ['fileInput']
             }], translationTemplate: [{
@@ -1915,6 +1915,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                 args: ['translationTemplate']
             }] } });
 
+const ZGW_LINK_UPLOAD_PROCESS_TEST_IDS = {
+    comboBox: 'linkUploadProcessComboBox',
+};
+
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
@@ -1940,6 +1944,7 @@ class CaseManagementLinkProcessComponent {
         this.route = route;
         this.documentenApiLinkProcessService = documentenApiLinkProcessService;
         this.documentenApiVersionService = documentenApiVersionService;
+        this.testIds = ZGW_LINK_UPLOAD_PROCESS_TEST_IDS;
         this.documentenApiUploadProviders$ = new BehaviorSubject(false);
         this.selectedProcessKey$ = new BehaviorSubject('');
         this.processItems$ = combineLatest([
@@ -2001,11 +2006,11 @@ class CaseManagementLinkProcessComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementLinkProcessComponent, deps: [{ token: i2.ConfigService }, { token: i1$2.ActivatedRoute }, { token: DocumentenApiLinkProcessService }, { token: DocumentenApiVersionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CaseManagementLinkProcessComponent, isStandalone: true, selector: "valtimo-case-management-link-process", inputs: { isReadOnly$: "isReadOnly$" }, host: { listeners: { "document:click": "emptyCallback($event)" } }, 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<div\n  *ngIf=\"{\n    processItems: processItems$ | async,\n    disabled: disabled$ | async,\n    isReadOnly: isReadOnly$ | async,\n  } as obs\"\n  class=\"link-upload-process\"\n>\n  <p class=\"link-upload-process__title\">\n    {{ 'caseManagement.tabs.generalTab.linkUploadProcess.title' | translate }}\n  </p>\n\n  <cds-combo-box\n    [cdsLayer]=\"1\"\n    valtimoReadOnly\n    [isReadOnly]=\"obs.isReadOnly\"\n    [appendInline]=\"true\"\n    [dropUp]=\"false\"\n    [label]=\"'caseManagement.tabs.generalTab.linkUploadProcess.label' | translate\"\n    [placeholder]=\"\n      'processLinkConfiguration.' + (obs.isReadOnly ? 'noProcess' : 'selectProcess') | translate\n    \"\n    [disabled]=\"obs.disabled || !obs.processItems || obs.isReadOnly\"\n    (selected)=\"selectProcess($event)\"\n  >\n    <cds-dropdown-list [items]=\"obs.processItems || []\"></cds-dropdown-list>\n  </cds-combo-box>\n</div>\n", styles: [".link-upload-process{background-color:var(--cds-layer);padding:24px}.link-upload-process__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom: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: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ComboBoxModule }, { kind: "component", type: i5$1.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: i5$1.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: i5$1.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.18", type: CaseManagementLinkProcessComponent, isStandalone: true, selector: "valtimo-case-management-link-process", inputs: { isReadOnly$: "isReadOnly$" }, host: { listeners: { "document:click": "emptyCallback($event)" } }, 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<div\n  *ngIf=\"{\n    processItems: processItems$ | async,\n    disabled: disabled$ | async,\n    isReadOnly: isReadOnly$ | async,\n  } as obs\"\n  class=\"link-upload-process\"\n>\n  <p class=\"link-upload-process__title\">\n    {{ 'caseManagement.tabs.generalTab.linkUploadProcess.title' | translate }}\n  </p>\n\n  <cds-combo-box\n    [attr.data-test-id]=\"testIds.comboBox\"\n    [cdsLayer]=\"1\"\n    valtimoReadOnly\n    [isReadOnly]=\"obs.isReadOnly\"\n    [appendInline]=\"true\"\n    [dropUp]=\"false\"\n    [label]=\"'caseManagement.tabs.generalTab.linkUploadProcess.label' | translate\"\n    [placeholder]=\"\n      'processLinkConfiguration.' + (obs.isReadOnly ? 'noProcess' : 'selectProcess') | translate\n    \"\n    [disabled]=\"obs.disabled || !obs.processItems || obs.isReadOnly\"\n    (selected)=\"selectProcess($event)\"\n  >\n    <cds-dropdown-list [items]=\"obs.processItems || []\"></cds-dropdown-list>\n  </cds-combo-box>\n</div>\n", styles: [".link-upload-process{background-color:var(--cds-layer);padding:24px}.link-upload-process__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom: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: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ComboBoxModule }, { kind: "component", type: i5$1.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: i5$1.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: i5$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CaseManagementLinkProcessComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-case-management-link-process', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, TranslateModule, ComboBoxModule, LayerModule], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<div\n  *ngIf=\"{\n    processItems: processItems$ | async,\n    disabled: disabled$ | async,\n    isReadOnly: isReadOnly$ | async,\n  } as obs\"\n  class=\"link-upload-process\"\n>\n  <p class=\"link-upload-process__title\">\n    {{ 'caseManagement.tabs.generalTab.linkUploadProcess.title' | translate }}\n  </p>\n\n  <cds-combo-box\n    [cdsLayer]=\"1\"\n    valtimoReadOnly\n    [isReadOnly]=\"obs.isReadOnly\"\n    [appendInline]=\"true\"\n    [dropUp]=\"false\"\n    [label]=\"'caseManagement.tabs.generalTab.linkUploadProcess.label' | translate\"\n    [placeholder]=\"\n      'processLinkConfiguration.' + (obs.isReadOnly ? 'noProcess' : 'selectProcess') | translate\n    \"\n    [disabled]=\"obs.disabled || !obs.processItems || obs.isReadOnly\"\n    (selected)=\"selectProcess($event)\"\n  >\n    <cds-dropdown-list [items]=\"obs.processItems || []\"></cds-dropdown-list>\n  </cds-combo-box>\n</div>\n", styles: [".link-upload-process{background-color:var(--cds-layer);padding:24px}.link-upload-process__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom: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"] }]
+            args: [{ selector: 'valtimo-case-management-link-process', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, TranslateModule, ComboBoxModule, LayerModule], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<div\n  *ngIf=\"{\n    processItems: processItems$ | async,\n    disabled: disabled$ | async,\n    isReadOnly: isReadOnly$ | async,\n  } as obs\"\n  class=\"link-upload-process\"\n>\n  <p class=\"link-upload-process__title\">\n    {{ 'caseManagement.tabs.generalTab.linkUploadProcess.title' | translate }}\n  </p>\n\n  <cds-combo-box\n    [attr.data-test-id]=\"testIds.comboBox\"\n    [cdsLayer]=\"1\"\n    valtimoReadOnly\n    [isReadOnly]=\"obs.isReadOnly\"\n    [appendInline]=\"true\"\n    [dropUp]=\"false\"\n    [label]=\"'caseManagement.tabs.generalTab.linkUploadProcess.label' | translate\"\n    [placeholder]=\"\n      'processLinkConfiguration.' + (obs.isReadOnly ? 'noProcess' : 'selectProcess') | translate\n    \"\n    [disabled]=\"obs.disabled || !obs.processItems || obs.isReadOnly\"\n    (selected)=\"selectProcess($event)\"\n  >\n    <cds-dropdown-list [items]=\"obs.processItems || []\"></cds-dropdown-list>\n  </cds-combo-box>\n</div>\n", styles: [".link-upload-process{background-color:var(--cds-layer);padding:24px}.link-upload-process__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom: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: i2.ConfigService }, { type: i1$2.ActivatedRoute }, { type: DocumentenApiLinkProcessService }, { type: DocumentenApiVersionService }], propDecorators: { isReadOnly$: [{
                 type: Input
             }], emptyCallback: [{
@@ -2401,7 +2406,7 @@ class DocumentenApiUploadFieldModalComponent {
         this.closeModalEvent.emit('closeAndRefresh');
         this.resetForm();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentenApiUploadFieldModalComponent, deps: [{ token: i1$1.FormBuilder }, { token: DocumentenApiDocumentService }, { token: i5.TranslateService }, { token: i3$1.DocumentService }, { token: i1$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", type: DocumentenApiUploadFieldModalComponent, isStandalone: true, selector: "valtimo-documenten-api-upload-field-modal", inputs: { caseDefinitionKey: "caseDefinitionKey", type: "type", prefill: "prefill" }, outputs: { closeModalEvent: "closeModalEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    languageItems: languageItems$ | async,\n    confidentialityLevelItems: confidentialityLevelItems$ | async,\n    statusItems: statusItems$ | async,\n    documentTypeItems: documentTypeItems$ | async,\n  } as obs\"\n  [open]=\"type !== 'closed'\"\n  size=\"sm\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        ('zgw.uploadFields.editModal.header' | translate) +\n          ' - ' +\n          ('zgw.uploadFields.keys.' + key | translate)\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <form [formGroup]=\"formGroup\" class=\"uploadField-form\">\n      @if (key === 'taal') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n        >\n          <cds-dropdown-list [items]=\"obs.languageItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (key === 'vertrouwelijkheidaanduiding') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n        >\n          <cds-dropdown-list [items]=\"obs.confidentialityLevelItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (key === 'status') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n        >\n          <cds-dropdown-list [items]=\"obs.statusItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (key === 'informatieobjecttype') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n        >\n          <cds-dropdown-list [items]=\"obs.documentTypeItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (\n        key === 'filename' ||\n        key === 'bestandsnaam' ||\n        key === 'titel' ||\n        key === 'beschrijving' ||\n        key === 'trefwoorden'\n      ) {\n        <cds-label>\n          {{ 'zgw.uploadFields.fields.defaultValue' | translate }}\n          <input cdsText formControlName=\"defaultValue\" />\n        </cds-label>\n      }\n      <div class=\"toggle-group\">\n        <cds-toggle\n          formControlName=\"visible\"\n          [label]=\"'zgw.uploadFields.fields.visible' | translate\"\n          [onText]=\"'interface.on' | translate\"\n          [offText]=\"'interface.off' | translate\"\n        ></cds-toggle>\n        <cds-toggle\n          formControlName=\"readonly\"\n          [label]=\"'zgw.uploadFields.fields.readonly' | translate\"\n          [onText]=\"'interface.on' | translate\"\n          [offText]=\"'interface.off' | translate\"\n        ></cds-toggle>\n      </div>\n    </form>\n  </section>\n\n  <cds-modal-footer [cdsLayer]=\"1\">\n    <button cdsButton=\"secondary\" (click)=\"onClose()\" [disabled]=\"obs.disabled\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"invalid || obs.disabled\" (click)=\"saveUploadField()\">\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".toggle-group{display:flex;flex-direction:column;margin-top:16px;gap:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i5$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i5$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i5$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i5$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i5$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i5$1.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i5$1.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: i5$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ToggleModule }, { kind: "component", type: i5$1.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: i5$1.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: i5$1.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: i5$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentenApiUploadFieldModalComponent, decorators: [{
@@ -2418,7 +2423,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         ComboBoxModule,
                         LayerModule,
                     ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    languageItems: languageItems$ | async,\n    confidentialityLevelItems: confidentialityLevelItems$ | async,\n    statusItems: statusItems$ | async,\n    documentTypeItems: documentTypeItems$ | async,\n  } as obs\"\n  [open]=\"type !== 'closed'\"\n  size=\"sm\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        ('zgw.uploadFields.editModal.header' | translate) +\n          ' - ' +\n          ('zgw.uploadFields.keys.' + key | translate)\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <form [formGroup]=\"formGroup\" class=\"uploadField-form\">\n      @if (key === 'taal') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n        >\n          <cds-dropdown-list [items]=\"obs.languageItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (key === 'vertrouwelijkheidaanduiding') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n        >\n          <cds-dropdown-list [items]=\"obs.confidentialityLevelItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (key === 'status') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n        >\n          <cds-dropdown-list [items]=\"obs.statusItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (key === 'informatieobjecttype') {\n        <cds-combo-box\n          formControlName=\"selectedDefaultValue\"\n          [label]=\"'zgw.uploadFields.fields.defaultValue' | translate\"\n          [dropUp]=\"false\"\n          (clear)=\"clear()\"\n        >\n          <cds-dropdown-list [items]=\"obs.documentTypeItems\"></cds-dropdown-list>\n        </cds-combo-box>\n      } @else if (\n        key === 'filename' ||\n        key === 'bestandsnaam' ||\n        key === 'titel' ||\n        key === 'beschrijving' ||\n        key === 'trefwoorden'\n      ) {\n        <cds-label>\n          {{ 'zgw.uploadFields.fields.defaultValue' | translate }}\n          <input cdsText formControlName=\"defaultValue\" />\n        </cds-label>\n      }\n      <div class=\"toggle-group\">\n        <cds-toggle\n          formControlName=\"visible\"\n          [label]=\"'zgw.uploadFields.fields.visible' | translate\"\n          [onText]=\"'interface.on' | translate\"\n          [offText]=\"'interface.off' | translate\"\n        ></cds-toggle>\n        <cds-toggle\n          formControlName=\"readonly\"\n          [label]=\"'zgw.uploadFields.fields.readonly' | translate\"\n          [onText]=\"'interface.on' | translate\"\n          [offText]=\"'interface.off' | translate\"\n        ></cds-toggle>\n      </div>\n    </form>\n  </section>\n\n  <cds-modal-footer [cdsLayer]=\"1\">\n    <button cdsButton=\"secondary\" (click)=\"onClose()\" [disabled]=\"obs.disabled\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"invalid || obs.disabled\" (click)=\"saveUploadField()\">\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".toggle-group{display:flex;flex-direction:column;margin-top:16px;gap:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: DocumentenApiDocumentService }, { type: i5.TranslateService }, { type: i3$1.DocumentService }, { type: i1$2.ActivatedRoute }], propDecorators: { caseDefinitionKey: [{
+        }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: DocumentenApiDocumentService }, { type: i5.TranslateService }, { type: i4$1.DocumentService }, { type: i1$2.ActivatedRoute }], propDecorators: { caseDefinitionKey: [{
                 type: Input
             }], type: [{
                 type: Input
@@ -2538,7 +2543,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
             }] } });
 
 /*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -2558,7 +2563,7 @@ class DocumentenApiVersionComponent {
         this.documentenApiVersionService = documentenApiVersionService;
         this.loading$ = new BehaviorSubject(true);
         this.caseManagementRouteParams$ = getCaseManagementRouteParams(this.route);
-        this.documentenApiVersion$ = combineLatest([this.caseManagementRouteParams$, this.documentenApiVersionService.refresh$]).pipe(tap(() => this.loading$.next(true)), switchMap(([params]) => this.documentenApiVersionService.getManagementApiVersion(params?.caseDefinitionKey ?? '')), tap(() => this.loading$.next(false)));
+        this.documentenApiVersion$ = combineLatest([this.caseManagementRouteParams$, this.documentenApiVersionService.refresh$]).pipe(tap(() => this.loading$.next(true)), switchMap(([params]) => this.documentenApiVersionService.getManagementApiVersion(params?.caseDefinitionKey ?? '', params?.caseDefinitionVersionTag ?? '')), tap(() => this.loading$.next(false)));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentenApiVersionComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: DocumentenApiVersionService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DocumentenApiVersionComponent, isStandalone: true, selector: "valtimo-documenten-api-version", 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-tile\n  *ngIf=\"{loading: loading$ | async, documentenApiVersion: documentenApiVersion$ | async} as obs\"\n>\n  <h2 class=\"documenten-api-version__title\">{{ 'openZaak.documentenApi.title' | translate }}</h2>\n\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <ng-container\n      *ngIf=\"obs.documentenApiVersion.selectedVersion; else noDocumentenApiVersionWarning\"\n    >\n      <ng-container\n        *ngIf=\"\n          obs.documentenApiVersion.detectedVersions.length === 1;\n          else multipleDocumentenApiVersionsWarning\n        \"\n      >\n        {{ 'openZaak.documentenApi.documentenApiVersion' | translate }}\n        <strong> {{ obs.documentenApiVersion.selectedVersion }} </strong>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</cds-tile>\n\n<ng-template #noDocumentenApiVersionWarning>\n  <div class=\"pb-2\">\n    <cds-notification\n      class=\"full-width-notification\"\n      [notificationObj]=\"{\n        type: 'warning',\n        title: 'openZaak.documentenApi.noVersionWarningTitle' | translate,\n        message: 'openZaak.documentenApi.noVersionWarningMessage' | translate,\n        showClose: false,\n      }\"\n    >\n    </cds-notification>\n  </div>\n</ng-template>\n\n<ng-template #multipleDocumentenApiVersionsWarning>\n  <div class=\"pb-2\">\n    <cds-notification\n      class=\"full-width-notification\"\n      [notificationObj]=\"{\n        type: 'warning',\n        title: 'openZaak.documentenApi.multipleVersionsWarningTitle' | translate,\n        message: 'openZaak.documentenApi.multipleVersionsWarningMessage' | translate,\n        showClose: false,\n      }\"\n    >\n    </cds-notification>\n  </div>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"loading-container pb-2\">\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n</ng-template>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}.documenten-api-version__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.loading-container{display:flex;width:100%;justify-content:center}\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: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i5$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "component", type: i5$1.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "ngmodule", type: TilesModule }, { kind: "component", type: i5$1.Tile, selector: "cds-tile, ibm-tile", inputs: ["theme"] }] }); }
@@ -3350,13 +3355,13 @@ class DocumentenApiUploaderComponent {
             delete this.hideFields[field];
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentenApiUploaderComponent, deps: [{ token: i4$1.UploadProviderService }, { token: i3.FormIoDomService }, { token: i3.ValtimoModalService }, { token: i9.UserProviderService }, { token: i1$2.ActivatedRoute }, { token: DocumentenApiVersionService }, { token: i3.FormIoStateService }, { token: i3$1.DocumentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentenApiUploaderComponent, deps: [{ token: i4$2.UploadProviderService }, { token: i3.FormIoDomService }, { token: i3.ValtimoModalService }, { token: i9.UserProviderService }, { token: i1$2.ActivatedRoute }, { token: DocumentenApiVersionService }, { token: i3.FormIoStateService }, { token: i4$1.DocumentService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DocumentenApiUploaderComponent, isStandalone: false, selector: "valtimo-documenten-api-formio-uploader", inputs: { disabled: "disabled", title: "title", hideTitle: "hideTitle", subtitle: "subtitle", maxFileSize: "maxFileSize", hideMaxFileSize: "hideMaxFileSize", acceptedFiles: "acceptedFiles", hideAcceptedFiles: "hideAcceptedFiles", camera: "camera", documentTitle: "documentTitle", hideDocumentTitle: "hideDocumentTitle", disableDocumentTitle: "disableDocumentTitle", filename: "filename", hideFilename: "hideFilename", disableFilename: "disableFilename", author: "author", hideAuthor: "hideAuthor", disableAuthor: "disableAuthor", status: "status", hideStatus: "hideStatus", disableStatus: "disableStatus", language: "language", hideLanguage: "hideLanguage", disableLanguage: "disableLanguage", documentType: "documentType", hideDocumentType: "hideDocumentType", disableDocumentType: "disableDocumentType", description: "description", hideDescription: "hideDescription", disableDescription: "disableDescription", confidentialityLevel: "confidentialityLevel", hideConfidentialityLevel: "hideConfidentialityLevel", disableConfidentialityLevel: "disableConfidentialityLevel", hideCreationDate: "hideCreationDate", disableCreationDate: "disableCreationDate", hideAdditionalDate: "hideAdditionalDate", tags: "tags", hideTags: "hideTags", documentUrlProcessVariable: "documentUrlProcessVariable", value: "value" }, outputs: { valueChange: "valueChange" }, 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 *ngIf=\"{linked: uploadProcessLinked$ | async, isAdmin: isAdmin$ | async} as obs\">\n  <div *ngIf=\"obs.linked === false\">\n    <div\n      *ngIf=\"obs.isAdmin\"\n      [translate]=\"'case.documenten.noProcessLinked.adminRole'\"\n      class=\"bg-warning text-black mb-2 p-3 text-center\"\n    ></div>\n    <div\n      *ngIf=\"!obs.isAdmin\"\n      [translate]=\"'case.documenten.noProcessLinked.regularUser'\"\n      class=\"bg-warning text-black mb-2 p-3 text-center\"\n    ></div>\n  </div>\n  <valtimo-dropzone\n    (fileSelected)=\"fileSelected($event)\"\n    [acceptedFiles]=\"acceptedFiles\"\n    [showAcceptedFiles]=\"!hideAcceptedFiles\"\n    [camera]=\"camera\"\n    [disabled]=\"disabled || obs.linked === false || obs.linked === 'loading'\"\n    [hideFilePreview]=\"true\"\n    [hideTitle]=\"hideTitle\"\n    [maxFileSize]=\"maxFileSize\"\n    [maxFiles]=\"1\"\n    [showMaxFileSize]=\"!hideMaxFileSize\"\n    [subtitle]=\"subtitle\"\n    [title]=\"title\"\n    [uploading]=\"uploading$ | async\"\n  ></valtimo-dropzone>\n</ng-container>\n\n<div *ngFor=\"let resource of _value\" class=\"file-preview\">\n  <div class=\"file-preview-name\">\n    <span>\n      {{ resource.filename }}\n    </span>\n  </div>\n  <div class=\"file-preview-size\">\n    <span>\n      {{ resource.sizeInBytes | filesize }}\n    </span>\n  </div>\n  <div *ngIf=\"!disabled\" class=\"file-preview-delete\">\n    <a (click)=\"deleteFile(resource.id)\">\n      <i class=\"icon mdi mdi-delete\"></i>\n    </a>\n  </div>\n</div>\n\n<valtimo-documenten-api-metadata-modal\n  class=\"documenten-api-uploader-metadata-modal\"\n  (metadata)=\"metadataSet($event)\"\n  (modalClose)=\"closeMetadataModal()\"\n  [defaultValues]=\"defaultValues\"\n  [disableAuthor]=\"disableAuthor\"\n  [disableConfidentialityLevel]=\"disableConfidentialityLevel\"\n  [disableCreationDate]=\"disableCreationDate\"\n  [disableDescription]=\"disableDescription\"\n  [disableDocumentTitle]=\"disableDocumentTitle\"\n  [disableDocumentType]=\"disableDocumentType\"\n  [disableFilename]=\"disableFilename\"\n  [disableLanguage]=\"disableLanguage\"\n  [disableStatus]=\"disableStatus\"\n  [disabled$]=\"modalDisabled$\"\n  [file$]=\"fileToBeUploaded$\"\n  [hideFields]=\"hideFields\"\n  [supportsTrefwoorden]=\"(supportedDocumentenApiFeatures$ | async)?.supportsTrefwoorden\"\n  [open]=\"showModal()\"\n></valtimo-documenten-api-metadata-modal>\n", styles: [".progress-bar-container{padding:15px 20px}::ng-deep .formio-component-valtimo-file .formio-button-add-another,::ng-deep .formio-component-valtimo-file .btn-secondary{display:none}::ng-deep .formio-component-valtimo-file td{padding:0!important;border:none}::ng-deep .formio-component-valtimo-file .table{border-collapse:collapse;border:none;margin:10px 0}.dropzone-container{margin-bottom:12px}.file-preview{margin-top:-1px;display:flex;border:1px solid #dee2e6}.file-preview div{padding:12px 10px}.file-preview .file-preview-name{width:65%}.file-preview .file-preview-size{width:35%}.file-preview .icon{color:#a1a1a1;font-size:1.3846rem;line-height:18px;cursor:pointer}.file-preview .icon:hover{color:gray}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.DropzoneComponent, selector: "valtimo-dropzone", inputs: ["title", "hideTitle", "subtitle", "externalError$", "showMaxFileSize", "showAcceptedFiles", "clear$", "disabled", "hideFilePreview", "uploading", "camera", "maxFiles", "maxFileSize", "acceptedFiles"], outputs: ["fileSelected"] }, { kind: "directive", type: i5.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { 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", "open"], outputs: ["metadata", "modalClose"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.FileSizePipe, name: "filesize" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentenApiUploaderComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-documenten-api-formio-uploader', 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 *ngIf=\"{linked: uploadProcessLinked$ | async, isAdmin: isAdmin$ | async} as obs\">\n  <div *ngIf=\"obs.linked === false\">\n    <div\n      *ngIf=\"obs.isAdmin\"\n      [translate]=\"'case.documenten.noProcessLinked.adminRole'\"\n      class=\"bg-warning text-black mb-2 p-3 text-center\"\n    ></div>\n    <div\n      *ngIf=\"!obs.isAdmin\"\n      [translate]=\"'case.documenten.noProcessLinked.regularUser'\"\n      class=\"bg-warning text-black mb-2 p-3 text-center\"\n    ></div>\n  </div>\n  <valtimo-dropzone\n    (fileSelected)=\"fileSelected($event)\"\n    [acceptedFiles]=\"acceptedFiles\"\n    [showAcceptedFiles]=\"!hideAcceptedFiles\"\n    [camera]=\"camera\"\n    [disabled]=\"disabled || obs.linked === false || obs.linked === 'loading'\"\n    [hideFilePreview]=\"true\"\n    [hideTitle]=\"hideTitle\"\n    [maxFileSize]=\"maxFileSize\"\n    [maxFiles]=\"1\"\n    [showMaxFileSize]=\"!hideMaxFileSize\"\n    [subtitle]=\"subtitle\"\n    [title]=\"title\"\n    [uploading]=\"uploading$ | async\"\n  ></valtimo-dropzone>\n</ng-container>\n\n<div *ngFor=\"let resource of _value\" class=\"file-preview\">\n  <div class=\"file-preview-name\">\n    <span>\n      {{ resource.filename }}\n    </span>\n  </div>\n  <div class=\"file-preview-size\">\n    <span>\n      {{ resource.sizeInBytes | filesize }}\n    </span>\n  </div>\n  <div *ngIf=\"!disabled\" class=\"file-preview-delete\">\n    <a (click)=\"deleteFile(resource.id)\">\n      <i class=\"icon mdi mdi-delete\"></i>\n    </a>\n  </div>\n</div>\n\n<valtimo-documenten-api-metadata-modal\n  class=\"documenten-api-uploader-metadata-modal\"\n  (metadata)=\"metadataSet($event)\"\n  (modalClose)=\"closeMetadataModal()\"\n  [defaultValues]=\"defaultValues\"\n  [disableAuthor]=\"disableAuthor\"\n  [disableConfidentialityLevel]=\"disableConfidentialityLevel\"\n  [disableCreationDate]=\"disableCreationDate\"\n  [disableDescription]=\"disableDescription\"\n  [disableDocumentTitle]=\"disableDocumentTitle\"\n  [disableDocumentType]=\"disableDocumentType\"\n  [disableFilename]=\"disableFilename\"\n  [disableLanguage]=\"disableLanguage\"\n  [disableStatus]=\"disableStatus\"\n  [disabled$]=\"modalDisabled$\"\n  [file$]=\"fileToBeUploaded$\"\n  [hideFields]=\"hideFields\"\n  [supportsTrefwoorden]=\"(supportedDocumentenApiFeatures$ | async)?.supportsTrefwoorden\"\n  [open]=\"showModal()\"\n></valtimo-documenten-api-metadata-modal>\n", styles: [".progress-bar-container{padding:15px 20px}::ng-deep .formio-component-valtimo-file .formio-button-add-another,::ng-deep .formio-component-valtimo-file .btn-secondary{display:none}::ng-deep .formio-component-valtimo-file td{padding:0!important;border:none}::ng-deep .formio-component-valtimo-file .table{border-collapse:collapse;border:none;margin:10px 0}.dropzone-container{margin-bottom:12px}.file-preview{margin-top:-1px;display:flex;border:1px solid #dee2e6}.file-preview div{padding:12px 10px}.file-preview .file-preview-name{width:65%}.file-preview .file-preview-size{width:35%}.file-preview .icon{color:#a1a1a1;font-size:1.3846rem;line-height:18px;cursor:pointer}.file-preview .icon:hover{color:gray}\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: i4$1.UploadProviderService }, { type: i3.FormIoDomService }, { type: i3.ValtimoModalService }, { type: i9.UserProviderService }, { type: i1$2.ActivatedRoute }, { type: DocumentenApiVersionService }, { type: i3.FormIoStateService }, { type: i3$1.DocumentService }], propDecorators: { disabled: [{
+        }], ctorParameters: () => [{ type: i4$2.UploadProviderService }, { type: i3.FormIoDomService }, { type: i3.ValtimoModalService }, { type: i9.UserProviderService }, { type: i1$2.ActivatedRoute }, { type: DocumentenApiVersionService }, { type: i3.FormIoStateService }, { type: i4$1.DocumentService }], propDecorators: { disabled: [{
                 type: Input
             }], title: [{
                 type: Input
@@ -3945,8 +3950,10 @@ class DocumentObjectenApiSyncComponent {
     get enabled() {
         return this.formGroup.get('enabled') ?? null;
     }
-    constructor(route, documentObjectenApiSyncService, documentService, cdsThemeService, iconService) {
+    constructor(route, configurationIssueService, draftVersionService, documentObjectenApiSyncService, documentService, cdsThemeService, iconService) {
         this.route = route;
+        this.configurationIssueService = configurationIssueService;
+        this.draftVersionService = draftVersionService;
         this.documentObjectenApiSyncService = documentObjectenApiSyncService;
         this.documentService = documentService;
         this.cdsThemeService = cdsThemeService;
@@ -3966,7 +3973,13 @@ class DocumentObjectenApiSyncComponent {
             enabled: new FormControl(true),
         });
         this.valid$ = new BehaviorSubject(false);
-        this.iconService.registerAll([TrashCan16, Edit16]);
+        this.hasConfigurationIssue$ = this.configurationIssueService.hasIssue$('zaakdetail-sync');
+        this._isDraftVersion$ = this._params$.pipe(switchMap(params => this.draftVersionService.isDraftVersion(params?.caseDefinitionKey ?? '', params?.caseDefinitionVersionTag ?? '')));
+        this.canEdit$ = combineLatest([
+            this._isDraftVersion$,
+            this.hasConfigurationIssue$,
+        ]).pipe(map(([isDraft, hasIssue]) => isDraft || hasIssue));
+        this.iconService.registerAll([TrashCan16, Edit16, WarningFilled16]);
     }
     ngOnInit() {
         this.loadDocumentenObjectenApiSync();
@@ -4019,8 +4032,8 @@ class DocumentObjectenApiSyncComponent {
     hideModal() {
         this.modalShowing$.next(false);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentObjectenApiSyncComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: DocumentObjectenApiSyncService }, { token: i3$1.DocumentService }, { token: i3.CdsThemeService }, { token: i5$1.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: DocumentObjectenApiSyncComponent, isStandalone: true, selector: "valtimo-document-objecten-api-sync", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-tile>\n  <h2 class=\"valtimo-objecten-sync__title\">{{ 'zaakdetails.title' | translate }}</h2>\n\n  @if (loading$ | async) {\n    <valtimo-spinner></valtimo-spinner>\n  } @else {\n    @if (documentObjectenApiSync$ | async; as documentObjectenApiSync) {\n      <section class=\"valtimo-objecten-sync__card-header\">\n        <span class=\"valtimo-objecten-sync__card-title\">\n          {{ documentObjectenApiSync.objectManagementConfigurationTitle || '-' }}\n        </span>\n\n        <div class=\"valtimo-objecten-sync__card-controls\">\n          <button cdsButton=\"tertiary\" (click)=\"showModal()\">\n            {{ 'interface.edit' | translate }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n          </button>\n\n          <button cdsButton=\"danger\" (click)=\"remove()\">\n            {{ 'interface.delete' | translate }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n          </button>\n        </div>\n      </section>\n\n      <section class=\"valtimo-objecten-sync__card-body\">\n        <div>\n          <strong>{{ 'zaakdetails.enabled' | translate }}</strong>\n\n          {{\n            documentObjectenApiSync.enabled\n              ? ('zaakdetails.yes' | translate)\n              : ('zaakdetails.no' | translate)\n          }}\n        </div>\n\n        <div>\n          <strong>{{ 'zaakdetails.objectManagementConfigurationTitle' | translate }}</strong>\n\n          {{ documentObjectenApiSync.objectManagementConfigurationTitle || '-' }}\n        </div>\n      </section>\n    } @else {\n      <button cdsButton=\"primary\" (click)=\"showModal()\">\n        {{ 'zaakdetails.submitButton' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    }\n  }\n</cds-tile>\n\n<valtimo-render-in-body>\n  <cds-modal\n    valtimoCdsModal\n    [title]=\"'zaakdetails.editModal.title' | translate\"\n    [open]=\"modalShowing$ | async\"\n    showFooter=\"true\"\n    (close)=\"onModalClose()\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onModalClose()\">\n      <h3 cdsModalHeaderHeading>\n        {{ 'zaakdetails.editModal.title' | translate }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <form [formGroup]=\"formGroup\">\n        <v-select\n          *ngIf=\"objectManagementConfigurationItems$ | async as objectManagementConfigurations\"\n          [appendInline]=\"false\"\n          [dropUp]=\"false\"\n          [items]=\"objectManagementConfigurations\"\n          [defaultSelectionId]=\"objectManagementConfigurationId.getRawValue()\"\n          [placeholder]=\"\n            'zaakdetails.editModal.objectManagementConfigurationPlaceholder' | translate\n          \"\n          [title]=\"'zaakdetails.editModal.objectManagementConfiguration' | translate\"\n          [disabled]=\"false\"\n          [margin]=\"true\"\n          [required]=\"true\"\n          name=\"objectManagementConfigurationId\"\n          [carbonTheme]=\"currentTheme$ | async\"\n          (selectedChange)=\"configSelected($event)\"\n        ></v-select>\n\n        <cds-checkbox formControlName=\"enabled\"\n          >{{ 'zaakdetails.editModal.enabled' | translate }}\n        </cds-checkbox>\n      </form>\n    </section>\n\n    <cds-modal-footer>\n      <button cdsButton=\"secondary\" (click)=\"onModalClose()\" [disabled]=\"false\">\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button cdsButton=\"primary\" [disabled]=\"!formGroup.valid\" (click)=\"submit()\">\n        {{ 'searchFieldsOverview.submit' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}.valtimo-objecten-sync__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.valtimo-objecten-sync__card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:20px}.valtimo-objecten-sync__card-title{font-size:18px}.valtimo-objecten-sync__card-controls{display:flex;align-items:center;gap:16px}.valtimo-objecten-sync__card-body{display:flex;flex-direction:column;gap:16px}.valtimo-objecten-sync__card-body>div{display:grid;grid-template-columns:repeat(3,1fr);font-size:16px}\n/*!\n * Copyright 2015-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: ButtonModule }, { kind: "directive", type: i5$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5$1.Checkbox, selector: "cds-checkbox, ibm-checkbox", inputs: ["disabled", "skeleton", "hideLabel", "name", "id", "required", "value", "ariaLabel", "ariaLabelledby", "indeterminate", "checked"], outputs: ["click", "checkedChange", "indeterminateChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i5$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: InputModule$1 }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i5$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i5$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i5$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i5$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i5$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i5$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: SpinnerModule }, { kind: "component", type: i3.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }, { kind: "ngmodule", type: TilesModule }, { kind: "component", type: i5$1.Tile, selector: "cds-tile, ibm-tile", inputs: ["theme"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentObjectenApiSyncComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: i2.ConfigurationIssueService }, { token: i2.DraftVersionService }, { token: DocumentObjectenApiSyncService }, { token: i4$1.DocumentService }, { token: i3.CdsThemeService }, { token: i5$1.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: DocumentObjectenApiSyncComponent, isStandalone: true, selector: "valtimo-document-objecten-api-sync", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-tile [class.tile--danger]=\"hasConfigurationIssue$ | async\">\n  <h2 class=\"valtimo-objecten-sync__title\">{{ 'zaakdetails.title' | translate }}</h2>\n\n  @if (loading$ | async) {\n    <valtimo-spinner></valtimo-spinner>\n  } @else {\n    @if (documentObjectenApiSync$ | async; as documentObjectenApiSync) {\n      <section class=\"valtimo-objecten-sync__card-header\">\n        <span class=\"valtimo-objecten-sync__card-title\">\n          {{ documentObjectenApiSync.objectManagementConfigurationTitle || '-' }}\n        </span>\n\n        @if (canEdit$ | async) {\n          <div class=\"valtimo-objecten-sync__card-controls\">\n            <button cdsButton=\"tertiary\" (click)=\"showModal()\">\n              {{ 'interface.edit' | translate }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n            </button>\n\n            <button cdsButton=\"danger\" (click)=\"remove()\">\n              {{ 'interface.delete' | translate }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          </div>\n        }\n      </section>\n\n      <section class=\"valtimo-objecten-sync__card-body\">\n        <div>\n          <strong>{{ 'zaakdetails.enabled' | translate }}</strong>\n\n          {{\n            documentObjectenApiSync.enabled\n              ? ('zaakdetails.yes' | translate)\n              : ('zaakdetails.no' | translate)\n          }}\n        </div>\n\n        <div>\n          <strong>{{ 'zaakdetails.objectManagementConfigurationTitle' | translate }}</strong>\n\n          {{ documentObjectenApiSync.objectManagementConfigurationTitle || '-' }}\n        </div>\n      </section>\n    } @else if (canEdit$ | async) {\n      <button cdsButton=\"primary\" (click)=\"showModal()\">\n        {{ 'zaakdetails.submitButton' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    }\n  }\n\n  @if (hasConfigurationIssue$ | async) {\n    <div class=\"tile-error-message\">\n      <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tile-error-message__icon\"></svg>\n      <span class=\"tile-error-message__text\">{{ 'zaakdetails.configurationIssue' | translate }}</span>\n    </div>\n  }\n</cds-tile>\n\n<valtimo-render-in-body>\n  <cds-modal\n    valtimoCdsModal\n    [title]=\"'zaakdetails.editModal.title' | translate\"\n    [open]=\"modalShowing$ | async\"\n    showFooter=\"true\"\n    (close)=\"onModalClose()\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onModalClose()\">\n      <h3 cdsModalHeaderHeading>\n        {{ 'zaakdetails.editModal.title' | translate }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <form [formGroup]=\"formGroup\">\n        <v-select\n          *ngIf=\"objectManagementConfigurationItems$ | async as objectManagementConfigurations\"\n          [appendInline]=\"false\"\n          [dropUp]=\"false\"\n          [items]=\"objectManagementConfigurations\"\n          [defaultSelectionId]=\"objectManagementConfigurationId.getRawValue()\"\n          [placeholder]=\"\n            'zaakdetails.editModal.objectManagementConfigurationPlaceholder' | translate\n          \"\n          [title]=\"'zaakdetails.editModal.objectManagementConfiguration' | translate\"\n          [disabled]=\"false\"\n          [margin]=\"true\"\n          [required]=\"true\"\n          name=\"objectManagementConfigurationId\"\n          [carbonTheme]=\"currentTheme$ | async\"\n          (selectedChange)=\"configSelected($event)\"\n        ></v-select>\n\n        <cds-checkbox formControlName=\"enabled\"\n          >{{ 'zaakdetails.editModal.enabled' | translate }}\n        </cds-checkbox>\n      </form>\n    </section>\n\n    <cds-modal-footer>\n      <button cdsButton=\"secondary\" (click)=\"onModalClose()\" [disabled]=\"false\">\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button cdsButton=\"primary\" [disabled]=\"!formGroup.valid\" (click)=\"submit()\">\n        {{ 'searchFieldsOverview.submit' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}::ng-deep cds-tile.tile--danger.cds--tile{outline:2px solid var(--cds-support-error, #da1e28)}.tile-error-message{display:flex;align-items:center;gap:8px;margin:16px -16px -16px;padding:8px 16px;border-top:1px solid var(--cds-border-subtle);color:var(--cds-support-error, #da1e28);font-size:12px;line-height:16px}.tile-error-message__icon{flex-shrink:0;fill:var(--cds-support-error, #da1e28)}.valtimo-objecten-sync__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.valtimo-objecten-sync__card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:20px}.valtimo-objecten-sync__card-title{font-size:18px}.valtimo-objecten-sync__card-controls{display:flex;align-items:center;gap:16px}.valtimo-objecten-sync__card-body{display:flex;flex-direction:column;gap:16px}.valtimo-objecten-sync__card-body>div{display:grid;grid-template-columns:repeat(3,1fr);font-size:16px}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i5$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i5$1.Checkbox, selector: "cds-checkbox, ibm-checkbox", inputs: ["disabled", "skeleton", "hideLabel", "name", "id", "required", "value", "ariaLabel", "ariaLabelledby", "indeterminate", "checked"], outputs: ["click", "checkedChange", "indeterminateChange"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i5$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: InputModule$1 }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i5$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i5$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i5$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i5$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i5$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i5$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: SpinnerModule }, { kind: "component", type: i3.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }, { kind: "ngmodule", type: TilesModule }, { kind: "component", type: i5$1.Tile, selector: "cds-tile, ibm-tile", inputs: ["theme"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentObjectenApiSyncComponent, decorators: [{
             type: Component,
@@ -4041,8 +4054,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         TranslateModule,
                         ValtimoCdsModalDirective,
                         RenderInBodyComponent,
-                    ], template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-tile>\n  <h2 class=\"valtimo-objecten-sync__title\">{{ 'zaakdetails.title' | translate }}</h2>\n\n  @if (loading$ | async) {\n    <valtimo-spinner></valtimo-spinner>\n  } @else {\n    @if (documentObjectenApiSync$ | async; as documentObjectenApiSync) {\n      <section class=\"valtimo-objecten-sync__card-header\">\n        <span class=\"valtimo-objecten-sync__card-title\">\n          {{ documentObjectenApiSync.objectManagementConfigurationTitle || '-' }}\n        </span>\n\n        <div class=\"valtimo-objecten-sync__card-controls\">\n          <button cdsButton=\"tertiary\" (click)=\"showModal()\">\n            {{ 'interface.edit' | translate }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n          </button>\n\n          <button cdsButton=\"danger\" (click)=\"remove()\">\n            {{ 'interface.delete' | translate }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n          </button>\n        </div>\n      </section>\n\n      <section class=\"valtimo-objecten-sync__card-body\">\n        <div>\n          <strong>{{ 'zaakdetails.enabled' | translate }}</strong>\n\n          {{\n            documentObjectenApiSync.enabled\n              ? ('zaakdetails.yes' | translate)\n              : ('zaakdetails.no' | translate)\n          }}\n        </div>\n\n        <div>\n          <strong>{{ 'zaakdetails.objectManagementConfigurationTitle' | translate }}</strong>\n\n          {{ documentObjectenApiSync.objectManagementConfigurationTitle || '-' }}\n        </div>\n      </section>\n    } @else {\n      <button cdsButton=\"primary\" (click)=\"showModal()\">\n        {{ 'zaakdetails.submitButton' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    }\n  }\n</cds-tile>\n\n<valtimo-render-in-body>\n  <cds-modal\n    valtimoCdsModal\n    [title]=\"'zaakdetails.editModal.title' | translate\"\n    [open]=\"modalShowing$ | async\"\n    showFooter=\"true\"\n    (close)=\"onModalClose()\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onModalClose()\">\n      <h3 cdsModalHeaderHeading>\n        {{ 'zaakdetails.editModal.title' | translate }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <form [formGroup]=\"formGroup\">\n        <v-select\n          *ngIf=\"objectManagementConfigurationItems$ | async as objectManagementConfigurations\"\n          [appendInline]=\"false\"\n          [dropUp]=\"false\"\n          [items]=\"objectManagementConfigurations\"\n          [defaultSelectionId]=\"objectManagementConfigurationId.getRawValue()\"\n          [placeholder]=\"\n            'zaakdetails.editModal.objectManagementConfigurationPlaceholder' | translate\n          \"\n          [title]=\"'zaakdetails.editModal.objectManagementConfiguration' | translate\"\n          [disabled]=\"false\"\n          [margin]=\"true\"\n          [required]=\"true\"\n          name=\"objectManagementConfigurationId\"\n          [carbonTheme]=\"currentTheme$ | async\"\n          (selectedChange)=\"configSelected($event)\"\n        ></v-select>\n\n        <cds-checkbox formControlName=\"enabled\"\n          >{{ 'zaakdetails.editModal.enabled' | translate }}\n        </cds-checkbox>\n      </form>\n    </section>\n\n    <cds-modal-footer>\n      <button cdsButton=\"secondary\" (click)=\"onModalClose()\" [disabled]=\"false\">\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button cdsButton=\"primary\" [disabled]=\"!formGroup.valid\" (click)=\"submit()\">\n        {{ 'searchFieldsOverview.submit' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}.valtimo-objecten-sync__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.valtimo-objecten-sync__card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:20px}.valtimo-objecten-sync__card-title{font-size:18px}.valtimo-objecten-sync__card-controls{display:flex;align-items:center;gap:16px}.valtimo-objecten-sync__card-body{display:flex;flex-direction:column;gap:16px}.valtimo-objecten-sync__card-body>div{display:grid;grid-template-columns:repeat(3,1fr);font-size:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }, { type: DocumentObjectenApiSyncService }, { type: i3$1.DocumentService }, { type: i3.CdsThemeService }, { type: i5$1.IconService }] });
+                    ], template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-tile [class.tile--danger]=\"hasConfigurationIssue$ | async\">\n  <h2 class=\"valtimo-objecten-sync__title\">{{ 'zaakdetails.title' | translate }}</h2>\n\n  @if (loading$ | async) {\n    <valtimo-spinner></valtimo-spinner>\n  } @else {\n    @if (documentObjectenApiSync$ | async; as documentObjectenApiSync) {\n      <section class=\"valtimo-objecten-sync__card-header\">\n        <span class=\"valtimo-objecten-sync__card-title\">\n          {{ documentObjectenApiSync.objectManagementConfigurationTitle || '-' }}\n        </span>\n\n        @if (canEdit$ | async) {\n          <div class=\"valtimo-objecten-sync__card-controls\">\n            <button cdsButton=\"tertiary\" (click)=\"showModal()\">\n              {{ 'interface.edit' | translate }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n            </button>\n\n            <button cdsButton=\"danger\" (click)=\"remove()\">\n              {{ 'interface.delete' | translate }}\n\n              <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n            </button>\n          </div>\n        }\n      </section>\n\n      <section class=\"valtimo-objecten-sync__card-body\">\n        <div>\n          <strong>{{ 'zaakdetails.enabled' | translate }}</strong>\n\n          {{\n            documentObjectenApiSync.enabled\n              ? ('zaakdetails.yes' | translate)\n              : ('zaakdetails.no' | translate)\n          }}\n        </div>\n\n        <div>\n          <strong>{{ 'zaakdetails.objectManagementConfigurationTitle' | translate }}</strong>\n\n          {{ documentObjectenApiSync.objectManagementConfigurationTitle || '-' }}\n        </div>\n      </section>\n    } @else if (canEdit$ | async) {\n      <button cdsButton=\"primary\" (click)=\"showModal()\">\n        {{ 'zaakdetails.submitButton' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    }\n  }\n\n  @if (hasConfigurationIssue$ | async) {\n    <div class=\"tile-error-message\">\n      <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tile-error-message__icon\"></svg>\n      <span class=\"tile-error-message__text\">{{ 'zaakdetails.configurationIssue' | translate }}</span>\n    </div>\n  }\n</cds-tile>\n\n<valtimo-render-in-body>\n  <cds-modal\n    valtimoCdsModal\n    [title]=\"'zaakdetails.editModal.title' | translate\"\n    [open]=\"modalShowing$ | async\"\n    showFooter=\"true\"\n    (close)=\"onModalClose()\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onModalClose()\">\n      <h3 cdsModalHeaderHeading>\n        {{ 'zaakdetails.editModal.title' | translate }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <form [formGroup]=\"formGroup\">\n        <v-select\n          *ngIf=\"objectManagementConfigurationItems$ | async as objectManagementConfigurations\"\n          [appendInline]=\"false\"\n          [dropUp]=\"false\"\n          [items]=\"objectManagementConfigurations\"\n          [defaultSelectionId]=\"objectManagementConfigurationId.getRawValue()\"\n          [placeholder]=\"\n            'zaakdetails.editModal.objectManagementConfigurationPlaceholder' | translate\n          \"\n          [title]=\"'zaakdetails.editModal.objectManagementConfiguration' | translate\"\n          [disabled]=\"false\"\n          [margin]=\"true\"\n          [required]=\"true\"\n          name=\"objectManagementConfigurationId\"\n          [carbonTheme]=\"currentTheme$ | async\"\n          (selectedChange)=\"configSelected($event)\"\n        ></v-select>\n\n        <cds-checkbox formControlName=\"enabled\"\n          >{{ 'zaakdetails.editModal.enabled' | translate }}\n        </cds-checkbox>\n      </form>\n    </section>\n\n    <cds-modal-footer>\n      <button cdsButton=\"secondary\" (click)=\"onModalClose()\" [disabled]=\"false\">\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button cdsButton=\"primary\" [disabled]=\"!formGroup.valid\" (click)=\"submit()\">\n        {{ 'searchFieldsOverview.submit' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}::ng-deep cds-tile.tile--danger.cds--tile{outline:2px solid var(--cds-support-error, #da1e28)}.tile-error-message{display:flex;align-items:center;gap:8px;margin:16px -16px -16px;padding:8px 16px;border-top:1px solid var(--cds-border-subtle);color:var(--cds-support-error, #da1e28);font-size:12px;line-height:16px}.tile-error-message__icon{flex-shrink:0;fill:var(--cds-support-error, #da1e28)}.valtimo-objecten-sync__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.valtimo-objecten-sync__card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:20px}.valtimo-objecten-sync__card-title{font-size:18px}.valtimo-objecten-sync__card-controls{display:flex;align-items:center;gap:16px}.valtimo-objecten-sync__card-body{display:flex;flex-direction:column;gap:16px}.valtimo-objecten-sync__card-body>div{display:grid;grid-template-columns:repeat(3,1fr);font-size:16px}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }, { type: i2.ConfigurationIssueService }, { type: i2.DraftVersionService }, { type: DocumentObjectenApiSyncService }, { type: i4$1.DocumentService }, { type: i3.CdsThemeService }, { type: i5$1.IconService }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -4143,7 +4156,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  */
 
 /*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -4158,7 +4171,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * limitations under the License.
  */
 class ZakenApiZaaktypeLinkComponent {
-    constructor(globalNotificationService, iconService, openZaakService, route, translateService, zakenApiZaaktypeLinkService) {
+    constructor(configurationIssueService, draftVersionService, globalNotificationService, iconService, openZaakService, route, translateService, zakenApiZaaktypeLinkService) {
+        this.configurationIssueService = configurationIssueService;
+        this.draftVersionService = draftVersionService;
         this.globalNotificationService = globalNotificationService;
         this.iconService = iconService;
         this.openZaakService = openZaakService;
@@ -4171,7 +4186,14 @@ class ZakenApiZaaktypeLinkComponent {
         this.loading$ = new BehaviorSubject(true);
         this.zaakTypeLink$ = new BehaviorSubject(null);
         this.modalOpen$ = new BehaviorSubject(false);
-        this.iconService.registerAll([Edit16, TrashCan16, Save16]);
+        this.hasConfigurationIssue$ = this.configurationIssueService.hasIssue$('zaak-type-link');
+        this._params$ = getCaseManagementRouteParams(this.route);
+        this._isDraftVersion$ = this._params$.pipe(switchMap(params => this.draftVersionService.isDraftVersion(params?.caseDefinitionKey ?? '', params?.caseDefinitionVersionTag ?? '')));
+        this.canEdit$ = combineLatest([
+            this._isDraftVersion$,
+            this.hasConfigurationIssue$,
+        ]).pipe(map(([isDraft, hasIssue]) => isDraft || hasIssue));
+        this.iconService.registerAll([Edit16, TrashCan16, Save16, WarningFilled16]);
     }
     ngOnInit() {
         getCaseManagementRouteParams(this.route)
@@ -4290,8 +4312,8 @@ class ZakenApiZaaktypeLinkComponent {
         this.selectedPluginConfiguration =
             this.pluginConfigurations.find(pluginConfiguration => pluginConfiguration.id === pluginConfigurationId) ?? null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ZakenApiZaaktypeLinkComponent, deps: [{ token: i2.GlobalNotificationService }, { token: i5$1.IconService }, { token: i4$1.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.18", type: ZakenApiZaaktypeLinkComponent, isStandalone: true, selector: "valtimo-zaken-api-zaaktype-link", 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-tile>\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        <div class=\"valtimo-zaak-type-link__card-controls\">\n          <button cdsButton=\"tertiary\" (click)=\"openModal(zaakTypeLink)\">\n            {{ 'interface.edit' | translate }}\n\n            <svg cdsIcon=\"edit\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n\n          <button cdsButton=\"danger\" (click)=\"removeZaakTypeLink()\">\n            {{ 'interface.delete' | translate }}\n\n            <svg cdsIcon=\"trash-can\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n        </div>\n      </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 {\n      <button\n        cdsButton=\"primary\"\n        class=\"valtimo-zaak-type-link__link-button\"\n        (click)=\"openModal(null)\"\n      >\n        {{ 'openZaak.linkZaakType' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    }\n  }\n</cds-tile>\n\n<valtimo-render-in-body>\n  <cds-modal showFooter=\"true\" valtimoCdsModal [open]=\"modalOpen$ | async\" (close)=\"closeModal()\">\n    <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 cdsModalHeaderHeading>Zaak types</h3>\n\n      <span> Connect Zaak type to Dossier</span>\n    </cds-modal-header>\n\n    <section cdsModalContent class=\"valtimo-zaak-type-link-modal__content\">\n      <cds-select\n        [label]=\"'openZaak.selectZaakTypeForCase' | translate\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zaakTypeUrl\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZaakType' | translate }}</option>\n\n        @for (zaakType of zaakTypes; track zaakType.url) {\n          <option [value]=\"zaakType.url\">\n            {{ zaakType.omschrijving || '-' }}\n          </option>\n        }\n      </cds-select>\n\n      <cds-select\n        [label]=\"'openZaak.selectZakenApiPluginForCase' | translate\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zakenApiPluginConfigurationId\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZakenApiPlugin' | translate }}</option>\n\n        @for (pluginConfiguration of pluginConfigurations; track pluginConfiguration.id) {\n          <option [value]=\"pluginConfiguration.id\">\n            {{ pluginConfiguration?.title || '-' }}\n          </option>\n        }\n      </cds-select>\n\n      <cds-text-label>\n        {{ 'openZaak.rsin' | translate }}\n\n        <input\n          cdsText\n          cdsLayer=\"1\"\n          placeholder=\"RSIN\"\n          type=\"text\"\n          [(ngModel)]=\"this.zaakTypeLinkRequest.rsin\"\n        />\n      </cds-text-label>\n\n      <cds-toggle\n        [label]=\"'openZaak.autoCreateForCase' | translate\"\n        [checked]=\"this.zaakTypeLinkRequest.createWithDossier\"\n        (checkedChange)=\"onCheckedChange($event)\"\n      >\n      </cds-toggle>\n    </section>\n\n    <cds-modal-footer>\n      <button cdsButton=\"secondary\" (click)=\"closeModal()\">\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"!this.zaakTypeLinkRequest.zaakTypeUrl\"\n        (click)=\"submit()\"\n      >\n        {{ 'interface.save' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}.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-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: "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: i5$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i5$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: TilesModule }, { kind: "component", type: i5$1.Tile, selector: "cds-tile, ibm-tile", inputs: ["theme"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i5$1.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: i5$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i5$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i5$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i5$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i5$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: SelectModule$1 }, { kind: "component", type: i5$1.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: i5$1.Option, selector: "option" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i5$1.TextInputLabelComponent, selector: "cds-text-label, ibm-text-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textInputTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i5$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ToggleModule }, { kind: "component", type: i5$1.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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ZakenApiZaaktypeLinkComponent, deps: [{ token: i2.ConfigurationIssueService }, { token: i2.DraftVersionService }, { token: i2.GlobalNotificationService }, { token: i5$1.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.18", type: ZakenApiZaaktypeLinkComponent, isStandalone: true, selector: "valtimo-zaken-api-zaaktype-link", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-tile [class.tile--danger]=\"hasConfigurationIssue$ | async\">\n  <h2 class=\"valtimo-zaak-type-link__title\">{{ 'openZaak.links' | translate }}</h2>\n\n  @if (loading$ | async) {\n    <valtimo-spinner></valtimo-spinner>\n  } @else {\n    @if (zaakTypeLink$ | async; as zaakTypeLink) {\n      <section class=\"valtimo-zaak-type-link__card-header\">\n        <span class=\"valtimo-zaak-type-link__card-title\">\n          {{ this.selectedZaakType?.omschrijving || '-' }}\n        </span>\n\n        @if (canEdit$ | async) {\n          <div class=\"valtimo-zaak-type-link__card-controls\">\n            <button cdsButton=\"tertiary\" (click)=\"openModal(zaakTypeLink)\">\n              {{ 'interface.edit' | translate }}\n\n              <svg cdsIcon=\"edit\" size=\"16\" class=\"cds--btn__icon\"></svg>\n            </button>\n\n            <button cdsButton=\"danger\" (click)=\"removeZaakTypeLink()\">\n              {{ 'interface.delete' | translate }}\n\n              <svg cdsIcon=\"trash-can\" size=\"16\" class=\"cds--btn__icon\"></svg>\n            </button>\n          </div>\n        }\n      </section>\n\n      <section class=\"valtimo-zaak-type-link__card-body\">\n        <div>\n          <strong>{{ 'openZaak.autoCreateForCase' | translate }}</strong>\n\n          {{\n            zaakTypeLink?.createWithDossier\n              ? ('viewTypeConverter.Yes' | translate)\n              : ('viewTypeConverter.No' | translate)\n          }}\n        </div>\n\n        <div>\n          <strong>{{ 'openZaak.zakenApiPlugin' | translate }}</strong>\n\n          {{ this.selectedPluginConfiguration?.title || '-' }}\n        </div>\n\n        <div>\n          <strong>{{ 'openZaak.rsin' | translate }}</strong>\n\n          {{ zaakTypeLink?.rsin || '-' }}\n        </div>\n      </section>\n    } @else if (canEdit$ | async) {\n      <button\n        cdsButton=\"primary\"\n        class=\"valtimo-zaak-type-link__link-button\"\n        (click)=\"openModal(null)\"\n      >\n        {{ 'openZaak.linkZaakType' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    }\n  }\n\n  @if (hasConfigurationIssue$ | async) {\n    <div class=\"tile-error-message\">\n      <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tile-error-message__icon\"></svg>\n      <span class=\"tile-error-message__text\">{{ 'openZaak.configurationIssue' | translate }}</span>\n    </div>\n  }\n</cds-tile>\n\n<valtimo-render-in-body>\n  <cds-modal showFooter=\"true\" valtimoCdsModal [open]=\"modalOpen$ | async\" (close)=\"closeModal()\">\n    <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 cdsModalHeaderHeading>Zaak types</h3>\n\n      <span> Connect Zaak type to Dossier</span>\n    </cds-modal-header>\n\n    <section cdsModalContent class=\"valtimo-zaak-type-link-modal__content\">\n      <cds-select\n        [label]=\"'openZaak.selectZaakTypeForCase' | translate\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zaakTypeUrl\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZaakType' | translate }}</option>\n\n        @for (zaakType of zaakTypes; track zaakType.url) {\n          <option [value]=\"zaakType.url\" [selected]=\"zaakType.url === selectedZaakType?.url\">\n            {{ zaakType.omschrijving || '-' }}\n          </option>\n        }\n      </cds-select>\n\n      <cds-select\n        [label]=\"'openZaak.selectZakenApiPluginForCase' | translate\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zakenApiPluginConfigurationId\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZakenApiPlugin' | translate }}</option>\n\n        @for (pluginConfiguration of pluginConfigurations; track pluginConfiguration.id) {\n          <option\n            [value]=\"pluginConfiguration.id\"\n            [selected]=\"pluginConfiguration.id === selectedPluginConfiguration?.id\"\n          >\n          >\n            {{ pluginConfiguration?.title || '-' }}\n          </option>\n        }\n      </cds-select>\n\n      <cds-text-label>\n        {{ 'openZaak.rsin' | translate }}\n\n        <input\n          cdsText\n          cdsLayer=\"1\"\n          placeholder=\"RSIN\"\n          type=\"text\"\n          [(ngModel)]=\"this.zaakTypeLinkRequest.rsin\"\n        />\n      </cds-text-label>\n\n      <cds-toggle\n        [label]=\"'openZaak.autoCreateForCase' | translate\"\n        [checked]=\"this.zaakTypeLinkRequest.createWithDossier\"\n        (checkedChange)=\"onCheckedChange($event)\"\n      >\n      </cds-toggle>\n    </section>\n\n    <cds-modal-footer>\n      <button cdsButton=\"secondary\" (click)=\"closeModal()\">\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"!this.zaakTypeLinkRequest.zaakTypeUrl\"\n        (click)=\"submit()\"\n      >\n        {{ 'interface.save' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}::ng-deep cds-tile.tile--danger.cds--tile{outline:2px solid var(--cds-support-error, #da1e28)}.tile-error-message{display:flex;align-items:center;gap:8px;margin:16px -16px -16px;padding:8px 16px;border-top:1px solid var(--cds-border-subtle);color:var(--cds-support-error, #da1e28);font-size:12px;line-height:16px}.tile-error-message__icon{flex-shrink:0;fill:var(--cds-support-error, #da1e28)}.valtimo-zaak-type-link__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.valtimo-zaak-type-link__link-button{align-self:flex-end}.valtimo-zaak-type-link__card-title{font-size:18px}.valtimo-zaak-type-link__card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:20px}.valtimo-zaak-type-link__card-controls{display:flex;align-items:center;gap:16px}.valtimo-zaak-type-link__card-body{display:flex;flex-direction:column;gap:16px}.valtimo-zaak-type-link__card-body>div{display:grid;grid-template-columns:repeat(3,1fr);font-size:16px}.valtimo-zaak-type-link-modal__content{display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i5$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i5$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: TilesModule }, { kind: "component", type: i5$1.Tile, selector: "cds-tile, ibm-tile", inputs: ["theme"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i5$1.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: i5$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i5$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i5$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i5$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i5$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: SelectModule$1 }, { kind: "component", type: i5$1.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: i5$1.Option, selector: "option" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i5$1.TextInputLabelComponent, selector: "cds-text-label, ibm-text-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textInputTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel", "fluid"] }, { kind: "directive", type: i5$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ToggleModule }, { kind: "component", type: i5$1.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "ariaLabel", "skeleton"] }, { kind: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ZakenApiZaaktypeLinkComponent, decorators: [{
             type: Component,
@@ -4310,8 +4332,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
                         InputModule,
                         ToggleModule,
                         RenderInBodyComponent,
-                    ], 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-tile>\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        <div class=\"valtimo-zaak-type-link__card-controls\">\n          <button cdsButton=\"tertiary\" (click)=\"openModal(zaakTypeLink)\">\n            {{ 'interface.edit' | translate }}\n\n            <svg cdsIcon=\"edit\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n\n          <button cdsButton=\"danger\" (click)=\"removeZaakTypeLink()\">\n            {{ 'interface.delete' | translate }}\n\n            <svg cdsIcon=\"trash-can\" size=\"16\" class=\"cds--btn__icon\"></svg>\n          </button>\n        </div>\n      </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 {\n      <button\n        cdsButton=\"primary\"\n        class=\"valtimo-zaak-type-link__link-button\"\n        (click)=\"openModal(null)\"\n      >\n        {{ 'openZaak.linkZaakType' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    }\n  }\n</cds-tile>\n\n<valtimo-render-in-body>\n  <cds-modal showFooter=\"true\" valtimoCdsModal [open]=\"modalOpen$ | async\" (close)=\"closeModal()\">\n    <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 cdsModalHeaderHeading>Zaak types</h3>\n\n      <span> Connect Zaak type to Dossier</span>\n    </cds-modal-header>\n\n    <section cdsModalContent class=\"valtimo-zaak-type-link-modal__content\">\n      <cds-select\n        [label]=\"'openZaak.selectZaakTypeForCase' | translate\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zaakTypeUrl\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZaakType' | translate }}</option>\n\n        @for (zaakType of zaakTypes; track zaakType.url) {\n          <option [value]=\"zaakType.url\">\n            {{ zaakType.omschrijving || '-' }}\n          </option>\n        }\n      </cds-select>\n\n      <cds-select\n        [label]=\"'openZaak.selectZakenApiPluginForCase' | translate\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zakenApiPluginConfigurationId\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZakenApiPlugin' | translate }}</option>\n\n        @for (pluginConfiguration of pluginConfigurations; track pluginConfiguration.id) {\n          <option [value]=\"pluginConfiguration.id\">\n            {{ pluginConfiguration?.title || '-' }}\n          </option>\n        }\n      </cds-select>\n\n      <cds-text-label>\n        {{ 'openZaak.rsin' | translate }}\n\n        <input\n          cdsText\n          cdsLayer=\"1\"\n          placeholder=\"RSIN\"\n          type=\"text\"\n          [(ngModel)]=\"this.zaakTypeLinkRequest.rsin\"\n        />\n      </cds-text-label>\n\n      <cds-toggle\n        [label]=\"'openZaak.autoCreateForCase' | translate\"\n        [checked]=\"this.zaakTypeLinkRequest.createWithDossier\"\n        (checkedChange)=\"onCheckedChange($event)\"\n      >\n      </cds-toggle>\n    </section>\n\n    <cds-modal-footer>\n      <button cdsButton=\"secondary\" (click)=\"closeModal()\">\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"!this.zaakTypeLinkRequest.zaakTypeUrl\"\n        (click)=\"submit()\"\n      >\n        {{ 'interface.save' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}.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-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: i2.GlobalNotificationService }, { type: i5$1.IconService }, { type: i4$1.OpenZaakService }, { type: i1$2.ActivatedRoute }, { type: i5.TranslateService }, { type: ZakenApiZaaktypeLinkService }] });
+                    ], template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-tile [class.tile--danger]=\"hasConfigurationIssue$ | async\">\n  <h2 class=\"valtimo-zaak-type-link__title\">{{ 'openZaak.links' | translate }}</h2>\n\n  @if (loading$ | async) {\n    <valtimo-spinner></valtimo-spinner>\n  } @else {\n    @if (zaakTypeLink$ | async; as zaakTypeLink) {\n      <section class=\"valtimo-zaak-type-link__card-header\">\n        <span class=\"valtimo-zaak-type-link__card-title\">\n          {{ this.selectedZaakType?.omschrijving || '-' }}\n        </span>\n\n        @if (canEdit$ | async) {\n          <div class=\"valtimo-zaak-type-link__card-controls\">\n            <button cdsButton=\"tertiary\" (click)=\"openModal(zaakTypeLink)\">\n              {{ 'interface.edit' | translate }}\n\n              <svg cdsIcon=\"edit\" size=\"16\" class=\"cds--btn__icon\"></svg>\n            </button>\n\n            <button cdsButton=\"danger\" (click)=\"removeZaakTypeLink()\">\n              {{ 'interface.delete' | translate }}\n\n              <svg cdsIcon=\"trash-can\" size=\"16\" class=\"cds--btn__icon\"></svg>\n            </button>\n          </div>\n        }\n      </section>\n\n      <section class=\"valtimo-zaak-type-link__card-body\">\n        <div>\n          <strong>{{ 'openZaak.autoCreateForCase' | translate }}</strong>\n\n          {{\n            zaakTypeLink?.createWithDossier\n              ? ('viewTypeConverter.Yes' | translate)\n              : ('viewTypeConverter.No' | translate)\n          }}\n        </div>\n\n        <div>\n          <strong>{{ 'openZaak.zakenApiPlugin' | translate }}</strong>\n\n          {{ this.selectedPluginConfiguration?.title || '-' }}\n        </div>\n\n        <div>\n          <strong>{{ 'openZaak.rsin' | translate }}</strong>\n\n          {{ zaakTypeLink?.rsin || '-' }}\n        </div>\n      </section>\n    } @else if (canEdit$ | async) {\n      <button\n        cdsButton=\"primary\"\n        class=\"valtimo-zaak-type-link__link-button\"\n        (click)=\"openModal(null)\"\n      >\n        {{ 'openZaak.linkZaakType' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n      </button>\n    }\n  }\n\n  @if (hasConfigurationIssue$ | async) {\n    <div class=\"tile-error-message\">\n      <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tile-error-message__icon\"></svg>\n      <span class=\"tile-error-message__text\">{{ 'openZaak.configurationIssue' | translate }}</span>\n    </div>\n  }\n</cds-tile>\n\n<valtimo-render-in-body>\n  <cds-modal showFooter=\"true\" valtimoCdsModal [open]=\"modalOpen$ | async\" (close)=\"closeModal()\">\n    <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n      <h3 cdsModalHeaderHeading>Zaak types</h3>\n\n      <span> Connect Zaak type to Dossier</span>\n    </cds-modal-header>\n\n    <section cdsModalContent class=\"valtimo-zaak-type-link-modal__content\">\n      <cds-select\n        [label]=\"'openZaak.selectZaakTypeForCase' | translate\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zaakTypeUrl\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZaakType' | translate }}</option>\n\n        @for (zaakType of zaakTypes; track zaakType.url) {\n          <option [value]=\"zaakType.url\" [selected]=\"zaakType.url === selectedZaakType?.url\">\n            {{ zaakType.omschrijving || '-' }}\n          </option>\n        }\n      </cds-select>\n\n      <cds-select\n        [label]=\"'openZaak.selectZakenApiPluginForCase' | translate\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zakenApiPluginConfigurationId\"\n      >\n        <option value=\"default\">{{ 'openZaak.selectZakenApiPlugin' | translate }}</option>\n\n        @for (pluginConfiguration of pluginConfigurations; track pluginConfiguration.id) {\n          <option\n            [value]=\"pluginConfiguration.id\"\n            [selected]=\"pluginConfiguration.id === selectedPluginConfiguration?.id\"\n          >\n          >\n            {{ pluginConfiguration?.title || '-' }}\n          </option>\n        }\n      </cds-select>\n\n      <cds-text-label>\n        {{ 'openZaak.rsin' | translate }}\n\n        <input\n          cdsText\n          cdsLayer=\"1\"\n          placeholder=\"RSIN\"\n          type=\"text\"\n          [(ngModel)]=\"this.zaakTypeLinkRequest.rsin\"\n        />\n      </cds-text-label>\n\n      <cds-toggle\n        [label]=\"'openZaak.autoCreateForCase' | translate\"\n        [checked]=\"this.zaakTypeLinkRequest.createWithDossier\"\n        (checkedChange)=\"onCheckedChange($event)\"\n      >\n      </cds-toggle>\n    </section>\n\n    <cds-modal-footer>\n      <button cdsButton=\"secondary\" (click)=\"closeModal()\">\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"!this.zaakTypeLinkRequest.zaakTypeUrl\"\n        (click)=\"submit()\"\n      >\n        {{ 'interface.save' | translate }}\n      </button>\n    </cds-modal-footer>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: ["cds-tile{background:var(--cds-layer-02);width:100%}::ng-deep cds-tile.tile--danger.cds--tile{outline:2px solid var(--cds-support-error, #da1e28)}.tile-error-message{display:flex;align-items:center;gap:8px;margin:16px -16px -16px;padding:8px 16px;border-top:1px solid var(--cds-border-subtle);color:var(--cds-support-error, #da1e28);font-size:12px;line-height:16px}.tile-error-message__icon{flex-shrink:0;fill:var(--cds-support-error, #da1e28)}.valtimo-zaak-type-link__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:16px}.valtimo-zaak-type-link__link-button{align-self:flex-end}.valtimo-zaak-type-link__card-title{font-size:18px}.valtimo-zaak-type-link__card-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:20px}.valtimo-zaak-type-link__card-controls{display:flex;align-items:center;gap:16px}.valtimo-zaak-type-link__card-body{display:flex;flex-direction:column;gap:16px}.valtimo-zaak-type-link__card-body>div{display:grid;grid-template-columns:repeat(3,1fr);font-size:16px}.valtimo-zaak-type-link-modal__content{display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: i2.ConfigurationIssueService }, { type: i2.DraftVersionService }, { type: i2.GlobalNotificationService }, { type: i5$1.IconService }, { type: i4$2.OpenZaakService }, { type: i1$2.ActivatedRoute }, { type: i5.TranslateService }, { type: ZakenApiZaaktypeLinkService }] });
 
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
@@ -4776,7 +4798,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  */
 
 /*
- * Copyright 2015-2025 Ritense BV, the Netherlands.
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
  *
  * Licensed under EUPL, Version 1.2 (the "License");
  * you may not use this file except in compliance with the License.
@@ -4799,7 +4821,16 @@ class CaseManagementZgwComponent {
         this.route = route;
         this._viewInitialized$ = new BehaviorSubject(false);
         this._params$ = getCaseManagementRouteParams(this.route);
-        this._supportedDocumentenApiFeatures$ = this._params$.pipe(map((params) => params?.caseDefinitionKey ?? ''), filter((caseDefinitionKey) => !!caseDefinitionKey), switchMap((caseDefinitionKey) => this.documentenApiVersionService.getSupportedApiFeatures(caseDefinitionKey ?? '')));
+        this._supportedDocumentenApiFeatures$ = this._params$.pipe(filter((params) => !!params?.caseDefinitionKey && !!params?.caseDefinitionVersionTag), switchMap((params) => this.documentenApiVersionService
+            .getManagementApiVersion(params.caseDefinitionKey, params.caseDefinitionVersionTag)
+            .pipe(catchError$1(() => of({
+            selectedVersion: '',
+            detectedVersions: '',
+            supportsFilterableColumns: false,
+            supportsSortableColumns: false,
+            supportsTrefwoorden: false,
+            supportsUpdatingDefinitiveDocument: false,
+        })))));
         this.isDraftVersion$ = this._params$.pipe(switchMap((params) => !params
             ? of(false)
             : this.draftVersionService.isDraftVersion(params.caseDefinitionKey, params.caseDefinitionVersionTag)));
@@ -5014,5 +5045,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { COLUMN_VIEW_TYPES, CONFIDENTIALITY_LEVELS, CaseDetailTabDocumentenApiDocumentsComponent, CaseDetailTabObjectTypeComponent, CaseDetailTabZaakobjectenComponent, CaseManagementLinkProcessComponent, CaseManagementZgwComponent, CaseManagementZgwService, DOCUMENTEN_COLUMN_KEYS, DocumentObjectenApiSyncComponent, DocumentObjectenApiSyncService, DocumentenApiColumnModalComponent, DocumentenApiColumnService, DocumentenApiColumnsComponent, DocumentenApiDocumentService, DocumentenApiFilterComponent, DocumentenApiLinkProcessService, DocumentenApiMetadataModalComponent, DocumentenApiTagModalComponent, DocumentenApiTagService, DocumentenApiTagsComponent, DocumentenApiUploadFieldModalComponent, DocumentenApiUploadFieldsComponent, DocumentenApiUploaderComponent, DocumentenApiVersionComponent, DocumentenApiVersionService, FailedNotificationDetailComponent, FailedNotificationsPageComponent, FailedNotificationsService, LANGUAGE_ITEMS, NotificatiesApiInboundEventStatus, NotificatiesApiRoutingModule, STATUS_ITEMS, ZaakobjectenService, ZakenApiZaaktypeLinkComponent, ZakenApiZaaktypeLinkService, ZgwModule, ZgwTabEnum, customDocumentApiUploaderType, documentenApiUploaderEditForm, registerDocumentenApiFormioUploadComponent };
+export { COLUMN_VIEW_TYPES, CONFIDENTIALITY_LEVELS, CaseDetailTabDocumentenApiDocumentsComponent, CaseDetailTabObjectTypeComponent, CaseDetailTabZaakobjectenComponent, CaseManagementLinkProcessComponent, CaseManagementZgwComponent, CaseManagementZgwService, DOCUMENTEN_COLUMN_KEYS, DocumentObjectenApiSyncComponent, DocumentObjectenApiSyncService, DocumentenApiColumnModalComponent, DocumentenApiColumnService, DocumentenApiColumnsComponent, DocumentenApiDocumentService, DocumentenApiFilterComponent, DocumentenApiLinkProcessService, DocumentenApiMetadataModalComponent, DocumentenApiTagModalComponent, DocumentenApiTagService, DocumentenApiTagsComponent, DocumentenApiUploadFieldModalComponent, DocumentenApiUploadFieldsComponent, DocumentenApiUploaderComponent, DocumentenApiVersionComponent, DocumentenApiVersionService, FailedNotificationDetailComponent, FailedNotificationsPageComponent, FailedNotificationsService, LANGUAGE_ITEMS, NotificatiesApiInboundEventStatus, NotificatiesApiRoutingModule, STATUS_ITEMS, ZGW_LINK_UPLOAD_PROCESS_TEST_IDS, ZaakobjectenService, ZakenApiZaaktypeLinkComponent, ZakenApiZaaktypeLinkService, ZgwModule, ZgwTabEnum, customDocumentApiUploaderType, documentenApiUploaderEditForm, registerDocumentenApiFormioUploadComponent };
 //# sourceMappingURL=valtimo-zgw.mjs.map