@valtimo/zgw 12.0.0

package/fesm2022/valtimo-zgw.mjs

@@ -0,0 +1,3577 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, Injectable, ViewChild, NgModule } from '@angular/core';
+import * as i2 from 'carbon-components-angular';
+import { ModalModule, TagModule, InputModule, ButtonModule, DropdownModule, ToggleModule, IconModule, ComboBoxModule, LoadingModule, NotificationModule, CheckboxModule, TabsModule } from 'carbon-components-angular';
+import * as i3$1 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i4 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { BehaviorSubject, map, combineLatest, tap, Subscription, take, switchMap, of, filter, Subject, from, startWith } from 'rxjs';
+import * as i3$2 from '@valtimo/components';
+import { CARBON_CONSTANTS, PendingChangesComponent, MoveRowDirection, ViewType, CarbonListModule, ConfirmationModalModule, VModalModule, TitleModule, ButtonModule as ButtonModule$1, FormModule, InputModule as InputModule$1, SelectModule, DatePickerModule, InputLabelModule, ParagraphModule, createCustomFormioComponent, registerCustomFormioComponentWithClass, TableModule, FormIoModule, TimelineItemImpl, ModalModule as ModalModule$1, SpinnerModule, TimelineModule, WidgetModule, ListModule, FilterSidebarModule, PageModule, ValtimoCdsModalDirectiveModule, DropzoneModule, FileSizeModule } from '@valtimo/components';
+import * as i5 from '@angular/forms';
+import { Validators, ReactiveFormsModule, FormsModule, FormGroup, FormControl } from '@angular/forms';
+import * as i3 from '@valtimo/document';
+import { InternalCaseStatusColor, InternalCaseStatusUtils, DocumentModule } from '@valtimo/document';
+import { Edit16, Filter16, TagGroup16, Upload16 } from '@carbon/icons';
+import * as i1$1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i2$1 from '@valtimo/config';
+import { BaseApiService, UploadProvider, ROLE_USER, ZGW_OBJECT_TYPE_COMPONENT_TOKEN, ZGW_DOCUMENTEN_API_DOCUMENTS_COMPONENT_TOKEN, ZGW_CASE_CONFIGURATION_EXTENSIONS_TOKEN } from '@valtimo/config';
+import * as i1 from '@angular/common/http';
+import { tap as tap$1, map as map$1, filter as filter$1, switchMap as switchMap$1, catchError, take as take$1, debounceTime } from 'rxjs/operators';
+import * as i5$1 from 'keycloak-angular';
+import moment from 'moment';
+import * as i2$2 from '@valtimo/resource';
+import { ResourceModule } from '@valtimo/resource';
+import * as i5$2 from '@valtimo/security';
+import { AuthGuardService } from '@valtimo/security';
+import * as i4$1 from 'ngx-toastr';
+import { FormioModule } from '@formio/angular';
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var ZgwTabEnum;
+(function (ZgwTabEnum) {
+    ZgwTabEnum[ZgwTabEnum["DOCUMENTEN_API_COLUMNS"] = 0] = "DOCUMENTEN_API_COLUMNS";
+})(ZgwTabEnum || (ZgwTabEnum = {}));
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DocumentenApiColumnModalComponent {
+    set type(value) {
+        this._type.next(value);
+        if (value === 'closed') {
+            setTimeout(() => {
+                this._typeAnimationDelay$.next(value);
+            }, CARBON_CONSTANTS.modalAnimationMs);
+        }
+        else {
+            this._typeAnimationDelay$.next(value);
+        }
+    }
+    set prefill(value) {
+        this._prefillStatus.next(value);
+    }
+    get visibleInCaseListByDefault() {
+        return this.statusFormGroup?.get('visibleInCaseListByDefault');
+    }
+    get key() {
+        return this.statusFormGroup?.get('key');
+    }
+    get title() {
+        return this.statusFormGroup?.get('title');
+    }
+    get color() {
+        return this.statusFormGroup?.get('color');
+    }
+    get invalid() {
+        return !!this.statusFormGroup?.invalid;
+    }
+    get pristine() {
+        return !!this.statusFormGroup?.pristine;
+    }
+    constructor(fb, iconService, caseStatusService, translateService) {
+        this.fb = fb;
+        this.iconService = iconService;
+        this.caseStatusService = caseStatusService;
+        this.translateService = translateService;
+        this.closeModalEvent = new EventEmitter();
+        this._type = new BehaviorSubject(undefined);
+        this._typeAnimationDelay$ = new BehaviorSubject(undefined);
+        this._prefillStatus = new BehaviorSubject(undefined);
+        this.isClosed$ = this._type.pipe(map(type => type === 'closed'));
+        this.statusFormGroup = this.fb.group({
+            title: this.fb.control('', Validators.required),
+            key: this.fb.control('', [Validators.required, this.uniqueKeyValidator()]),
+            visibleInCaseListByDefault: this.fb.control(true, Validators.required),
+            color: this.fb.control('', Validators.required),
+        });
+        this.isEdit$ = combineLatest([this._typeAnimationDelay$, this._prefillStatus]).pipe(tap(([type, prefillStatus]) => {
+            if (type === 'edit' && prefillStatus)
+                this.prefillForm(prefillStatus);
+        }), map(([type]) => type === 'edit'));
+        this.isAdd$ = this._typeAnimationDelay$.pipe(map(type => type === 'add'), tap(isAdd => {
+            if (isAdd)
+                this.resetForm();
+        }));
+        this.disabled$ = new BehaviorSubject(false);
+        this.COLORS = [
+            InternalCaseStatusColor.Red,
+            InternalCaseStatusColor.Magenta,
+            InternalCaseStatusColor.Purple,
+            InternalCaseStatusColor.Blue,
+            InternalCaseStatusColor.Teal,
+            InternalCaseStatusColor.Green,
+            InternalCaseStatusColor.Cyan,
+            InternalCaseStatusColor.Gray,
+            InternalCaseStatusColor.CoolGray,
+            InternalCaseStatusColor.WarmGray,
+            InternalCaseStatusColor.HighContrast,
+            InternalCaseStatusColor.Outline,
+        ];
+        this._selectedColor$ = new BehaviorSubject(undefined);
+        this.colorListItems$ = combineLatest([
+            this._selectedColor$,
+            this.translateService.stream('key'),
+        ]).pipe(map(([selectedColor]) => this.COLORS.map(color => ({
+            selected: color === selectedColor,
+            content: this.translateService.instant('interface.tagType.' +
+                InternalCaseStatusUtils.getTagTypeFromInternalCaseStatusColor(color)),
+            color,
+            tagType: InternalCaseStatusUtils.getTagTypeFromInternalCaseStatusColor(color),
+        }))));
+        this._editingKey$ = new BehaviorSubject(false);
+        this.editingKey$ = this._editingKey$.pipe(tap(editing => {
+            if (editing) {
+                this.key?.enable();
+            }
+            else {
+                this.key?.disable();
+            }
+        }));
+        this._originalStatusKey$ = new BehaviorSubject('');
+        this._subscriptions = new Subscription();
+        this.iconService.registerAll([Edit16]);
+    }
+    ngOnInit() {
+        this.openAutoKeySubscription();
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    onClose() {
+        this.close();
+    }
+    toggleCheckedChange(checked) {
+        this.statusFormGroup.patchValue({
+            visibleInCaseListByDefault: checked,
+        });
+        this.statusFormGroup.markAsDirty();
+    }
+    addStatus() {
+        this.disable();
+        this.caseStatusService
+            .saveInternalCaseStatus(this.documentDefinitionName, this.getFormValue())
+            .subscribe({
+            next: () => {
+                this.enable();
+                this.closeAndRefresh();
+            },
+            error: () => {
+                this.enable(false);
+            },
+        });
+    }
+    editStatus() {
+        this.disable();
+        this._originalStatusKey$
+            .pipe(take(1), switchMap(originalStatusKey => this.caseStatusService.updateInternalCaseStatus(this.documentDefinitionName, originalStatusKey, this.getFormValue())))
+            .subscribe({
+            next: () => {
+                this.enable();
+                this.closeAndRefresh();
+            },
+            error: () => {
+                this.enable(false);
+            },
+        });
+    }
+    editKeyButtonClick() {
+        this._editingKey$.next(true);
+    }
+    colorDropdownChange(event) {
+        const newColor = event?.item?.color;
+        if (newColor) {
+            this._selectedColor$.next(newColor);
+            this.statusFormGroup.patchValue({ color: newColor });
+            this.statusFormGroup.markAsDirty();
+        }
+    }
+    prefillForm(prefillStatus) {
+        this._originalStatusKey$.next(prefillStatus.key);
+        this.statusFormGroup.patchValue({
+            key: prefillStatus.key,
+            title: prefillStatus.title,
+            visibleInCaseListByDefault: prefillStatus.visibleInCaseListByDefault,
+            color: prefillStatus.color,
+        });
+        this._selectedColor$.next(prefillStatus.color);
+        this.statusFormGroup.markAsPristine();
+        this.resetEditingKey();
+    }
+    resetForm() {
+        this.statusFormGroup.patchValue({
+            key: '',
+            title: '',
+            visibleInCaseListByDefault: true,
+            color: InternalCaseStatusColor.Blue,
+        });
+        this._selectedColor$.next(InternalCaseStatusColor.Blue);
+        this.statusFormGroup.markAsPristine();
+        this.resetEditingKey();
+    }
+    resetEditingKey() {
+        this._editingKey$.next(false);
+    }
+    openAutoKeySubscription() {
+        this._subscriptions.add(combineLatest([this.isAdd$, this.title.valueChanges, this.editingKey$]).subscribe(([isAdd, titleValue, editingKey]) => {
+            if (isAdd && !editingKey) {
+                if (titleValue) {
+                    this.statusFormGroup.patchValue({ key: this.getUniqueKey(titleValue) });
+                }
+                else {
+                    this.clearKey();
+                }
+            }
+        }));
+    }
+    getUniqueKey(title) {
+        const dashCaseKey = `${title}`
+            .toLowerCase()
+            .replace(/[^a-z0-9-_]+|-[^a-z0-9]+/g, '-')
+            .replace(/_[-_]+/g, '_')
+            .replace(/^[^a-z]+/g, '');
+        const usedKeys = this.usedKeys;
+        if (!usedKeys.includes(dashCaseKey)) {
+            return dashCaseKey;
+        }
+        return this.getUniqueKeyWithNumber(dashCaseKey, usedKeys);
+    }
+    getUniqueKeyWithNumber(dashCaseKey, usedKeys) {
+        const numbersFromCurrentKey = (dashCaseKey.match(/^\d+|\d+\b|\d+(?=\w)/g) || []).map((numberValue) => +numberValue);
+        const lastNumberFromCurrentKey = numbersFromCurrentKey.length > 0 && numbersFromCurrentKey[numbersFromCurrentKey.length - 1];
+        const newKey = lastNumberFromCurrentKey
+            ? `${dashCaseKey.replace(`${lastNumberFromCurrentKey}`, `${lastNumberFromCurrentKey + 1}`)}`
+            : `${dashCaseKey}-1`;
+        if (usedKeys.includes(newKey)) {
+            return this.getUniqueKeyWithNumber(newKey, usedKeys);
+        }
+        return newKey;
+    }
+    clearKey() {
+        this.statusFormGroup.patchValue({ key: '' });
+    }
+    uniqueKeyValidator() {
+        return (control) => this.usedKeys?.every((key) => key !== control.value)
+            ? null
+            : { uniqueKey: { value: control.value } };
+    }
+    disable() {
+        this.disabled$.next(true);
+        this.statusFormGroup.disable();
+    }
+    enable(delay = true) {
+        setTimeout(() => {
+            this.disabled$.next(false);
+            this.statusFormGroup.enable();
+        }, delay ? CARBON_CONSTANTS.modalAnimationMs : 0);
+    }
+    close() {
+        this.closeModalEvent.emit('close');
+    }
+    closeAndRefresh() {
+        this.closeModalEvent.emit('closeAndRefresh');
+    }
+    getFormValue() {
+        return {
+            key: this.key.value,
+            title: this.title.value,
+            visibleInCaseListByDefault: this.visibleInCaseListByDefault.value,
+            color: this.color.value,
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentenApiColumnModalComponent, deps: [{ token: i5.FormBuilder }, { token: i2.IconService }, { token: i3.CaseStatusService }, { token: i3$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: DocumentenApiColumnModalComponent, isStandalone: true, selector: "valtimo-documenten-api-column-modal", inputs: { type: "type", prefill: "prefill", usedKeys: "usedKeys", documentDefinitionName: "documentDefinitionName" }, 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    isAdd: isAdd$ | async,\n    isEdit: isEdit$ | async,\n    isClosed: isClosed$ | async,\n    editingKey: editingKey$ | async,\n    disabled: disabled$ | async\n  } as obs\"\n  [open]=\"!obs.isClosed\"\n  size=\"sm\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\">\n    <h3 cdsModalHeaderHeading>\n      {{ obs.isAdd ? ('dossierManagement.statuses.add' | translate) : '' }}\n      {{ obs.isEdit ? ('dossierManagement.statuses.edit' | translate) : '' }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <ng-container *ngTemplateOutlet=\"statusForm; context: {obs: obs}\"></ng-container>\n  </section>\n\n  <cds-modal-footer>\n    <ng-container *ngTemplateOutlet=\"buttons; context: {obs: obs}\"></ng-container>\n  </cds-modal-footer>\n</cds-modal>\n\n<ng-template #colorDropdownItemTemplate let-item=\"item\">\n  <div class=\"dropdown-color-tag\">\n    <cds-tag *ngIf=\"item && item.content\" class=\"cds-tag--no-margin\" [type]=\"item?.tagType\">\n      {{ 'interface.tagType.' + item?.tagType | translate }}\n    </cds-tag>\n  </div>\n</ng-template>\n\n<ng-template #statusForm let-obs=\"obs\">\n  <form [formGroup]=\"statusFormGroup\" class=\"status-form\">\n    <cds-label>\n      {{ 'dossierManagement.statuses.columns.title' | translate }}\n\n      <input cdsText formControlName=\"title\" [attr.modal-primary-focus]=\"true\" />\n    </cds-label>\n\n    <cds-label>\n      {{ 'dossierManagement.statuses.columns.key' | translate }}\n\n      <div class=\"edit-key-input\">\n        <input\n          cdsText\n          formControlName=\"key\"\n          [disabled]=\"!obs.editingKey\"\n          [placeholder]=\"\n            obs.isAdd && !obs.editingKey\n              ? ('dossierManagement.statuses.keyAutoGenerated' | translate)\n              : ''\n          \"\n        />\n\n        <cds-icon-button\n          *ngIf=\"!obs.editingKey && obs.isAdd\"\n          [disabled]=\"obs.disabled\"\n          (click)=\"editKeyButtonClick()\"\n          kind=\"secondary\"\n        >\n          <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n        </cds-icon-button>\n      </div>\n    </cds-label>\n\n    <div class=\"horizontal-inputs\">\n      <cds-label>\n        {{ 'dossierManagement.statuses.columns.color' | translate }}\n\n        <cds-dropdown\n          [appendInline]=\"false\"\n          [placeholder]=\"'dossierManagement.statuses.colorPlaceholder' | translate\"\n          (selected)=\"colorDropdownChange($event)\"\n        >\n          <cds-dropdown-list [items]=\"colorListItems$\" [listTpl]=\"colorDropdownItemTemplate\">\n          </cds-dropdown-list>\n        </cds-dropdown>\n      </cds-label>\n\n      <cds-toggle\n        [label]=\"'dossierManagement.statuses.visibleTitle' | translate\"\n        [onText]=\"'dossierManagement.statuses.visible' | translate\"\n        [offText]=\"'dossierManagement.statuses.invisible' | translate\"\n        [disabled]=\"obs.disabled\"\n        [checked]=\"visibleInCaseListByDefault?.value\"\n        (checkedChange)=\"toggleCheckedChange($event)\"\n      ></cds-toggle>\n    </div>\n  </form>\n</ng-template>\n\n<ng-template #buttons let-obs=\"obs\">\n  <button cdsButton=\"secondary\" (click)=\"onClose()\" [disabled]=\"obs.disabled\">\n    {{ 'interface.cancel' | translate }}\n  </button>\n\n  <button\n    *ngIf=\"obs.isAdd\"\n    cdsButton=\"primary\"\n    [disabled]=\"invalid || pristine || obs.disabled\"\n    (click)=\"addStatus()\"\n  >\n    {{ 'interface.add' | translate }}\n  </button>\n\n  <button\n    *ngIf=\"obs.isEdit\"\n    cdsButton=\"primary\"\n    [disabled]=\"invalid || pristine || obs.disabled\"\n    (click)=\"editStatus()\"\n  >\n    {{ 'interface.save' | translate }}\n  </button>\n</ng-template>\n", styles: [".status-form{display:flex;flex-direction:column;gap:16px}.edit-key-input{height:40px;display:flex;width:100%;flex-direction:row;gap:16px;align-items:flex-end}::ng-deep .horizontal-inputs{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}::ng-deep .horizontal-inputs .cds--label{width:100%;display:flex;flex-direction:column;gap:8px}::ng-deep .dropdown-color-tag .cds--tag{margin-top:-4px;margin-left:2px}\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: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i2.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i2.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i2.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i2.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i2.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i2.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i2.IconButton, selector: "cds-icon-button, ibm-icon-button", inputs: ["buttonNgClass", "buttonAttributes", "buttonId", "kind", "size", "type", "isExpressive", "disabled", "description"], outputs: ["click", "focus", "blur", "tooltipClick"] }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i2.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "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: i2.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: ToggleModule }, { kind: "component", type: i2.Toggle, selector: "cds-toggle, ibm-toggle", inputs: ["offText", "onText", "label", "size", "hideLabel", "skeleton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentenApiColumnModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-documenten-api-column-modal', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        ModalModule,
+                        TagModule,
+                        TranslateModule,
+                        InputModule,
+                        ReactiveFormsModule,
+                        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    isAdd: isAdd$ | async,\n    isEdit: isEdit$ | async,\n    isClosed: isClosed$ | async,\n    editingKey: editingKey$ | async,\n    disabled: disabled$ | async\n  } as obs\"\n  [open]=\"!obs.isClosed\"\n  size=\"sm\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onClose()\">\n    <h3 cdsModalHeaderHeading>\n      {{ obs.isAdd ? ('dossierManagement.statuses.add' | translate) : '' }}\n      {{ obs.isEdit ? ('dossierManagement.statuses.edit' | translate) : '' }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <ng-container *ngTemplateOutlet=\"statusForm; context: {obs: obs}\"></ng-container>\n  </section>\n\n  <cds-modal-footer>\n    <ng-container *ngTemplateOutlet=\"buttons; context: {obs: obs}\"></ng-container>\n  </cds-modal-footer>\n</cds-modal>\n\n<ng-template #colorDropdownItemTemplate let-item=\"item\">\n  <div class=\"dropdown-color-tag\">\n    <cds-tag *ngIf=\"item && item.content\" class=\"cds-tag--no-margin\" [type]=\"item?.tagType\">\n      {{ 'interface.tagType.' + item?.tagType | translate }}\n    </cds-tag>\n  </div>\n</ng-template>\n\n<ng-template #statusForm let-obs=\"obs\">\n  <form [formGroup]=\"statusFormGroup\" class=\"status-form\">\n    <cds-label>\n      {{ 'dossierManagement.statuses.columns.title' | translate }}\n\n      <input cdsText formControlName=\"title\" [attr.modal-primary-focus]=\"true\" />\n    </cds-label>\n\n    <cds-label>\n      {{ 'dossierManagement.statuses.columns.key' | translate }}\n\n      <div class=\"edit-key-input\">\n        <input\n          cdsText\n          formControlName=\"key\"\n          [disabled]=\"!obs.editingKey\"\n          [placeholder]=\"\n            obs.isAdd && !obs.editingKey\n              ? ('dossierManagement.statuses.keyAutoGenerated' | translate)\n              : ''\n          \"\n        />\n\n        <cds-icon-button\n          *ngIf=\"!obs.editingKey && obs.isAdd\"\n          [disabled]=\"obs.disabled\"\n          (click)=\"editKeyButtonClick()\"\n          kind=\"secondary\"\n        >\n          <svg class=\"cds--btn__icon\" cdsIcon=\"edit\" size=\"16\"></svg>\n        </cds-icon-button>\n      </div>\n    </cds-label>\n\n    <div class=\"horizontal-inputs\">\n      <cds-label>\n        {{ 'dossierManagement.statuses.columns.color' | translate }}\n\n        <cds-dropdown\n          [appendInline]=\"false\"\n          [placeholder]=\"'dossierManagement.statuses.colorPlaceholder' | translate\"\n          (selected)=\"colorDropdownChange($event)\"\n        >\n          <cds-dropdown-list [items]=\"colorListItems$\" [listTpl]=\"colorDropdownItemTemplate\">\n          </cds-dropdown-list>\n        </cds-dropdown>\n      </cds-label>\n\n      <cds-toggle\n        [label]=\"'dossierManagement.statuses.visibleTitle' | translate\"\n        [onText]=\"'dossierManagement.statuses.visible' | translate\"\n        [offText]=\"'dossierManagement.statuses.invisible' | translate\"\n        [disabled]=\"obs.disabled\"\n        [checked]=\"visibleInCaseListByDefault?.value\"\n        (checkedChange)=\"toggleCheckedChange($event)\"\n      ></cds-toggle>\n    </div>\n  </form>\n</ng-template>\n\n<ng-template #buttons let-obs=\"obs\">\n  <button cdsButton=\"secondary\" (click)=\"onClose()\" [disabled]=\"obs.disabled\">\n    {{ 'interface.cancel' | translate }}\n  </button>\n\n  <button\n    *ngIf=\"obs.isAdd\"\n    cdsButton=\"primary\"\n    [disabled]=\"invalid || pristine || obs.disabled\"\n    (click)=\"addStatus()\"\n  >\n    {{ 'interface.add' | translate }}\n  </button>\n\n  <button\n    *ngIf=\"obs.isEdit\"\n    cdsButton=\"primary\"\n    [disabled]=\"invalid || pristine || obs.disabled\"\n    (click)=\"editStatus()\"\n  >\n    {{ 'interface.save' | translate }}\n  </button>\n</ng-template>\n", styles: [".status-form{display:flex;flex-direction:column;gap:16px}.edit-key-input{height:40px;display:flex;width:100%;flex-direction:row;gap:16px;align-items:flex-end}::ng-deep .horizontal-inputs{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}::ng-deep .horizontal-inputs .cds--label{width:100%;display:flex;flex-direction:column;gap:8px}::ng-deep .dropdown-color-tag .cds--tag{margin-top:-4px;margin-left:2px}\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: i5.FormBuilder }, { type: i2.IconService }, { type: i3.CaseStatusService }, { type: i3$1.TranslateService }], propDecorators: { type: [{
+                type: Input
+            }], prefill: [{
+                type: Input
+            }], usedKeys: [{
+                type: Input
+            }], documentDefinitionName: [{
+                type: Input
+            }], closeModalEvent: [{
+                type: Output
+            }] } });
+
+class DocumentenApiColumnService extends BaseApiService {
+    constructor(http, configService) {
+        super(http, configService);
+        this.http = http;
+    }
+    getConfiguredColumns(caseDefinitionName) {
+        return this.http.get(this.getApiUrl(`/management/v1/case-definition/${caseDefinitionName}/zgw-document-column`));
+    }
+    updateColumnOrder(caseDefinitionName, columns) {
+        return this.http.put(this.getApiUrl(`/management/v1/case-definition/${caseDefinitionName}/zgw-document-column`), columns);
+    }
+    updateColumn(caseDefinitionName, column) {
+        delete column.key;
+        return this.http.put(this.getApiUrl(`/management/v1/case-definition/${caseDefinitionName}/zgw-document-column/${column.key}`), column);
+    }
+    deleteConfiguredColumn(caseDefinitionKey, statusKey) {
+        return of(null);
+    }
+    updateConfiguredColumns(caseDefinitionKey, orderColumns) {
+        return of(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentenApiColumnService, deps: [{ token: i1.HttpClient }, { token: i2$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentenApiColumnService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentenApiColumnService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2$1.ConfigService }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DocumentenApiLinkProcessService extends BaseApiService {
+    constructor(httpClient, configService) {
+        super(httpClient, configService);
+        this.httpClient = httpClient;
+        this.configService = configService;
+    }
+    getProcessDefinitions() {
+        return this.httpClient.get(this.getApiUrl('/v1/process/definition'));
+    }
+    getLinkedUploadProcess(documentDefinitionName) {
+        return this.httpClient.get(this.getApiUrl(`/v1/process-document/demo/${documentDefinitionName}/process`));
+    }
+    updateLinkedUploadProcess(documentDefinitionName, processDefinitionKey) {
+        return this.httpClient.put(this.getApiUrl(`/v1/process-document/demo/${documentDefinitionName}/process`), {
+            processDefinitionKey,
+            linkType: 'DOCUMENT_UPLOAD',
+        });
+    }
+    deleteLinkedUploadProcess(documentDefinitionName) {
+        return this.httpClient.delete(this.getApiUrl(`/v1/process-document/demo/${documentDefinitionName}/process`));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentenApiLinkProcessService, deps: [{ token: i1.HttpClient }, { token: i2$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentenApiLinkProcessService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentenApiLinkProcessService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2$1.ConfigService }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DocumentenApiDocumentService extends BaseApiService {
+    constructor(httpClient, configService) {
+        super(httpClient, configService);
+        this.httpClient = httpClient;
+        this.configService = configService;
+    }
+    getZakenApiDocuments(documentId) {
+        return this.httpClient.get(this.getApiUrl(`/v1/zaken-api/document/${documentId}/files`));
+    }
+    deleteDocument(file) {
+        return this.httpClient.delete(this.getApiUrl(`/v1/documenten-api/${file.pluginConfigurationId}/files/${file.fileId}`));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentenApiDocumentService, deps: [{ token: i1.HttpClient }, { token: i2$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentenApiDocumentService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentenApiDocumentService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2$1.ConfigService }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DocumentenApiVersionService extends BaseApiService {
+    get refresh$() {
+        return this._refresh$.asObservable();
+    }
+    constructor(httpClient, configService) {
+        super(httpClient, configService);
+        this.httpClient = httpClient;
+        this.configService = configService;
+        this._refresh$ = new BehaviorSubject(null);
+    }
+    getManagementApiVersion(caseDefinitionName) {
+        return this.httpClient.get(this.getApiUrl(`/management/v1/case-definition/${caseDefinitionName}/documenten-api/version`));
+    }
+    refresh() {
+        this._refresh$.next(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentenApiVersionService, deps: [{ token: i1.HttpClient }, { token: i2$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentenApiVersionService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentenApiVersionService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2$1.ConfigService }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DocumentenApiColumnsComponent extends PendingChangesComponent {
+    get documentDefinitionName$() {
+        return this._documentDefinitionName$;
+    }
+    constructor(route, zgwDocumentColumnService) {
+        super();
+        this.route = route;
+        this.zgwDocumentColumnService = zgwDocumentColumnService;
+        this._reload$ = new BehaviorSubject(null);
+        this._documentDefinitionName$ = this.route.params.pipe(map(params => params?.name), filter(docDefName => !!docDefName));
+        this.loading$ = new BehaviorSubject(true);
+        this.usedKeys$ = new BehaviorSubject([]);
+        this._documentStatuses = [];
+        this.documentStatuses$ = combineLatest([
+            this._documentDefinitionName$,
+            this._reload$,
+        ]).pipe(tap(([_, reload]) => {
+            if (reload === null) {
+                this.loading$.next(true);
+            }
+        }), switchMap(([documentDefinitionName]) => this.zgwDocumentColumnService.getConfiguredColumns(documentDefinitionName)), tap(statuses => {
+            this._documentStatuses = statuses;
+            this.usedKeys$.next(statuses.map(status => status.key));
+            this.loading$.next(false);
+        }));
+        this.fields$ = new BehaviorSubject([]);
+        this.ACTION_ITEMS = [
+            {
+                label: 'interface.edit',
+                callback: this.openEditModal.bind(this),
+                type: 'normal',
+            },
+            {
+                label: 'interface.delete',
+                callback: this.openDeleteModal.bind(this),
+                type: 'danger',
+            },
+        ];
+        this.CARBON_THEME = 'g10';
+        this.statusModalType$ = new BehaviorSubject('closed');
+        this.prefillStatus$ = new BehaviorSubject(undefined);
+        this.columnToUpdate$ = new BehaviorSubject(undefined);
+        this.showDisableModal$ = new Subject();
+        this._documentDefinitionName$.subscribe(documentDefinitionName => {
+            zgwDocumentColumnService.getConfiguredColumns(documentDefinitionName).subscribe(configuredColumns => {
+                console.log(configuredColumns);
+            }, error => {
+                console.error(error);
+            });
+        });
+    }
+    ngAfterViewInit() {
+        this.initFields();
+    }
+    openDeleteModal(status) {
+        this.columnToUpdate$.next(status);
+        this.showDisableModal$.next(true);
+    }
+    openEditModal(status) {
+        this.prefillStatus$.next(status);
+        this.statusModalType$.next('edit');
+    }
+    openAddModal() {
+        this.statusModalType$.next('add');
+    }
+    closeModal(closeModalEvent) {
+        if (closeModalEvent === 'closeAndRefresh') {
+            this.reload();
+        }
+        this.statusModalType$.next('closed');
+    }
+    confirmDeleteStatus(status) {
+        this.documentDefinitionName$
+            .pipe(switchMap(documentDefinitionName => this.zgwDocumentColumnService.deleteConfiguredColumn(documentDefinitionName, status.key)))
+            .subscribe(() => {
+            this.reload();
+        });
+    }
+    onMoveRowClick(event) {
+        const { direction, index } = event;
+        const orderedStatuses = direction === MoveRowDirection.UP
+            ? this.swapStatuses(this._documentStatuses, index - 1, index)
+            : this.swapStatuses(this._documentStatuses, index, index + 1);
+        this.documentDefinitionName$
+            .pipe(switchMap(documentDefinitionName => this.zgwDocumentColumnService.updateConfiguredColumns(documentDefinitionName, orderedStatuses)))
+            .subscribe(() => {
+            this.reload(true);
+        });
+    }
+    reload(noAnimation = false) {
+        this._reload$.next(noAnimation ? 'noAnimation' : null);
+    }
+    swapStatuses(statuses, index1, index2) {
+        const temp = [...statuses];
+        temp[index1] = temp.splice(index2, 1, temp[index1])[0];
+        return temp;
+    }
+    initFields() {
+        this.fields$.next([
+            {
+                key: 'title',
+                label: 'dossierManagement.statuses.columns.title',
+                viewType: ViewType.TEXT,
+            },
+            {
+                key: 'key',
+                label: 'dossierManagement.statuses.columns.key',
+                viewType: ViewType.TEXT,
+            },
+            {
+                key: 'visibleInCaseListByDefault',
+                label: 'dossierManagement.statuses.columns.visible',
+                viewType: ViewType.BOOLEAN,
+            },
+            {
+                viewType: ViewType.TEMPLATE,
+                template: this.colorColumnTemplate,
+                key: 'color',
+                label: 'dossierManagement.statuses.columns.color',
+            },
+        ]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentenApiColumnsComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: DocumentenApiColumnService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: DocumentenApiColumnsComponent, isStandalone: true, selector: "valtimo-documenten-api-columns", viewQueries: [{ propertyName: "colorColumnTemplate", first: true, predicate: ["colorColumnTemplate"], descendants: true }], usesInheritance: 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<valtimo-carbon-list\n  *ngIf=\"{\n    loading: loading$ | async,\n    documentStatuses: documentStatuses$ | async\n  } as obs\"\n  [fields]=\"fields$ | async\"\n  [header]=\"false\"\n  [loading]=\"obs.loading\"\n  [movingRowsEnabled]=\"true\"\n  [actionItems]=\"ACTION_ITEMS\"\n  (rowClicked)=\"openEditModal($event)\"\n  (moveRow)=\"onMoveRowClick($event)\"\n>\n  <ng-container\n    carbonToolbarContent\n    *ngTemplateOutlet=\"buttons; context: {obs: obs}\"\n  ></ng-container>\n</valtimo-carbon-list>\n\n<valtimo-documenten-api-column-modal\n  [type]=\"statusModalType$ | async\"\n  [usedKeys]=\"usedKeys$ | async\"\n  [documentDefinitionName]=\"documentDefinitionName$ | async\"\n  (closeModalEvent)=\"closeModal($event)\"\n></valtimo-documenten-api-column-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"dossierManagement.statuses.deleteText\"\n  [outputOnConfirm]=\"columnToUpdate$ | async\"\n  [showModalSubject$]=\"showDisableModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"confirmDeleteStatus($event)\"\n></valtimo-confirmation-modal>\n\n<ng-template #buttons let-obs=\"obs\">\n  <div class=\"dossier-management-search-fields__buttons\">\n    <button cdsButton=\"primary\" [disabled]=\"obs.loading\" (click)=\"openAddModal()\">\n      <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n\n      {{ 'dossierManagement.statuses.add' | translate }}\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #colorColumnTemplate let-data=\"data\">\n  <cds-tag class=\"cds-tag--no-margin\" [type]=\"data?.item?.tagType\">\n    {{ 'interface.tagType.' + data?.item?.tagType | translate }}\n  </cds-tag>\n</ng-template>\n", styles: ["::ng-deep .cds-tag--no-margin{margin:0}\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: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "component", type: DocumentenApiColumnModalComponent, selector: "valtimo-documenten-api-column-modal", inputs: ["type", "prefill", "usedKeys", "documentDefinitionName"], outputs: ["closeModalEvent"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i3$2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "header", "hideColumnHeader", "initialSortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i3$2.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i2.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentenApiColumnsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-documenten-api-columns', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        DocumentenApiColumnModalComponent,
+                        CarbonListModule,
+                        TranslateModule,
+                        ConfirmationModalModule,
+                        TagModule,
+                        ButtonModule,
+                    ], 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<valtimo-carbon-list\n  *ngIf=\"{\n    loading: loading$ | async,\n    documentStatuses: documentStatuses$ | async\n  } as obs\"\n  [fields]=\"fields$ | async\"\n  [header]=\"false\"\n  [loading]=\"obs.loading\"\n  [movingRowsEnabled]=\"true\"\n  [actionItems]=\"ACTION_ITEMS\"\n  (rowClicked)=\"openEditModal($event)\"\n  (moveRow)=\"onMoveRowClick($event)\"\n>\n  <ng-container\n    carbonToolbarContent\n    *ngTemplateOutlet=\"buttons; context: {obs: obs}\"\n  ></ng-container>\n</valtimo-carbon-list>\n\n<valtimo-documenten-api-column-modal\n  [type]=\"statusModalType$ | async\"\n  [usedKeys]=\"usedKeys$ | async\"\n  [documentDefinitionName]=\"documentDefinitionName$ | async\"\n  (closeModalEvent)=\"closeModal($event)\"\n></valtimo-documenten-api-column-modal>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"dossierManagement.statuses.deleteText\"\n  [outputOnConfirm]=\"columnToUpdate$ | async\"\n  [showModalSubject$]=\"showDisableModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"confirmDeleteStatus($event)\"\n></valtimo-confirmation-modal>\n\n<ng-template #buttons let-obs=\"obs\">\n  <div class=\"dossier-management-search-fields__buttons\">\n    <button cdsButton=\"primary\" [disabled]=\"obs.loading\" (click)=\"openAddModal()\">\n      <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n\n      {{ 'dossierManagement.statuses.add' | translate }}\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #colorColumnTemplate let-data=\"data\">\n  <cds-tag class=\"cds-tag--no-margin\" [type]=\"data?.item?.tagType\">\n    {{ 'interface.tagType.' + data?.item?.tagType | translate }}\n  </cds-tag>\n</ng-template>\n", styles: ["::ng-deep .cds-tag--no-margin{margin:0}\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.ActivatedRoute }, { type: DocumentenApiColumnService }], propDecorators: { colorColumnTemplate: [{
+                type: ViewChild,
+                args: ['colorColumnTemplate']
+            }] } });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DocumentenApiMetadataModalComponent {
+    constructor(modalService, translateService, route, documentService, keycloakService, valtimoModalService) {
+        this.modalService = modalService;
+        this.translateService = translateService;
+        this.route = route;
+        this.documentService = documentService;
+        this.keycloakService = keycloakService;
+        this.valtimoModalService = valtimoModalService;
+        this.documentTitle = '';
+        this.metadata = new EventEmitter();
+        this.CONFIDENTIALITY_LEVELS = [
+            'openbaar',
+            'beperkt_openbaar',
+            'intern',
+            'zaakvertrouwelijk',
+            'vertrouwelijk',
+            'confidentieel',
+            'geheim',
+            'zeer_geheim',
+        ];
+        this.confidentialityLevelItems$ = this.translateService
+            .stream('key')
+            .pipe(map(() => this.CONFIDENTIALITY_LEVELS.map(confidentialityLevel => ({
+            id: confidentialityLevel,
+            text: this.translateService.instant(`document.${confidentialityLevel}`),
+        }))));
+        this.ADDITONAL_DOCUMENT_DATE_OPTIONS = [
+            {
+                value: 'neither',
+                translationKey: 'document.noAdditionalDate',
+            },
+            {
+                value: 'sent',
+                translationKey: 'document.sendDate',
+            },
+            {
+                value: 'received',
+                translationKey: 'document.receiptDate',
+            },
+        ];
+        this.clearStatusSelection$ = new Subject();
+        this.additionalDocumentDate$ = new BehaviorSubject('neither');
+        this.STATUSES = [
+            'in_bewerking',
+            'ter_vaststelling',
+            'definitief',
+            'gearchiveerd',
+        ];
+        this.RECEIPT_STATUSES = ['definitief', 'gearchiveerd'];
+        this.formData$ = new BehaviorSubject(null);
+        this.statusItems$ = combineLatest([
+            this.additionalDocumentDate$,
+            this.translateService.stream('key'),
+        ]).pipe(tap$1(([additionalDocumentDate]) => {
+            this.formData$.pipe(take(1)).subscribe(formData => {
+                if (additionalDocumentDate === 'received' &&
+                    (formData.status === 'in_bewerking' || formData.status === 'ter_vaststelling')) {
+                    this.clearStatusSelection$.next(null);
+                }
+            });
+        }), map(([additionalDocumentDate]) => (additionalDocumentDate === 'received' ? this.RECEIPT_STATUSES : this.STATUSES).map(status => ({
+            id: status,
+            text: this.translateService.instant(`document.${status}`),
+        }))));
+        this.LANGUAGES = ['nld', 'eng', 'deu'];
+        this.languageItems$ = this.translateService.stream('key').pipe(map(() => this.LANGUAGES.map(language => ({
+            id: language,
+            text: this.translateService.instant(`document.${language}`),
+        }))));
+        this.documentTypeItems$ = combineLatest([
+            this.route?.params || of(null),
+            this.route?.firstChild?.params || of(null),
+            this.valtimoModalService.documentDefinitionName$,
+        ]).pipe(filter(([params, firstChildParams, documentDefinitionName]) => !!(params?.documentDefinitionName ||
+            firstChildParams?.documentDefinitionName ||
+            documentDefinitionName)), switchMap(([params, firstChildParams, documentDefinitionName]) => this.documentService.getDocumentTypes(params?.documentDefinitionName ||
+            firstChildParams?.documentDefinitionName ||
+            documentDefinitionName)), map(documentTypes => documentTypes.map(type => ({ id: type.url, text: type.name }))));
+        this.showForm$ = this.modalService.modalVisible$;
+        this.valid$ = new BehaviorSubject(false);
+        this.userEmail$ = from(this.keycloakService.loadUserProfile()).pipe(map(userProfile => userProfile?.email || ''));
+    }
+    ngOnInit() {
+        this.openShowSubscription();
+        this.openHideSubscription();
+    }
+    ngOnDestroy() {
+        this.showSubscription?.unsubscribe();
+        this.hideSubscription?.unsubscribe();
+    }
+    hide() {
+        this.formData$.next(null);
+        this.valid$.next(false);
+        this.additionalDocumentDate$.next('neither');
+        this.modalService.closeModal();
+    }
+    cancel() {
+        this.hide();
+    }
+    save() {
+        combineLatest([this.valid$, this.formData$])
+            .pipe(take(1))
+            .subscribe(([valid, formData]) => {
+            if (valid) {
+                this.metadata.emit(formData);
+            }
+        });
+    }
+    formValueChange(data) {
+        this.formData$.next(data);
+        this.setValid(data);
+    }
+    setAdditionalDate(value) {
+        this.additionalDocumentDate$.next(value);
+    }
+    setValid(data) {
+        this.valid$.next(!!(data.filename &&
+            data.title &&
+            data.author &&
+            data.creationDate &&
+            data.status &&
+            data.language &&
+            data.informatieobjecttype &&
+            data.description &&
+            data.confidentialityLevel));
+    }
+    openShowSubscription() {
+        this.showSubscription = this.show$.subscribe(() => {
+            this.modalService.openModal(this.documentenApiMetadataModal);
+        });
+    }
+    openHideSubscription() {
+        this.hideSubscription = this.hide$.subscribe(() => {
+            this.hide();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentenApiMetadataModalComponent, deps: [{ token: i3$2.ModalService }, { token: i3$1.TranslateService }, { token: i1$1.ActivatedRoute }, { token: i3.DocumentService }, { token: i5$1.KeycloakService }, { token: i3$2.ValtimoModalService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: DocumentenApiMetadataModalComponent, isStandalone: true, selector: "valtimo-documenten-api-metadata-modal", inputs: { show$: "show$", hide$: "hide$", disabled$: "disabled$", file$: "file$", documentTitle: "documentTitle", disableDocumentTitle: "disableDocumentTitle", filename: "filename", disableFilename: "disableFilename", author: "author", disableAuthor: "disableAuthor", status: "status", disableStatus: "disableStatus", language: "language", disableLanguage: "disableLanguage", documentType: "documentType", disableDocumentType: "disableDocumentType", description: "description", disableDescription: "disableDescription", confidentialityLevel: "confidentialityLevel", disableConfidentialityLevel: "disableConfidentialityLevel", trefwoorden: "trefwoorden", disableTrefwoorden: "disableTrefwoorden" }, outputs: { metadata: "metadata" }, viewQueries: [{ propertyName: "documentenApiMetadataModal", first: true, predicate: ["documentenApiMetadataModal"], 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  #documentenApiMetadataModal\n  (closeEvent)=\"hide()\"\n  *ngIf=\"{file: file$ | async, disabled: disabled$ | async, valid: valid$ | async} as obs\"\n>\n  <div role=\"header\">\n    <div class=\"edit-configuration-title\">\n      <v-title [center]=\"true\" [fullWidth]=\"true\" [margin]=\"false\" type=\"h2\">{{\n        'document.fillInMetadata' | translate\n      }}</v-title>\n    </div>\n  </div>\n  <div role=\"content\">\n    <ng-container *ngTemplateOutlet=\"metadataForm; context: {obs: obs}\"></ng-container>\n  </div>\n  <div role=\"footer\">\n    <div class=\"buttons\">\n      <v-button (clickEvent)=\"cancel()\" [disabled]=\"obs.disabled\" type=\"secondary\">{{\n        'document.cancel' | translate\n      }}</v-button>\n      <v-button\n        (clickEvent)=\"save()\"\n        [disabled]=\"obs.disabled || !obs.valid\"\n        mdiIcon=\"upload\"\n        type=\"success\"\n        >{{ 'document.upload' | translate }}</v-button\n      >\n    </div>\n  </div>\n</v-modal>\n\n<ng-template #metadataForm let-obs=\"obs\">\n  <ng-container *ngIf=\"showForm$ | async\">\n    <v-form\n      (valueChange)=\"formValueChange($event)\"\n      *ngIf=\"additionalDocumentDate$ | async as additionalDate\"\n    >\n      <v-input\n        [defaultValue]=\"filename || obs.file?.name\"\n        [disabled]=\"obs.disabled || disableFilename\"\n        [fullWidth]=\"true\"\n        [margin]=\"true\"\n        [required]=\"true\"\n        [title]=\"'document.filename' | translate\"\n        [tooltip]=\"'document.filenameTooltip' | translate\"\n        name=\"filename\"\n      >\n      </v-input>\n      <v-input\n        [defaultValue]=\"documentTitle\"\n        [disabled]=\"obs.disabled || disableDocumentTitle\"\n        [margin]=\"true\"\n        [required]=\"true\"\n        [title]=\"'document.inputTitle' | translate\"\n        [tooltip]=\"'document.inputTitleTooltip' | translate\"\n        [widthPx]=\"400\"\n        name=\"title\"\n      >\n      </v-input>\n      <v-input\n        [defaultValue]=\"author || (userEmail$ | async)\"\n        [disabled]=\"obs.disabled || disableAuthor\"\n        [margin]=\"true\"\n        [required]=\"true\"\n        [title]=\"'document.author' | translate\"\n        [tooltip]=\"'document.authorTooltip' | translate\"\n        [widthPx]=\"300\"\n        name=\"author\"\n      >\n      </v-input>\n      <v-select\n        *ngIf=\"languageItems$ | async as languageItems\"\n        [defaultSelectionId]=\"language || languageItems[0].id\"\n        [disabled]=\"obs.disabled || disableLanguage\"\n        [items]=\"languageItems\"\n        [margin]=\"true\"\n        [required]=\"true\"\n        [title]=\"'document.language' | translate\"\n        [tooltip]=\"'document.languageTooltip' | translate\"\n        [widthInPx]=\"200\"\n        name=\"language\"\n      ></v-select>\n      <ng-container *ngIf=\"{documentTypeItems: documentTypeItems$ | async} as obs\">\n        <v-select\n          [defaultSelectionId]=\"documentType\"\n          [disabled]=\"obs.disabled || disableDocumentType\"\n          [items]=\"obs.documentTypeItems\"\n          [loading]=\"!obs.documentTypeItems\"\n          [margin]=\"true\"\n          [required]=\"true\"\n          [title]=\"'document.informatieobjecttype' | translate\"\n          [tooltip]=\"'document.informatieobjecttypeTooltip' | translate\"\n          [widthInPx]=\"200\"\n          name=\"informatieobjecttype\"\n        ></v-select>\n      </ng-container>\n      <v-date-picker\n        [defaultDateIsToday]=\"true\"\n        [disabled]=\"obs.disabled\"\n        [margin]=\"true\"\n        [required]=\"true\"\n        [title]=\"'document.creationDate' | translate\"\n        [tooltip]=\"'document.creationDateTooltip' | translate\"\n        [widthPx]=\"100\"\n        name=\"creationDate\"\n      ></v-date-picker>\n      <ng-container\n        *ngTemplateOutlet=\"additionalDatePicker; context: {additionalDate: additionalDate}\"\n      ></ng-container>\n      <v-date-picker\n        *ngIf=\"additionalDate === 'received'\"\n        [defaultDateIsToday]=\"true\"\n        [disabled]=\"obs.disabled\"\n        [margin]=\"true\"\n        [title]=\"'document.receiptDate' | translate\"\n        [tooltip]=\"'document.receiptDateTooltip' | translate\"\n        [widthPx]=\"100\"\n        name=\"receiptDate\"\n      ></v-date-picker>\n      <v-date-picker\n        *ngIf=\"additionalDate === 'sent'\"\n        [defaultDateIsToday]=\"true\"\n        [disabled]=\"obs.disabled\"\n        [margin]=\"true\"\n        [title]=\"'document.sendDate' | translate\"\n        [tooltip]=\"'document.sendDateTooltip' | translate\"\n        [widthPx]=\"100\"\n        name=\"sendDate\"\n      ></v-date-picker>\n      <v-select\n        [defaultSelectionId]=\"status\"\n        [disabled]=\"obs.disabled || disableStatus\"\n        [items]=\"statusItems$ | async\"\n        [margin]=\"true\"\n        [required]=\"true\"\n        [title]=\"'document.status' | translate\"\n        [tooltip]=\"'document.statusTooltip' | translate\"\n        [widthInPx]=\"200\"\n        [clearSelectionSubject$]=\"clearStatusSelection$\"\n        name=\"status\"\n      ></v-select>\n      <v-input\n        [defaultValue]=\"description\"\n        [disabled]=\"obs.disabled || disableDescription\"\n        [fullWidth]=\"true\"\n        [margin]=\"true\"\n        [title]=\"'document.inputDescription' | translate\"\n        [tooltip]=\"'document.inputDescriptionTooltip' | translate\"\n        [required]=\"true\"\n        name=\"description\"\n      >\n      </v-input>\n      <v-select\n        [defaultSelectionId]=\"confidentialityLevel\"\n        [disabled]=\"obs.disabled || disableConfidentialityLevel\"\n        [items]=\"confidentialityLevelItems$ | async\"\n        [margin]=\"true\"\n        [title]=\"'document.confidentialityLevel' | translate\"\n        [tooltip]=\"'document.confidentialityLevelTooltip' | translate\"\n        [widthInPx]=\"200\"\n        [required]=\"true\"\n        name=\"confidentialityLevel\"\n      ></v-select>\n    </v-form>\n  </ng-container>\n</ng-template>\n\n<ng-template #additionalDatePicker let-additionalDate=\"additionalDate\">\n  <v-input-label\n    [title]=\"'document.additionalDate' | translate\"\n    [name]=\"'additionalDate'\"\n    [tooltip]=\"'document.additionalDateTooltip' | translate\"\n    [required]=\"true\"\n  >\n  </v-input-label>\n  <div class=\"col-12 col-sm-8 col-lg-6 form-check mt-1 additional-date\">\n    <label\n      class=\"custom-control custom-radio custom-control-inline\"\n      *ngFor=\"let option of ADDITONAL_DOCUMENT_DATE_OPTIONS\"\n      (click)=\"setAdditionalDate(option.value)\"\n    >\n      <input\n        class=\"custom-control-input\"\n        type=\"radio\"\n        name=\"radio-inline\"\n        [checked]=\"additionalDate === option.value\"\n      /><span class=\"custom-control-label\">{{ option.translationKey | translate }}</span>\n    </label>\n  </div>\n</ng-template>\n", styles: [".buttons{display:flex;flex-direction:row;width:100%;justify-content:space-between}.additional-date{padding:0;width:100%;max-width:100%;margin:0;margin-block-end:var(--v-input-margin)}.additional-date .custom-control{margin-bottom:0}\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.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: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: VModalModule }, { kind: "component", type: i3$2.VModalComponent, selector: "v-modal", inputs: ["appearingDelayMs", "maxWidthPx", "hideFooter"], outputs: ["closeEvent"] }, { kind: "ngmodule", type: TitleModule }, { kind: "component", type: i3$2.TitleComponent, selector: "v-title", inputs: ["type", "margin", "fullWidth", "center"] }, { kind: "ngmodule", type: ButtonModule$1 }, { kind: "component", type: i3$2.ButtonComponent, selector: "v-button", inputs: ["type", "mdiIcon", "disabled", "title", "titleTranslationKey"], outputs: ["clickEvent"] }, { kind: "ngmodule", type: FormModule }, { kind: "component", type: i3$2.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "ngmodule", type: InputModule$1 }, { kind: "component", type: i3$2.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder"], outputs: ["valueChange"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i3$2.DatePickerComponent, selector: "v-date-picker", inputs: ["name", "title", "titleTranslationKey", "widthPx", "fullWidth", "margin", "disabled", "tooltip", "required", "defaultDate", "defaultDateIsToday", "smallLabel", "clear$", "enableTime", "carbonTheme"], outputs: ["valueChange"] }, { kind: "ngmodule", type: InputLabelModule }, { kind: "component", type: i3$2.InputLabelComponent, selector: "v-input-label", inputs: ["name", "tooltip", "largeMargin", "small", "title", "titleTranslationKey", "required", "disabled", "carbonTheme"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentenApiMetadataModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-documenten-api-metadata-modal', standalone: true, imports: [
+                        CommonModule,
+                        TranslateModule,
+                        VModalModule,
+                        TitleModule,
+                        ButtonModule$1,
+                        TranslateModule,
+                        FormModule,
+                        InputModule$1,
+                        SelectModule,
+                        DatePickerModule,
+                        InputLabelModule,
+                    ], 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  #documentenApiMetadataModal\n  (closeEvent)=\"hide()\"\n  *ngIf=\"{file: file$ | async, disabled: disabled$ | async, valid: valid$ | async} as obs\"\n>\n  <div role=\"header\">\n    <div class=\"edit-configuration-title\">\n      <v-title [center]=\"true\" [fullWidth]=\"true\" [margin]=\"false\" type=\"h2\">{{\n        'document.fillInMetadata' | translate\n      }}</v-title>\n    </div>\n  </div>\n  <div role=\"content\">\n    <ng-container *ngTemplateOutlet=\"metadataForm; context: {obs: obs}\"></ng-container>\n  </div>\n  <div role=\"footer\">\n    <div class=\"buttons\">\n      <v-button (clickEvent)=\"cancel()\" [disabled]=\"obs.disabled\" type=\"secondary\">{{\n        'document.cancel' | translate\n      }}</v-button>\n      <v-button\n        (clickEvent)=\"save()\"\n        [disabled]=\"obs.disabled || !obs.valid\"\n        mdiIcon=\"upload\"\n        type=\"success\"\n        >{{ 'document.upload' | translate }}</v-button\n      >\n    </div>\n  </div>\n</v-modal>\n\n<ng-template #metadataForm let-obs=\"obs\">\n  <ng-container *ngIf=\"showForm$ | async\">\n    <v-form\n      (valueChange)=\"formValueChange($event)\"\n      *ngIf=\"additionalDocumentDate$ | async as additionalDate\"\n    >\n      <v-input\n        [defaultValue]=\"filename || obs.file?.name\"\n        [disabled]=\"obs.disabled || disableFilename\"\n        [fullWidth]=\"true\"\n        [margin]=\"true\"\n        [required]=\"true\"\n        [title]=\"'document.filename' | translate\"\n        [tooltip]=\"'document.filenameTooltip' | translate\"\n        name=\"filename\"\n      >\n      </v-input>\n      <v-input\n        [defaultValue]=\"documentTitle\"\n        [disabled]=\"obs.disabled || disableDocumentTitle\"\n        [margin]=\"true\"\n        [required]=\"true\"\n        [title]=\"'document.inputTitle' | translate\"\n        [tooltip]=\"'document.inputTitleTooltip' | translate\"\n        [widthPx]=\"400\"\n        name=\"title\"\n      >\n      </v-input>\n      <v-input\n        [defaultValue]=\"author || (userEmail$ | async)\"\n        [disabled]=\"obs.disabled || disableAuthor\"\n        [margin]=\"true\"\n        [required]=\"true\"\n        [title]=\"'document.author' | translate\"\n        [tooltip]=\"'document.authorTooltip' | translate\"\n        [widthPx]=\"300\"\n        name=\"author\"\n      >\n      </v-input>\n      <v-select\n        *ngIf=\"languageItems$ | async as languageItems\"\n        [defaultSelectionId]=\"language || languageItems[0].id\"\n        [disabled]=\"obs.disabled || disableLanguage\"\n        [items]=\"languageItems\"\n        [margin]=\"true\"\n        [required]=\"true\"\n        [title]=\"'document.language' | translate\"\n        [tooltip]=\"'document.languageTooltip' | translate\"\n        [widthInPx]=\"200\"\n        name=\"language\"\n      ></v-select>\n      <ng-container *ngIf=\"{documentTypeItems: documentTypeItems$ | async} as obs\">\n        <v-select\n          [defaultSelectionId]=\"documentType\"\n          [disabled]=\"obs.disabled || disableDocumentType\"\n          [items]=\"obs.documentTypeItems\"\n          [loading]=\"!obs.documentTypeItems\"\n          [margin]=\"true\"\n          [required]=\"true\"\n          [title]=\"'document.informatieobjecttype' | translate\"\n          [tooltip]=\"'document.informatieobjecttypeTooltip' | translate\"\n          [widthInPx]=\"200\"\n          name=\"informatieobjecttype\"\n        ></v-select>\n      </ng-container>\n      <v-date-picker\n        [defaultDateIsToday]=\"true\"\n        [disabled]=\"obs.disabled\"\n        [margin]=\"true\"\n        [required]=\"true\"\n        [title]=\"'document.creationDate' | translate\"\n        [tooltip]=\"'document.creationDateTooltip' | translate\"\n        [widthPx]=\"100\"\n        name=\"creationDate\"\n      ></v-date-picker>\n      <ng-container\n        *ngTemplateOutlet=\"additionalDatePicker; context: {additionalDate: additionalDate}\"\n      ></ng-container>\n      <v-date-picker\n        *ngIf=\"additionalDate === 'received'\"\n        [defaultDateIsToday]=\"true\"\n        [disabled]=\"obs.disabled\"\n        [margin]=\"true\"\n        [title]=\"'document.receiptDate' | translate\"\n        [tooltip]=\"'document.receiptDateTooltip' | translate\"\n        [widthPx]=\"100\"\n        name=\"receiptDate\"\n      ></v-date-picker>\n      <v-date-picker\n        *ngIf=\"additionalDate === 'sent'\"\n        [defaultDateIsToday]=\"true\"\n        [disabled]=\"obs.disabled\"\n        [margin]=\"true\"\n        [title]=\"'document.sendDate' | translate\"\n        [tooltip]=\"'document.sendDateTooltip' | translate\"\n        [widthPx]=\"100\"\n        name=\"sendDate\"\n      ></v-date-picker>\n      <v-select\n        [defaultSelectionId]=\"status\"\n        [disabled]=\"obs.disabled || disableStatus\"\n        [items]=\"statusItems$ | async\"\n        [margin]=\"true\"\n        [required]=\"true\"\n        [title]=\"'document.status' | translate\"\n        [tooltip]=\"'document.statusTooltip' | translate\"\n        [widthInPx]=\"200\"\n        [clearSelectionSubject$]=\"clearStatusSelection$\"\n        name=\"status\"\n      ></v-select>\n      <v-input\n        [defaultValue]=\"description\"\n        [disabled]=\"obs.disabled || disableDescription\"\n        [fullWidth]=\"true\"\n        [margin]=\"true\"\n        [title]=\"'document.inputDescription' | translate\"\n        [tooltip]=\"'document.inputDescriptionTooltip' | translate\"\n        [required]=\"true\"\n        name=\"description\"\n      >\n      </v-input>\n      <v-select\n        [defaultSelectionId]=\"confidentialityLevel\"\n        [disabled]=\"obs.disabled || disableConfidentialityLevel\"\n        [items]=\"confidentialityLevelItems$ | async\"\n        [margin]=\"true\"\n        [title]=\"'document.confidentialityLevel' | translate\"\n        [tooltip]=\"'document.confidentialityLevelTooltip' | translate\"\n        [widthInPx]=\"200\"\n        [required]=\"true\"\n        name=\"confidentialityLevel\"\n      ></v-select>\n    </v-form>\n  </ng-container>\n</ng-template>\n\n<ng-template #additionalDatePicker let-additionalDate=\"additionalDate\">\n  <v-input-label\n    [title]=\"'document.additionalDate' | translate\"\n    [name]=\"'additionalDate'\"\n    [tooltip]=\"'document.additionalDateTooltip' | translate\"\n    [required]=\"true\"\n  >\n  </v-input-label>\n  <div class=\"col-12 col-sm-8 col-lg-6 form-check mt-1 additional-date\">\n    <label\n      class=\"custom-control custom-radio custom-control-inline\"\n      *ngFor=\"let option of ADDITONAL_DOCUMENT_DATE_OPTIONS\"\n      (click)=\"setAdditionalDate(option.value)\"\n    >\n      <input\n        class=\"custom-control-input\"\n        type=\"radio\"\n        name=\"radio-inline\"\n        [checked]=\"additionalDate === option.value\"\n      /><span class=\"custom-control-label\">{{ option.translationKey | translate }}</span>\n    </label>\n  </div>\n</ng-template>\n", styles: [".buttons{display:flex;flex-direction:row;width:100%;justify-content:space-between}.additional-date{padding:0;width:100%;max-width:100%;margin:0;margin-block-end:var(--v-input-margin)}.additional-date .custom-control{margin-bottom:0}\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: i3$2.ModalService }, { type: i3$1.TranslateService }, { type: i1$1.ActivatedRoute }, { type: i3.DocumentService }, { type: i5$1.KeycloakService }, { type: i3$2.ValtimoModalService }], propDecorators: { documentenApiMetadataModal: [{
+                type: ViewChild,
+                args: ['documentenApiMetadataModal']
+            }], show$: [{
+                type: Input
+            }], hide$: [{
+                type: Input
+            }], disabled$: [{
+                type: Input
+            }], file$: [{
+                type: Input
+            }], documentTitle: [{
+                type: Input
+            }], disableDocumentTitle: [{
+                type: Input
+            }], filename: [{
+                type: Input
+            }], disableFilename: [{
+                type: Input
+            }], author: [{
+                type: Input
+            }], disableAuthor: [{
+                type: Input
+            }], status: [{
+                type: Input
+            }], disableStatus: [{
+                type: Input
+            }], language: [{
+                type: Input
+            }], disableLanguage: [{
+                type: Input
+            }], documentType: [{
+                type: Input
+            }], disableDocumentType: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], disableDescription: [{
+                type: Input
+            }], confidentialityLevel: [{
+                type: Input
+            }], disableConfidentialityLevel: [{
+                type: Input
+            }], trefwoorden: [{
+                type: Input
+            }], disableTrefwoorden: [{
+                type: Input
+            }], metadata: [{
+                type: Output
+            }] } });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DossierDetailTabDocumentenApiDocumentsComponent {
+    constructor(route, router, uploadProviderService, downloadService, translateService, configService, userProviderService, fileSortService, iconService, documentenApiDocumentService) {
+        this.route = route;
+        this.router = router;
+        this.uploadProviderService = uploadProviderService;
+        this.downloadService = downloadService;
+        this.translateService = translateService;
+        this.configService = configService;
+        this.userProviderService = userProviderService;
+        this.fileSortService = fileSortService;
+        this.iconService = iconService;
+        this.documentenApiDocumentService = documentenApiDocumentService;
+        this.actionItems = [
+            {
+                label: 'document.download',
+                callback: this.onDownloadActionClick.bind(this),
+                type: 'normal',
+            },
+            {
+                label: 'document.delete',
+                callback: this.onDeleteActionClick.bind(this),
+                type: 'danger',
+            },
+        ];
+        this.fieldsConfig = [
+            // TODO: Refactor this once admin page config is implemented
+            'title',
+            'fileName',
+            'format',
+            'size',
+            'description',
+            'createdOn',
+            'createdBy',
+            'author',
+            'informatieobjecttype',
+            'actions',
+        ];
+        this._documentDefinitionName$ = this.route.params.pipe(map$1(params => params?.documentDefinitionName), filter$1(documentDefinitionName => !!documentDefinitionName));
+        this._documentId$ = this.route.params.pipe(map$1(params => params?.documentId), filter$1(documentId => !!documentId));
+        this.uploadProcessLinkedSet = false;
+        this.acceptedFiles = this.configService?.config?.caseFileUploadAcceptedFiles || null;
+        this.maxFileSize = this.configService?.config?.caseFileSizeUploadLimitMB || 5;
+        this.fileToBeUploaded$ = new BehaviorSubject(null);
+        this.hideModal$ = new Subject();
+        this.modalDisabled$ = new BehaviorSubject(false);
+        this.showModal$ = new Subject();
+        this.uploading$ = new BehaviorSubject(false);
+        this.loading$ = new BehaviorSubject(true);
+        this._refetch$ = new BehaviorSubject(null);
+        this.relatedFiles$ = combineLatest([
+            this._documentId$,
+            this._refetch$,
+        ]).pipe(tap$1(() => this.loading$.next(true)), switchMap$1(([documentId]) => combineLatest([
+            this.documentenApiDocumentService.getZakenApiDocuments(documentId),
+            this.translateService.stream('key'),
+        ])), map$1(([relatedFiles]) => {
+            const translatedFiles = relatedFiles?.map(file => ({
+                ...file,
+                createdBy: file.createdBy || this.translateService.instant('list.automaticallyGenerated'),
+                language: this.translateService.instant(`document.${file.language}`),
+                confidentialityLevel: this.translateService.instant(`document.${file.confidentialityLevel}`),
+                status: this.translateService.instant(`document.${file.status}`),
+                format: this.translateService.instant(`document.${file.format}`),
+            }));
+            return translatedFiles || [];
+        }), map$1(relatedFiles => this.fileSortService.sortRelatedFilesByDateDescending(relatedFiles)), map$1(relatedFiles => {
+            moment.locale(this.translateService.currentLang);
+            return relatedFiles.map(file => ({
+                ...file,
+                createdOn: moment(new Date(file.createdOn)).format('L'),
+                size: `${this.bytesToMegabytes(file.sizeInBytes)}`,
+            }));
+        }), tap$1(() => {
+            this.loading$.next(false);
+        }), catchError(() => {
+            this.showZaakLinkWarning = true;
+            this.loading$.next(false);
+            return of([]);
+        }));
+    }
+    ngOnInit() {
+        this.refetchDocuments();
+        this.setUploadProcessLinked();
+        this.isUserAdmin();
+        this.iconService.registerAll([Filter16, TagGroup16, Upload16]);
+    }
+    ngAfterViewInit() {
+        const fieldOptions = [
+            { key: 'title', label: 'document.inputTitle' },
+            { key: 'description', label: 'document.inputDescription' },
+            { key: 'fileName', label: 'document.filename' },
+            {
+                viewType: ViewType.TEMPLATE,
+                label: 'document.size',
+                key: 'size',
+                template: this.sizeTemplate,
+            },
+            { key: 'format', label: 'document.format' },
+            { key: 'createdOn', label: 'document.createdOn' },
+            { key: 'createdBy', label: 'document.createdBy' },
+            { key: 'author', label: 'document.author' },
+            { key: 'keywords', label: 'document.trefwoorden' },
+            { key: 'informatieobjecttype', label: 'document.informatieobjecttype' },
+            { key: 'language', label: 'document.language' },
+            { key: 'identification', label: 'document.id' },
+            { key: 'confidentialityLevel', label: 'document.confidentialityLevel' },
+            { key: 'receiptDate', label: 'document.receiptDate' },
+            { key: 'sendDate', label: 'document.sendDate' },
+            { key: 'status', label: 'document.status' },
+        ];
+        this.fields = [...this.getFields(fieldOptions, this.fieldsConfig)];
+    }
+    bytesToMegabytes(bytes) {
+        const megabytes = bytes / (1024 * 1024);
+        if (megabytes < 1) {
+            return `${Math.ceil(megabytes * 1000)} KB`;
+        }
+        else if (megabytes < 1000) {
+            return megabytes.toFixed(2) + ' MB';
+        }
+        return (megabytes / 1000).toFixed(2) + ' GB';
+    }
+    getUploadButtonTooltip() {
+        if (this.uploadProcessLinkedSet && this.uploadProcessLinked) {
+            return 'Upload';
+        }
+        else if (this.isAdmin) {
+            return 'dossier.documenten.noProcessLinked.adminRole';
+        }
+        return 'dossier.documenten.noProcessLinked.regularUser';
+    }
+    isUserAdmin() {
+        this.userProviderService.getUserSubject().subscribe(userIdentity => {
+            this.isAdmin = userIdentity.roles.includes('ROLE_ADMIN');
+        }, error => {
+            this.isAdmin = false;
+        });
+    }
+    metadataSet(metadata) {
+        this.uploading$.next(true);
+        this.hideModal$.next(null);
+        combineLatest([this.fileToBeUploaded$, this._documentId$])
+            .pipe(take$1(1))
+            .pipe(tap$1(([file, documentId]) => {
+            if (!file)
+                return;
+            this.uploadProviderService
+                .uploadFileWithMetadata(file, documentId, metadata)
+                .subscribe(() => {
+                this.refetchDocuments();
+                this.uploading$.next(false);
+                this.fileToBeUploaded$.next(null);
+            });
+        }))
+            .subscribe();
+    }
+    onDeleteActionClick(item) {
+        this.loading$.next(true);
+        this.documentenApiDocumentService.deleteDocument(item).subscribe(() => {
+            // TODO: Use refetchDocuments() or should we just remove the document from relatedFiles$?
+            this.refetchDocuments();
+        });
+    }
+    onDownloadActionClick(file) {
+        this.downloadDocument(file, true);
+    }
+    onFileSelected(event) {
+        this.fileToBeUploaded$.next(event.target.files[0]);
+        this.showModal$.next(null);
+    }
+    onNavigateToCaseAdminClick() {
+        this._documentDefinitionName$.pipe(take$1(1)).subscribe(documentDefinitionName => {
+            this.router.navigate([`/dossier-management/dossier/${documentDefinitionName}`]);
+        });
+    }
+    onRowClick(event) {
+        this.downloadDocument(event, false);
+    }
+    onUploadButtonClick() {
+        this.fileInput.nativeElement.click();
+    }
+    refetchDocuments() {
+        this._refetch$.next(null);
+    }
+    downloadDocument(relatedFile, forceDownload) {
+        this.downloadService.downloadFile(`/api/v1/documenten-api/${relatedFile.pluginConfigurationId}/files/${relatedFile.fileId}/download`, relatedFile.fileName, forceDownload);
+    }
+    getFields(fieldOptions, fieldsConfig) {
+        return fieldOptions.filter(fieldOption => fieldsConfig.includes(fieldOption.key));
+    }
+    setUploadProcessLinked() {
+        this._documentDefinitionName$
+            .pipe(switchMap$1(documentDefinitionName => this.uploadProviderService.checkUploadProcessLink(documentDefinitionName)), take$1(1), tap$1(() => {
+            this.uploadProcessLinkedSet = true;
+        }))
+            .subscribe((linked) => {
+            this.uploadProcessLinked = linked;
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DossierDetailTabDocumentenApiDocumentsComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i1$1.Router }, { token: i2$2.UploadProviderService }, { token: i2$2.DownloadService }, { token: i3$1.TranslateService }, { token: i2$1.ConfigService }, { token: i5$2.UserProviderService }, { token: i3.FileSortService }, { token: i2.IconService }, { token: DocumentenApiDocumentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: DossierDetailTabDocumentenApiDocumentsComponent, isStandalone: true, selector: "valtimo-dossier-detail-tab-documenten-api-documents", viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }, { propertyName: "sizeTemplate", first: true, predicate: ["sizeTemplate"], 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<div\n  class=\"carbon-document-table-wrapper\"\n  *ngIf=\"{\n    loading: loading$ | async,\n    uploading: uploading$ | async,\n    relatedFiles: relatedFiles$ | async\n  } as obs\"\n>\n  @if (!obs.loading && !obs.uploading && obs.relatedFiles) {\n    <ng-container\n      *ngTemplateOutlet=\"list; context: {relatedFiles: obs.relatedFiles}\"\n    ></ng-container>\n  } @else {\n    <ng-container *ngTemplateOutlet=\"listLoading\"></ng-container>\n  }\n</div>\n\n<valtimo-documenten-api-metadata-modal\n  [disabled$]=\"modalDisabled$\"\n  [file$]=\"fileToBeUploaded$\"\n  [hide$]=\"hideModal$\"\n  [show$]=\"showModal$\"\n  (metadata)=\"metadataSet($event)\"\n></valtimo-documenten-api-metadata-modal>\n\n<ng-template #list let-relatedFiles=\"relatedFiles\">\n  <valtimo-carbon-list\n    [actionItems]=\"actionItems\"\n    [items]=\"relatedFiles\"\n    [fields]=\"fields\"\n    (rowClicked)=\"onRowClick($event)\"\n    hideColumnHeader\n  >\n    <div carbonToolbarContent>\n      <input\n        [accept]=\"acceptedFiles\"\n        (change)=\"onFileSelected($event)\"\n        hidden\n        type=\"file\"\n        #fileInput\n      />\n\n      <ng-container *ngTemplateOutlet=\"uploadButton\"></ng-container>\n    </div>\n\n    @if (showZaakLinkWarning && isAdmin) {\n      <valtimo-no-results\n        [action]=\"navigateToCaseAdminButton\"\n        description=\"{{ 'dossier.documenten.noZaakFound' | translate }}\"\n        title=\"{{ 'dossier.documenten.noZaakFoundTitle' | translate }}\"\n      ></valtimo-no-results>\n    } @else {\n      <valtimo-no-results\n        [action]=\"uploadButton\"\n        description=\"{{ 'dossier.documenten.noFiles' | translate }}\"\n        title=\"{{ 'dossier.documenten.noFilesTitle' | translate }}\"\n      ></valtimo-no-results>\n    }\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #listLoading>\n  <valtimo-carbon-list [items]=\"[]\" [fields]=\"fields\" [loading]=\"true\" hideColumnHeader>\n    <div carbonToolbarContent>\n      <ng-container *ngTemplateOutlet=\"uploadButton; context: {disabled: true}\"></ng-container>\n    </div>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #downloadButton let-index=\"index\" let-item=\"item\">\n  <div\n    *ngIf=\"{isDownloading: indexesIncludeIndex(downloadingFileIndexes$ | async, index)} as vars\"\n    class=\"download-button-container\"\n  >\n    <button\n      *ngIf=\"!vars.isDownloading\"\n      cdsButton=\"primary\"\n      size=\"sm\"\n      (click)=\"downloadDocument(item, index)\"\n    >\n      {{ 'interface.download' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"download\" size=\"16\"></svg>\n    </button>\n\n    <cds-loading size=\"sm\" *ngIf=\"vars.isDownloading\"></cds-loading>\n  </div>\n</ng-template>\n\n<ng-template #dossierListActions>\n  <input [accept]=\"acceptedFiles\" (change)=\"onFileSelected($event)\" hidden type=\"file\" #fileInput />\n  <ng-container *ngTemplateOutlet=\"uploadButton\"></ng-container>\n</ng-template>\n\n<ng-template #uploadButton let-disabled=\"disabled\">\n  <button\n    [disabled]=\"(uploadProcessLinkedSet && !uploadProcessLinked) || showZaakLinkWarning || disabled\"\n    [vTooltip]=\"getUploadButtonTooltip() | translate\"\n    (click)=\"onUploadButtonClick()\"\n    cdsButton=\"primary\"\n  >\n    {{ 'Upload' | translate }}\n    <svg class=\"cds--btn__icon\" cdsIcon=\"upload\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #navigateToCaseAdminButton>\n  <button (click)=\"onNavigateToCaseAdminClick()\" cdsButton=\"primary\">\n    {{ 'dossier.documenten.navigateToCaseAdmin' | translate }}\n    <svg class=\"cds--btn__icon\" cdsIcon=\"settings\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #sizeTemplate let-data=\"data\">\n  <div class=\"documenten-api-documents-filesize-template\">\n    {{ bytesToMegabytes(data.item.sizeInBytes) }}\n  </div>\n</ng-template>\n", styles: [".hidden{display:none}.loading-container{padding:var(--cds-grid-margin);display:flex;align-items:center;justify-content:center}.carbon-document-table-wrapper{margin:0}.documenten-api-documents-filesize-template{text-align:right}\n/*!\n * Copyright 2015-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: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i3$2.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "header", "hideColumnHeader", "initialSortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i3$2.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title"] }, { kind: "component", type: DocumentenApiMetadataModalComponent, selector: "valtimo-documenten-api-metadata-modal", inputs: ["show$", "hide$", "disabled$", "file$", "documentTitle", "disableDocumentTitle", "filename", "disableFilename", "author", "disableAuthor", "status", "disableStatus", "language", "disableLanguage", "documentType", "disableDocumentType", "description", "disableDescription", "confidentialityLevel", "disableConfidentialityLevel", "trefwoorden", "disableTrefwoorden"], outputs: ["metadata"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DossierDetailTabDocumentenApiDocumentsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-dossier-detail-tab-documenten-api-documents', standalone: true, imports: [
+                        CommonModule,
+                        CarbonListModule,
+                        DocumentenApiMetadataModalComponent,
+                        ButtonModule,
+                        IconModule,
+                        TranslateModule,
+                    ], 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<div\n  class=\"carbon-document-table-wrapper\"\n  *ngIf=\"{\n    loading: loading$ | async,\n    uploading: uploading$ | async,\n    relatedFiles: relatedFiles$ | async\n  } as obs\"\n>\n  @if (!obs.loading && !obs.uploading && obs.relatedFiles) {\n    <ng-container\n      *ngTemplateOutlet=\"list; context: {relatedFiles: obs.relatedFiles}\"\n    ></ng-container>\n  } @else {\n    <ng-container *ngTemplateOutlet=\"listLoading\"></ng-container>\n  }\n</div>\n\n<valtimo-documenten-api-metadata-modal\n  [disabled$]=\"modalDisabled$\"\n  [file$]=\"fileToBeUploaded$\"\n  [hide$]=\"hideModal$\"\n  [show$]=\"showModal$\"\n  (metadata)=\"metadataSet($event)\"\n></valtimo-documenten-api-metadata-modal>\n\n<ng-template #list let-relatedFiles=\"relatedFiles\">\n  <valtimo-carbon-list\n    [actionItems]=\"actionItems\"\n    [items]=\"relatedFiles\"\n    [fields]=\"fields\"\n    (rowClicked)=\"onRowClick($event)\"\n    hideColumnHeader\n  >\n    <div carbonToolbarContent>\n      <input\n        [accept]=\"acceptedFiles\"\n        (change)=\"onFileSelected($event)\"\n        hidden\n        type=\"file\"\n        #fileInput\n      />\n\n      <ng-container *ngTemplateOutlet=\"uploadButton\"></ng-container>\n    </div>\n\n    @if (showZaakLinkWarning && isAdmin) {\n      <valtimo-no-results\n        [action]=\"navigateToCaseAdminButton\"\n        description=\"{{ 'dossier.documenten.noZaakFound' | translate }}\"\n        title=\"{{ 'dossier.documenten.noZaakFoundTitle' | translate }}\"\n      ></valtimo-no-results>\n    } @else {\n      <valtimo-no-results\n        [action]=\"uploadButton\"\n        description=\"{{ 'dossier.documenten.noFiles' | translate }}\"\n        title=\"{{ 'dossier.documenten.noFilesTitle' | translate }}\"\n      ></valtimo-no-results>\n    }\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #listLoading>\n  <valtimo-carbon-list [items]=\"[]\" [fields]=\"fields\" [loading]=\"true\" hideColumnHeader>\n    <div carbonToolbarContent>\n      <ng-container *ngTemplateOutlet=\"uploadButton; context: {disabled: true}\"></ng-container>\n    </div>\n  </valtimo-carbon-list>\n</ng-template>\n\n<ng-template #downloadButton let-index=\"index\" let-item=\"item\">\n  <div\n    *ngIf=\"{isDownloading: indexesIncludeIndex(downloadingFileIndexes$ | async, index)} as vars\"\n    class=\"download-button-container\"\n  >\n    <button\n      *ngIf=\"!vars.isDownloading\"\n      cdsButton=\"primary\"\n      size=\"sm\"\n      (click)=\"downloadDocument(item, index)\"\n    >\n      {{ 'interface.download' | translate }}\n\n      <svg class=\"cds--btn__icon\" cdsIcon=\"download\" size=\"16\"></svg>\n    </button>\n\n    <cds-loading size=\"sm\" *ngIf=\"vars.isDownloading\"></cds-loading>\n  </div>\n</ng-template>\n\n<ng-template #dossierListActions>\n  <input [accept]=\"acceptedFiles\" (change)=\"onFileSelected($event)\" hidden type=\"file\" #fileInput />\n  <ng-container *ngTemplateOutlet=\"uploadButton\"></ng-container>\n</ng-template>\n\n<ng-template #uploadButton let-disabled=\"disabled\">\n  <button\n    [disabled]=\"(uploadProcessLinkedSet && !uploadProcessLinked) || showZaakLinkWarning || disabled\"\n    [vTooltip]=\"getUploadButtonTooltip() | translate\"\n    (click)=\"onUploadButtonClick()\"\n    cdsButton=\"primary\"\n  >\n    {{ 'Upload' | translate }}\n    <svg class=\"cds--btn__icon\" cdsIcon=\"upload\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #navigateToCaseAdminButton>\n  <button (click)=\"onNavigateToCaseAdminClick()\" cdsButton=\"primary\">\n    {{ 'dossier.documenten.navigateToCaseAdmin' | translate }}\n    <svg class=\"cds--btn__icon\" cdsIcon=\"settings\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #sizeTemplate let-data=\"data\">\n  <div class=\"documenten-api-documents-filesize-template\">\n    {{ bytesToMegabytes(data.item.sizeInBytes) }}\n  </div>\n</ng-template>\n", styles: [".hidden{display:none}.loading-container{padding:var(--cds-grid-margin);display:flex;align-items:center;justify-content:center}.carbon-document-table-wrapper{margin:0}.documenten-api-documents-filesize-template{text-align:right}\n/*!\n * Copyright 2015-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.ActivatedRoute }, { type: i1$1.Router }, { type: i2$2.UploadProviderService }, { type: i2$2.DownloadService }, { type: i3$1.TranslateService }, { type: i2$1.ConfigService }, { type: i5$2.UserProviderService }, { type: i3.FileSortService }, { type: i2.IconService }, { type: DocumentenApiDocumentService }], propDecorators: { fileInput: [{
+                type: ViewChild,
+                args: ['fileInput']
+            }], sizeTemplate: [{
+                type: ViewChild,
+                args: ['sizeTemplate']
+            }] } });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DossierManagementLinkProcessComponent {
+    constructor(configService, route, documentenApiLinkProcessService, documentenApiVersionService) {
+        this.configService = configService;
+        this.route = route;
+        this.documentenApiLinkProcessService = documentenApiLinkProcessService;
+        this.documentenApiVersionService = documentenApiVersionService;
+        this.documentenApiUploadProviders$ = new BehaviorSubject(false);
+        this._documentDefinitionName$ = this.route.params.pipe(map(params => params?.name), filter$1(name => !!name));
+        this.selectedProcessKey$ = new BehaviorSubject('');
+        this.processItems$ = combineLatest([
+            this.documentenApiLinkProcessService.getProcessDefinitions(),
+            this.selectedProcessKey$,
+        ]).pipe(map(([definitions, selectedProcessKey]) => (definitions || [])
+            .filter(definition => !!definition?.key)
+            .map(process => ({
+            content: process?.name || '-',
+            id: process.key,
+            selected: selectedProcessKey === process.key,
+        }))), tap(() => this.documentenApiVersionService.refresh()));
+        this.disabled$ = new BehaviorSubject(false);
+    }
+    ngOnInit() {
+        this.setDocumentenApiUploaderProvider(this.configService.config);
+    }
+    selectProcess(item) {
+        const processDefinitionKey = item?.id;
+        this.disabled$.next(true);
+        const currentSelectionId = this.selectedProcessKey$.getValue();
+        if (processDefinitionKey && processDefinitionKey !== currentSelectionId) {
+            this.disabled$.next(true);
+            this._documentDefinitionName$
+                .pipe(switchMap(documentDefinitionName => this.documentenApiLinkProcessService.updateLinkedUploadProcess(documentDefinitionName, processDefinitionKey)))
+                .subscribe(processLink => {
+                this.selectedProcessKey$.next(processLink.processDefinitionKey);
+                this.disabled$.next(false);
+            });
+        }
+        else if (!processDefinitionKey) {
+            this._documentDefinitionName$
+                .pipe(switchMap(documentDefinitionName => this.documentenApiLinkProcessService.deleteLinkedUploadProcess(documentDefinitionName)))
+                .subscribe(() => {
+                this.selectedProcessKey$.next('');
+                this.disabled$.next(false);
+            });
+        }
+    }
+    setDocumentenApiUploaderProvider(config) {
+        const hasDocumentenApiUploadProvider = config.uploadProvider === UploadProvider.DOCUMENTEN_API;
+        this.documentenApiUploadProviders$.next(hasDocumentenApiUploadProvider);
+        if (hasDocumentenApiUploadProvider)
+            this.getDefaultSelection();
+    }
+    getDefaultSelection() {
+        this._documentDefinitionName$
+            .pipe(switchMap(documentDefinitionName => this.documentenApiLinkProcessService.getLinkedUploadProcess(documentDefinitionName)))
+            .subscribe(linkedUploadProcess => {
+            if (linkedUploadProcess) {
+                this.selectedProcessKey$.next(linkedUploadProcess.processDefinitionKey);
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DossierManagementLinkProcessComponent, deps: [{ token: i2$1.ConfigService }, { token: i1$1.ActivatedRoute }, { token: DocumentenApiLinkProcessService }, { token: DocumentenApiVersionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: DossierManagementLinkProcessComponent, isStandalone: true, selector: "valtimo-dossier-management-link-process", 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<ng-container *ngIf=\"documentenApiUploadProviders$ | async\">\n  <h2 class=\"mb-4\">{{ 'dossierManagement.linkProcess.title' | translate }}</h2>\n\n  <v-paragraph [margin]=\"true\">{{\n    'dossierManagement.linkProcess.description' | translate\n  }}</v-paragraph>\n\n  <ng-container\n    *ngIf=\"{\n      processItems: processItems$ | async,\n      disabled: disabled$ | async\n    } as obs\"\n  >\n    <cds-combo-box\n      [appendInline]=\"true\"\n      (selected)=\"selectProcess($event)\"\n      [disabled]=\"obs.disabled || !obs.processItems\"\n    >\n      <cds-dropdown-list [items]=\"obs.processItems || []\"></cds-dropdown-list>\n    </cds-combo-box>\n  </ng-container>\n</ng-container>\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: ParagraphModule }, { kind: "component", type: i3$2.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ComboBoxModule }, { kind: "component", type: i2.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "items", "type", "size", "itemValueKey", "label", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i2.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DossierManagementLinkProcessComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-dossier-management-link-process', standalone: true, imports: [CommonModule, ParagraphModule, TranslateModule, 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<ng-container *ngIf=\"documentenApiUploadProviders$ | async\">\n  <h2 class=\"mb-4\">{{ 'dossierManagement.linkProcess.title' | translate }}</h2>\n\n  <v-paragraph [margin]=\"true\">{{\n    'dossierManagement.linkProcess.description' | translate\n  }}</v-paragraph>\n\n  <ng-container\n    *ngIf=\"{\n      processItems: processItems$ | async,\n      disabled: disabled$ | async\n    } as obs\"\n  >\n    <cds-combo-box\n      [appendInline]=\"true\"\n      (selected)=\"selectProcess($event)\"\n      [disabled]=\"obs.disabled || !obs.processItems\"\n    >\n      <cds-dropdown-list [items]=\"obs.processItems || []\"></cds-dropdown-list>\n    </cds-combo-box>\n  </ng-container>\n</ng-container>\n" }]
+        }], ctorParameters: () => [{ type: i2$1.ConfigService }, { type: i1$1.ActivatedRoute }, { type: DocumentenApiLinkProcessService }, { type: DocumentenApiVersionService }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DocumentenApiVersionComponent {
+    constructor(route, documentenApiVersionService) {
+        this.route = route;
+        this.documentenApiVersionService = documentenApiVersionService;
+        this.loading$ = new BehaviorSubject(true);
+        this.documentDefinitionName$ = this.route.params.pipe(map(params => params.name || ''), filter$1(documentDefinitionName => !!documentDefinitionName));
+        this.documentenApiVersion$ = combineLatest([this.documentDefinitionName$, this.documentenApiVersionService.refresh$]).pipe(tap(() => this.loading$.next(true)), switchMap(([documentDefinitionName]) => this.documentenApiVersionService.getManagementApiVersion(documentDefinitionName)), tap(() => this.loading$.next(false)));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentenApiVersionComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: DocumentenApiVersionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: DocumentenApiVersionComponent, isStandalone: true, selector: "valtimo-documenten-api-version", 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<div class=\"input-group mt-4 mb-2 align-items-center\">\n  <div>\n    <h2>{{ 'openZaak.documentenApi.title' | translate }}</h2>\n  </div>\n</div>\n\n<ng-container\n  *ngIf=\"{\n    loading: loading$ | async,\n    documentenApiVersion: documentenApiVersion$ | async\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <ng-container\n      *ngIf=\"obs.documentenApiVersion.selectedVersion; else noDocumentenApiVersionWarning\"\n    >\n      <ng-container\n        *ngIf=\"\n          obs.documentenApiVersion.detectedVersions.length === 1;\n          else multipleDocumentenApiVersionsWarning\n        \"\n      >\n        {{ 'openZaak.documentenApi.documentenApiVersion' | translate }}\n        <strong> {{ obs.documentenApiVersion.selectedVersion }} </strong>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #noDocumentenApiVersionWarning>\n  <div class=\"pb-2\">\n    <cds-notification\n      class=\"full-width-notification\"\n      [notificationObj]=\"{\n        type: 'warning',\n        title: 'openZaak.documentenApi.noVersionWarningTitle' | translate,\n        message: 'openZaak.documentenApi.noVersionWarningMessage' | translate,\n        showClose: false\n      }\"\n    >\n    </cds-notification>\n  </div>\n</ng-template>\n\n<ng-template #multipleDocumentenApiVersionsWarning>\n  <div class=\"pb-2\">\n    <cds-notification\n      class=\"full-width-notification\"\n      [notificationObj]=\"{\n        type: 'warning',\n        title: 'openZaak.documentenApi.multipleVersionsWarningTitle' | translate,\n        message: 'openZaak.documentenApi.multipleVersionsWarningMessage' | translate,\n        showClose: false\n      }\"\n    >\n    </cds-notification>\n  </div>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"loading-container pb-2\">\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n</ng-template>\n", styles: [".loading-container{display:flex;width:100%;justify-content:center}\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: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "component", type: i2.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentenApiVersionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-documenten-api-version', standalone: true, imports: [CommonModule, TranslateModule, LoadingModule, 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<div class=\"input-group mt-4 mb-2 align-items-center\">\n  <div>\n    <h2>{{ 'openZaak.documentenApi.title' | translate }}</h2>\n  </div>\n</div>\n\n<ng-container\n  *ngIf=\"{\n    loading: loading$ | async,\n    documentenApiVersion: documentenApiVersion$ | async\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <ng-container\n      *ngIf=\"obs.documentenApiVersion.selectedVersion; else noDocumentenApiVersionWarning\"\n    >\n      <ng-container\n        *ngIf=\"\n          obs.documentenApiVersion.detectedVersions.length === 1;\n          else multipleDocumentenApiVersionsWarning\n        \"\n      >\n        {{ 'openZaak.documentenApi.documentenApiVersion' | translate }}\n        <strong> {{ obs.documentenApiVersion.selectedVersion }} </strong>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #noDocumentenApiVersionWarning>\n  <div class=\"pb-2\">\n    <cds-notification\n      class=\"full-width-notification\"\n      [notificationObj]=\"{\n        type: 'warning',\n        title: 'openZaak.documentenApi.noVersionWarningTitle' | translate,\n        message: 'openZaak.documentenApi.noVersionWarningMessage' | translate,\n        showClose: false\n      }\"\n    >\n    </cds-notification>\n  </div>\n</ng-template>\n\n<ng-template #multipleDocumentenApiVersionsWarning>\n  <div class=\"pb-2\">\n    <cds-notification\n      class=\"full-width-notification\"\n      [notificationObj]=\"{\n        type: 'warning',\n        title: 'openZaak.documentenApi.multipleVersionsWarningTitle' | translate,\n        message: 'openZaak.documentenApi.multipleVersionsWarningMessage' | translate,\n        showClose: false\n      }\"\n    >\n    </cds-notification>\n  </div>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"loading-container pb-2\">\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n</ng-template>\n", styles: [".loading-container{display:flex;width:100%;justify-content:center}\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.ActivatedRoute }, { type: DocumentenApiVersionService }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const documentenApiUploaderEditForm = () => ({
+    components: [
+        { key: 'type', type: 'hidden' },
+        {
+            type: 'textfield',
+            input: true,
+            key: 'label',
+            label: 'Label',
+            placeholder: 'Label',
+            validate: {
+                required: true,
+            },
+        },
+        {
+            type: 'checkbox',
+            input: true,
+            inputType: 'checkbox',
+            key: 'validate.required',
+            label: 'Required',
+            validate: {
+                required: false,
+            },
+        },
+        {
+            type: 'textfield',
+            input: true,
+            key: 'key',
+            label: 'Property Name',
+            placeholder: 'Property Name',
+            tooltip: 'The name of this field in the API endpoint.',
+            validate: {
+                required: true,
+            },
+        },
+        {
+            type: 'textfield',
+            input: true,
+            key: 'customOptions.title',
+            label: 'Title',
+            placeholder: 'Title',
+            tooltip: 'Leave empty to use the default title',
+            validate: {
+                required: false,
+            },
+        },
+        {
+            type: 'checkbox',
+            input: true,
+            inputType: 'checkbox',
+            key: 'customOptions.hideTitle',
+            label: 'Hide title',
+            validate: {
+                required: false,
+            },
+        },
+        {
+            type: 'textfield',
+            input: true,
+            key: 'customOptions.subtitle',
+            label: 'Subtitle',
+            placeholder: 'Title',
+            tooltip: 'Leave empty to hide subtitle',
+            validate: {
+                required: false,
+            },
+        },
+        {
+            type: 'number',
+            input: true,
+            key: 'customOptions.maxFileSize',
+            label: 'Maximum file size',
+            placeholder: 'Maximum file size',
+            defaultValue: 5,
+            validate: {
+                required: true,
+            },
+        },
+        {
+            type: 'checkbox',
+            input: true,
+            inputType: 'checkbox',
+            key: 'customOptions.hideMaxFileSize',
+            label: 'Hide maximum file size',
+            validate: {
+                required: false,
+            },
+        },
+        {
+            type: 'checkbox',
+            input: true,
+            inputType: 'checkbox',
+            key: 'customOptions.camera',
+            label: 'Allow camera uploads',
+            validate: {
+                required: false,
+            },
+        },
+        {
+            type: 'textfield',
+            input: true,
+            key: 'customOptions.documentTitle',
+            label: 'Default document title',
+            tooltip: 'Leave empty to let the user input their own title',
+            validate: {
+                required: false,
+            },
+        },
+        {
+            type: 'checkbox',
+            input: true,
+            inputType: 'checkbox',
+            key: 'customOptions.disableDocumentTitle',
+            label: 'Disable document title input',
+            validate: {
+                required: false,
+            },
+        },
+        {
+            type: 'textfield',
+            input: true,
+            key: 'customOptions.filename',
+            label: 'Default filename',
+            tooltip: 'Leave empty to let the user input their own filename',
+            validate: {
+                required: false,
+            },
+        },
+        {
+            type: 'checkbox',
+            input: true,
+            inputType: 'checkbox',
+            key: 'customOptions.disableFilename',
+            label: 'Disable filename input',
+            validate: {
+                required: false,
+            },
+        },
+        {
+            type: 'textfield',
+            input: true,
+            key: 'customOptions.author',
+            label: 'Default author',
+            tooltip: 'Leave empty to let the user input their own author',
+            validate: {
+                required: false,
+            },
+        },
+        {
+            type: 'checkbox',
+            input: true,
+            inputType: 'checkbox',
+            key: 'customOptions.disableAuthor',
+            label: 'Disable author input',
+            validate: {
+                required: false,
+            },
+        },
+        {
+            type: 'select',
+            label: 'Default status',
+            key: 'customOptions.status',
+            placeholder: 'Select a default status',
+            data: {
+                values: [
+                    { value: 'in_bewerking', label: 'In editing' },
+                    { value: 'ter_vaststelling', label: 'To be confirmed' },
+                    { value: 'definitief', label: 'Definitive' },
+                    { value: 'gearchiveerd', label: 'Archived' },
+                ],
+            },
+            dataSrc: 'values',
+            input: true,
+            validate: {
+                required: false,
+            },
+        },
+        {
+            type: 'checkbox',
+            input: true,
+            inputType: 'checkbox',
+            key: 'customOptions.disableStatus',
+            label: 'Disable status input',
+            validate: {
+                required: false,
+            },
+        },
+        {
+            type: 'select',
+            label: 'Default language',
+            key: 'customOptions.language',
+            placeholder: 'Select a default language',
+            data: {
+                values: [
+                    { value: 'nld', label: 'Dutch' },
+                    { value: 'eng', label: 'English' },
+                    { value: 'deu', label: 'German' },
+                ],
+            },
+            dataSrc: 'values',
+            input: true,
+            validate: {
+                required: false,
+            },
+        },
+        {
+            type: 'checkbox',
+            input: true,
+            inputType: 'checkbox',
+            key: 'customOptions.disableLanguage',
+            label: 'Disable language input',
+            validate: {
+                required: false,
+            },
+        },
+        {
+            type: 'textfield',
+            input: true,
+            key: 'customOptions.documentType',
+            label: 'Default document type url',
+            tooltip: 'Must match the document type url exactly. Leave empty to let the user input their own document type',
+            validate: {
+                required: false,
+            },
+        },
+        {
+            type: 'checkbox',
+            input: true,
+            inputType: 'checkbox',
+            key: 'customOptions.disableDocumentType',
+            label: 'Disable document type input',
+            validate: {
+                required: false,
+            },
+        },
+        {
+            type: 'textfield',
+            input: true,
+            key: 'customOptions.description',
+            label: 'Default description',
+            tooltip: 'Leave empty to let the user input their own description',
+            validate: {
+                required: false,
+            },
+        },
+        {
+            type: 'checkbox',
+            input: true,
+            inputType: 'checkbox',
+            key: 'customOptions.disableDescription',
+            label: 'Disable description input',
+            validate: {
+                required: false,
+            },
+        },
+        {
+            type: 'select',
+            label: 'Default confidentiality level',
+            key: 'customOptions.confidentialityLevel',
+            placeholder: 'Select a default confidentiality level',
+            data: {
+                values: [
+                    { value: 'openbaar', label: 'Public' },
+                    { value: 'beperkt_openbaar', label: 'Restricted public' },
+                    { value: 'intern', label: 'Internal' },
+                    { value: 'zaakvertrouwelijk', label: 'Case confidential' },
+                    { value: 'vertrouwelijk', label: 'Private' },
+                    { value: 'confidentieel', label: 'Confidential' },
+                    { value: 'geheim', label: 'Secret' },
+                    { value: 'zeer_geheim', label: 'Very secret' },
+                ],
+            },
+            dataSrc: 'values',
+            input: true,
+            validate: {
+                required: false,
+            },
+        },
+        {
+            type: 'checkbox',
+            input: true,
+            inputType: 'checkbox',
+            key: 'customOptions.disableConfidentialityLevel',
+            label: 'Disable confidentiality level input',
+            validate: {
+                required: false,
+            },
+        },
+    ],
+});
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DocumentenApiUploaderComponent {
+    constructor(uploadProviderService, stateService, domService, downloadService, modalService, userProviderService, route) {
+        this.uploadProviderService = uploadProviderService;
+        this.stateService = stateService;
+        this.domService = domService;
+        this.downloadService = downloadService;
+        this.modalService = modalService;
+        this.userProviderService = userProviderService;
+        this.route = route;
+        this.valueChange = new EventEmitter();
+        this.uploading$ = new BehaviorSubject(false);
+        this.fileToBeUploaded$ = new BehaviorSubject(null);
+        this.modalDisabled$ = new BehaviorSubject(false);
+        this.showModal$ = new Subject();
+        this.hideModal$ = new Subject();
+        this.uploadProcessLinked$ = combineLatest([
+            this.route?.params || of(null),
+            this.route?.firstChild?.params || of(null),
+            this.modalService.documentDefinitionName$,
+        ]).pipe(filter$1(([params, firstChildParams, documentDefinitionName]) => !!(params?.documentDefinitionName ||
+            firstChildParams?.documentDefinitionName ||
+            documentDefinitionName)), switchMap(([params, firstChildParams, documentDefinitionName]) => this.uploadProviderService.checkUploadProcessLink(params?.documentDefinitionName ||
+            firstChildParams?.documentDefinitionName ||
+            documentDefinitionName)), startWith('loading'));
+        this.isAdmin$ = this.userProviderService
+            .getUserSubject()
+            .pipe(map$1(userIdentity => userIdentity?.roles.includes('ROLE_ADMIN')));
+        this._value = [];
+    }
+    get value() {
+        return this._value;
+    }
+    set value(value) {
+        if (Array.isArray(value)) {
+            this._value = value;
+        }
+    }
+    fileSelected(file) {
+        this.fileToBeUploaded$.next(file);
+        this.showModal$.next(null);
+    }
+    deleteFile(id) {
+        this.domService.toggleSubmitButton(true);
+        this._value = this._value.filter((file) => file?.id ? file?.id !== id : true);
+        this.valueChange.emit(this._value);
+    }
+    metadataSet(metadata) {
+        this.uploading$.next(true);
+        this.hideModal$.next(null);
+        this.domService.toggleSubmitButton(true);
+        this.fileToBeUploaded$
+            .pipe(take$1(1), switchMap(file => this.uploadProviderService.uploadTempFileWithMetadata(file, metadata)), tap$1(result => {
+            this.domService.toggleSubmitButton(false);
+            this.uploading$.next(false);
+            this._value.push(result);
+            this.valueChange.emit(this._value);
+        }))
+            .subscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentenApiUploaderComponent, deps: [{ token: i2$2.UploadProviderService }, { token: i3$2.FormIoStateService }, { token: i3$2.FormIoDomService }, { token: i2$2.DownloadService }, { token: i3$2.ValtimoModalService }, { token: i5$2.UserProviderService }, { token: i1$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: DocumentenApiUploaderComponent, selector: "valtimo-documenten-api-formio-uploader", inputs: { disabled: "disabled", title: "title", hideTitle: "hideTitle", subtitle: "subtitle", maxFileSize: "maxFileSize", hideMaxFileSize: "hideMaxFileSize", camera: "camera", documentTitle: "documentTitle", disableDocumentTitle: "disableDocumentTitle", filename: "filename", disableFilename: "disableFilename", author: "author", disableAuthor: "disableAuthor", status: "status", disableStatus: "disableStatus", language: "language", disableLanguage: "disableLanguage", documentType: "documentType", disableDocumentType: "disableDocumentType", description: "description", disableDescription: "disableDescription", confidentialityLevel: "confidentialityLevel", disableConfidentialityLevel: "disableConfidentialityLevel", value: "value" }, outputs: { valueChange: "valueChange" }, 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<ng-container *ngIf=\"{linked: uploadProcessLinked$ | async, isAdmin: isAdmin$ | async} as obs\">\n  <div *ngIf=\"obs.linked === false\">\n    <div\n      *ngIf=\"obs.isAdmin\"\n      [translate]=\"'dossier.documenten.noProcessLinked.adminRole'\"\n      class=\"bg-warning text-black mb-2 p-3 text-center\"\n    ></div>\n    <div\n      *ngIf=\"!obs.isAdmin\"\n      [translate]=\"'dossier.documenten.noProcessLinked.regularUser'\"\n      class=\"bg-warning text-black mb-2 p-3 text-center\"\n    ></div>\n  </div>\n  <valtimo-dropzone\n    (fileSelected)=\"fileSelected($event)\"\n    [acceptedFiles]=\"null\"\n    [camera]=\"camera\"\n    [disabled]=\"disabled || obs.linked === false || obs.linked === 'loading'\"\n    [hideFilePreview]=\"true\"\n    [hideTitle]=\"hideTitle\"\n    [maxFileSize]=\"maxFileSize\"\n    [maxFiles]=\"1\"\n    [showMaxFileSize]=\"!hideMaxFileSize\"\n    [subtitle]=\"subtitle\"\n    [title]=\"title\"\n    [uploading]=\"uploading$ | async\"\n  ></valtimo-dropzone>\n</ng-container>\n\n<div *ngFor=\"let resource of _value\" class=\"file-preview\">\n  <div class=\"file-preview-name\">\n    <span>\n      {{ resource.filename }}\n    </span>\n  </div>\n  <div class=\"file-preview-size\">\n    <span>\n      {{ resource.sizeInBytes | filesize }}\n    </span>\n  </div>\n  <div *ngIf=\"!disabled\" class=\"file-preview-delete\">\n    <a (click)=\"deleteFile(resource.id)\">\n      <i class=\"icon mdi mdi-delete\"></i>\n    </a>\n  </div>\n</div>\n\n<valtimo-documenten-api-metadata-modal\n  (metadata)=\"metadataSet($event)\"\n  [author]=\"author\"\n  [confidentialityLevel]=\"confidentialityLevel\"\n  [description]=\"description\"\n  [disableAuthor]=\"disableAuthor\"\n  [disableConfidentialityLevel]=\"disableConfidentialityLevel\"\n  [disableDescription]=\"disableDescription\"\n  [disableDocumentTitle]=\"disableDocumentTitle\"\n  [disableDocumentType]=\"disableDocumentType\"\n  [disableFilename]=\"disableFilename\"\n  [disableLanguage]=\"disableLanguage\"\n  [disableStatus]=\"disableStatus\"\n  [disabled$]=\"modalDisabled$\"\n  [documentTitle]=\"documentTitle\"\n  [documentType]=\"documentType\"\n  [file$]=\"fileToBeUploaded$\"\n  [filename]=\"filename\"\n  [hide$]=\"hideModal$\"\n  [language]=\"language\"\n  [show$]=\"showModal$\"\n  [status]=\"status\"\n></valtimo-documenten-api-metadata-modal>\n", styles: [".progress-bar-container{padding:15px 20px}::ng-deep .formio-component-valtimo-file .formio-button-add-another,::ng-deep .formio-component-valtimo-file .btn-secondary{display:none}::ng-deep .formio-component-valtimo-file td{padding:0!important;border:none}::ng-deep .formio-component-valtimo-file .table{border-collapse:collapse;border:none;margin:10px 0}.dropzone-container{margin-bottom:12px}.file-preview{margin-top:-1px;display:flex;border:1px solid #dee2e6}.file-preview div{padding:12px 10px}.file-preview .file-preview-name{width:65%}.file-preview .file-preview-size{width:35%}.file-preview .icon{color:#a1a1a1;font-size:1.3846rem;line-height:18px;cursor:pointer}.file-preview .icon:hover{color:gray}\n/*!\n * Copyright 2015-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: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.DropzoneComponent, selector: "valtimo-dropzone", inputs: ["title", "hideTitle", "subtitle", "externalError$", "maxFileSize", "showMaxFileSize", "acceptedFiles", "clear$", "disabled", "hideFilePreview", "uploading", "camera", "maxFiles"], outputs: ["fileSelected"] }, { kind: "directive", type: i3$1.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: DocumentenApiMetadataModalComponent, selector: "valtimo-documenten-api-metadata-modal", inputs: ["show$", "hide$", "disabled$", "file$", "documentTitle", "disableDocumentTitle", "filename", "disableFilename", "author", "disableAuthor", "status", "disableStatus", "language", "disableLanguage", "documentType", "disableDocumentType", "description", "disableDescription", "confidentialityLevel", "disableConfidentialityLevel", "trefwoorden", "disableTrefwoorden"], outputs: ["metadata"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$2.FileSizePipe, name: "filesize" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentenApiUploaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-documenten-api-formio-uploader', 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<ng-container *ngIf=\"{linked: uploadProcessLinked$ | async, isAdmin: isAdmin$ | async} as obs\">\n  <div *ngIf=\"obs.linked === false\">\n    <div\n      *ngIf=\"obs.isAdmin\"\n      [translate]=\"'dossier.documenten.noProcessLinked.adminRole'\"\n      class=\"bg-warning text-black mb-2 p-3 text-center\"\n    ></div>\n    <div\n      *ngIf=\"!obs.isAdmin\"\n      [translate]=\"'dossier.documenten.noProcessLinked.regularUser'\"\n      class=\"bg-warning text-black mb-2 p-3 text-center\"\n    ></div>\n  </div>\n  <valtimo-dropzone\n    (fileSelected)=\"fileSelected($event)\"\n    [acceptedFiles]=\"null\"\n    [camera]=\"camera\"\n    [disabled]=\"disabled || obs.linked === false || obs.linked === 'loading'\"\n    [hideFilePreview]=\"true\"\n    [hideTitle]=\"hideTitle\"\n    [maxFileSize]=\"maxFileSize\"\n    [maxFiles]=\"1\"\n    [showMaxFileSize]=\"!hideMaxFileSize\"\n    [subtitle]=\"subtitle\"\n    [title]=\"title\"\n    [uploading]=\"uploading$ | async\"\n  ></valtimo-dropzone>\n</ng-container>\n\n<div *ngFor=\"let resource of _value\" class=\"file-preview\">\n  <div class=\"file-preview-name\">\n    <span>\n      {{ resource.filename }}\n    </span>\n  </div>\n  <div class=\"file-preview-size\">\n    <span>\n      {{ resource.sizeInBytes | filesize }}\n    </span>\n  </div>\n  <div *ngIf=\"!disabled\" class=\"file-preview-delete\">\n    <a (click)=\"deleteFile(resource.id)\">\n      <i class=\"icon mdi mdi-delete\"></i>\n    </a>\n  </div>\n</div>\n\n<valtimo-documenten-api-metadata-modal\n  (metadata)=\"metadataSet($event)\"\n  [author]=\"author\"\n  [confidentialityLevel]=\"confidentialityLevel\"\n  [description]=\"description\"\n  [disableAuthor]=\"disableAuthor\"\n  [disableConfidentialityLevel]=\"disableConfidentialityLevel\"\n  [disableDescription]=\"disableDescription\"\n  [disableDocumentTitle]=\"disableDocumentTitle\"\n  [disableDocumentType]=\"disableDocumentType\"\n  [disableFilename]=\"disableFilename\"\n  [disableLanguage]=\"disableLanguage\"\n  [disableStatus]=\"disableStatus\"\n  [disabled$]=\"modalDisabled$\"\n  [documentTitle]=\"documentTitle\"\n  [documentType]=\"documentType\"\n  [file$]=\"fileToBeUploaded$\"\n  [filename]=\"filename\"\n  [hide$]=\"hideModal$\"\n  [language]=\"language\"\n  [show$]=\"showModal$\"\n  [status]=\"status\"\n></valtimo-documenten-api-metadata-modal>\n", styles: [".progress-bar-container{padding:15px 20px}::ng-deep .formio-component-valtimo-file .formio-button-add-another,::ng-deep .formio-component-valtimo-file .btn-secondary{display:none}::ng-deep .formio-component-valtimo-file td{padding:0!important;border:none}::ng-deep .formio-component-valtimo-file .table{border-collapse:collapse;border:none;margin:10px 0}.dropzone-container{margin-bottom:12px}.file-preview{margin-top:-1px;display:flex;border:1px solid #dee2e6}.file-preview div{padding:12px 10px}.file-preview .file-preview-name{width:65%}.file-preview .file-preview-size{width:35%}.file-preview .icon{color:#a1a1a1;font-size:1.3846rem;line-height:18px;cursor:pointer}.file-preview .icon:hover{color:gray}\n/*!\n * Copyright 2015-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: i2$2.UploadProviderService }, { type: i3$2.FormIoStateService }, { type: i3$2.FormIoDomService }, { type: i2$2.DownloadService }, { type: i3$2.ValtimoModalService }, { type: i5$2.UserProviderService }, { type: i1$1.ActivatedRoute }], propDecorators: { disabled: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], hideTitle: [{
+                type: Input
+            }], subtitle: [{
+                type: Input
+            }], maxFileSize: [{
+                type: Input
+            }], hideMaxFileSize: [{
+                type: Input
+            }], camera: [{
+                type: Input
+            }], documentTitle: [{
+                type: Input
+            }], disableDocumentTitle: [{
+                type: Input
+            }], filename: [{
+                type: Input
+            }], disableFilename: [{
+                type: Input
+            }], author: [{
+                type: Input
+            }], disableAuthor: [{
+                type: Input
+            }], status: [{
+                type: Input
+            }], disableStatus: [{
+                type: Input
+            }], language: [{
+                type: Input
+            }], disableLanguage: [{
+                type: Input
+            }], documentType: [{
+                type: Input
+            }], disableDocumentType: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], disableDescription: [{
+                type: Input
+            }], confidentialityLevel: [{
+                type: Input
+            }], disableConfidentialityLevel: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], value: [{
+                type: Input
+            }] } });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const customDocumentApiUploaderType = 'documenten-api-file';
+const COMPONENT_OPTIONS = {
+    type: customDocumentApiUploaderType,
+    selector: 'documenten-api-form-io-uploader',
+    title: 'Documenten API File Upload',
+    group: 'advanced',
+    icon: 'upload',
+    // set empty value to force formio to accept arrays as valid input value for this field type
+    emptyValue: [],
+    editForm: documentenApiUploaderEditForm,
+};
+function registerDocumentenApiFormioUploadComponent(injector) {
+    const originalUploadComponent = createCustomFormioComponent(COMPONENT_OPTIONS);
+    // override setValue function to allow for setting an array value
+    class UploaderComponent extends originalUploadComponent {
+        setValue(value) {
+            if (!this._customAngularElement) {
+                return false;
+            }
+            this._customAngularElement.value = value;
+            return true;
+        }
+    }
+    if (!customElements.get(COMPONENT_OPTIONS.selector)) {
+        registerCustomFormioComponentWithClass(COMPONENT_OPTIONS, DocumentenApiUploaderComponent, UploaderComponent, injector);
+    }
+}
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ZaakobjectenService {
+    constructor(configService, http) {
+        this.configService = configService;
+        this.http = http;
+        this.VALTIMO_API_ENDPOINT_URI = this.configService.config.valtimoApi.endpointUri;
+    }
+    getDocumentObjectTypes(documentId) {
+        return this.http.get(`${this.VALTIMO_API_ENDPOINT_URI}v1/document/${documentId}/zaak/objecttype`);
+    }
+    getDocumentObjectsOfType(documentId, typeUrl) {
+        return this.http.get(`${this.VALTIMO_API_ENDPOINT_URI}v1/document/${documentId}/zaak/object?typeUrl=${typeUrl}`);
+    }
+    getObjectTypeForm(documentId, objectUrl) {
+        return this.http.get(`${this.VALTIMO_API_ENDPOINT_URI}v1/document/${documentId}/zaak/object/form?objectUrl=${objectUrl}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ZaakobjectenService, deps: [{ token: i2$1.ConfigService }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ZaakobjectenService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ZaakobjectenService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i2$1.ConfigService }, { type: i1.HttpClient }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DossierDetailTabZaakobjectenComponent {
+    constructor(route, zaakobjectenService, modalService) {
+        this.route = route;
+        this.zaakobjectenService = zaakobjectenService;
+        this.modalService = modalService;
+        this.documentId$ = this.route.params.pipe(map(params => params.documentId));
+        this.objecttypes$ = this.documentId$.pipe(switchMap(documentId => this.zaakobjectenService.getDocumentObjectTypes(documentId)));
+        this.objecttypeSelectItems$ = this.objecttypes$.pipe(map(objecttypes => objecttypes.map(type => ({ id: type.url, text: type.name || '-' }))));
+        this.selectedObjecttypeUrl$ = new BehaviorSubject(null);
+        this.objects$ = combineLatest([
+            this.documentId$,
+            this.selectedObjecttypeUrl$,
+        ]).pipe(switchMap(([documentId, selectedObjecttypeUrl]) => documentId && selectedObjecttypeUrl
+            ? this.zaakobjectenService
+                .getDocumentObjectsOfType(documentId, selectedObjecttypeUrl)
+                .pipe(map(objects => objects.map(object => ({ ...object, title: object.title || '-' }))))
+            : of(null)));
+        this.columns$ = new BehaviorSubject([
+            {
+                labelTranslationKey: 'dossier.zaakobjecten.index',
+                dataKey: 'index',
+            },
+            {
+                labelTranslationKey: 'dossier.zaakobjecten.registrationAt',
+                dataKey: 'registrationAt',
+            },
+            {
+                labelTranslationKey: 'dossier.zaakobjecten.title',
+                dataKey: 'title',
+            },
+        ]);
+        this.objectForm$ = new BehaviorSubject(null);
+        this.objectName$ = new BehaviorSubject('');
+        this.noFormDefinitionComponent$ = new BehaviorSubject(false);
+    }
+    selectObjectType(objectTypeUrl) {
+        this.selectedObjecttypeUrl$.next(objectTypeUrl);
+    }
+    rowClicked(object, objectTypeSelectItems) {
+        this.documentId$.pipe(take$1(1)).subscribe(documentId => {
+            this.zaakobjectenService.getObjectTypeForm(documentId, object.url).subscribe(res => {
+                const definition = res.formDefinition;
+                definition.components = definition.components.map(component => ({
+                    ...component,
+                    disabled: true,
+                }));
+                this.setModalData(objectTypeSelectItems, definition);
+            }, () => {
+                this.setModalData(objectTypeSelectItems);
+            });
+        });
+    }
+    hide() {
+        this.modalService.closeModal(() => {
+            this.objectName$.next('');
+            this.objectForm$.next(null);
+        });
+    }
+    show() {
+        this.modalService.openModal(this.viewZaakobjectModal);
+    }
+    getObjectTypeName(objectTypeSelectItems) {
+        const selectedObjectTypeUrl = this.selectedObjecttypeUrl$.getValue();
+        const currentTypeSelectItem = objectTypeSelectItems.find(selectItem => selectItem.id === selectedObjectTypeUrl);
+        return currentTypeSelectItem.text;
+    }
+    setModalData(objectTypeSelectItems, definition) {
+        if (definition) {
+            this.objectForm$.next(definition);
+            this.noFormDefinitionComponent$.next(false);
+        }
+        else {
+            this.noFormDefinitionComponent$.next(true);
+        }
+        this.objectName$.next(this.getObjectTypeName(objectTypeSelectItems));
+        this.show();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DossierDetailTabZaakobjectenComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: ZaakobjectenService }, { token: i3$2.ModalService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: DossierDetailTabZaakobjectenComponent, isStandalone: true, selector: "valtimo-dossier-detail-tab-zaakobjecten", viewQueries: [{ propertyName: "viewZaakobjectModal", first: true, predicate: ["viewZaakobjectModal"], 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<ng-container\n  *ngIf=\"{\n    objecttypeSelectItems: objecttypeSelectItems$ | async,\n    objects: objects$ | async,\n    columns: columns$ | async,\n    selectedObjectTypeUrl: selectedObjecttypeUrl$ | async\n  } as obs\"\n>\n  <v-select\n    [items]=\"obs.objecttypeSelectItems\"\n    [margin]=\"true\"\n    [widthInPx]=\"350\"\n    name=\"objecttypes\"\n    [title]=\"'dossier.zaakobjecten.objecttype' | translate\"\n    [placeholder]=\"'dossier.zaakobjecten.objecttypePlaceholder' | translate\"\n    [loading]=\"!obs.objecttypeSelectItems\"\n    (selectedChange)=\"selectObjectType($event)\"\n  ></v-select>\n  <v-input-label\n    titleTranslationKey=\"dossier.zaakobjecten.objecten\"\n    [largeMargin]=\"!!obs.selectedObjectTypeUrl\"\n  ></v-input-label>\n  <v-paragraph *ngIf=\"!obs.selectedObjectTypeUrl\">{{\n    'dossier.zaakobjecten.objectenPlaceholder' | translate\n  }}</v-paragraph>\n  <v-table\n    *ngIf=\"obs.selectedObjectTypeUrl\"\n    [loading]=\"!obs.objects\"\n    [items]=\"obs.objects\"\n    [columns]=\"obs.columns\"\n    [showEditButtons]=\"true\"\n    [amountOfLoadingRows]=\"2\"\n    [itemsTranslationKey]=\"'pluginManagement.tableItemsText'\"\n    [showPagination]=\"false\"\n    editButtonTranslationKey=\"dossier.zaakobjecten.objectType.viewObject\"\n    (editButtonClicked)=\"rowClicked($event, obs.objecttypeSelectItems)\"\n  ></v-table>\n</ng-container>\n\n<v-modal #viewZaakobjectModal (closeEvent)=\"hide()\" [hideFooter]=\"true\" [maxWidthPx]=\"750\">\n  <div role=\"header\">\n    <v-title [margin]=\"false\" type=\"h2\" [fullWidth]=\"true\" [center]=\"true\">{{\n      objectName$ | async\n    }}</v-title>\n  </div>\n\n  <div role=\"content\">\n    <valtimo-form-io\n      *ngIf=\"(noFormDefinitionComponent$ | async) === false\"\n      [form]=\"objectForm$ | async\"\n    ></valtimo-form-io>\n    <v-paragraph *ngIf=\"noFormDefinitionComponent$ | async\" [center]=\"true\">{{\n      'dossier.zaakobjecten.noFormDefinitionComponent' | translate\n    }}</v-paragraph>\n  </div>\n</v-modal>\n", styles: ["/*!\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: SelectModule }, { kind: "component", type: i3$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: InputLabelModule }, { kind: "component", type: i3$2.InputLabelComponent, selector: "v-input-label", inputs: ["name", "tooltip", "largeMargin", "small", "title", "titleTranslationKey", "required", "disabled", "carbonTheme"] }, { kind: "ngmodule", type: ParagraphModule }, { kind: "component", type: i3$2.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i3$2.TableComponent, selector: "v-table", inputs: ["items", "columns", "loading", "showEditButtons", "showPagination", "editButtonTranslationKey", "itemsTranslationKey", "noResultsTranslationKey", "mobileBreakpointPx", "amountOfLoadingRows", "collectionSize", "page", "size"], outputs: ["editButtonClicked", "paginationSizeSet", "paginationPageSet"] }, { kind: "ngmodule", type: VModalModule }, { kind: "component", type: i3$2.VModalComponent, selector: "v-modal", inputs: ["appearingDelayMs", "maxWidthPx", "hideFooter"], outputs: ["closeEvent"] }, { kind: "ngmodule", type: TitleModule }, { kind: "component", type: i3$2.TitleComponent, selector: "v-title", inputs: ["type", "margin", "fullWidth", "center"] }, { kind: "ngmodule", type: FormIoModule }, { kind: "component", type: i3$2.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DossierDetailTabZaakobjectenComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-dossier-detail-tab-zaakobjecten', standalone: true, imports: [
+                        CommonModule,
+                        SelectModule,
+                        InputLabelModule,
+                        ParagraphModule,
+                        TableModule,
+                        VModalModule,
+                        TitleModule,
+                        FormIoModule,
+                        TranslateModule,
+                    ], 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<ng-container\n  *ngIf=\"{\n    objecttypeSelectItems: objecttypeSelectItems$ | async,\n    objects: objects$ | async,\n    columns: columns$ | async,\n    selectedObjectTypeUrl: selectedObjecttypeUrl$ | async\n  } as obs\"\n>\n  <v-select\n    [items]=\"obs.objecttypeSelectItems\"\n    [margin]=\"true\"\n    [widthInPx]=\"350\"\n    name=\"objecttypes\"\n    [title]=\"'dossier.zaakobjecten.objecttype' | translate\"\n    [placeholder]=\"'dossier.zaakobjecten.objecttypePlaceholder' | translate\"\n    [loading]=\"!obs.objecttypeSelectItems\"\n    (selectedChange)=\"selectObjectType($event)\"\n  ></v-select>\n  <v-input-label\n    titleTranslationKey=\"dossier.zaakobjecten.objecten\"\n    [largeMargin]=\"!!obs.selectedObjectTypeUrl\"\n  ></v-input-label>\n  <v-paragraph *ngIf=\"!obs.selectedObjectTypeUrl\">{{\n    'dossier.zaakobjecten.objectenPlaceholder' | translate\n  }}</v-paragraph>\n  <v-table\n    *ngIf=\"obs.selectedObjectTypeUrl\"\n    [loading]=\"!obs.objects\"\n    [items]=\"obs.objects\"\n    [columns]=\"obs.columns\"\n    [showEditButtons]=\"true\"\n    [amountOfLoadingRows]=\"2\"\n    [itemsTranslationKey]=\"'pluginManagement.tableItemsText'\"\n    [showPagination]=\"false\"\n    editButtonTranslationKey=\"dossier.zaakobjecten.objectType.viewObject\"\n    (editButtonClicked)=\"rowClicked($event, obs.objecttypeSelectItems)\"\n  ></v-table>\n</ng-container>\n\n<v-modal #viewZaakobjectModal (closeEvent)=\"hide()\" [hideFooter]=\"true\" [maxWidthPx]=\"750\">\n  <div role=\"header\">\n    <v-title [margin]=\"false\" type=\"h2\" [fullWidth]=\"true\" [center]=\"true\">{{\n      objectName$ | async\n    }}</v-title>\n  </div>\n\n  <div role=\"content\">\n    <valtimo-form-io\n      *ngIf=\"(noFormDefinitionComponent$ | async) === false\"\n      [form]=\"objectForm$ | async\"\n    ></valtimo-form-io>\n    <v-paragraph *ngIf=\"noFormDefinitionComponent$ | async\" [center]=\"true\">{{\n      'dossier.zaakobjecten.noFormDefinitionComponent' | translate\n    }}</v-paragraph>\n  </div>\n</v-modal>\n", styles: ["/*!\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.ActivatedRoute }, { type: ZaakobjectenService }, { type: i3$2.ModalService }], propDecorators: { viewZaakobjectModal: [{
+                type: ViewChild,
+                args: ['viewZaakobjectModal']
+            }] } });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DossierDetailTabObjectTypeComponent {
+    constructor(route, zaakobjectenService, modalService) {
+        this.route = route;
+        this.zaakobjectenService = zaakobjectenService;
+        this.modalService = modalService;
+        this.documentId$ = this.route.params.pipe(map(params => params.documentId));
+        this.objecttypes$ = this.documentId$.pipe(switchMap(documentId => this.zaakobjectenService.getDocumentObjectTypes(documentId)));
+        this.objectName$ = this.route.params.pipe(map(() => {
+            const currentUrl = window.location.href;
+            const splitUrl = currentUrl.split('/');
+            const lastUrlPart = splitUrl[splitUrl.length - 1];
+            return lastUrlPart;
+        }));
+        this.selectedObjecttypeUrl$ = combineLatest([
+            this.objecttypes$,
+            this.objectName$,
+        ]).pipe(map(([objectTypes, objectName]) => {
+            const currentType = objectTypes?.find(type => type?.name.toLowerCase() === objectName?.toLowerCase());
+            const currentTypeUrl = currentType?.url;
+            if (objectTypes && objectName && currentTypeUrl)
+                return currentTypeUrl;
+            return '';
+        }));
+        this.loading$ = new BehaviorSubject(true);
+        this.hasData$ = new BehaviorSubject(false);
+        this.objects$ = combineLatest([
+            this.documentId$,
+            this.selectedObjecttypeUrl$,
+        ]).pipe(switchMap(([documentId, selectedObjecttypeUrl]) => documentId && selectedObjecttypeUrl
+            ? this.zaakobjectenService.getDocumentObjectsOfType(documentId, selectedObjecttypeUrl).pipe(map(objects => objects.map(object => ({ ...object, title: object.title || '-' }))), tap(() => {
+                this.loading$.next(false);
+                this.hasData$.next(true);
+            }))
+            : of(null).pipe(tap(() => {
+                this.loading$.next(false);
+                this.hasData$.next(false);
+            }))));
+        this.columns$ = new BehaviorSubject([
+            {
+                labelTranslationKey: 'dossier.zaakobjecten.index',
+                dataKey: 'index',
+            },
+            {
+                labelTranslationKey: 'dossier.zaakobjecten.registrationAt',
+                dataKey: 'registrationAt',
+            },
+            {
+                labelTranslationKey: 'dossier.zaakobjecten.title',
+                dataKey: 'title',
+            },
+        ]);
+        this.objectForm$ = new BehaviorSubject(null);
+        this.noFormDefinitionComponent$ = new BehaviorSubject(false);
+    }
+    rowClicked(object) {
+        this.documentId$.pipe(take$1(1)).subscribe(documentId => {
+            this.zaakobjectenService.getObjectTypeForm(documentId, object.url).subscribe(res => {
+                const definition = res.formDefinition;
+                definition.components = definition.components.map(component => ({
+                    ...component,
+                    disabled: true,
+                }));
+                this.setModalData(definition);
+            }, () => {
+                this.setModalData();
+            });
+        });
+    }
+    hide() {
+        this.modalService.closeModal(() => {
+            this.objectForm$.next(null);
+        });
+    }
+    show() {
+        this.modalService.openModal(this.viewObjectModal);
+    }
+    setModalData(definition) {
+        if (definition) {
+            this.objectForm$.next(definition);
+            this.noFormDefinitionComponent$.next(false);
+        }
+        else {
+            this.noFormDefinitionComponent$.next(true);
+        }
+        this.show();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DossierDetailTabObjectTypeComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: ZaakobjectenService }, { token: i3$2.ModalService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: DossierDetailTabObjectTypeComponent, isStandalone: true, selector: "valtimo-object-type", viewQueries: [{ propertyName: "viewObjectModal", first: true, predicate: ["viewObjectModal"], 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<ng-container\n  *ngIf=\"{\n    objects: objects$ | async,\n    columns: columns$ | async,\n    loading: loading$ | async,\n    hasData: hasData$ | async\n  } as obs\"\n>\n  <v-table\n    *ngIf=\"obs.hasData || obs.loading\"\n    [loading]=\"obs.loading\"\n    [items]=\"obs.objects\"\n    [columns]=\"obs.columns\"\n    [showEditButtons]=\"true\"\n    editButtonTranslationKey=\"dossier.zaakobjecten.objectType.viewObject\"\n    [amountOfLoadingRows]=\"2\"\n    [itemsTranslationKey]=\"'pluginManagement.tableItemsText'\"\n    [showPagination]=\"false\"\n    (editButtonClicked)=\"rowClicked($event)\"\n  ></v-table>\n\n  <v-paragraph *ngIf=\"!obs.hasData && !obs.loading\" [center]=\"true\">{{\n    'dossier.zaakobjecten.noObjectType' | translate\n  }}</v-paragraph>\n</ng-container>\n\n<v-modal #viewObjectModal (closeEvent)=\"hide()\" [hideFooter]=\"true\" [maxWidthPx]=\"750\">\n  <div role=\"header\">\n    <v-title [margin]=\"false\" type=\"h2\" [fullWidth]=\"true\" [center]=\"true\">{{\n      objectName$ | async\n    }}</v-title>\n  </div>\n\n  <div role=\"content\">\n    <valtimo-form-io\n      *ngIf=\"(noFormDefinitionComponent$ | async) === false\"\n      [form]=\"objectForm$ | async\"\n    ></valtimo-form-io>\n    <v-paragraph *ngIf=\"noFormDefinitionComponent$ | async\" [center]=\"true\">{{\n      'dossier.zaakobjecten.noFormDefinitionComponent' | translate\n    }}</v-paragraph>\n  </div>\n</v-modal>\n", styles: ["/*!\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: TableModule }, { kind: "component", type: i3$2.TableComponent, selector: "v-table", inputs: ["items", "columns", "loading", "showEditButtons", "showPagination", "editButtonTranslationKey", "itemsTranslationKey", "noResultsTranslationKey", "mobileBreakpointPx", "amountOfLoadingRows", "collectionSize", "page", "size"], outputs: ["editButtonClicked", "paginationSizeSet", "paginationPageSet"] }, { kind: "ngmodule", type: ParagraphModule }, { kind: "component", type: i3$2.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading"] }, { kind: "ngmodule", type: VModalModule }, { kind: "component", type: i3$2.VModalComponent, selector: "v-modal", inputs: ["appearingDelayMs", "maxWidthPx", "hideFooter"], outputs: ["closeEvent"] }, { kind: "ngmodule", type: TitleModule }, { kind: "component", type: i3$2.TitleComponent, selector: "v-title", inputs: ["type", "margin", "fullWidth", "center"] }, { kind: "ngmodule", type: FormIoModule }, { kind: "component", type: i3$2.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DossierDetailTabObjectTypeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-object-type', standalone: true, imports: [CommonModule, TableModule, ParagraphModule, VModalModule, TitleModule, FormIoModule], 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<ng-container\n  *ngIf=\"{\n    objects: objects$ | async,\n    columns: columns$ | async,\n    loading: loading$ | async,\n    hasData: hasData$ | async\n  } as obs\"\n>\n  <v-table\n    *ngIf=\"obs.hasData || obs.loading\"\n    [loading]=\"obs.loading\"\n    [items]=\"obs.objects\"\n    [columns]=\"obs.columns\"\n    [showEditButtons]=\"true\"\n    editButtonTranslationKey=\"dossier.zaakobjecten.objectType.viewObject\"\n    [amountOfLoadingRows]=\"2\"\n    [itemsTranslationKey]=\"'pluginManagement.tableItemsText'\"\n    [showPagination]=\"false\"\n    (editButtonClicked)=\"rowClicked($event)\"\n  ></v-table>\n\n  <v-paragraph *ngIf=\"!obs.hasData && !obs.loading\" [center]=\"true\">{{\n    'dossier.zaakobjecten.noObjectType' | translate\n  }}</v-paragraph>\n</ng-container>\n\n<v-modal #viewObjectModal (closeEvent)=\"hide()\" [hideFooter]=\"true\" [maxWidthPx]=\"750\">\n  <div role=\"header\">\n    <v-title [margin]=\"false\" type=\"h2\" [fullWidth]=\"true\" [center]=\"true\">{{\n      objectName$ | async\n    }}</v-title>\n  </div>\n\n  <div role=\"content\">\n    <valtimo-form-io\n      *ngIf=\"(noFormDefinitionComponent$ | async) === false\"\n      [form]=\"objectForm$ | async\"\n    ></valtimo-form-io>\n    <v-paragraph *ngIf=\"noFormDefinitionComponent$ | async\" [center]=\"true\">{{\n      'dossier.zaakobjecten.noFormDefinitionComponent' | translate\n    }}</v-paragraph>\n  </div>\n</v-modal>\n", styles: ["/*!\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.ActivatedRoute }, { type: ZaakobjectenService }, { type: i3$2.ModalService }], propDecorators: { viewObjectModal: [{
+                type: ViewChild,
+                args: ['viewObjectModal']
+            }] } });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * @deprecated Will be replace by new plugins
+ */
+class ContactMomentService {
+    constructor(http, configService) {
+        this.http = http;
+        this.valtimoEndpointUri = configService.config.valtimoApi.endpointUri;
+    }
+    getContactMoments() {
+        return this.http.get(`${this.valtimoEndpointUri}v1/contactmoment`);
+    }
+    saveContactMoment(contactMomentRequest) {
+        return this.http.post(`${this.valtimoEndpointUri}v1/contactmoment`, contactMomentRequest);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ContactMomentService, deps: [{ token: i1.HttpClient }, { token: i2$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ContactMomentService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ContactMomentService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2$1.ConfigService }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+moment.locale(localStorage.getItem('langKey') || '');
+class DossierDetailTabContactMomentsComponent {
+    constructor(contactMomentService, alertService, translateService) {
+        this.contactMomentService = contactMomentService;
+        this.alertService = alertService;
+        this.translateService = translateService;
+        this.refetchContactMoments$ = new BehaviorSubject('');
+        this.contactMoments$ = this.refetchContactMoments$.pipe(switchMap$1(() => this.contactMomentService.getContactMoments()), map$1(contactMoments => contactMoments.map(contactMoment => {
+            const registratieDatum = moment(contactMoment.registratiedatum);
+            return new TimelineItemImpl(registratieDatum.format('DD MMM YYYY'), registratieDatum.format('HH:mm'), contactMoment.medewerkerIdentificatie.achternaam, contactMoment.kanaal, contactMoment.tekst, null);
+        })));
+        this.text$ = new BehaviorSubject('');
+        this.channel$ = new BehaviorSubject('MAIL');
+        this.requestData$ = combineLatest([this.text$, this.channel$]);
+        this.valid$ = this.requestData$.pipe(map$1(([text, channel]) => !!(text && channel)));
+        this.disabled$ = new BehaviorSubject(false);
+    }
+    textChange(text) {
+        this.text$.next(text);
+    }
+    buttonClick() {
+        this.modal.show();
+    }
+    saveNote() {
+        this.disable();
+        this.requestData$.pipe(take$1(1)).subscribe(([text, channel]) => {
+            this.contactMomentService.saveContactMoment({ kanaal: channel, tekst: text }).subscribe(() => {
+                this.alertService.success(this.translateService.instant('dossier.contactMoments.saveSuccess'));
+                this.enable();
+                this.clear();
+                this.modal.hide();
+                this.refetchContactMoments();
+            }, () => {
+                this.enable();
+            });
+        });
+    }
+    disable() {
+        this.disabled$.next(true);
+    }
+    enable() {
+        this.disabled$.next(false);
+    }
+    clear() {
+        this.text$.next('');
+    }
+    refetchContactMoments() {
+        this.refetchContactMoments$.next('');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DossierDetailTabContactMomentsComponent, deps: [{ token: ContactMomentService }, { token: i3$2.AlertService }, { token: i3$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: DossierDetailTabContactMomentsComponent, isStandalone: true, selector: "valtimo-dossier-detail-tab-contact-moments", viewQueries: [{ propertyName: "modal", first: true, predicate: ["contactMomentsNoteModal"], 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<div class=\"contact-moments-container\">\n  <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"moments\"></ng-container>\n</div>\n\n<valtimo-modal\n  #contactMomentsNoteModal\n  [title]=\"'dossier.contactMoments.popupTitle' | translate\"\n  [showFooter]=\"true\"\n  [elementId]=\"'contact-moments-modal'\"\n>\n  <div class=\"mt-2\" body>\n    <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n  </div>\n  <div footer>\n    <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n  </div>\n</valtimo-modal>\n\n<ng-template #body>\n  <form>\n    <div class=\"form-group row\">\n      <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"body\">\n        {{ 'dossier.contactMoments.noteText' | translate }}\n      </label>\n      <div class=\"col-12 col-sm-8 col-lg-6\">\n        <textarea\n          [disabled]=\"disabled$ | async\"\n          class=\"form-control\"\n          id=\"body\"\n          name=\"body\"\n          [ngModel]=\"text$ | async\"\n          (ngModelChange)=\"textChange($event)\"\n        ></textarea>\n      </div>\n    </div>\n  </form>\n</ng-template>\n\n<ng-template #footer>\n  <button\n    *ngIf=\"(disabled$ | async) === false; else loading\"\n    class=\"btn btn-primary\"\n    [disabled]=\"(valid$ | async) === false || (disabled$ | async)\"\n    (click)=\"saveNote()\"\n  >\n    {{ 'dossier.contactMoments.saveButtonText' | translate }}\n  </button>\n</ng-template>\n\n<ng-template #loading>\n  <valtimo-spinner [noMarginTop]=\"true\"></valtimo-spinner>\n</ng-template>\n\n<ng-template #buttons>\n  <div class=\"btn-group mt-m3px mb-3 button-container\">\n    <button class=\"btn btn-primary btn-space\" (click)=\"buttonClick()\">\n      <i class=\"icon mdi mdi-note-plus\"></i>\n      &nbsp;{{ 'dossier.contactMoments.makeNoteButton' | translate }}\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #moments>\n  <div *ngIf=\"contactMoments$ | async as contactMoments; else loading\">\n    <valtimo-timeline [items]=\"contactMoments\"></valtimo-timeline>\n  </div>\n</ng-template>\n", styles: [".contact-moments-container{display:flex;flex-direction:column}.button-container{display:inline;align-self:flex-end}\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: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ModalModule$1 }, { kind: "component", type: i3$2.ModalComponent, selector: "valtimo-modal", inputs: ["elementId", "title", "subtitle", "templateBelowSubtitle", "showFooter"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: SpinnerModule }, { kind: "component", type: i3$2.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }, { kind: "ngmodule", type: TimelineModule }, { kind: "component", type: i3$2.TimelineComponent, selector: "valtimo-timeline", inputs: ["items", "actions"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DossierDetailTabContactMomentsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-dossier-detail-tab-contact-moments', standalone: true, imports: [CommonModule, ModalModule$1, TranslateModule, FormsModule, SpinnerModule, TimelineModule], 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<div class=\"contact-moments-container\">\n  <ng-container *ngTemplateOutlet=\"buttons\"></ng-container>\n  <ng-container *ngTemplateOutlet=\"moments\"></ng-container>\n</div>\n\n<valtimo-modal\n  #contactMomentsNoteModal\n  [title]=\"'dossier.contactMoments.popupTitle' | translate\"\n  [showFooter]=\"true\"\n  [elementId]=\"'contact-moments-modal'\"\n>\n  <div class=\"mt-2\" body>\n    <ng-container *ngTemplateOutlet=\"body\"></ng-container>\n  </div>\n  <div footer>\n    <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\n  </div>\n</valtimo-modal>\n\n<ng-template #body>\n  <form>\n    <div class=\"form-group row\">\n      <label class=\"col-12 col-sm-3 col-form-label text-sm-right\" for=\"body\">\n        {{ 'dossier.contactMoments.noteText' | translate }}\n      </label>\n      <div class=\"col-12 col-sm-8 col-lg-6\">\n        <textarea\n          [disabled]=\"disabled$ | async\"\n          class=\"form-control\"\n          id=\"body\"\n          name=\"body\"\n          [ngModel]=\"text$ | async\"\n          (ngModelChange)=\"textChange($event)\"\n        ></textarea>\n      </div>\n    </div>\n  </form>\n</ng-template>\n\n<ng-template #footer>\n  <button\n    *ngIf=\"(disabled$ | async) === false; else loading\"\n    class=\"btn btn-primary\"\n    [disabled]=\"(valid$ | async) === false || (disabled$ | async)\"\n    (click)=\"saveNote()\"\n  >\n    {{ 'dossier.contactMoments.saveButtonText' | translate }}\n  </button>\n</ng-template>\n\n<ng-template #loading>\n  <valtimo-spinner [noMarginTop]=\"true\"></valtimo-spinner>\n</ng-template>\n\n<ng-template #buttons>\n  <div class=\"btn-group mt-m3px mb-3 button-container\">\n    <button class=\"btn btn-primary btn-space\" (click)=\"buttonClick()\">\n      <i class=\"icon mdi mdi-note-plus\"></i>\n      &nbsp;{{ 'dossier.contactMoments.makeNoteButton' | translate }}\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #moments>\n  <div *ngIf=\"contactMoments$ | async as contactMoments; else loading\">\n    <valtimo-timeline [items]=\"contactMoments\"></valtimo-timeline>\n  </div>\n</ng-template>\n", styles: [".contact-moments-container{display:flex;flex-direction:column}.button-container{display:inline;align-self:flex-end}\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: ContactMomentService }, { type: i3$2.AlertService }, { type: i3$1.TranslateService }], propDecorators: { modal: [{
+                type: ViewChild,
+                args: ['contactMomentsNoteModal']
+            }] } });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * @deprecated Will be replace by new plugins
+ */
+class CustomerService {
+    constructor(http, configService) {
+        this.http = http;
+        this.valtimoEndpointUri = configService.config.valtimoApi.endpointUri;
+    }
+    getCustomers(request) {
+        return this.http.post(`${this.valtimoEndpointUri}v1/haalcentraal/personen`, request);
+    }
+    getCustomerCases(bsn) {
+        return this.http.get(`${this.valtimoEndpointUri}v1/zaken/${bsn}`);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CustomerService, deps: [{ token: i1.HttpClient }, { token: i2$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CustomerService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CustomerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2$1.ConfigService }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * @deprecated Will be replace by new plugins
+ */
+class CustomerListComponent {
+    constructor(customerService, translateService, configService, router) {
+        this.customerService = customerService;
+        this.translateService = translateService;
+        this.configService = configService;
+        this.router = router;
+        this.fields$ = combineLatest([
+            this.translateService.stream('customers.name'),
+            this.translateService.stream('customers.citizenServiceNumber'),
+            this.translateService.stream('customers.dateOfBirth'),
+        ]).pipe(map$1(([nameLabel, numberLabel, dateOfBirthLabel]) => [
+            {
+                label: numberLabel,
+                key: 'citizenServiceNumber',
+            },
+            {
+                label: nameLabel,
+                key: 'name',
+            },
+            {
+                label: dateOfBirthLabel,
+                key: 'dateOfBirth',
+            },
+        ]));
+        this.bsn$ = new BehaviorSubject('');
+        this.bsnValid$ = this.bsn$.pipe(map$1(bsn => {
+            const regex = new RegExp(/^[0-9]{9}$/gm);
+            return regex.test(bsn);
+        }));
+        this.dateOfBirth$ = new BehaviorSubject('');
+        this.dateOfBirthValid$ = this.dateOfBirth$.pipe(map$1(dateOfBirth => {
+            const regex = new RegExp(/^[0-9]{4}-[0-9]{2}-[0-9]{2}$/gm);
+            return regex.test(dateOfBirth);
+        }));
+        this.familyName$ = new BehaviorSubject('');
+        this.searchParameters$ = combineLatest([this.bsn$, this.dateOfBirth$, this.familyName$, this.bsnValid$, this.dateOfBirthValid$]).pipe(map$1(([bsn, dateOfBirth, familyName, bsnValid, dateOfBirthValid]) => {
+            if (bsn && bsnValid) {
+                this.loading$.next(true);
+                return { bsn };
+            }
+            else if (dateOfBirth && familyName && dateOfBirthValid) {
+                this.loading$.next(true);
+                return {
+                    geslachtsnaam: familyName,
+                    geboortedatum: dateOfBirth,
+                };
+            }
+            return undefined;
+        }));
+        this.customers$ = this.searchParameters$.pipe(debounceTime(500), switchMap$1(searchParameters => {
+            if (searchParameters?.bsn ||
+                (searchParameters?.geslachtsnaam &&
+                    searchParameters?.geboortedatum)) {
+                return this.customerService
+                    .getCustomers(searchParameters)
+                    .pipe(catchError(() => of([])));
+            }
+            return of([]);
+        }), map$1(customers => customers.map(customer => ({
+            citizenServiceNumber: customer.burgerservicenummer,
+            dateOfBirth: customer.geboorteDatum,
+            name: `${customer.geslachtsnaam}, ${customer.voornamen} ${customer.voorletters}`,
+        }))), tap$1(() => {
+            this.loading$.next(false);
+        }));
+        this.loading$ = new BehaviorSubject(true);
+    }
+    bsnChange(bsn) {
+        this.clearDateOfBirth();
+        this.clearFamilyName();
+        this.bsn$.next(bsn);
+    }
+    dateOfBirthChange(dateOfBirth) {
+        this.clearBsn();
+        this.dateOfBirth$.next(dateOfBirth);
+    }
+    familyNameChange(familyName) {
+        this.clearBsn();
+        this.familyName$.next(familyName);
+    }
+    rowClick(customer) {
+        const config = this.configService.config;
+        const bsn = customer?.citizenServiceNumber;
+        if (bsn && config?.featureToggles?.enableHackathonCasesPage) {
+            this.router.navigate([`/klanten/klant/${bsn}`]);
+        }
+    }
+    clearBsn() {
+        this.bsn$.next('');
+    }
+    clearDateOfBirth() {
+        this.dateOfBirth$.next('');
+    }
+    clearFamilyName() {
+        this.familyName$.next('');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CustomerListComponent, deps: [{ token: CustomerService }, { token: i3$1.TranslateService }, { token: i2$1.ConfigService }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: CustomerListComponent, selector: "valtimo-customer-list", 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<ng-container *ngTemplateOutlet=\"sidebar\"></ng-container>\n\n<div\n  class=\"main-content pt-0\"\n  *ngIf=\"{customers: customers$ | async, fields: fields$ | async} as obs\"\n>\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <ng-container *ngIf=\"(loading$ | async) === false; else loading\">\n        <ng-container\n          *ngTemplateOutlet=\"list; context: {customers: obs.customers, fields: obs.fields}\"\n        ></ng-container>\n      </ng-container>\n    </div>\n  </div>\n</div>\n\n<ng-template #list let-customers=\"customers\" let-fields=\"fields\">\n  <valtimo-widget>\n    <valtimo-list\n      [items]=\"customers\"\n      [fields]=\"fields\"\n      [header]=\"true\"\n      (rowClicked)=\"rowClick($event)\"\n    >\n      <div header>\n        <h3 class=\"list-header-title\">{{ 'customers.title' | translate }}</h3>\n        <h5 class=\"list-header-description\">{{ 'customers.subtitle' | translate }}</h5>\n      </div>\n    </valtimo-list>\n  </valtimo-widget>\n</ng-template>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n<ng-template #sidebar>\n  <valtimo-filter-sidebar>\n    <h4 class=\"title\">{{ 'customers.searchBasedOn' | translate }}</h4>\n    <div class=\"tab-container\">\n      <ul class=\"nav nav-tabs nav-tabs-classic\" role=\"tablist\">\n        <li class=\"nav-item\">\n          <a\n            class=\"nav-link active\"\n            href=\"#search_bsn\"\n            data-toggle=\"tab\"\n            role=\"tab\"\n            aria-selected=\"true\"\n            ><b>{{ 'customers.citizenServiceNumber' | translate }}</b></a\n          >\n        </li>\n        <li class=\"nav-item\">\n          <a\n            class=\"nav-link\"\n            href=\"#search_birth_data\"\n            data-toggle=\"tab\"\n            role=\"tab\"\n            aria-selected=\"false\"\n            ><b>{{ 'customers.lastNameAndDateOfBirth' | translate }}</b></a\n          >\n        </li>\n      </ul>\n      <div class=\"tab-content\">\n        <div class=\"tab-pane active\" id=\"search_bsn\" role=\"tabpanel\">\n          <ng-container *ngTemplateOutlet=\"bsnTab\"></ng-container>\n        </div>\n        <div class=\"tab-pane\" id=\"search_birth_data\" role=\"tabpanel\">\n          <ng-container *ngTemplateOutlet=\"birthDataTab\"></ng-container>\n        </div>\n      </div>\n    </div>\n  </valtimo-filter-sidebar>\n</ng-template>\n\n<ng-template #bsnTab>\n  <form>\n    <div class=\"form-group pt-2\">\n      <label for=\"inputBsn\">{{ 'customers.citizenServiceNumber' | translate }}</label>\n      <input\n        class=\"form-control\"\n        id=\"inputBsn\"\n        type=\"text\"\n        name=\"bsn\"\n        [placeholder]=\"'customers.citizenServiceNumberPlaceholder' | translate\"\n        [ngModel]=\"bsn$ | async\"\n        (ngModelChange)=\"bsnChange($event)\"\n        [ngClass]=\"{'is-valid': bsnValid$ | async}\"\n      />\n    </div>\n  </form>\n</ng-template>\n\n<ng-template #birthDataTab>\n  <form>\n    <div class=\"form-group pt-2\">\n      <label for=\"inputDateOfBirth\">{{ 'customers.dateOfBirth' | translate }}</label>\n      <input\n        class=\"form-control\"\n        id=\"inputDateOfBirth\"\n        type=\"text\"\n        name=\"dateOfBirth\"\n        [placeholder]=\"'customers.dateOfBirthPlaceholder' | translate\"\n        [ngModel]=\"dateOfBirth$ | async\"\n        (ngModelChange)=\"dateOfBirthChange($event)\"\n        [ngClass]=\"{'is-valid': dateOfBirthValid$ | async}\"\n      />\n    </div>\n    <div class=\"form-group\">\n      <label for=\"inputFamilyName\">{{ 'customers.familyName' | translate }}</label>\n      <input\n        class=\"form-control\"\n        id=\"inputFamilyName\"\n        type=\"text\"\n        name=\"familyName\"\n        [placeholder]=\"'customers.familyNamePlaceholder' | translate\"\n        [ngModel]=\"familyName$ | async\"\n        (ngModelChange)=\"familyNameChange($event)\"\n        [ngClass]=\"{'is-valid': familyName$ | async}\"\n      />\n    </div>\n  </form>\n</ng-template>\n", styles: ["/*!\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: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$2.WidgetComponent, selector: "valtimo-widget", inputs: ["type", "name", "icon", "contrast", "divider", "title", "subtitle", "collapseAble", "collapse", "additionalClasses"] }, { kind: "component", type: i3$2.ListComponent, selector: "valtimo-list", inputs: ["items", "fields", "pagination", "viewMode", "isSearchable", "header", "actions", "paginationIdentifier", "initialSortState", "lastColumnTemplate"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged"] }, { kind: "component", type: i3$2.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }, { kind: "component", type: i3$2.FilterSidebarComponent, selector: "valtimo-filter-sidebar" }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CustomerListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-customer-list', 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<ng-container *ngTemplateOutlet=\"sidebar\"></ng-container>\n\n<div\n  class=\"main-content pt-0\"\n  *ngIf=\"{customers: customers$ | async, fields: fields$ | async} as obs\"\n>\n  <div class=\"container-fluid\">\n    <div class=\"col-12 px-0 mb-5\">\n      <ng-container *ngIf=\"(loading$ | async) === false; else loading\">\n        <ng-container\n          *ngTemplateOutlet=\"list; context: {customers: obs.customers, fields: obs.fields}\"\n        ></ng-container>\n      </ng-container>\n    </div>\n  </div>\n</div>\n\n<ng-template #list let-customers=\"customers\" let-fields=\"fields\">\n  <valtimo-widget>\n    <valtimo-list\n      [items]=\"customers\"\n      [fields]=\"fields\"\n      [header]=\"true\"\n      (rowClicked)=\"rowClick($event)\"\n    >\n      <div header>\n        <h3 class=\"list-header-title\">{{ 'customers.title' | translate }}</h3>\n        <h5 class=\"list-header-description\">{{ 'customers.subtitle' | translate }}</h5>\n      </div>\n    </valtimo-list>\n  </valtimo-widget>\n</ng-template>\n\n<ng-template #loading>\n  <valtimo-spinner></valtimo-spinner>\n</ng-template>\n\n<ng-template #sidebar>\n  <valtimo-filter-sidebar>\n    <h4 class=\"title\">{{ 'customers.searchBasedOn' | translate }}</h4>\n    <div class=\"tab-container\">\n      <ul class=\"nav nav-tabs nav-tabs-classic\" role=\"tablist\">\n        <li class=\"nav-item\">\n          <a\n            class=\"nav-link active\"\n            href=\"#search_bsn\"\n            data-toggle=\"tab\"\n            role=\"tab\"\n            aria-selected=\"true\"\n            ><b>{{ 'customers.citizenServiceNumber' | translate }}</b></a\n          >\n        </li>\n        <li class=\"nav-item\">\n          <a\n            class=\"nav-link\"\n            href=\"#search_birth_data\"\n            data-toggle=\"tab\"\n            role=\"tab\"\n            aria-selected=\"false\"\n            ><b>{{ 'customers.lastNameAndDateOfBirth' | translate }}</b></a\n          >\n        </li>\n      </ul>\n      <div class=\"tab-content\">\n        <div class=\"tab-pane active\" id=\"search_bsn\" role=\"tabpanel\">\n          <ng-container *ngTemplateOutlet=\"bsnTab\"></ng-container>\n        </div>\n        <div class=\"tab-pane\" id=\"search_birth_data\" role=\"tabpanel\">\n          <ng-container *ngTemplateOutlet=\"birthDataTab\"></ng-container>\n        </div>\n      </div>\n    </div>\n  </valtimo-filter-sidebar>\n</ng-template>\n\n<ng-template #bsnTab>\n  <form>\n    <div class=\"form-group pt-2\">\n      <label for=\"inputBsn\">{{ 'customers.citizenServiceNumber' | translate }}</label>\n      <input\n        class=\"form-control\"\n        id=\"inputBsn\"\n        type=\"text\"\n        name=\"bsn\"\n        [placeholder]=\"'customers.citizenServiceNumberPlaceholder' | translate\"\n        [ngModel]=\"bsn$ | async\"\n        (ngModelChange)=\"bsnChange($event)\"\n        [ngClass]=\"{'is-valid': bsnValid$ | async}\"\n      />\n    </div>\n  </form>\n</ng-template>\n\n<ng-template #birthDataTab>\n  <form>\n    <div class=\"form-group pt-2\">\n      <label for=\"inputDateOfBirth\">{{ 'customers.dateOfBirth' | translate }}</label>\n      <input\n        class=\"form-control\"\n        id=\"inputDateOfBirth\"\n        type=\"text\"\n        name=\"dateOfBirth\"\n        [placeholder]=\"'customers.dateOfBirthPlaceholder' | translate\"\n        [ngModel]=\"dateOfBirth$ | async\"\n        (ngModelChange)=\"dateOfBirthChange($event)\"\n        [ngClass]=\"{'is-valid': dateOfBirthValid$ | async}\"\n      />\n    </div>\n    <div class=\"form-group\">\n      <label for=\"inputFamilyName\">{{ 'customers.familyName' | translate }}</label>\n      <input\n        class=\"form-control\"\n        id=\"inputFamilyName\"\n        type=\"text\"\n        name=\"familyName\"\n        [placeholder]=\"'customers.familyNamePlaceholder' | translate\"\n        [ngModel]=\"familyName$ | async\"\n        (ngModelChange)=\"familyNameChange($event)\"\n        [ngClass]=\"{'is-valid': familyName$ | async}\"\n      />\n    </div>\n  </form>\n</ng-template>\n", styles: ["/*!\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: CustomerService }, { type: i3$1.TranslateService }, { type: i2$1.ConfigService }, { type: i1$1.Router }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * @deprecated Will be replace by new plugins
+ */
+class CasesListComponent {
+    constructor(route, customerService) {
+        this.route = route;
+        this.customerService = customerService;
+        this.customerCases$ = this.route.params.pipe(switchMap$1(params => (params?.bsn ? this.customerService.getCustomerCases(params.bsn) : of([]))), tap$1(() => this.loading$.next(false)));
+        this.loading$ = new BehaviorSubject(true);
+        this.columns$ = new BehaviorSubject([
+            {
+                labelTranslationKey: 'customerCases.labels.zaakNummer',
+                dataKey: 'zaakNummer',
+            },
+            {
+                labelTranslationKey: 'customerCases.labels.zaakStatus',
+                dataKey: 'zaakStatus',
+            },
+            {
+                labelTranslationKey: 'customerCases.labels.zaakType',
+                dataKey: 'zaakType',
+            },
+        ]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CasesListComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: CustomerService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: CasesListComponent, selector: "valtimo-cases-list", 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-page-container\n  *ngIf=\"{\n    customerCases: customerCases$ | async,\n    columns: columns$ | async,\n    loading: loading$ | async\n  } as obs\"\n>\n  <v-page-header>\n    <v-page-header-introduction>\n      <v-title>{{ 'pages.customercases.title' | translate }}</v-title>\n      <v-paragraph>{{ 'pages.customercases.description' | translate }}</v-paragraph>\n    </v-page-header-introduction>\n  </v-page-header>\n  <v-page-content>\n    <v-table\n      [loading]=\"obs.loading\"\n      [items]=\"obs.customerCases\"\n      [columns]=\"obs.columns\"\n      [showEditButtons]=\"false\"\n      [amountOfLoadingRows]=\"2\"\n      [itemsTranslationKey]=\"'customerCases.tableItemsText'\"\n      [showPagination]=\"false\"\n    ></v-table>\n  </v-page-content>\n</v-page-container>\n", styles: ["/*!\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: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.PageContainerComponent, selector: "v-page-container" }, { kind: "component", type: i3$2.PageContentComponent, selector: "v-page-content" }, { kind: "component", type: i3$2.VPageHeaderComponent, selector: "v-page-header" }, { kind: "component", type: i3$2.PageHeaderIntroductionComponent, selector: "v-page-header-introduction" }, { kind: "component", type: i3$2.TitleComponent, selector: "v-title", inputs: ["type", "margin", "fullWidth", "center"] }, { kind: "component", type: i3$2.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading"] }, { kind: "component", type: i3$2.TableComponent, selector: "v-table", inputs: ["items", "columns", "loading", "showEditButtons", "showPagination", "editButtonTranslationKey", "itemsTranslationKey", "noResultsTranslationKey", "mobileBreakpointPx", "amountOfLoadingRows", "collectionSize", "page", "size"], outputs: ["editButtonClicked", "paginationSizeSet", "paginationPageSet"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CasesListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-cases-list', 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-page-container\n  *ngIf=\"{\n    customerCases: customerCases$ | async,\n    columns: columns$ | async,\n    loading: loading$ | async\n  } as obs\"\n>\n  <v-page-header>\n    <v-page-header-introduction>\n      <v-title>{{ 'pages.customercases.title' | translate }}</v-title>\n      <v-paragraph>{{ 'pages.customercases.description' | translate }}</v-paragraph>\n    </v-page-header-introduction>\n  </v-page-header>\n  <v-page-content>\n    <v-table\n      [loading]=\"obs.loading\"\n      [items]=\"obs.customerCases\"\n      [columns]=\"obs.columns\"\n      [showEditButtons]=\"false\"\n      [amountOfLoadingRows]=\"2\"\n      [itemsTranslationKey]=\"'customerCases.tableItemsText'\"\n      [showPagination]=\"false\"\n    ></v-table>\n  </v-page-content>\n</v-page-container>\n", styles: ["/*!\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.ActivatedRoute }, { type: CustomerService }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const routes = [
+    {
+        path: 'klanten',
+        component: CustomerListComponent,
+        canActivate: [AuthGuardService],
+        data: { title: 'Customers', roles: [ROLE_USER] },
+    },
+    {
+        path: 'klanten/klant/:bsn',
+        component: CasesListComponent,
+        canActivate: [AuthGuardService],
+        data: { title: 'customerCases', roles: [ROLE_USER] },
+    },
+];
+class CustomerRoutingModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CustomerRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: CustomerRoutingModule, imports: [CommonModule, i1$1.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CustomerRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CustomerRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, RouterModule.forChild(routes)],
+                    exports: [RouterModule],
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/**
+ * @deprecated Will be replace by new plugins
+ */
+class CustomerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CustomerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: CustomerModule, declarations: [CustomerListComponent, CasesListComponent], imports: [CommonModule,
+            WidgetModule,
+            CustomerRoutingModule,
+            ListModule,
+            SpinnerModule,
+            TranslateModule,
+            FilterSidebarModule,
+            FormsModule,
+            PageModule,
+            TitleModule,
+            ParagraphModule,
+            TableModule], exports: [CustomerListComponent, CasesListComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CustomerModule, imports: [CommonModule,
+            WidgetModule,
+            CustomerRoutingModule,
+            ListModule,
+            SpinnerModule,
+            TranslateModule,
+            FilterSidebarModule,
+            FormsModule,
+            PageModule,
+            TitleModule,
+            ParagraphModule,
+            TableModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: CustomerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        WidgetModule,
+                        CustomerRoutingModule,
+                        ListModule,
+                        SpinnerModule,
+                        TranslateModule,
+                        FilterSidebarModule,
+                        FormsModule,
+                        PageModule,
+                        TitleModule,
+                        ParagraphModule,
+                        TableModule,
+                    ],
+                    declarations: [CustomerListComponent, CasesListComponent],
+                    exports: [CustomerListComponent, CasesListComponent],
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DocumentObjectenApiSyncService extends BaseApiService {
+    constructor(httpClient, configService) {
+        super(httpClient, configService);
+        this.httpClient = httpClient;
+        this.configService = configService;
+    }
+    getDocumentDefinition(documentDefinitionName) {
+        return this.httpClient.get(this.getApiUrl(`/v1/document-definition/${documentDefinitionName}`));
+    }
+    getObjectManagementConfigurations() {
+        return this.httpClient.get(this.getApiUrl(`/management/v1/object/management/configuration`));
+    }
+    getDocumentObjectenApiSync(documentDefinitionName, documentDefinitionVersion) {
+        return this.httpClient.get(this.getApiUrl(`/management/v1/document-definition/${documentDefinitionName}/version/${documentDefinitionVersion}/objecten-api-sync`));
+    }
+    updateDocumentObjectenApiSync(documentDefinitionName, documentDefinitionVersion, request) {
+        return this.httpClient.put(this.getApiUrl(`/management/v1/document-definition/${documentDefinitionName}/version/${documentDefinitionVersion}/objecten-api-sync`), request);
+    }
+    deleteDocumentObjectenApiSync(documentDefinitionName, documentDefinitionVersion) {
+        return this.httpClient.delete(this.getApiUrl(`/management/v1/document-definition/${documentDefinitionName}/version/${documentDefinitionVersion}/objecten-api-sync`));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentObjectenApiSyncService, deps: [{ token: i1.HttpClient }, { token: i2$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentObjectenApiSyncService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentObjectenApiSyncService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2$1.ConfigService }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DocumentObjectenApiSyncComponent {
+    get objectManagementConfigurationId() {
+        return this.formGroup.get('objectManagementConfigurationId');
+    }
+    get enabled() {
+        return this.formGroup.get('enabled');
+    }
+    constructor(route, documentObjectenApiSyncService, cdsThemeService) {
+        this.route = route;
+        this.documentObjectenApiSyncService = documentObjectenApiSyncService;
+        this.cdsThemeService = cdsThemeService;
+        this.loading$ = new BehaviorSubject(true);
+        this.documentDefinitionName$ = this.route.params.pipe(map(params => params.name || ''));
+        this.documentDefinition$ = this.documentDefinitionName$.pipe(switchMap(documentDefinitionName => this.documentObjectenApiSyncService.getDocumentDefinition(documentDefinitionName)));
+        this.documentObjectenApiSync$ = new BehaviorSubject(null);
+        this.objectManagementConfigurationItems$ = this.documentObjectenApiSyncService.getObjectManagementConfigurations().pipe(map(results => results?.map(configuration => ({
+            id: configuration.id,
+            text: configuration.title,
+        }))));
+        this.modalShowing$ = new BehaviorSubject(false);
+        this.currentTheme$ = this.cdsThemeService.currentTheme$;
+        this.formGroup = new FormGroup({
+            objectManagementConfigurationId: new FormControl('', Validators.required),
+            enabled: new FormControl(true),
+        });
+        this.valid$ = new BehaviorSubject(false);
+    }
+    ngOnInit() {
+        this.loadDocumentenObjectenApiSync();
+    }
+    loadDocumentenObjectenApiSync() {
+        this.documentDefinition$
+            .pipe(switchMap(documentDefinition => this.documentObjectenApiSyncService.getDocumentObjectenApiSync(documentDefinition.id.name, documentDefinition.id.version)))
+            .subscribe(documentObjectenApiSync => {
+            this.loading$.next(false);
+            this.configSelected(documentObjectenApiSync?.objectManagementConfigurationId);
+            this.enabled.patchValue(documentObjectenApiSync?.enabled);
+            this.documentObjectenApiSync$.next(documentObjectenApiSync);
+        });
+    }
+    remove() {
+        this.documentDefinition$
+            .pipe(switchMap(documentDefinition => this.documentObjectenApiSyncService.deleteDocumentObjectenApiSync(documentDefinition.id.name, documentDefinition.id.version)), tap(() => {
+            this.documentObjectenApiSync$.next(null);
+        }))
+            .subscribe();
+    }
+    submit() {
+        const formValues = this.formGroup.getRawValue();
+        this.documentDefinition$
+            .pipe(switchMap(documentDefinition => this.documentObjectenApiSyncService.updateDocumentObjectenApiSync(documentDefinition.id.name, documentDefinition.id.version, {
+            objectManagementConfigurationId: formValues.objectManagementConfigurationId,
+            enabled: formValues.enabled,
+        })))
+            .subscribe(() => {
+            this.loadDocumentenObjectenApiSync();
+            this.hideModal();
+        });
+    }
+    onModalClose() {
+        this.hideModal();
+    }
+    showModal() {
+        this.modalShowing$.next(true);
+    }
+    configSelected(selectedId) {
+        if (!selectedId) {
+            this.objectManagementConfigurationId.patchValue('');
+        }
+        else {
+            this.objectManagementConfigurationId.patchValue(selectedId);
+        }
+    }
+    hideModal() {
+        this.modalShowing$.next(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentObjectenApiSyncComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: DocumentObjectenApiSyncService }, { token: i3$2.CdsThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: DocumentObjectenApiSyncComponent, isStandalone: true, selector: "valtimo-document-objecten-api-sync", 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<div class=\"input-group mt-4 mb-2 align-items-center\">\n  <div>\n    <h2>{{ 'zaakdetails.title' | translate }}</h2>\n  </div>\n</div>\n\n<ng-container\n  *ngIf=\"{\n    loading: loading$ | async,\n    documentObjectenApiSync: documentObjectenApiSync$ | async\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <ng-container *ngIf=\"obs.documentObjectenApiSync; else addSync\">\n      <div class=\"card card-border card-contrast\">\n        <div class=\"card-header card-header-contrast card-header-featured\">\n          <div>\n            {{ obs.documentObjectenApiSync.objectManagementConfigurationTitle || '-' }}\n          </div>\n          <div class=\"controls\">\n            <button class=\"btn btn-danger ml-3\" (click)=\"showModal()\">\n              <i class=\"icon mdi mdi-pencil\"></i>\n            </button>\n            <button class=\"btn btn-danger ml-3\" (click)=\"remove()\">\n              <i class=\"icon mdi mdi-delete\"></i>\n            </button>\n          </div>\n        </div>\n        <div class=\"card-body\">\n          <div class=\"row pt-3 mt-1\">\n            <div class=\"col-3\">\n              <strong>{{ 'zaakdetails.enabled' | translate }}</strong>\n            </div>\n            <div class=\"col-3\">\n              {{\n                obs.documentObjectenApiSync?.enabled\n                  ? ('zaakdetails.yes' | translate)\n                  : ('zaakdetails.no' | translate)\n              }}\n            </div>\n          </div>\n          <div class=\"row pt-3 mt-1\">\n            <div class=\"col-3\">\n              <strong>{{ 'zaakdetails.objectManagementConfigurationTitle' | translate }}</strong>\n            </div>\n            <div class=\"col-3\">\n              {{ obs.documentObjectenApiSync.objectManagementConfigurationTitle || '-' }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngTemplateOutlet=\"modal; context: {obs: obs}\"></ng-container>\n</ng-container>\n\n<ng-template #addSync>\n  <div class=\"text-right mt-5\">\n    <button class=\"btn btn-primary\" (click)=\"showModal()\">\n      <i class=\"icon mdi mdi-plus mr-1\"></i>{{ 'zaakdetails.submitButton' | translate }}\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #modal let-obs=\"obs\">\n  <cds-modal\n    valtimoCdsModal\n    [title]=\"'zaakdetails.editModal.title' | translate\"\n    [open]=\"modalShowing$ | async\"\n    [showFooter]=\"true\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onModalClose()\">\n      <h3 cdsModalHeaderHeading>\n        {{ 'zaakdetails.editModal.title' | translate }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent>\n      <form [formGroup]=\"formGroup\">\n        <v-select\n          *ngIf=\"objectManagementConfigurationItems$ | async as objectManagementConfigurations\"\n          [appendInline]=\"false\"\n          [dropUp]=\"false\"\n          [items]=\"objectManagementConfigurations\"\n          [defaultSelectionId]=\"objectManagementConfigurationId.getRawValue()\"\n          [placeholder]=\"\n            'zaakdetails.editModal.objectManagementConfigurationPlaceholder' | translate\n          \"\n          [title]=\"'zaakdetails.editModal.objectManagementConfiguration' | translate\"\n          [disabled]=\"false\"\n          [margin]=\"true\"\n          [required]=\"true\"\n          name=\"objectManagementConfigurationId\"\n          [carbonTheme]=\"currentTheme$ | async\"\n          (selectedChange)=\"configSelected($event)\"\n        ></v-select>\n\n        <cds-checkbox formControlName=\"enabled\"\n          >{{ 'zaakdetails.editModal.enabled' | translate }}\n        </cds-checkbox>\n      </form>\n    </section>\n\n    <cds-modal-footer>\n      <ng-container *ngTemplateOutlet=\"buttonsFooterModal; context: {obs: obs}\"></ng-container>\n    </cds-modal-footer>\n  </cds-modal>\n</ng-template>\n\n<ng-template #buttonsFooterModal let-obs=\"obs\">\n  <button cdsButton=\"secondary\" (click)=\"onModalClose()\" [disabled]=\"false\">\n    {{ 'interface.cancel' | translate }}\n  </button>\n\n  <button cdsButton=\"primary\" [disabled]=\"!formGroup.valid\" (click)=\"submit()\">\n    {{ 'searchFieldsOverview.submit' | translate }}\n  </button>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"mb-8\">\n    <valtimo-spinner></valtimo-spinner>\n  </div>\n</ng-template>\n\n<ng-template #noConfigAvailable>\n  <div class=\"mb-8\">\n    <h4>{{ 'zaakdetails.error.configNotFound' | translate }}</h4>\n  </div>\n</ng-template>\n", styles: [".card-header,.setting-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.controls{display:flex;align-items:center}\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: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: SpinnerModule }, { kind: "component", type: i3$2.SpinnerComponent, selector: "valtimo-spinner", inputs: ["useBootstrapSpinner", "name", "type", "size", "color", "bdColor", "fullScreen", "noMarginTop"] }, { kind: "ngmodule", type: FormModule }, { kind: "ngmodule", type: InputModule$1 }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3$2.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: ValtimoCdsModalDirectiveModule }, { kind: "directive", type: i3$2.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]" }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i2.Checkbox, selector: "cds-checkbox, ibm-checkbox", inputs: ["disabled", "skeleton", "hideLabel", "name", "id", "required", "value", "ariaLabel", "ariaLabelledby", "indeterminate", "checked"], outputs: ["click", "checkedChange", "indeterminateChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i2.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i2.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i2.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DocumentObjectenApiSyncComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-document-objecten-api-sync', standalone: true, imports: [
+                        CommonModule,
+                        FormsModule,
+                        TranslateModule,
+                        SpinnerModule,
+                        FormModule,
+                        InputModule$1,
+                        SelectModule,
+                        ValtimoCdsModalDirectiveModule,
+                        CheckboxModule,
+                        ReactiveFormsModule,
+                        ButtonModule,
+                        ModalModule,
+                    ], 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<div class=\"input-group mt-4 mb-2 align-items-center\">\n  <div>\n    <h2>{{ 'zaakdetails.title' | translate }}</h2>\n  </div>\n</div>\n\n<ng-container\n  *ngIf=\"{\n    loading: loading$ | async,\n    documentObjectenApiSync: documentObjectenApiSync$ | async\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <ng-container *ngIf=\"obs.documentObjectenApiSync; else addSync\">\n      <div class=\"card card-border card-contrast\">\n        <div class=\"card-header card-header-contrast card-header-featured\">\n          <div>\n            {{ obs.documentObjectenApiSync.objectManagementConfigurationTitle || '-' }}\n          </div>\n          <div class=\"controls\">\n            <button class=\"btn btn-danger ml-3\" (click)=\"showModal()\">\n              <i class=\"icon mdi mdi-pencil\"></i>\n            </button>\n            <button class=\"btn btn-danger ml-3\" (click)=\"remove()\">\n              <i class=\"icon mdi mdi-delete\"></i>\n            </button>\n          </div>\n        </div>\n        <div class=\"card-body\">\n          <div class=\"row pt-3 mt-1\">\n            <div class=\"col-3\">\n              <strong>{{ 'zaakdetails.enabled' | translate }}</strong>\n            </div>\n            <div class=\"col-3\">\n              {{\n                obs.documentObjectenApiSync?.enabled\n                  ? ('zaakdetails.yes' | translate)\n                  : ('zaakdetails.no' | translate)\n              }}\n            </div>\n          </div>\n          <div class=\"row pt-3 mt-1\">\n            <div class=\"col-3\">\n              <strong>{{ 'zaakdetails.objectManagementConfigurationTitle' | translate }}</strong>\n            </div>\n            <div class=\"col-3\">\n              {{ obs.documentObjectenApiSync.objectManagementConfigurationTitle || '-' }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngTemplateOutlet=\"modal; context: {obs: obs}\"></ng-container>\n</ng-container>\n\n<ng-template #addSync>\n  <div class=\"text-right mt-5\">\n    <button class=\"btn btn-primary\" (click)=\"showModal()\">\n      <i class=\"icon mdi mdi-plus mr-1\"></i>{{ 'zaakdetails.submitButton' | translate }}\n    </button>\n  </div>\n</ng-template>\n\n<ng-template #modal let-obs=\"obs\">\n  <cds-modal\n    valtimoCdsModal\n    [title]=\"'zaakdetails.editModal.title' | translate\"\n    [open]=\"modalShowing$ | async\"\n    [showFooter]=\"true\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onModalClose()\">\n      <h3 cdsModalHeaderHeading>\n        {{ 'zaakdetails.editModal.title' | translate }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent>\n      <form [formGroup]=\"formGroup\">\n        <v-select\n          *ngIf=\"objectManagementConfigurationItems$ | async as objectManagementConfigurations\"\n          [appendInline]=\"false\"\n          [dropUp]=\"false\"\n          [items]=\"objectManagementConfigurations\"\n          [defaultSelectionId]=\"objectManagementConfigurationId.getRawValue()\"\n          [placeholder]=\"\n            'zaakdetails.editModal.objectManagementConfigurationPlaceholder' | translate\n          \"\n          [title]=\"'zaakdetails.editModal.objectManagementConfiguration' | translate\"\n          [disabled]=\"false\"\n          [margin]=\"true\"\n          [required]=\"true\"\n          name=\"objectManagementConfigurationId\"\n          [carbonTheme]=\"currentTheme$ | async\"\n          (selectedChange)=\"configSelected($event)\"\n        ></v-select>\n\n        <cds-checkbox formControlName=\"enabled\"\n          >{{ 'zaakdetails.editModal.enabled' | translate }}\n        </cds-checkbox>\n      </form>\n    </section>\n\n    <cds-modal-footer>\n      <ng-container *ngTemplateOutlet=\"buttonsFooterModal; context: {obs: obs}\"></ng-container>\n    </cds-modal-footer>\n  </cds-modal>\n</ng-template>\n\n<ng-template #buttonsFooterModal let-obs=\"obs\">\n  <button cdsButton=\"secondary\" (click)=\"onModalClose()\" [disabled]=\"false\">\n    {{ 'interface.cancel' | translate }}\n  </button>\n\n  <button cdsButton=\"primary\" [disabled]=\"!formGroup.valid\" (click)=\"submit()\">\n    {{ 'searchFieldsOverview.submit' | translate }}\n  </button>\n</ng-template>\n\n<ng-template #loading>\n  <div class=\"mb-8\">\n    <valtimo-spinner></valtimo-spinner>\n  </div>\n</ng-template>\n\n<ng-template #noConfigAvailable>\n  <div class=\"mb-8\">\n    <h4>{{ 'zaakdetails.error.configNotFound' | translate }}</h4>\n  </div>\n</ng-template>\n", styles: [".card-header,.setting-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.controls{display:flex;align-items:center}\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.ActivatedRoute }, { type: DocumentObjectenApiSyncService }, { type: i3$2.CdsThemeService }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ZakenApiZaaktypeLinkService extends BaseApiService {
+    constructor(httpClient, configService) {
+        super(httpClient, configService);
+        this.httpClient = httpClient;
+        this.configService = configService;
+    }
+    getPluginConfigurationsByPluginDefinitionKey(pluginDefinitionKey) {
+        return this.httpClient.get(this.getApiUrl(`/v1/plugin/configuration?pluginDefinitionKey=${pluginDefinitionKey}`));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ZakenApiZaaktypeLinkService, deps: [{ token: i1.HttpClient }, { token: i2$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ZakenApiZaaktypeLinkService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ZakenApiZaaktypeLinkService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2$1.ConfigService }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ZakenApiZaaktypeLinkComponent {
+    constructor(route, openZaakService, alertService, toasterService, translateService, zakenApiZaaktypeLinkService, configService) {
+        this.route = route;
+        this.openZaakService = openZaakService;
+        this.alertService = alertService;
+        this.toasterService = toasterService;
+        this.translateService = translateService;
+        this.zakenApiZaaktypeLinkService = zakenApiZaaktypeLinkService;
+        this.configService = configService;
+        this.selectedZaakType = null;
+        this.selectedPluginConfiguration = null;
+        this.selectedInformatieObjectTypeUrl = null;
+        this.loading$ = new BehaviorSubject(true);
+        this.zaakTypeLink$ = new BehaviorSubject(null);
+        this.documentDefinitionName$ = this.route.params.pipe(map(params => params.name || ''));
+        this.documentDefinitionName = this.route.snapshot.paramMap.get('name');
+        this.informatieObjectTypeSelectionEnabled =
+            this.configService.config.uploadProvider === UploadProvider.OPEN_ZAAK;
+    }
+    ngOnInit() {
+        this.zaakTypeLinkRequest = {
+            documentDefinitionName: this.documentDefinitionName,
+            createWithDossier: false,
+        };
+        this.openZaakService.getZaakTypeLink(this.documentDefinitionName).subscribe(zaakTypeLink => {
+            if (zaakTypeLink !== null) {
+                this.zaakTypeLinkRequest = {
+                    documentDefinitionName: this.documentDefinitionName,
+                    createWithDossier: zaakTypeLink?.createWithDossier,
+                    rsin: zaakTypeLink?.rsin,
+                    zakenApiPluginConfigurationId: zaakTypeLink?.zakenApiPluginConfigurationId,
+                    zaakTypeUrl: zaakTypeLink?.zaakTypeUrl,
+                };
+            }
+            this.zaakTypeLink$.next(zaakTypeLink);
+            this.loadZaakTypes();
+            this.loadZakenApiPluginConfigurations();
+        });
+        this.loading$.next(false);
+    }
+    findZaakType(zaakTypeUrl) {
+        this.selectedZaakType = this.zaakTypes.find(zaakType => zaakType.url === zaakTypeUrl);
+    }
+    findPluginConfiguration(pluginConfigurationId) {
+        this.selectedPluginConfiguration = this.pluginConfigurations.find(pluginConfiguration => pluginConfiguration.id === pluginConfigurationId);
+    }
+    loadZaakTypes() {
+        return this.openZaakService.getZaakTypes().subscribe((zaakTypes) => {
+            this.zaakTypes = zaakTypes;
+            this.findZaakType(this.zaakTypeLink$.getValue()?.zaakTypeUrl);
+            this.loading$.next(false);
+        });
+    }
+    loadZakenApiPluginConfigurations() {
+        return this.zakenApiZaaktypeLinkService
+            .getPluginConfigurationsByPluginDefinitionKey('zakenapi')
+            .subscribe((plugins) => {
+            this.pluginConfigurations = plugins;
+            this.findPluginConfiguration(this.zaakTypeLink$.getValue()?.zakenApiPluginConfigurationId);
+        });
+    }
+    loadInformatieObjectTypeUrls() {
+        this.openZaakService
+            .getInformatieObjectTypes()
+            .subscribe((informatieObjectTypes) => {
+            this.informatieObjectTypes = informatieObjectTypes;
+        });
+    }
+    openModal(zaakTypeLink) {
+        this.zaakTypeLinkRequest = {
+            documentDefinitionName: this.documentDefinitionName,
+            createWithDossier: zaakTypeLink?.createWithDossier,
+            rsin: zaakTypeLink?.rsin,
+            zakenApiPluginConfigurationId: zaakTypeLink?.zakenApiPluginConfigurationId,
+            zaakTypeUrl: zaakTypeLink?.zaakTypeUrl,
+        };
+        if (this.informatieObjectTypeSelectionEnabled) {
+            this.openZaakService.getOpenZaakConfig().subscribe(config => {
+                if (config === null) {
+                    this.alertService.error(this.translateService.instant('openZaak.error.configNotFound'));
+                }
+                else {
+                    this.loadInformatieObjectTypeUrls();
+                    this.openZaakService
+                        .getInformatieObjectTypeLink(this.documentDefinitionName)
+                        .subscribe(informatieObjectTypeLink => {
+                        if (informatieObjectTypeLink !== null) {
+                            this.selectedInformatieObjectTypeUrl =
+                                informatieObjectTypeLink.informatieObjectType;
+                        }
+                    });
+                }
+                this.modal.show();
+            });
+        }
+        else {
+            this.modal.show();
+        }
+    }
+    removeZaakTypeLink() {
+        this.openZaakService.deleteZaakTypeLink(this.documentDefinitionName).subscribe(() => {
+            if (this.selectedInformatieObjectTypeUrl !== null) {
+                this.openZaakService.deleteInformatieObjectTypeLink(this.documentDefinitionName);
+            }
+            this.toasterService.success('Successfully de-linked zaaktype');
+            this.zaakTypeLink$.next(null);
+        }, () => {
+            this.toasterService.error('Failed to de-link zaaktype');
+        });
+    }
+    submit() {
+        const requestInformatieObjectTypeLink = {
+            documentDefinitionName: this.documentDefinitionName,
+            zaakType: this.zaakTypeLinkRequest.zaakTypeUrl,
+            informatieObjectType: this.selectedInformatieObjectTypeUrl,
+        };
+        this.openZaakService.createZaakTypeLink(this.zaakTypeLinkRequest).subscribe(linkResult => {
+            this.zaakTypeLink$.next(linkResult);
+            this.zaakTypeLinkRequest = {
+                documentDefinitionName: this.documentDefinitionName,
+                createWithDossier: linkResult?.createWithDossier,
+                rsin: linkResult?.rsin,
+                zakenApiPluginConfigurationId: linkResult?.zakenApiPluginConfigurationId,
+                zaakTypeUrl: linkResult?.zaakTypeUrl,
+            };
+            this.findZaakType(linkResult.zaakTypeUrl);
+            this.findPluginConfiguration(linkResult.zakenApiPluginConfigurationId);
+            if (requestInformatieObjectTypeLink.informatieObjectType !== null) {
+                this.openZaakService
+                    .createInformatieObjectTypeLink(requestInformatieObjectTypeLink)
+                    .subscribe(() => {
+                    this.toasterService.success('Successfully linked object informatie type to dossier');
+                });
+            }
+            this.toasterService.success('Successfully linked zaaktype to dossier');
+        }, err => {
+            this.toasterService.error('Failed to link zaaktype to dossier');
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ZakenApiZaaktypeLinkComponent, deps: [{ token: i1$1.ActivatedRoute }, { token: i2$2.OpenZaakService }, { token: i3$2.AlertService }, { token: i4$1.ToastrService }, { token: i3$1.TranslateService }, { token: ZakenApiZaaktypeLinkService }, { token: i2$1.ConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: ZakenApiZaaktypeLinkComponent, isStandalone: true, selector: "valtimo-zaken-api-zaaktype-link", viewQueries: [{ propertyName: "modal", first: true, predicate: ["openZaakTypeLinkModal"], 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<div class=\"input-group mt-4 mb-2 align-items-center\">\n  <div>\n    <h2>{{ 'openZaak.links' | translate }}</h2>\n  </div>\n</div>\n\n<ng-container\n  *ngIf=\"{\n    loading: loading$ | async,\n    zaakTypeLink: zaakTypeLink$ | async\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <ng-container *ngIf=\"obs.zaakTypeLink; else addSync\">\n      <div class=\"card card-border card-contrast\">\n        <div class=\"card-header card-header-contrast card-header-featured\">\n          <div>\n            {{ this.selectedZaakType?.omschrijving || '-' }}\n          </div>\n          <div class=\"controls\">\n            <button class=\"btn btn-danger ml-3\" (click)=\"openModal(obs.zaakTypeLink)\">\n              <i class=\"icon mdi mdi-pencil\"></i>\n            </button>\n            <button class=\"btn btn-danger ml-3\" (click)=\"removeZaakTypeLink()\">\n              <i class=\"icon mdi mdi-delete\"></i>\n            </button>\n          </div>\n        </div>\n        <div class=\"card-body\">\n          <div class=\"row pt-3 mt-1\">\n            <div class=\"col-3\">\n              <strong>{{ 'openZaak.autoCreateForCase' | translate }}</strong>\n            </div>\n            <div class=\"col-3\">\n              {{\n                obs.zaakTypeLink?.createWithDossier\n                  ? ('viewTypeConverter.Yes' | translate)\n                  : ('viewTypeConverter.No' | translate)\n              }}\n            </div>\n          </div>\n          <div class=\"row pt-3 mt-1\">\n            <div class=\"col-3\">\n              <strong>{{ 'openZaak.zakenApiPlugin' | translate }}</strong>\n            </div>\n            <div class=\"col-3\">\n              {{ this.selectedPluginConfiguration?.title || '-' }}\n            </div>\n          </div>\n          <div class=\"row pt-3 mt-1\">\n            <div class=\"col-3\">\n              <strong>{{ 'openZaak.rsin' | translate }}</strong>\n            </div>\n            <div class=\"col-3\">\n              {{ obs.zaakTypeLink?.rsin || '-' }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #addSync>\n  <div class=\"text-right mt-5\">\n    <button class=\"btn btn-primary\" (click)=\"openModal(null)\">\n      <i class=\"icon mdi mdi-plus mr-1\"></i>{{ 'openZaak.linkZaakType' | translate }}\n    </button>\n  </div>\n</ng-template>\n\n<valtimo-modal\n  #openZaakTypeLinkModal\n  elementId=\"openZaakTypeLinkModal\"\n  [title]=\"'Zaak types'\"\n  subtitle=\"Connect Zaak type to Dossier\"\n  showFooter=\"true\"\n>\n  <div body>\n    <p>{{ 'openZaak.selectZaakTypeForCase' | translate }}</p>\n    <div class=\"input-group mb-3 mr-3 align-items-center\">\n      <select class=\"form-control\" [(ngModel)]=\"this.zaakTypeLinkRequest.zaakTypeUrl\">\n        <option [ngValue]=\"null\">{{ 'openZaak.selectZaakType' | translate }}</option>\n        <option *ngFor=\"let zaakType of zaakTypes\" [ngValue]=\"zaakType.url\">\n          {{ zaakType?.omschrijving || '-' }}\n        </option>\n      </select>\n    </div>\n\n    <p>{{ 'openZaak.selectZakenApiPluginForCase' | translate }}</p>\n    <div class=\"input-group mb-3 mr-3 align-items-center\">\n      <select\n        class=\"form-control\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zakenApiPluginConfigurationId\"\n      >\n        <option [ngValue]=\"null\">{{ 'openZaak.selectZakenApiPlugin' | translate }}</option>\n        <option\n          *ngFor=\"let pluginConfiguration of pluginConfigurations\"\n          [ngValue]=\"pluginConfiguration.id\"\n        >\n          {{ pluginConfiguration?.title || '-' }}\n        </option>\n      </select>\n    </div>\n\n    <p>{{ 'openZaak.rsin' | translate }}</p>\n    <div class=\"input-group mb-3 mr-3 align-items-center\">\n      <input\n        type=\"text\"\n        id=\"name\"\n        class=\"form-control\"\n        placeholder=\"RSIN\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.rsin\"\n      />\n    </div>\n\n    <div class=\"setting-row\">\n      <p>{{ 'openZaak.autoCreateForCase' | translate }}</p>\n      <div class=\"controls\">\n        <div class=\"switch-button switch-button-success\">\n          <input\n            type=\"checkbox\"\n            [checked]=\"this.zaakTypeLinkRequest.createWithDossier\"\n            name=\"createWithDossier\"\n            id=\"createWithDossier\"\n            (change)=\"\n              this.zaakTypeLinkRequest.createWithDossier =\n                !this.zaakTypeLinkRequest.createWithDossier\n            \"\n          />\n          <span><label for=\"createWithDossier\"></label></span>\n        </div>\n      </div>\n    </div>\n\n    <div\n      *ngIf=\"informatieObjectTypeSelectionEnabled && selectedZaakType\"\n      class=\"input-group mb-3 align-items-center\"\n    >\n      <select class=\"form-control\" [(ngModel)]=\"selectedInformatieObjectTypeUrl\">\n        <option [ngValue]=\"null\" selected>{{ 'openZaak.selectInfoObjectType' | translate }}</option>\n        <option\n          *ngFor=\"let informatieObjectType of informatieObjectTypes\"\n          [ngValue]=\"informatieObjectType.url\"\n        >\n          {{ informatieObjectType?.omschrijving || '-' }}\n        </option>\n      </select>\n    </div>\n  </div>\n  <div footer>\n    <button\n      (click)=\"submit()\"\n      class=\"btn btn-primary\"\n      data-dismiss=\"modal\"\n      [disabled]=\"!this.zaakTypeLinkRequest.zaakTypeUrl\"\n    >\n      <i class=\"icon mdi mdi-save\"></i>\n      {{ 'openZaak.save' | translate }}\n    </button>\n  </div>\n</valtimo-modal>\n\n<ng-template #loading>\n  <div class=\"mb-8\">\n    <valtimo-spinner></valtimo-spinner>\n  </div>\n</ng-template>\n\n<ng-template #noConfigAvailable>\n  <div class=\"mb-8\">\n    <h4>{{ 'openZaak.error.configNotFound' | translate }}</h4>\n  </div>\n</ng-template>\n", styles: [".card-header,.setting-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.controls{display:flex;align-items:center}.full-width-notification{max-inline-size:100%;min-inline-size: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: 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: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i5.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: i5.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ModalModule$1 }, { kind: "component", type: i3$2.ModalComponent, selector: "valtimo-modal", inputs: ["elementId", "title", "subtitle", "templateBelowSubtitle", "showFooter"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ZakenApiZaaktypeLinkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-zaken-api-zaaktype-link', standalone: true, imports: [CommonModule, FormsModule, ModalModule$1, NotificationModule, TranslateModule], 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<div class=\"input-group mt-4 mb-2 align-items-center\">\n  <div>\n    <h2>{{ 'openZaak.links' | translate }}</h2>\n  </div>\n</div>\n\n<ng-container\n  *ngIf=\"{\n    loading: loading$ | async,\n    zaakTypeLink: zaakTypeLink$ | async\n  } as obs\"\n>\n  <ng-container *ngIf=\"obs.loading === false; else loading\">\n    <ng-container *ngIf=\"obs.zaakTypeLink; else addSync\">\n      <div class=\"card card-border card-contrast\">\n        <div class=\"card-header card-header-contrast card-header-featured\">\n          <div>\n            {{ this.selectedZaakType?.omschrijving || '-' }}\n          </div>\n          <div class=\"controls\">\n            <button class=\"btn btn-danger ml-3\" (click)=\"openModal(obs.zaakTypeLink)\">\n              <i class=\"icon mdi mdi-pencil\"></i>\n            </button>\n            <button class=\"btn btn-danger ml-3\" (click)=\"removeZaakTypeLink()\">\n              <i class=\"icon mdi mdi-delete\"></i>\n            </button>\n          </div>\n        </div>\n        <div class=\"card-body\">\n          <div class=\"row pt-3 mt-1\">\n            <div class=\"col-3\">\n              <strong>{{ 'openZaak.autoCreateForCase' | translate }}</strong>\n            </div>\n            <div class=\"col-3\">\n              {{\n                obs.zaakTypeLink?.createWithDossier\n                  ? ('viewTypeConverter.Yes' | translate)\n                  : ('viewTypeConverter.No' | translate)\n              }}\n            </div>\n          </div>\n          <div class=\"row pt-3 mt-1\">\n            <div class=\"col-3\">\n              <strong>{{ 'openZaak.zakenApiPlugin' | translate }}</strong>\n            </div>\n            <div class=\"col-3\">\n              {{ this.selectedPluginConfiguration?.title || '-' }}\n            </div>\n          </div>\n          <div class=\"row pt-3 mt-1\">\n            <div class=\"col-3\">\n              <strong>{{ 'openZaak.rsin' | translate }}</strong>\n            </div>\n            <div class=\"col-3\">\n              {{ obs.zaakTypeLink?.rsin || '-' }}\n            </div>\n          </div>\n        </div>\n      </div>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #addSync>\n  <div class=\"text-right mt-5\">\n    <button class=\"btn btn-primary\" (click)=\"openModal(null)\">\n      <i class=\"icon mdi mdi-plus mr-1\"></i>{{ 'openZaak.linkZaakType' | translate }}\n    </button>\n  </div>\n</ng-template>\n\n<valtimo-modal\n  #openZaakTypeLinkModal\n  elementId=\"openZaakTypeLinkModal\"\n  [title]=\"'Zaak types'\"\n  subtitle=\"Connect Zaak type to Dossier\"\n  showFooter=\"true\"\n>\n  <div body>\n    <p>{{ 'openZaak.selectZaakTypeForCase' | translate }}</p>\n    <div class=\"input-group mb-3 mr-3 align-items-center\">\n      <select class=\"form-control\" [(ngModel)]=\"this.zaakTypeLinkRequest.zaakTypeUrl\">\n        <option [ngValue]=\"null\">{{ 'openZaak.selectZaakType' | translate }}</option>\n        <option *ngFor=\"let zaakType of zaakTypes\" [ngValue]=\"zaakType.url\">\n          {{ zaakType?.omschrijving || '-' }}\n        </option>\n      </select>\n    </div>\n\n    <p>{{ 'openZaak.selectZakenApiPluginForCase' | translate }}</p>\n    <div class=\"input-group mb-3 mr-3 align-items-center\">\n      <select\n        class=\"form-control\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.zakenApiPluginConfigurationId\"\n      >\n        <option [ngValue]=\"null\">{{ 'openZaak.selectZakenApiPlugin' | translate }}</option>\n        <option\n          *ngFor=\"let pluginConfiguration of pluginConfigurations\"\n          [ngValue]=\"pluginConfiguration.id\"\n        >\n          {{ pluginConfiguration?.title || '-' }}\n        </option>\n      </select>\n    </div>\n\n    <p>{{ 'openZaak.rsin' | translate }}</p>\n    <div class=\"input-group mb-3 mr-3 align-items-center\">\n      <input\n        type=\"text\"\n        id=\"name\"\n        class=\"form-control\"\n        placeholder=\"RSIN\"\n        [(ngModel)]=\"this.zaakTypeLinkRequest.rsin\"\n      />\n    </div>\n\n    <div class=\"setting-row\">\n      <p>{{ 'openZaak.autoCreateForCase' | translate }}</p>\n      <div class=\"controls\">\n        <div class=\"switch-button switch-button-success\">\n          <input\n            type=\"checkbox\"\n            [checked]=\"this.zaakTypeLinkRequest.createWithDossier\"\n            name=\"createWithDossier\"\n            id=\"createWithDossier\"\n            (change)=\"\n              this.zaakTypeLinkRequest.createWithDossier =\n                !this.zaakTypeLinkRequest.createWithDossier\n            \"\n          />\n          <span><label for=\"createWithDossier\"></label></span>\n        </div>\n      </div>\n    </div>\n\n    <div\n      *ngIf=\"informatieObjectTypeSelectionEnabled && selectedZaakType\"\n      class=\"input-group mb-3 align-items-center\"\n    >\n      <select class=\"form-control\" [(ngModel)]=\"selectedInformatieObjectTypeUrl\">\n        <option [ngValue]=\"null\" selected>{{ 'openZaak.selectInfoObjectType' | translate }}</option>\n        <option\n          *ngFor=\"let informatieObjectType of informatieObjectTypes\"\n          [ngValue]=\"informatieObjectType.url\"\n        >\n          {{ informatieObjectType?.omschrijving || '-' }}\n        </option>\n      </select>\n    </div>\n  </div>\n  <div footer>\n    <button\n      (click)=\"submit()\"\n      class=\"btn btn-primary\"\n      data-dismiss=\"modal\"\n      [disabled]=\"!this.zaakTypeLinkRequest.zaakTypeUrl\"\n    >\n      <i class=\"icon mdi mdi-save\"></i>\n      {{ 'openZaak.save' | translate }}\n    </button>\n  </div>\n</valtimo-modal>\n\n<ng-template #loading>\n  <div class=\"mb-8\">\n    <valtimo-spinner></valtimo-spinner>\n  </div>\n</ng-template>\n\n<ng-template #noConfigAvailable>\n  <div class=\"mb-8\">\n    <h4>{{ 'openZaak.error.configNotFound' | translate }}</h4>\n  </div>\n</ng-template>\n", styles: [".card-header,.setting-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.controls{display:flex;align-items:center}.full-width-notification{max-inline-size:100%;min-inline-size: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$1.ActivatedRoute }, { type: i2$2.OpenZaakService }, { type: i3$2.AlertService }, { type: i4$1.ToastrService }, { type: i3$1.TranslateService }, { type: ZakenApiZaaktypeLinkService }, { type: i2$1.ConfigService }], propDecorators: { modal: [{
+                type: ViewChild,
+                args: ['openZaakTypeLinkModal']
+            }] } });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DossierManagementZgwService {
+    constructor() {
+        this._currentTab$ = new BehaviorSubject(ZgwTabEnum.DOCUMENTEN_API_COLUMNS);
+    }
+    get currentTab$() {
+        return this._currentTab$.asObservable();
+    }
+    set currentTab(tab) {
+        this._currentTab$.next(tab);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DossierManagementZgwService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DossierManagementZgwService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DossierManagementZgwService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class DossierManagementZgwComponent {
+    constructor(dossierManagementZgwService) {
+        this.dossierManagementZgwService = dossierManagementZgwService;
+        this.ZgwTabEnum = ZgwTabEnum;
+        this.currentTab$ = this.dossierManagementZgwService.currentTab$;
+    }
+    displayTab(tab) {
+        this.dossierManagementZgwService.currentTab = tab;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DossierManagementZgwComponent, deps: [{ token: DossierManagementZgwService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.3", type: DossierManagementZgwComponent, isStandalone: true, selector: "ng-component", 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<ng-container *ngIf=\"currentTab$ | async as currentTab\">\n  <ng-container\n    *ngIf=\"{\n      documentenApiColumnsActive: currentTab === ZgwTabEnum.DOCUMENTEN_API_COLUMNS\n    } as vars\"\n  >\n    <cds-tabs class=\"dossier-management-tabs\">\n      <cds-tab\n        class=\"no-padding-left-right no-padding-top-bottom\"\n        [active]=\"vars.documentenApiColumnsActive\"\n        [heading]=\"'dossierManagement.tabs.zgw' | translate\"\n        (selected)=\"displayTab(ZgwTabEnum.DOCUMENTEN_API_COLUMNS)\"\n      ></cds-tab\n    ></cds-tabs>\n\n    <div class=\"dossier-management-zgw__content\">\n      <valtimo-documenten-api-columns\n        *ngIf=\"vars.documentenApiColumnsActive\"\n      ></valtimo-documenten-api-columns>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: ["/*!\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: TabsModule }, { kind: "component", type: i2.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i2.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive"], outputs: ["selected"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3$1.TranslatePipe, name: "translate" }, { kind: "component", type: DocumentenApiColumnsComponent, selector: "valtimo-documenten-api-columns" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: DossierManagementZgwComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, TabsModule, TranslateModule, DocumentenApiColumnsComponent], 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<ng-container *ngIf=\"currentTab$ | async as currentTab\">\n  <ng-container\n    *ngIf=\"{\n      documentenApiColumnsActive: currentTab === ZgwTabEnum.DOCUMENTEN_API_COLUMNS\n    } as vars\"\n  >\n    <cds-tabs class=\"dossier-management-tabs\">\n      <cds-tab\n        class=\"no-padding-left-right no-padding-top-bottom\"\n        [active]=\"vars.documentenApiColumnsActive\"\n        [heading]=\"'dossierManagement.tabs.zgw' | translate\"\n        (selected)=\"displayTab(ZgwTabEnum.DOCUMENTEN_API_COLUMNS)\"\n      ></cds-tab\n    ></cds-tabs>\n\n    <div class=\"dossier-management-zgw__content\">\n      <valtimo-documenten-api-columns\n        *ngIf=\"vars.documentenApiColumnsActive\"\n      ></valtimo-documenten-api-columns>\n    </div>\n  </ng-container>\n</ng-container>\n", styles: ["/*!\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: DossierManagementZgwService }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class ZgwModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ZgwModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.3", ngImport: i0, type: ZgwModule, declarations: [DocumentenApiUploaderComponent], imports: [CommonModule,
+            FormioModule,
+            DropzoneModule,
+            TranslateModule,
+            DocumentModule,
+            FileSizeModule,
+            ResourceModule,
+            RouterModule,
+            DocumentenApiMetadataModalComponent,
+            CustomerModule], exports: [DocumentenApiUploaderComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ZgwModule, providers: [
+            {
+                provide: ZGW_OBJECT_TYPE_COMPONENT_TOKEN,
+                useValue: DossierDetailTabObjectTypeComponent,
+            },
+            {
+                provide: ZGW_DOCUMENTEN_API_DOCUMENTS_COMPONENT_TOKEN,
+                useValue: DossierDetailTabDocumentenApiDocumentsComponent,
+            },
+            {
+                provide: ZGW_CASE_CONFIGURATION_EXTENSIONS_TOKEN,
+                useValue: [
+                    DossierManagementLinkProcessComponent,
+                    DocumentenApiVersionComponent,
+                    DocumentObjectenApiSyncComponent,
+                    ZakenApiZaaktypeLinkComponent,
+                ],
+            },
+        ], imports: [CommonModule,
+            FormioModule,
+            DropzoneModule,
+            TranslateModule,
+            DocumentModule,
+            FileSizeModule,
+            ResourceModule,
+            RouterModule,
+            DocumentenApiMetadataModalComponent,
+            CustomerModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: ZgwModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FormioModule,
+                        DropzoneModule,
+                        TranslateModule,
+                        DocumentModule,
+                        FileSizeModule,
+                        ResourceModule,
+                        RouterModule,
+                        DocumentenApiMetadataModalComponent,
+                        CustomerModule,
+                    ],
+                    declarations: [DocumentenApiUploaderComponent],
+                    exports: [DocumentenApiUploaderComponent],
+                    providers: [
+                        {
+                            provide: ZGW_OBJECT_TYPE_COMPONENT_TOKEN,
+                            useValue: DossierDetailTabObjectTypeComponent,
+                        },
+                        {
+                            provide: ZGW_DOCUMENTEN_API_DOCUMENTS_COMPONENT_TOKEN,
+                            useValue: DossierDetailTabDocumentenApiDocumentsComponent,
+                        },
+                        {
+                            provide: ZGW_CASE_CONFIGURATION_EXTENSIONS_TOKEN,
+                            useValue: [
+                                DossierManagementLinkProcessComponent,
+                                DocumentenApiVersionComponent,
+                                DocumentObjectenApiSyncComponent,
+                                ZakenApiZaaktypeLinkComponent,
+                            ],
+                        },
+                    ],
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2024 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+/*
+ * Public API Surface of documenten-api
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CasesListComponent, ContactMomentService, CustomerListComponent, CustomerModule, CustomerService, DocumentObjectenApiSyncComponent, DocumentObjectenApiSyncService, DocumentenApiColumnModalComponent, DocumentenApiColumnService, DocumentenApiColumnsComponent, DocumentenApiDocumentService, DocumentenApiLinkProcessService, DocumentenApiMetadataModalComponent, DocumentenApiUploaderComponent, DocumentenApiVersionComponent, DocumentenApiVersionService, DossierDetailTabContactMomentsComponent, DossierDetailTabDocumentenApiDocumentsComponent, DossierDetailTabObjectTypeComponent, DossierDetailTabZaakobjectenComponent, DossierManagementLinkProcessComponent, DossierManagementZgwComponent, DossierManagementZgwService, ZaakobjectenService, ZakenApiZaaktypeLinkComponent, ZakenApiZaaktypeLinkService, ZgwModule, ZgwTabEnum, customDocumentApiUploaderType, documentenApiUploaderEditForm, registerDocumentenApiFormioUploadComponent };
+//# sourceMappingURL=valtimo-zgw.mjs.map