@valtimo/zgw 12.10.2 → 12.11.0

package/fesm2022/valtimo-zgw.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, Output, Input, ChangeDetectionStrategy, Component, ViewChild, signal, NgModule, ViewContainerRef } from '@angular/core';
 import * as i6 from 'carbon-components-angular';
-import { ModalModule, InputModule, ButtonModule, DropdownModule, RadioModule, NotificationModule, TagModule, IconModule, DatePickerInputModule, DatePickerModule, ComboBoxModule, TooltipModule, DialogModule, ToggleModule, CheckboxModule, LoadingModule, TabsModule } from 'carbon-components-angular';
+import { ModalModule, InputModule, ButtonModule, DropdownModule, RadioModule, NotificationModule, LayerModule, TagModule, IconModule, DatePickerInputModule, DatePickerModule, ComboBoxModule, TooltipModule, DialogModule, ToggleModule, CheckboxModule, LoadingModule, TabsModule } from 'carbon-components-angular';
 import * as i3 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import * as i4 from '@angular/common';
@@ -424,7 +424,7 @@ class DocumentenApiColumnModalComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DocumentenApiColumnModalComponent, deps: [{ token: i1$1.FormBuilder }, { token: i3.TranslateService }, { token: DocumentenApiColumnService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DocumentenApiColumnModalComponent, isStandalone: true, selector: "valtimo-documenten-api-column-modal", inputs: { definitionName: "definitionName", prefillColumn: "prefillColumn", type: "type", availableColumns: "availableColumns", configuredColumns: "configuredColumns" }, outputs: { closeModal: "closeModal" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal valtimoCdsModal [open]=\"type !== 'closed'\" size=\"sm\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\">\n    <h3 cdsModalHeaderHeading>\n      {{ (type === 'add' ? 'zgw.columns.add' : 'zgw.columns.edit') | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form\n    class=\"valtimo-documenten-api-column-modal__content\"\n    cdsModalContent\n    [formGroup]=\"formGroup\"\n  >\n    <cds-dropdown\n      formControlName=\"column\"\n      [label]=\"'zgw.columns.column' | translate\"\n      [dropUp]=\"false\"\n    >\n      <cds-dropdown-list\n        [items]=\"!prefillColumn ? (availableColumns$ | async) : prefillColumn\"\n      ></cds-dropdown-list>\n    </cds-dropdown>\n\n    <cds-radio-group *ngIf=\"showRadioButtons\" legend=\"Default sort\" formControlName=\"defaultSort\">\n      <cds-radio value=\"noDefault\"> {{ 'interface.sorting.noDefault' | translate }} </cds-radio>\n\n      <cds-radio value=\"DESC\"> {{ 'interface.sorting.descending' | translate }} </cds-radio>\n\n      <cds-radio value=\"ASC\"> {{ 'interface.sorting.ascending' | translate }} </cds-radio>\n    </cds-radio-group>\n\n    <cds-inline-notification [notificationObj]=\"notificationObj$ | async\"></cds-inline-notification>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"onClose()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"formGroup.invalid\" (click)=\"updateColumn()\">\n      {{ (type === 'add' ? 'interface.add' : 'interface.save') | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-documenten-api-column-modal__content{display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i6.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i6.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: RadioModule }, { kind: "component", type: i6.Radio, selector: "cds-radio, ibm-radio", inputs: ["checked", "name", "disabled", "labelPlacement", "ariaLabelledby", "ariaLabel", "required", "value", "skeleton", "id"], outputs: ["change"] }, { kind: "component", type: i6.RadioGroup, selector: "cds-radio-group, ibm-radio-group", inputs: ["selected", "value", "name", "disabled", "skeleton", "orientation", "labelPlacement", "legend", "ariaLabel", "ariaLabelledby", "helperText", "invalid", "invalidText", "warn", "warnText"], outputs: ["change"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "component", type: i6.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DocumentenApiColumnModalComponent, isStandalone: true, selector: "valtimo-documenten-api-column-modal", inputs: { definitionName: "definitionName", prefillColumn: "prefillColumn", type: "type", availableColumns: "availableColumns", configuredColumns: "configuredColumns" }, outputs: { closeModal: "closeModal" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal valtimoCdsModal [open]=\"type !== 'closed'\" size=\"sm\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{ (type === 'add' ? 'zgw.columns.add' : 'zgw.columns.edit') | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form\n    class=\"valtimo-documenten-api-column-modal__content\"\n    cdsModalContent\n    [formGroup]=\"formGroup\"\n    [cdsLayer]=\"1\"\n  >\n    <cds-dropdown\n      formControlName=\"column\"\n      [label]=\"'zgw.columns.column' | translate\"\n      [dropUp]=\"false\"\n    >\n      <cds-dropdown-list\n        [items]=\"!prefillColumn ? (availableColumns$ | async) : prefillColumn\"\n      ></cds-dropdown-list>\n    </cds-dropdown>\n\n    <cds-radio-group *ngIf=\"showRadioButtons\" legend=\"Default sort\" formControlName=\"defaultSort\">\n      <cds-radio value=\"noDefault\"> {{ 'interface.sorting.noDefault' | translate }} </cds-radio>\n\n      <cds-radio value=\"DESC\"> {{ 'interface.sorting.descending' | translate }} </cds-radio>\n\n      <cds-radio value=\"ASC\"> {{ 'interface.sorting.ascending' | translate }} </cds-radio>\n    </cds-radio-group>\n\n    <cds-inline-notification [notificationObj]=\"notificationObj$ | async\"></cds-inline-notification>\n  </form>\n\n  <cds-modal-footer [cdsLayer]=\"1\">\n    <button cdsButton=\"secondary\" (click)=\"onClose()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"formGroup.invalid\" (click)=\"updateColumn()\">\n      {{ (type === 'add' ? 'interface.add' : 'interface.save') | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-documenten-api-column-modal__content{display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i6.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i6.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: RadioModule }, { kind: "component", type: i6.Radio, selector: "cds-radio, ibm-radio", inputs: ["checked", "name", "disabled", "labelPlacement", "ariaLabelledby", "ariaLabel", "required", "value", "skeleton", "id"], outputs: ["change"] }, { kind: "component", type: i6.RadioGroup, selector: "cds-radio-group, ibm-radio-group", inputs: ["selected", "value", "name", "disabled", "skeleton", "orientation", "labelPlacement", "legend", "ariaLabel", "ariaLabelledby", "helperText", "invalid", "invalidText", "warn", "warnText"], outputs: ["change"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "component", type: i6.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DocumentenApiColumnModalComponent, decorators: [{
             type: Component,
@@ -438,7 +438,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         DropdownModule,
                         RadioModule,
                         NotificationModule,
-                    ], template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal valtimoCdsModal [open]=\"type !== 'closed'\" size=\"sm\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\">\n    <h3 cdsModalHeaderHeading>\n      {{ (type === 'add' ? 'zgw.columns.add' : 'zgw.columns.edit') | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form\n    class=\"valtimo-documenten-api-column-modal__content\"\n    cdsModalContent\n    [formGroup]=\"formGroup\"\n  >\n    <cds-dropdown\n      formControlName=\"column\"\n      [label]=\"'zgw.columns.column' | translate\"\n      [dropUp]=\"false\"\n    >\n      <cds-dropdown-list\n        [items]=\"!prefillColumn ? (availableColumns$ | async) : prefillColumn\"\n      ></cds-dropdown-list>\n    </cds-dropdown>\n\n    <cds-radio-group *ngIf=\"showRadioButtons\" legend=\"Default sort\" formControlName=\"defaultSort\">\n      <cds-radio value=\"noDefault\"> {{ 'interface.sorting.noDefault' | translate }} </cds-radio>\n\n      <cds-radio value=\"DESC\"> {{ 'interface.sorting.descending' | translate }} </cds-radio>\n\n      <cds-radio value=\"ASC\"> {{ 'interface.sorting.ascending' | translate }} </cds-radio>\n    </cds-radio-group>\n\n    <cds-inline-notification [notificationObj]=\"notificationObj$ | async\"></cds-inline-notification>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"onClose()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"formGroup.invalid\" (click)=\"updateColumn()\">\n      {{ (type === 'add' ? 'interface.add' : 'interface.save') | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-documenten-api-column-modal__content{display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+                        LayerModule,
+                    ], template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal valtimoCdsModal [open]=\"type !== 'closed'\" size=\"sm\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{ (type === 'add' ? 'zgw.columns.add' : 'zgw.columns.edit') | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form\n    class=\"valtimo-documenten-api-column-modal__content\"\n    cdsModalContent\n    [formGroup]=\"formGroup\"\n    [cdsLayer]=\"1\"\n  >\n    <cds-dropdown\n      formControlName=\"column\"\n      [label]=\"'zgw.columns.column' | translate\"\n      [dropUp]=\"false\"\n    >\n      <cds-dropdown-list\n        [items]=\"!prefillColumn ? (availableColumns$ | async) : prefillColumn\"\n      ></cds-dropdown-list>\n    </cds-dropdown>\n\n    <cds-radio-group *ngIf=\"showRadioButtons\" legend=\"Default sort\" formControlName=\"defaultSort\">\n      <cds-radio value=\"noDefault\"> {{ 'interface.sorting.noDefault' | translate }} </cds-radio>\n\n      <cds-radio value=\"DESC\"> {{ 'interface.sorting.descending' | translate }} </cds-radio>\n\n      <cds-radio value=\"ASC\"> {{ 'interface.sorting.ascending' | translate }} </cds-radio>\n    </cds-radio-group>\n\n    <cds-inline-notification [notificationObj]=\"notificationObj$ | async\"></cds-inline-notification>\n  </form>\n\n  <cds-modal-footer [cdsLayer]=\"1\">\n    <button cdsButton=\"secondary\" (click)=\"onClose()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"formGroup.invalid\" (click)=\"updateColumn()\">\n      {{ (type === 'add' ? 'interface.add' : 'interface.save') | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-documenten-api-column-modal__content{display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: i3.TranslateService }, { type: DocumentenApiColumnService }], propDecorators: { definitionName: [{
                 type: Input
             }], prefillColumn: [{
@@ -1368,7 +1369,7 @@ class DocumentenApiMetadataModalComponent {
             this.hideFields.includes('trefwoorden'));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DocumentenApiMetadataModalComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: i1$3.DocumentService }, { token: DocumentenApiTagService }, { token: i1$1.FormBuilder }, { token: i5.KeycloakService }, { token: i3$1.ModalService }, { token: i3.TranslateService }, { token: i3$1.ValtimoModalService }, { token: DocumentenApiVersionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<v-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>\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-dropdown\n              [placeholder]=\"'document.informatieobjecttypePlaceholder' | translate\"\n              [disabled]=\"obs.disabled || (informatieobjecttypeDisabled$ | async)\"\n              id=\"informatieobjecttype\"\n              [appendInline]=\"true\"\n              (selected)=\"informatieobjecttypeSelected($event)\"\n            >\n              <cds-dropdown-list [items]=\"obs.documentTypeItems || []\"></cds-dropdown-list>\n            </cds-dropdown>\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              >\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-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "component", type: i6.TextareaLabelComponent, selector: "cds-textarea-label, ibm-textarea-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textAreaTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "component", type: i6.TextInputLabelComponent, selector: "cds-text-label, ibm-text-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textInputTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "directive", type: i6.TextArea, selector: "[cdsTextArea], [ibmTextArea]", inputs: ["theme", "invalid", "skeleton"] }, { kind: "ngmodule", type: ComboBoxModule }, { kind: "component", type: i6.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "labelId", "items", "type", "size", "itemValueKey", "label", "hideLabel", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i6.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i6.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: 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: i6.DatePicker, selector: "cds-date-picker, ibm-date-picker", inputs: ["range", "dateFormat", "language", "label", "helperText", "rangeHelperText", "rangeLabel", "placeholder", "ariaLabel", "inputPattern", "id", "value", "theme", "disabled", "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: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: RadioModule }, { kind: "component", type: i6.Radio, selector: "cds-radio, ibm-radio", inputs: ["checked", "name", "disabled", "labelPlacement", "ariaLabelledby", "ariaLabel", "required", "value", "skeleton", "id"], outputs: ["change"] }, { kind: "component", type: i6.RadioGroup, selector: "cds-radio-group, ibm-radio-group", inputs: ["selected", "value", "name", "disabled", "skeleton", "orientation", "labelPlacement", "legend", "ariaLabel", "ariaLabelledby", "helperText", "invalid", "invalidText", "warn", "warnText"], outputs: ["change"] }, { kind: "ngmodule", type: 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: i6.Tooltip, selector: "cds-tooltip, ibm-tooltip", inputs: ["id", "enterDelayMs", "leaveDelayMs", "disabled", "description", "templateContext"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: VModalModule }, { kind: "component", type: i3$1.VModalComponent, selector: "v-modal", inputs: ["appearingDelayMs", "maxWidthPx", "hideFooter", "parentId"], outputs: ["closeEvent"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<v-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-dropdown\n              [placeholder]=\"'document.informatieobjecttypePlaceholder' | translate\"\n              [disabled]=\"obs.disabled || (informatieobjecttypeDisabled$ | async)\"\n              id=\"informatieobjecttype\"\n              [appendInline]=\"true\"\n              (selected)=\"informatieobjecttypeSelected($event)\"\n            >\n              <cds-dropdown-list [items]=\"obs.documentTypeItems || []\"></cds-dropdown-list>\n            </cds-dropdown>\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              >\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-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "component", type: i6.TextareaLabelComponent, selector: "cds-textarea-label, ibm-textarea-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textAreaTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "component", type: i6.TextInputLabelComponent, selector: "cds-text-label, ibm-text-label", inputs: ["labelInputID", "disabled", "skeleton", "labelTemplate", "textInputTemplate", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "directive", type: i6.TextArea, selector: "[cdsTextArea], [ibmTextArea]", inputs: ["theme", "invalid", "skeleton"] }, { kind: "ngmodule", type: ComboBoxModule }, { kind: "component", type: i6.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "labelId", "items", "type", "size", "itemValueKey", "label", "hideLabel", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i6.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i6.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: 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: i6.DatePicker, selector: "cds-date-picker, ibm-date-picker", inputs: ["range", "dateFormat", "language", "label", "helperText", "rangeHelperText", "rangeLabel", "placeholder", "ariaLabel", "inputPattern", "id", "value", "theme", "disabled", "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: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: RadioModule }, { kind: "component", type: i6.Radio, selector: "cds-radio, ibm-radio", inputs: ["checked", "name", "disabled", "labelPlacement", "ariaLabelledby", "ariaLabel", "required", "value", "skeleton", "id"], outputs: ["change"] }, { kind: "component", type: i6.RadioGroup, selector: "cds-radio-group, ibm-radio-group", inputs: ["selected", "value", "name", "disabled", "skeleton", "orientation", "labelPlacement", "legend", "ariaLabel", "ariaLabelledby", "helperText", "invalid", "invalidText", "warn", "warnText"], outputs: ["change"] }, { kind: "ngmodule", type: 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: i6.Tooltip, selector: "cds-tooltip, ibm-tooltip", inputs: ["id", "enterDelayMs", "leaveDelayMs", "disabled", "description", "templateContext"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: VModalModule }, { kind: "component", type: i3$1.VModalComponent, selector: "v-modal", inputs: ["appearingDelayMs", "maxWidthPx", "hideFooter", "parentId"], outputs: ["closeEvent"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DocumentenApiMetadataModalComponent, decorators: [{
             type: Component,
@@ -1390,7 +1391,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         TooltipModule,
                         TranslateModule,
                         VModalModule,
-                    ], template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<v-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>\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-dropdown\n              [placeholder]=\"'document.informatieobjecttypePlaceholder' | translate\"\n              [disabled]=\"obs.disabled || (informatieobjecttypeDisabled$ | async)\"\n              id=\"informatieobjecttype\"\n              [appendInline]=\"true\"\n              (selected)=\"informatieobjecttypeSelected($event)\"\n            >\n              <cds-dropdown-list [items]=\"obs.documentTypeItems || []\"></cds-dropdown-list>\n            </cds-dropdown>\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              >\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-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+                        LayerModule,
+                    ], template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<v-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-dropdown\n              [placeholder]=\"'document.informatieobjecttypePlaceholder' | translate\"\n              [disabled]=\"obs.disabled || (informatieobjecttypeDisabled$ | async)\"\n              id=\"informatieobjecttype\"\n              [appendInline]=\"true\"\n              (selected)=\"informatieobjecttypeSelected($event)\"\n            >\n              <cds-dropdown-list [items]=\"obs.documentTypeItems || []\"></cds-dropdown-list>\n            </cds-dropdown>\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              >\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-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }, { type: i1$3.DocumentService }, { type: DocumentenApiTagService }, { type: i1$1.FormBuilder }, { type: i5.KeycloakService }, { type: i3$1.ModalService }, { type: i3.TranslateService }, { type: i3$1.ValtimoModalService }, { type: DocumentenApiVersionService }], propDecorators: { metadataModal: [{
                 type: ViewChild,
                 args: ['metadataModal']
@@ -2016,7 +2018,7 @@ class DocumentenApiTagModalComponent {
         this.resetForm();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DocumentenApiTagModalComponent, deps: [{ token: i1$1.FormBuilder }, { token: DocumentenApiTagService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DocumentenApiTagModalComponent, isStandalone: true, selector: "valtimo-documenten-api-tag-modal", inputs: { documentDefinitionName: "documentDefinitionName", open: "open" }, outputs: { closeModalEvent: "closeModalEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    disabled: disabled$ | async,\n  } as obs\"\n  [open]=\"open\"\n  size=\"sm\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'zgw.tags.addModal.header' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <form [formGroup]=\"tagFormGroup\" class=\"tag-form\">\n      <cds-label\n        [invalidText]=\"\n          (value?.errors?.['required']\n            ? 'zgw.tags.fields.valueRequired'\n            : 'zgw.tags.fields.valueMaxLength'\n          ) | translate: {maxlength: value?.errors?.maxlength?.requiredLength}\n        \"\n        [invalid]=\"value.dirty && value.invalid\"\n      >\n        {{ 'zgw.tags.fields.value' | translate }}\n\n        <input\n          cdsText\n          formControlName=\"value\"\n          [attr.modal-primary-focus]=\"true\"\n          [invalid]=\"value.dirty && value.invalid\"\n        />\n      </cds-label>\n    </form>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"onClose()\" [disabled]=\"obs.disabled\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"invalid || pristine || obs.disabled\" (click)=\"addTag()\">\n      {{ 'interface.add' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: TagModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "ngmodule", type: ToggleModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DocumentenApiTagModalComponent, isStandalone: true, selector: "valtimo-documenten-api-tag-modal", inputs: { documentDefinitionName: "documentDefinitionName", open: "open" }, outputs: { closeModalEvent: "closeModalEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    disabled: disabled$ | async,\n  } as obs\"\n  [open]=\"open\"\n  size=\"sm\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'zgw.tags.addModal.header' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <form [formGroup]=\"tagFormGroup\" class=\"tag-form\">\n      <cds-label\n        [invalidText]=\"\n          (value?.errors?.['required']\n            ? 'zgw.tags.fields.valueRequired'\n            : 'zgw.tags.fields.valueMaxLength'\n          ) | translate: {maxlength: value?.errors?.maxlength?.requiredLength}\n        \"\n        [invalid]=\"value.dirty && value.invalid\"\n      >\n        {{ 'zgw.tags.fields.value' | translate }}\n\n        <input\n          cdsText\n          formControlName=\"value\"\n          [attr.modal-primary-focus]=\"true\"\n          [invalid]=\"value.dirty && value.invalid\"\n        />\n      </cds-label>\n    </form>\n  </section>\n\n  <cds-modal-footer [cdsLayer]=\"1\">\n    <button cdsButton=\"secondary\" (click)=\"onClose()\" [disabled]=\"obs.disabled\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"invalid || pristine || obs.disabled\" (click)=\"addTag()\">\n      {{ 'interface.add' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: TagModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "ngmodule", type: ToggleModule }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DocumentenApiTagModalComponent, decorators: [{
             type: Component,
@@ -2030,7 +2032,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         ButtonModule,
                         DropdownModule,
                         ToggleModule,
-                    ], template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    disabled: disabled$ | async,\n  } as obs\"\n  [open]=\"open\"\n  size=\"sm\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'zgw.tags.addModal.header' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <form [formGroup]=\"tagFormGroup\" class=\"tag-form\">\n      <cds-label\n        [invalidText]=\"\n          (value?.errors?.['required']\n            ? 'zgw.tags.fields.valueRequired'\n            : 'zgw.tags.fields.valueMaxLength'\n          ) | translate: {maxlength: value?.errors?.maxlength?.requiredLength}\n        \"\n        [invalid]=\"value.dirty && value.invalid\"\n      >\n        {{ 'zgw.tags.fields.value' | translate }}\n\n        <input\n          cdsText\n          formControlName=\"value\"\n          [attr.modal-primary-focus]=\"true\"\n          [invalid]=\"value.dirty && value.invalid\"\n        />\n      </cds-label>\n    </form>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"onClose()\" [disabled]=\"obs.disabled\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"invalid || pristine || obs.disabled\" (click)=\"addTag()\">\n      {{ 'interface.add' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n" }]
+                        LayerModule,
+                    ], template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  valtimoCdsModal\n  *ngIf=\"{\n    disabled: disabled$ | async,\n  } as obs\"\n  [open]=\"open\"\n  size=\"sm\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\" [cdsLayer]=\"1\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'zgw.tags.addModal.header' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <form [formGroup]=\"tagFormGroup\" class=\"tag-form\">\n      <cds-label\n        [invalidText]=\"\n          (value?.errors?.['required']\n            ? 'zgw.tags.fields.valueRequired'\n            : 'zgw.tags.fields.valueMaxLength'\n          ) | translate: {maxlength: value?.errors?.maxlength?.requiredLength}\n        \"\n        [invalid]=\"value.dirty && value.invalid\"\n      >\n        {{ 'zgw.tags.fields.value' | translate }}\n\n        <input\n          cdsText\n          formControlName=\"value\"\n          [attr.modal-primary-focus]=\"true\"\n          [invalid]=\"value.dirty && value.invalid\"\n        />\n      </cds-label>\n    </form>\n  </section>\n\n  <cds-modal-footer [cdsLayer]=\"1\">\n    <button cdsButton=\"secondary\" (click)=\"onClose()\" [disabled]=\"obs.disabled\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"invalid || pristine || obs.disabled\" (click)=\"addTag()\">\n      {{ 'interface.add' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n" }]
         }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: DocumentenApiTagService }], propDecorators: { documentDefinitionName: [{
                 type: Input
             }], open: [{
@@ -2329,7 +2332,7 @@ class DocumentenApiUploadFieldModalComponent {
         this.resetForm();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DocumentenApiUploadFieldModalComponent, deps: [{ token: i1$1.FormBuilder }, { token: DocumentenApiDocumentService }, { token: i3.TranslateService }, { token: i1$3.DocumentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DocumentenApiUploadFieldModalComponent, isStandalone: true, selector: "valtimo-documenten-api-upload-field-modal", inputs: { documentDefinitionName: "documentDefinitionName", type: "type", prefill: "prefill" }, outputs: { closeModalEvent: "closeModalEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<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()\">\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>\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>\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}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ToggleModule }, { kind: "component", type: i6.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "skeleton"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "ngmodule", type: ComboBoxModule }, { kind: "component", type: i6.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "labelId", "items", "type", "size", "itemValueKey", "label", "hideLabel", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i6.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DocumentenApiUploadFieldModalComponent, isStandalone: true, selector: "valtimo-documenten-api-upload-field-modal", inputs: { documentDefinitionName: "documentDefinitionName", type: "type", prefill: "prefill" }, outputs: { closeModalEvent: "closeModalEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<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-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i6.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i6.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i6.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i6.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i6.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i6.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i6.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ToggleModule }, { kind: "component", type: i6.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "skeleton"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "ngmodule", type: ComboBoxModule }, { kind: "component", type: i6.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "labelId", "items", "type", "size", "itemValueKey", "label", "hideLabel", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i6.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i6.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DocumentenApiUploadFieldModalComponent, decorators: [{
             type: Component,
@@ -2343,7 +2346,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         ToggleModule,
                         CheckboxModule,
                         ComboBoxModule,
-                    ], template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<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()\">\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>\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>\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}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+                        LayerModule,
+                    ], template: "<!--\n  ~ Copyright 2015-2024 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<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-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i1$1.FormBuilder }, { type: DocumentenApiDocumentService }, { type: i3.TranslateService }, { type: i1$3.DocumentService }], propDecorators: { documentDefinitionName: [{
                 type: Input
             }], type: [{