@valtimo/zgw 12.27.0 → 12.28.1

package/fesm2022/valtimo-zgw.mjs

@@ -28,7 +28,7 @@ import moment from 'moment';
 import * as i5 from 'keycloak-angular';
 import * as i5$1 from '@valtimo/security';
 import { AuthGuardService } from '@valtimo/security';
-import * as i9 from '@valtimo/access-control';
+import * as i8 from '@valtimo/access-control';
 import * as i4$1 from 'ngx-toastr';
 import { FormioModule } from '@formio/angular';
 
@@ -130,11 +130,11 @@ class DocumentenApiDocumentService extends BaseApiService {
             ? this.httpClient.get(this.getApiUrl(`/v2/zaken-api/document/${documentId}/files`), { params })
             : this.httpClient.get(this.getApiUrl(`/v2/zaken-api/document/${documentId}/files`));
     }
-    updateDocument(file, metadata) {
-        return this.httpClient.put(this.getApiUrl(`/v1/documenten-api/${file.pluginConfigurationId}/files/${file.fileId}`), metadata);
+    updateDocument(file, metadata, caseDocumentId) {
+        return this.httpClient.put(this.getApiUrl(`/v1/zaken-api/${file.pluginConfigurationId}/case-document/${caseDocumentId}/files/${file.fileId}`), metadata);
     }
-    deleteDocument(file) {
-        return this.httpClient.delete(this.getApiUrl(`/v1/documenten-api/${file.pluginConfigurationId}/files/${file.fileId}`));
+    deleteDocument(file, caseDocumentId) {
+        return this.httpClient.delete(this.getApiUrl(`/v1/zaken-api/${file.pluginConfigurationId}/case-document/${caseDocumentId}/files/${file.fileId}`));
     }
     getPrefilledUploadFields(documentId) {
         return this.httpClient.get(this.getApiUrl(`/v1/document/${documentId}/zgw-document/upload-field`));
@@ -1609,13 +1609,19 @@ class DossierDetailTabDocumentenApiDocumentsComponent {
         this.registerPermissionSubscriptions();
     }
     registerPermissionSubscriptions() {
-        this._subscriptions.add(this.relatedFiles$
-            .pipe(switchMap$1(files => combineLatest({
-            files: of(files),
-            canView: this.getPermissions(files, CAN_VIEW_RESOURCE_PERMISSION),
-            canModify: this.getPermissions(files, CAN_MODIFY_RESOURCE_PERMISSION),
-            canDelete: this.getPermissions(files, CAN_DELETE_RESOURCE_PERMISSION),
-        })))
+        this._subscriptions.add(combineLatest([this.relatedFiles$, this.documentId$])
+            .pipe(switchMap$1(([files, documentId]) => {
+            const documentContext = {
+                resource: RESOURCE_PERMISSION_RESOURCE.jsonSchemaDocument,
+                identifier: documentId,
+            };
+            return combineLatest({
+                files: of(files),
+                canView: this.getPermissions(files, CAN_VIEW_RESOURCE_PERMISSION, documentContext),
+                canModify: this.getPermissions(files, CAN_MODIFY_RESOURCE_PERMISSION, documentContext),
+                canDelete: this.getPermissions(files, CAN_DELETE_RESOURCE_PERMISSION, documentContext),
+            });
+        }))
             .subscribe(permissions => permissions.files.map(file => (this.filePermissions[file.fileId] = {
             canView: permissions.canView[file.fileId],
             canModify: permissions.canModify[file.fileId],
@@ -1630,9 +1636,16 @@ class DossierDetailTabDocumentenApiDocumentsComponent {
         this.showDeleteConfirmationModal$.next(true);
     }
     deleteDocument() {
-        this._itemsLoading$.next(true);
-        this.documentenApiDocumentService.deleteDocument(this.document).subscribe(() => {
-            this.refetchDocuments();
+        this.documentId$.pipe(take$1(1)).subscribe(documentId => {
+            this._itemsLoading$.next(true);
+            this.documentenApiDocumentService.deleteDocument(this.document, documentId).subscribe({
+                next: () => {
+                    this.refetchDocuments();
+                },
+                error: () => {
+                    this._itemsLoading$.next(false);
+                },
+            });
         });
     }
     bytesToMegabytes(bytes) {
@@ -1674,10 +1687,15 @@ class DossierDetailTabDocumentenApiDocumentsComponent {
             if (!file)
                 return;
             if (this.isEditMode$.getValue()) {
-                this.documentenApiDocumentService.updateDocument(file, metadata).subscribe(() => {
-                    this.refetchDocuments();
-                    this.uploading$.next(false);
-                    this.fileToBeUploaded$.next(null);
+                this.documentenApiDocumentService.updateDocument(file, metadata, documentId).subscribe({
+                    next: () => {
+                        this.refetchDocuments();
+                        this.uploading$.next(false);
+                        this.fileToBeUploaded$.next(null);
+                    },
+                    error: () => {
+                        this.uploading$.next(false);
+                    },
                 });
             }
             else {
@@ -1758,7 +1776,9 @@ class DossierDetailTabDocumentenApiDocumentsComponent {
         return !this.filePermissions[file.fileId]?.canDelete;
     }
     downloadDocument(relatedFile, forceDownload) {
-        this.downloadService.downloadFile(`${this.valtimoEndpointUri}v1/documenten-api/${relatedFile.pluginConfigurationId}/files/${relatedFile.fileId}/download`, relatedFile.bestandsnaam ?? '', forceDownload);
+        this.documentId$.pipe(take$1(1)).subscribe(documentId => {
+            this.downloadService.downloadFile(`${this.valtimoEndpointUri}v1/zaken-api/${relatedFile.pluginConfigurationId}/case-document/${documentId}/files/${relatedFile.fileId}/download`, relatedFile.bestandsnaam ?? '', forceDownload);
+        });
     }
     openQueryParamsSubscription() {
         this._subscriptions.add(combineLatest([
@@ -1816,8 +1836,8 @@ class DossierDetailTabDocumentenApiDocumentsComponent {
         }
         return null;
     }
-    getPermissions(files, permissionRequest) {
-        return combineLatest(files.map(file => this.getPermission(permissionRequest, {
+    getPermissions(files, permissionRequest, context) {
+        return combineLatest(files.map(file => this.getPermission(permissionRequest, context || {
             resource: RESOURCE_PERMISSION_RESOURCE.resourcePermission,
             identifier: file.fileId,
         }).pipe(map$1(available => ({ [file.fileId]: available }))))).pipe(map$1(permissions => permissions.reduce((acc, permission) => ({ ...acc, ...permission }), {})));
@@ -1830,7 +1850,7 @@ class DossierDetailTabDocumentenApiDocumentsComponent {
             return this.permissionService.requestPermission(permissionRequest, context);
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DossierDetailTabDocumentenApiDocumentsComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: i2$1.UploadProviderService }, { token: i2$1.DownloadService }, { token: i3.TranslateService }, { token: i2.ConfigService }, { token: i5$1.UserProviderService }, { token: i6.IconService }, { token: DocumentenApiDocumentService }, { token: DocumentenApiColumnService }, { token: DocumentenApiVersionService }, { token: i9.PermissionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DossierDetailTabDocumentenApiDocumentsComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: i1$2.Router }, { token: i2$1.UploadProviderService }, { token: i2$1.DownloadService }, { token: i3.TranslateService }, { token: i2.ConfigService }, { token: i5$1.UserProviderService }, { token: i6.IconService }, { token: DocumentenApiDocumentService }, { token: DocumentenApiColumnService }, { token: DocumentenApiVersionService }, { token: i8.PermissionService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DossierDetailTabDocumentenApiDocumentsComponent, isStandalone: true, selector: "valtimo-dossier-detail-tab-documenten-api-documents", viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }, { propertyName: "translationTemplate", first: true, predicate: ["translationTemplate"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-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\n  class=\"carbon-document-table-wrapper\"\n  *ngIf=\"{\n    loading: loading$ | async,\n    fieldsLoading: fieldsLoading$ | async,\n    uploading: uploading$ | async,\n    relatedFiles: relatedFiles$ | async,\n    fields: fields$ | async,\n    supportedDocumentenApiFeatures: supportedDocumentenApiFeatures$ | async,\n    pagination: pagination$ | async,\n    sortState: sortState$ | async,\n    uploadFields: uploadFields$ | async,\n    defaultValues: defaultValues$ | async,\n    hideFields: hideFields$ | async,\n  } as obs\"\n>\n  @if ((!obs.fieldsLoading && obs.fields.length) || obs.fieldsLoading) {\n    <valtimo-carbon-list\n      [actionItems]=\"actionItems\"\n      [items]=\"obs.relatedFiles\"\n      [fields]=\"obs.fields\"\n      [initialSortState]=\"obs.sortState\"\n      [loading]=\"obs.loading\"\n      [pagination]=\"obs.pagination\"\n      [paginatorConfig]=\"paginatorConfig\"\n      paginationIdentifier=\"documentenApi\"\n      (rowClicked)=\"onRowClick($event)\"\n      (sortChanged)=\"\n        obs?.supportedDocumentenApiFeatures?.supportsSortableColumns && onSortChanged($event)\n      \"\n      (paginationClicked)=\"onPaginationClicked($event)\"\n      (paginationSet)=\"onPaginationSet($event)\"\n      hideColumnHeader\n    >\n      <div carbonToolbarContent>\n        <input\n          [accept]=\"acceptedFiles\"\n          (change)=\"onFileSelected($event)\"\n          hidden\n          type=\"file\"\n          #fileInput\n        />\n\n        <button\n          *ngIf=\"obs?.supportedDocumentenApiFeatures?.supportsFilterableColumns\"\n          [cdsOverflowMenu]=\"overflowFilter\"\n          [customPane]=\"true\"\n          [iconOnly]=\"true\"\n          [flip]=\"true\"\n          [offset]=\"{x: 0, y: 47}\"\n          cdsButton=\"ghost\"\n          placement=\"bottom\"\n        >\n          <svg class=\"cds--btn__icon\" cdsIcon=\"filter\" size=\"16\"></svg>\n        </button>\n\n        <ng-container *ngTemplateOutlet=\"uploadButton\"></ng-container>\n      </div>\n\n      <ng-container *ngTemplateOutlet=\"noResults\"></ng-container>\n    </valtimo-carbon-list>\n  } @else {\n    <valtimo-no-results\n      [action]=\"navigateToCaseAdminButton\"\n      [description]=\"'zgw.documents.noColumns.description' | translate\"\n      [title]=\"'zgw.documents.noColumns.title' | translate\"\n    ></valtimo-no-results>\n  }\n\n  <valtimo-documenten-api-metadata-modal\n    [defaultValues]=\"obs.defaultValues\"\n    [disableAuthor]=\"obs.uploadFields?.auteur?.readonly\"\n    [disableConfidentialityLevel]=\"obs.uploadFields?.vertrouwelijkheidaanduiding?.readonly\"\n    [disableCreationDate]=\"obs.uploadFields?.creatiedatum?.readonly\"\n    [disableDescription]=\"obs.uploadFields?.beschrijving?.readonly\"\n    [disableDocumentTitle]=\"obs.uploadFields?.titel?.readonly\"\n    [disableDocumentType]=\"obs.uploadFields?.informatieobjecttype?.readonly\"\n    [disableFilename]=\"obs.uploadFields?.bestandsnaam?.readonly\"\n    [disableLanguage]=\"obs.uploadFields?.taal?.readonly\"\n    [disableStatus]=\"obs.uploadFields?.status?.readonly\"\n    [hideFields]=\"obs.hideFields\"\n    [open]=\"showUploadModal$ | async\"\n    [disabled$]=\"modalDisabled$\"\n    [file$]=\"fileToBeUploaded$\"\n    [isEditMode]=\"isEditMode$ | async\"\n    [supportsTrefwoorden]=\"obs?.supportedDocumentenApiFeatures?.supportsTrefwoorden\"\n    (modalClose)=\"closeMetadataModal()\"\n    (metadata)=\"metadataSet($event)\"\n  ></valtimo-documenten-api-metadata-modal>\n</div>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"dashboardManagement.deleteModal.confirm\"\n  contentTranslationKey=\"dossier.documenten.deleteConfirmationModal.content\"\n  confirmButtonType=\"danger\"\n  titleTranslationKey=\"dossier.documenten.deleteConfirmationModal.title\"\n  [showModalSubject$]=\"showDeleteConfirmationModal$\"\n  (confirmEvent)=\"deleteDocument()\"\n>\n</valtimo-confirmation-modal>\n\n<ng-template #noResults>\n  @if ((filter$ | async | keyvalue)?.length) {\n    <valtimo-no-results\n      [action]=\"resetFilterButton\"\n      [description]=\"'zgw.documents.noResults.filterDescription' | translate\"\n      [title]=\"'zgw.documents.noResults.filterTitle' | translate\"\n    ></valtimo-no-results>\n  } @else if (showZaakLinkWarning && isAdmin) {\n    <valtimo-no-results\n      [action]=\"navigateToCaseAdminButton\"\n      [description]=\"'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</ng-template>\n\n<ng-template #overflowFilter>\n  <valtimo-dossier-detail-tab-documenten-api-filter\n    [prefillFilter]=\"filter$ | async\"\n    (filterEvent)=\"onFilterEvent($event)\"\n  ></valtimo-dossier-detail-tab-documenten-api-filter>\n</ng-template>\n\n<ng-template #resetFilterButton>\n  <button cdsButton=\"primary\" (click)=\"onFilterEvent(null)\">\n    {{ 'Reset filter' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #uploadButton let-disabled=\"disabled\">\n  <button\n    [disabled]=\"\n      (uploadProcessLinkedSet && !uploadProcessLinked) ||\n      showZaakLinkWarning ||\n      disabled ||\n      (canCreateResource$ | async) === false\n    \"\n    [vTooltip]=\"getUploadButtonTooltip() | translate\"\n    (click)=\"onUploadButtonClick()\"\n    cdsButton=\"primary\"\n  >\n    {{ 'Upload' | translate }}\n    <svg class=\"cds--btn__icon\" cdsIcon=\"upload\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #translationTemplate let-data=\"data\">\n  @if (data.item[data.key]) {\n    {{ 'document.' + data.item[data.key] | translate }}\n  } @else {\n    -\n  }\n</ng-template>\n\n<ng-template #navigateToCaseAdminButton>\n  <button (click)=\"onNavigateToCaseAdminClick()\" cdsButton=\"primary\">\n    {{ 'dossier.documenten.navigateToCaseAdmin' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"settings\" size=\"16\"></svg>\n  </button>\n</ng-template>\n", styles: [".hidden{display:none}.loading-container{padding:var(--cds-grid-margin);display:flex;align-items:center;justify-content:center}.carbon-document-table-wrapper{margin:0}.documenten-api-documents-filesize-template{text-align:right}::ng-deep .cds--overflow-menu-options.cds--overflow-menu-options--open{max-width:max-content!important;width:max-content!important}\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: "pipe", type: i4.KeyValuePipe, name: "keyvalue" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i3$1.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i3$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "component", type: DocumentenApiMetadataModalComponent, selector: "valtimo-documenten-api-metadata-modal", inputs: ["disabled$", "file$", "hideFields", "defaultValues", "disableAuthor", "disableConfidentialityLevel", "disableDescription", "disableDocumentTitle", "disableDocumentType", "disableFilename", "disableLanguage", "disableStatus", "supportsTrefwoorden", "disableCreationDate", "isEditMode", "open"], outputs: ["metadata", "modalClose"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i6.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i6.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "component", type: DocumentenApiFilterComponent, selector: "valtimo-dossier-detail-tab-documenten-api-filter", outputs: ["filterEvent"] }, { kind: "ngmodule", type: DialogModule }, { kind: "directive", type: i6.OverflowMenuDirective, selector: "[cdsOverflowMenu], [ibmOverflowMenu]", inputs: ["ibmOverflowMenu", "cdsOverflowMenu", "flip", "offset", "wrapperClass", "customPane"], exportAs: ["overflowMenu"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i3$1.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DossierDetailTabDocumentenApiDocumentsComponent, decorators: [{
@@ -1846,7 +1866,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         DialogModule,
                         ConfirmationModalModule,
                     ], 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\n  class=\"carbon-document-table-wrapper\"\n  *ngIf=\"{\n    loading: loading$ | async,\n    fieldsLoading: fieldsLoading$ | async,\n    uploading: uploading$ | async,\n    relatedFiles: relatedFiles$ | async,\n    fields: fields$ | async,\n    supportedDocumentenApiFeatures: supportedDocumentenApiFeatures$ | async,\n    pagination: pagination$ | async,\n    sortState: sortState$ | async,\n    uploadFields: uploadFields$ | async,\n    defaultValues: defaultValues$ | async,\n    hideFields: hideFields$ | async,\n  } as obs\"\n>\n  @if ((!obs.fieldsLoading && obs.fields.length) || obs.fieldsLoading) {\n    <valtimo-carbon-list\n      [actionItems]=\"actionItems\"\n      [items]=\"obs.relatedFiles\"\n      [fields]=\"obs.fields\"\n      [initialSortState]=\"obs.sortState\"\n      [loading]=\"obs.loading\"\n      [pagination]=\"obs.pagination\"\n      [paginatorConfig]=\"paginatorConfig\"\n      paginationIdentifier=\"documentenApi\"\n      (rowClicked)=\"onRowClick($event)\"\n      (sortChanged)=\"\n        obs?.supportedDocumentenApiFeatures?.supportsSortableColumns && onSortChanged($event)\n      \"\n      (paginationClicked)=\"onPaginationClicked($event)\"\n      (paginationSet)=\"onPaginationSet($event)\"\n      hideColumnHeader\n    >\n      <div carbonToolbarContent>\n        <input\n          [accept]=\"acceptedFiles\"\n          (change)=\"onFileSelected($event)\"\n          hidden\n          type=\"file\"\n          #fileInput\n        />\n\n        <button\n          *ngIf=\"obs?.supportedDocumentenApiFeatures?.supportsFilterableColumns\"\n          [cdsOverflowMenu]=\"overflowFilter\"\n          [customPane]=\"true\"\n          [iconOnly]=\"true\"\n          [flip]=\"true\"\n          [offset]=\"{x: 0, y: 47}\"\n          cdsButton=\"ghost\"\n          placement=\"bottom\"\n        >\n          <svg class=\"cds--btn__icon\" cdsIcon=\"filter\" size=\"16\"></svg>\n        </button>\n\n        <ng-container *ngTemplateOutlet=\"uploadButton\"></ng-container>\n      </div>\n\n      <ng-container *ngTemplateOutlet=\"noResults\"></ng-container>\n    </valtimo-carbon-list>\n  } @else {\n    <valtimo-no-results\n      [action]=\"navigateToCaseAdminButton\"\n      [description]=\"'zgw.documents.noColumns.description' | translate\"\n      [title]=\"'zgw.documents.noColumns.title' | translate\"\n    ></valtimo-no-results>\n  }\n\n  <valtimo-documenten-api-metadata-modal\n    [defaultValues]=\"obs.defaultValues\"\n    [disableAuthor]=\"obs.uploadFields?.auteur?.readonly\"\n    [disableConfidentialityLevel]=\"obs.uploadFields?.vertrouwelijkheidaanduiding?.readonly\"\n    [disableCreationDate]=\"obs.uploadFields?.creatiedatum?.readonly\"\n    [disableDescription]=\"obs.uploadFields?.beschrijving?.readonly\"\n    [disableDocumentTitle]=\"obs.uploadFields?.titel?.readonly\"\n    [disableDocumentType]=\"obs.uploadFields?.informatieobjecttype?.readonly\"\n    [disableFilename]=\"obs.uploadFields?.bestandsnaam?.readonly\"\n    [disableLanguage]=\"obs.uploadFields?.taal?.readonly\"\n    [disableStatus]=\"obs.uploadFields?.status?.readonly\"\n    [hideFields]=\"obs.hideFields\"\n    [open]=\"showUploadModal$ | async\"\n    [disabled$]=\"modalDisabled$\"\n    [file$]=\"fileToBeUploaded$\"\n    [isEditMode]=\"isEditMode$ | async\"\n    [supportsTrefwoorden]=\"obs?.supportedDocumentenApiFeatures?.supportsTrefwoorden\"\n    (modalClose)=\"closeMetadataModal()\"\n    (metadata)=\"metadataSet($event)\"\n  ></valtimo-documenten-api-metadata-modal>\n</div>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"dashboardManagement.deleteModal.confirm\"\n  contentTranslationKey=\"dossier.documenten.deleteConfirmationModal.content\"\n  confirmButtonType=\"danger\"\n  titleTranslationKey=\"dossier.documenten.deleteConfirmationModal.title\"\n  [showModalSubject$]=\"showDeleteConfirmationModal$\"\n  (confirmEvent)=\"deleteDocument()\"\n>\n</valtimo-confirmation-modal>\n\n<ng-template #noResults>\n  @if ((filter$ | async | keyvalue)?.length) {\n    <valtimo-no-results\n      [action]=\"resetFilterButton\"\n      [description]=\"'zgw.documents.noResults.filterDescription' | translate\"\n      [title]=\"'zgw.documents.noResults.filterTitle' | translate\"\n    ></valtimo-no-results>\n  } @else if (showZaakLinkWarning && isAdmin) {\n    <valtimo-no-results\n      [action]=\"navigateToCaseAdminButton\"\n      [description]=\"'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</ng-template>\n\n<ng-template #overflowFilter>\n  <valtimo-dossier-detail-tab-documenten-api-filter\n    [prefillFilter]=\"filter$ | async\"\n    (filterEvent)=\"onFilterEvent($event)\"\n  ></valtimo-dossier-detail-tab-documenten-api-filter>\n</ng-template>\n\n<ng-template #resetFilterButton>\n  <button cdsButton=\"primary\" (click)=\"onFilterEvent(null)\">\n    {{ 'Reset filter' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #uploadButton let-disabled=\"disabled\">\n  <button\n    [disabled]=\"\n      (uploadProcessLinkedSet && !uploadProcessLinked) ||\n      showZaakLinkWarning ||\n      disabled ||\n      (canCreateResource$ | async) === false\n    \"\n    [vTooltip]=\"getUploadButtonTooltip() | translate\"\n    (click)=\"onUploadButtonClick()\"\n    cdsButton=\"primary\"\n  >\n    {{ 'Upload' | translate }}\n    <svg class=\"cds--btn__icon\" cdsIcon=\"upload\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #translationTemplate let-data=\"data\">\n  @if (data.item[data.key]) {\n    {{ 'document.' + data.item[data.key] | translate }}\n  } @else {\n    -\n  }\n</ng-template>\n\n<ng-template #navigateToCaseAdminButton>\n  <button (click)=\"onNavigateToCaseAdminClick()\" cdsButton=\"primary\">\n    {{ 'dossier.documenten.navigateToCaseAdmin' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"settings\" size=\"16\"></svg>\n  </button>\n</ng-template>\n", styles: [".hidden{display:none}.loading-container{padding:var(--cds-grid-margin);display:flex;align-items:center;justify-content:center}.carbon-document-table-wrapper{margin:0}.documenten-api-documents-filesize-template{text-align:right}::ng-deep .cds--overflow-menu-options.cds--overflow-menu-options--open{max-width:max-content!important;width:max-content!important}\n/*!\n * Copyright 2015-2024 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: i2$1.UploadProviderService }, { type: i2$1.DownloadService }, { type: i3.TranslateService }, { type: i2.ConfigService }, { type: i5$1.UserProviderService }, { type: i6.IconService }, { type: DocumentenApiDocumentService }, { type: DocumentenApiColumnService }, { type: DocumentenApiVersionService }, { type: i9.PermissionService }], propDecorators: { fileInput: [{
+        }], ctorParameters: () => [{ type: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: i2$1.UploadProviderService }, { type: i2$1.DownloadService }, { type: i3.TranslateService }, { type: i2.ConfigService }, { type: i5$1.UserProviderService }, { type: i6.IconService }, { type: DocumentenApiDocumentService }, { type: DocumentenApiColumnService }, { type: DocumentenApiVersionService }, { type: i8.PermissionService }], propDecorators: { fileInput: [{
                 type: ViewChild,
                 args: ['fileInput']
             }], translationTemplate: [{