@valtimo/zgw 13.33.0 → 13.35.0

package/fesm2022/valtimo-zgw.mjs

@@ -3943,7 +3943,7 @@ class CaseDetailTabZaakobjectenComponent {
         this.show();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailTabZaakobjectenComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: ZaakobjectenService }, { token: i3.ModalService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseDetailTabZaakobjectenComponent, isStandalone: true, selector: "valtimo-case-detail-tab-zaakobjecten", viewQueries: [{ propertyName: "viewZaakobjectModal", first: true, predicate: ["viewZaakobjectModal"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    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]=\"'case.zaakobjecten.objecttype' | translate\"\n    [placeholder]=\"'case.zaakobjecten.objecttypePlaceholder' | translate\"\n    [loading]=\"!obs.objecttypeSelectItems\"\n    (selectedChange)=\"selectObjectType($event)\"\n  ></v-select>\n  <v-input-label\n    titleTranslationKey=\"case.zaakobjecten.objecten\"\n    [largeMargin]=\"!!obs.selectedObjectTypeUrl\"\n  ></v-input-label>\n  <v-paragraph *ngIf=\"!obs.selectedObjectTypeUrl\">{{\n    'case.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=\"case.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    <h4>{{ objectName$ | async }}</h4>\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      'case.zaakobjecten.noFormDefinitionComponent' | translate\n    }}</v-paragraph>\n  </div>\n</v-modal>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: InputLabelModule }, { kind: "component", type: i3.InputLabelComponent, selector: "v-input-label", inputs: ["name", "tooltip", "tooltipTranslationKey", "largeMargin", "small", "noMargin", "title", "titleTranslationKey", "required", "disabled", "carbonTheme"] }, { kind: "ngmodule", type: ParagraphModule }, { kind: "component", type: i3.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i3.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.VModalComponent, selector: "v-modal", inputs: ["appearingDelayMs", "maxWidthPx", "hideFooter", "parentId"], outputs: ["closeEvent"] }, { kind: "ngmodule", type: FormIoModule }, { kind: "component", type: i3.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseDetailTabZaakobjectenComponent, isStandalone: true, selector: "valtimo-case-detail-tab-zaakobjecten", viewQueries: [{ propertyName: "viewZaakobjectModal", first: true, predicate: ["viewZaakobjectModal"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    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]=\"'case.zaakobjecten.objecttype' | translate\"\n    [placeholder]=\"'case.zaakobjecten.objecttypePlaceholder' | translate\"\n    [loading]=\"!obs.objecttypeSelectItems\"\n    (selectedChange)=\"selectObjectType($event)\"\n  ></v-select>\n  <v-input-label\n    titleTranslationKey=\"case.zaakobjecten.objecten\"\n    [largeMargin]=\"!!obs.selectedObjectTypeUrl\"\n  ></v-input-label>\n  <v-paragraph *ngIf=\"!obs.selectedObjectTypeUrl\">{{\n    'case.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=\"case.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    <h4>{{ objectName$ | async }}</h4>\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      'case.zaakobjecten.noFormDefinitionComponent' | translate\n    }}</v-paragraph>\n  </div>\n</v-modal>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "ngmodule", type: InputLabelModule }, { kind: "component", type: i3.InputLabelComponent, selector: "v-input-label", inputs: ["name", "tooltip", "tooltipTranslationKey", "largeMargin", "small", "noMargin", "title", "titleTranslationKey", "required", "disabled", "carbonTheme"] }, { kind: "ngmodule", type: ParagraphModule }, { kind: "component", type: i3.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i3.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.VModalComponent, selector: "v-modal", inputs: ["appearingDelayMs", "maxWidthPx", "hideFooter", "parentId"], outputs: ["closeEvent"] }, { kind: "ngmodule", type: FormIoModule }, { kind: "component", type: i3.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "errors", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailTabZaakobjectenComponent, decorators: [{
             type: Component,
@@ -4064,7 +4064,7 @@ class CaseDetailTabObjectTypeComponent {
         this.show();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailTabObjectTypeComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: ZaakobjectenService }, { token: i3.ModalService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseDetailTabObjectTypeComponent, isStandalone: true, selector: "valtimo-object-type", viewQueries: [{ propertyName: "viewObjectModal", first: true, predicate: ["viewObjectModal"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    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=\"case.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    'case.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    <h4>{{ objectName$ | async }}</h4>\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      'case.zaakobjecten.noFormDefinitionComponent' | translate\n    }}</v-paragraph>\n  </div>\n</v-modal>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i3.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.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "ngmodule", type: VModalModule }, { kind: "component", type: i3.VModalComponent, selector: "v-modal", inputs: ["appearingDelayMs", "maxWidthPx", "hideFooter", "parentId"], outputs: ["closeEvent"] }, { kind: "ngmodule", type: FormIoModule }, { kind: "component", type: i3.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change", "event"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseDetailTabObjectTypeComponent, isStandalone: true, selector: "valtimo-object-type", viewQueries: [{ propertyName: "viewObjectModal", first: true, predicate: ["viewObjectModal"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    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=\"case.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    'case.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    <h4>{{ objectName$ | async }}</h4>\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      'case.zaakobjecten.noFormDefinitionComponent' | translate\n    }}</v-paragraph>\n  </div>\n</v-modal>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i3.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.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "ngmodule", type: VModalModule }, { kind: "component", type: i3.VModalComponent, selector: "v-modal", inputs: ["appearingDelayMs", "maxWidthPx", "hideFooter", "parentId"], outputs: ["closeEvent"] }, { kind: "ngmodule", type: FormIoModule }, { kind: "component", type: i3.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "errors", "formRefresh$"], outputs: ["submit", "change", "event"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseDetailTabObjectTypeComponent, decorators: [{
             type: Component,
@@ -5570,7 +5570,7 @@ class CaseInspectionZgwTabComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionZgwTabComponent, deps: [{ token: ZgwCaseInspectionService }, { token: i6.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseInspectionZgwTabComponent, isStandalone: true, selector: "valtimo-case-inspection-zgw", inputs: { documentId: "documentId" }, usesOnChanges: true, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<section class=\"case-inspection-zgw-tab\">\n  <div *ngIf=\"$loading()\" class=\"loading-container\">\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n\n  <ng-container *ngIf=\"$errorMessage() as message\">\n    <p class=\"case-inspection-zgw-tab__error\">{{ message }}</p>\n  </ng-container>\n\n  <ng-container *ngIf=\"!$loading() && $zgw() as zgw\">\n    <!-- State 1: case is not linked to a zaak (neutral info) -->\n    <ng-container *ngIf=\"!zgw.zaakInstanceLink\">\n      <p class=\"case-inspection-zgw-tab__empty\">\n        {{ 'case.inspection.zgw.empty' | translate }}\n      </p>\n    </ng-container>\n\n    <!-- State 2: link present but zaak could not be loaded (error notification) -->\n    <ng-container *ngIf=\"zgw.zaakInstanceLink && !zgw.zaak\">\n      <cds-inline-notification\n        class=\"case-inspection-zgw-tab__warnings\"\n        [notificationObj]=\"{\n          type: 'error',\n          title: 'case.inspection.zgw.zaakUnreachable.title' | translate,\n          message: 'case.inspection.zgw.zaakUnreachable.message' | translate,\n          showClose: false,\n          lowContrast: true,\n        }\"\n      ></cds-inline-notification>\n\n      <dl class=\"case-inspection-zgw-tab__list\">\n        <dt>{{ 'case.inspection.zgw.zaak.url' | translate }}</dt>\n        <dd>\n          <code>{{ zgw.zaakInstanceLink.zaakInstanceUrl }}</code>\n          <button\n            cdsButton=\"ghost\"\n            size=\"sm\"\n            [iconOnly]=\"true\"\n            [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n            (click)=\"onCopy(zgw.zaakInstanceLink.zaakInstanceUrl)\"\n          >\n            <svg cdsIcon=\"copy\" size=\"16\"></svg>\n          </button>\n          <a\n            cdsButton=\"ghost\"\n            size=\"sm\"\n            target=\"_blank\"\n            rel=\"noopener\"\n            [attr.aria-label]=\"'case.inspection.zgw.actions.openExternal' | translate\"\n            [href]=\"zgw.zaakInstanceLink.zaakInstanceUrl\"\n          >\n            <svg cdsIcon=\"launch\" size=\"16\"></svg>\n          </a>\n        </dd>\n\n        <ng-container *ngIf=\"zgw.warnings.length\">\n          <dt>{{ 'case.inspection.zgw.zaakUnreachable.details' | translate }}</dt>\n          <dd>\n            <ul class=\"case-inspection-zgw-tab__warning-list\">\n              <li *ngFor=\"let w of zgw.warnings\">{{ w }}</li>\n            </ul>\n          </dd>\n        </ng-container>\n      </dl>\n    </ng-container>\n\n    <!-- State 3: link + zaak loaded (full accordion) -->\n    <ng-container *ngIf=\"zgw.zaakInstanceLink && zgw.zaak\">\n      <cds-inline-notification\n        *ngIf=\"zgw.warnings.length\"\n        class=\"case-inspection-zgw-tab__warnings\"\n        [notificationObj]=\"{\n          type: 'warning',\n          title: 'case.inspection.zgw.warnings.title' | translate,\n          message: zgw.warnings.join(' \u2022 '),\n          showClose: false,\n          lowContrast: true,\n        }\"\n      ></cds-inline-notification>\n\n      <cds-accordion align=\"start\" size=\"sm\">\n        <!-- Zaak header -->\n        <cds-accordion-item\n          [title]=\"'case.inspection.zgw.zaak.title' | translate\"\n          [expanded]=\"true\"\n        >\n          <dl class=\"case-inspection-zgw-tab__list\">\n            <dt>{{ 'case.inspection.zgw.zaak.url' | translate }}</dt>\n            <dd>\n              <code>{{ zgw.zaakInstanceLink!.zaakInstanceUrl }}</code>\n              <button\n                cdsButton=\"ghost\"\n                size=\"sm\"\n                [iconOnly]=\"true\"\n                [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n                (click)=\"onCopy(zgw.zaakInstanceLink!.zaakInstanceUrl)\"\n              >\n                <svg cdsIcon=\"copy\" size=\"16\"></svg>\n              </button>\n              <a\n                cdsButton=\"ghost\"\n                size=\"sm\"\n                target=\"_blank\"\n                rel=\"noopener\"\n                [attr.aria-label]=\"'case.inspection.zgw.actions.openExternal' | translate\"\n                [href]=\"zgw.zaakInstanceLink!.zaakInstanceUrl\"\n              >\n                <svg cdsIcon=\"launch\" size=\"16\"></svg>\n              </a>\n            </dd>\n\n            <dt>{{ 'case.inspection.zgw.zaak.uuid' | translate }}</dt>\n            <dd>\n              <code>{{ zgw.zaakInstanceLink!.zaakInstanceId }}</code>\n            </dd>\n\n            <ng-container *ngIf=\"zgw.zaak as zaakBody\">\n              <dt>{{ 'case.inspection.zgw.zaak.identificatie' | translate }}</dt>\n              <dd>{{ zaakBody.identificatie || '-' }}</dd>\n\n              <dt>{{ 'case.inspection.zgw.zaak.bronorganisatie' | translate }}</dt>\n              <dd>{{ zaakBody.bronorganisatie || '-' }}</dd>\n\n              <dt>{{ 'case.inspection.zgw.zaak.zaaktype' | translate }}</dt>\n              <dd>\n                <code>{{ zgw.zaakInstanceLink!.zaakTypeUrl }}</code>\n                <button\n                  cdsButton=\"ghost\"\n                  size=\"sm\"\n                  [iconOnly]=\"true\"\n                  [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n                  (click)=\"onCopy(zgw.zaakInstanceLink!.zaakTypeUrl)\"\n                >\n                  <svg cdsIcon=\"copy\" size=\"16\"></svg>\n                </button>\n              </dd>\n\n              <dt>{{ 'case.inspection.zgw.zaak.registratiedatum' | translate }}</dt>\n              <dd>{{ zaakBody.registratiedatum || '-' }}</dd>\n\n              <dt>{{ 'case.inspection.zgw.zaak.startdatum' | translate }}</dt>\n              <dd>{{ zaakBody.startdatum || '-' }}</dd>\n\n              <dt>{{ 'case.inspection.zgw.zaak.einddatum' | translate }}</dt>\n              <dd>{{ zaakBody.einddatum || '-' }}</dd>\n\n              <dt>{{ 'case.inspection.zgw.zaak.einddatumGepland' | translate }}</dt>\n              <dd>{{ zaakBody.einddatumGepland || '-' }}</dd>\n\n              <dt>{{ 'case.inspection.zgw.zaak.uiterlijkeEinddatumAfdoening' | translate }}</dt>\n              <dd>{{ zaakBody.uiterlijkeEinddatumAfdoening || '-' }}</dd>\n\n              <dt>{{ 'case.inspection.zgw.zaak.vertrouwelijkheidaanduiding' | translate }}</dt>\n              <dd>\n                <cds-tag *ngIf=\"zaakBody.vertrouwelijkheidaanduiding\" size=\"sm\" type=\"cool-gray\">\n                  {{ zaakBody.vertrouwelijkheidaanduiding }}\n                </cds-tag>\n                <span *ngIf=\"!zaakBody.vertrouwelijkheidaanduiding\">-</span>\n              </dd>\n\n              <dt>{{ 'case.inspection.zgw.zaak.archiefstatus' | translate }}</dt>\n              <dd>\n                <cds-tag *ngIf=\"zaakBody.archiefstatus\" size=\"sm\" type=\"cool-gray\">\n                  {{ zaakBody.archiefstatus }}\n                </cds-tag>\n                <span *ngIf=\"!zaakBody.archiefstatus\">-</span>\n              </dd>\n\n              <dt>{{ 'case.inspection.zgw.zaak.betalingsindicatie' | translate }}</dt>\n              <dd>\n                <cds-tag *ngIf=\"zaakBody.betalingsindicatie\" size=\"sm\" type=\"cool-gray\">\n                  {{ zaakBody.betalingsindicatie }}\n                </cds-tag>\n                <span *ngIf=\"!zaakBody.betalingsindicatie\">-</span>\n              </dd>\n            </ng-container>\n\n            <dt>{{ 'case.inspection.zgw.zaak.currentResultaat' | translate }}</dt>\n            <dd>\n              <ng-container *ngIf=\"zgw.resultaat as resultaat; else noResultaat\">\n                <code>{{ resultaat.resultaattype }}</code>\n                <button\n                  cdsButton=\"ghost\"\n                  size=\"sm\"\n                  [iconOnly]=\"true\"\n                  [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n                  (click)=\"onCopy(resultaat.resultaattype)\"\n                >\n                  <svg cdsIcon=\"copy\" size=\"16\"></svg>\n                </button>\n                <span *ngIf=\"resultaat.toelichting\">\u2014 {{ resultaat.toelichting }}</span>\n              </ng-container>\n              <ng-template #noResultaat>\n                <span class=\"case-inspection-zgw-tab__empty\">\n                  {{ 'case.inspection.zgw.zaak.noResultaat' | translate }}\n                </span>\n              </ng-template>\n            </dd>\n          </dl>\n        </cds-accordion-item>\n\n        <!-- Eigenschappen -->\n        <cds-accordion-item [title]=\"'case.inspection.zgw.eigenschappen.title' | translate\">\n          <ng-container *ngIf=\"zgw.eigenschappen.length; else noEigenschappen\">\n            <cds-structured-list [condensed]=\"true\">\n              <cds-list-header>\n                <cds-list-column>{{\n                  'case.inspection.zgw.eigenschappen.naam' | translate\n                }}</cds-list-column>\n                <cds-list-column>{{\n                  'case.inspection.zgw.eigenschappen.waarde' | translate\n                }}</cds-list-column>\n                <cds-list-column>{{\n                  'case.inspection.zgw.eigenschappen.eigenschapUrl' | translate\n                }}</cds-list-column>\n                <cds-list-column>{{\n                  'case.inspection.zgw.eigenschappen.zaakeigenschapUrl' | translate\n                }}</cds-list-column>\n              </cds-list-header>\n\n              <cds-list-row *ngFor=\"let e of zgw.eigenschappen\">\n                <cds-list-column>{{ e.naam || '-' }}</cds-list-column>\n                <cds-list-column>{{ e.waarde }}</cds-list-column>\n                <cds-list-column>\n                  <code>{{ e.eigenschap }}</code>\n                  <button\n                    cdsButton=\"ghost\"\n                    size=\"sm\"\n                    [iconOnly]=\"true\"\n                    [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n                    (click)=\"onCopy(e.eigenschap)\"\n                  >\n                    <svg cdsIcon=\"copy\" size=\"16\"></svg>\n                  </button>\n                </cds-list-column>\n                <cds-list-column>\n                  <code>{{ e.url }}</code>\n                  <button\n                    cdsButton=\"ghost\"\n                    size=\"sm\"\n                    [iconOnly]=\"true\"\n                    [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n                    (click)=\"onCopy(e.url)\"\n                  >\n                    <svg cdsIcon=\"copy\" size=\"16\"></svg>\n                  </button>\n                </cds-list-column>\n              </cds-list-row>\n            </cds-structured-list>\n          </ng-container>\n          <ng-template #noEigenschappen>\n            <p class=\"case-inspection-zgw-tab__empty\">\n              {{ 'case.inspection.zgw.eigenschappen.empty' | translate }}\n            </p>\n          </ng-template>\n        </cds-accordion-item>\n\n        <!-- Rollen -->\n        <cds-accordion-item [title]=\"'case.inspection.zgw.rollen.title' | translate\">\n          <ng-container *ngIf=\"zgw.rollen.length; else noRollen\">\n            <cds-structured-list [condensed]=\"true\">\n              <cds-list-header>\n                <cds-list-column>{{\n                  'case.inspection.zgw.rollen.betrokkeneType' | translate\n                }}</cds-list-column>\n                <cds-list-column>{{\n                  'case.inspection.zgw.rollen.roltype' | translate\n                }}</cds-list-column>\n                <cds-list-column>{{\n                  'case.inspection.zgw.rollen.identificatie' | translate\n                }}</cds-list-column>\n                <cds-list-column>{{\n                  'case.inspection.zgw.rollen.indicatieMachtiging' | translate\n                }}</cds-list-column>\n                <cds-list-column>{{\n                  'case.inspection.zgw.rollen.url' | translate\n                }}</cds-list-column>\n              </cds-list-header>\n\n              <cds-list-row *ngFor=\"let r of zgw.rollen\">\n                <cds-list-column>{{ r.betrokkeneType }}</cds-list-column>\n                <cds-list-column>{{\n                  r.omschrijving || r.omschrijvingGeneriek || '-'\n                }}</cds-list-column>\n                <cds-list-column>\n                  <code *ngIf=\"r.betrokkeneIdentificatie\">\n                    {{ r.betrokkeneIdentificatie | json }}\n                  </code>\n                  <span *ngIf=\"!r.betrokkeneIdentificatie\">-</span>\n                </cds-list-column>\n                <cds-list-column>{{ r.indicatieMachtiging || '-' }}</cds-list-column>\n                <cds-list-column>\n                  <ng-container *ngIf=\"r.url\">\n                    <code>{{ r.url }}</code>\n                    <button\n                      cdsButton=\"ghost\"\n                      size=\"sm\"\n                      [iconOnly]=\"true\"\n                      [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n                      (click)=\"onCopy(r.url)\"\n                    >\n                      <svg cdsIcon=\"copy\" size=\"16\"></svg>\n                    </button>\n                  </ng-container>\n                </cds-list-column>\n              </cds-list-row>\n            </cds-structured-list>\n          </ng-container>\n          <ng-template #noRollen>\n            <p class=\"case-inspection-zgw-tab__empty\">\n              {{ 'case.inspection.zgw.rollen.empty' | translate }}\n            </p>\n          </ng-template>\n        </cds-accordion-item>\n\n        <!-- Status history -->\n        <cds-accordion-item [title]=\"'case.inspection.zgw.statusHistory.title' | translate\">\n          <ng-container *ngIf=\"zgw.statusHistory.length; else noStatuses\">\n            <cds-structured-list [condensed]=\"true\">\n              <cds-list-header>\n                <cds-list-column>{{\n                  'case.inspection.zgw.statusHistory.datumStatusGezet' | translate\n                }}</cds-list-column>\n                <cds-list-column>{{\n                  'case.inspection.zgw.statusHistory.statustype' | translate\n                }}</cds-list-column>\n                <cds-list-column>{{\n                  'case.inspection.zgw.statusHistory.statustoelichting' | translate\n                }}</cds-list-column>\n              </cds-list-header>\n\n              <cds-list-row *ngFor=\"let s of zgw.statusHistory\">\n                <cds-list-column>{{ s.datumStatusGezet | date: 'medium' }}</cds-list-column>\n                <cds-list-column>\n                  <code>{{ s.statustype }}</code>\n                  <button\n                    cdsButton=\"ghost\"\n                    size=\"sm\"\n                    [iconOnly]=\"true\"\n                    [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n                    (click)=\"onCopy(s.statustype)\"\n                  >\n                    <svg cdsIcon=\"copy\" size=\"16\"></svg>\n                  </button>\n                </cds-list-column>\n                <cds-list-column>{{ s.statustoelichting || '-' }}</cds-list-column>\n              </cds-list-row>\n            </cds-structured-list>\n          </ng-container>\n          <ng-template #noStatuses>\n            <p class=\"case-inspection-zgw-tab__empty\">\n              {{ 'case.inspection.zgw.statusHistory.empty' | translate }}\n            </p>\n          </ng-template>\n        </cds-accordion-item>\n\n        <!-- Zaakobjecten -->\n        <cds-accordion-item [title]=\"'case.inspection.zgw.zaakobjecten.title' | translate\">\n          <ng-container *ngIf=\"zgw.zaakObjecten.length; else noZaakObjecten\">\n            <ul class=\"case-inspection-zgw-tab__cards\">\n              <li *ngFor=\"let o of zgw.zaakObjecten\" class=\"case-inspection-zgw-tab__card\">\n                <dl>\n                  <dt>{{ 'case.inspection.zgw.zaakobjecten.objectUrl' | translate }}</dt>\n                  <dd>\n                    <code>{{ o.objectUrl }}</code>\n                    <button\n                      cdsButton=\"ghost\"\n                      size=\"sm\"\n                      [iconOnly]=\"true\"\n                      [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n                      (click)=\"onCopy(o.objectUrl)\"\n                    >\n                      <svg cdsIcon=\"copy\" size=\"16\"></svg>\n                    </button>\n                  </dd>\n\n                  <dt>{{ 'case.inspection.zgw.zaakobjecten.objectType' | translate }}</dt>\n                  <dd>{{ o.objectTypeOverige || o.objectType }}</dd>\n\n                  <dt *ngIf=\"o.relatieomschrijving\">\n                    {{ 'case.inspection.zgw.zaakobjecten.relatieomschrijving' | translate }}\n                  </dt>\n                  <dd *ngIf=\"o.relatieomschrijving\">{{ o.relatieomschrijving }}</dd>\n                </dl>\n\n                <ng-container [ngSwitch]=\"objectResolveState(o.objectUrl)\">\n                  <button\n                    *ngSwitchCase=\"undefined\"\n                    cdsButton=\"tertiary\"\n                    size=\"sm\"\n                    (click)=\"onResolveZaakobject(o.objectUrl)\"\n                  >\n                    {{ 'case.inspection.zgw.actions.resolveContent' | translate }}\n                  </button>\n                  <p *ngSwitchCase=\"'loading'\">\n                    {{ 'case.inspection.zgw.zaakobjecten.resolveLoading' | translate }}\n                  </p>\n                </ng-container>\n\n                <ng-container\n                  *ngIf=\"\n                    objectResolveState(o.objectUrl) !== undefined &&\n                    objectResolveState(o.objectUrl) !== 'loading'\n                  \"\n                >\n                  <ng-container *ngIf=\"$resolvedObjects()[o.objectUrl] as resolved\">\n                    <ng-container *ngIf=\"resolved !== 'loading'\">\n                      <cds-inline-notification\n                        *ngIf=\"!resolved.resolved\"\n                        [notificationObj]=\"{\n                          type: 'info',\n                          title: 'case.inspection.zgw.zaakobjecten.notResolved' | translate,\n                          message: resolved.message,\n                          showClose: false,\n                          lowContrast: true,\n                        }\"\n                      ></cds-inline-notification>\n\n                      <valtimo-json-editor\n                        *ngIf=\"resolved.resolved && $resolvedRecordModels()[o.objectUrl] as model\"\n                        [model]=\"model\"\n                        [showEditButton]=\"false\"\n                        [heightPx]=\"320\"\n                      ></valtimo-json-editor>\n                    </ng-container>\n                  </ng-container>\n                </ng-container>\n              </li>\n            </ul>\n          </ng-container>\n          <ng-template #noZaakObjecten>\n            <p class=\"case-inspection-zgw-tab__empty\">\n              {{ 'case.inspection.zgw.zaakobjecten.empty' | translate }}\n            </p>\n          </ng-template>\n        </cds-accordion-item>\n\n        <!-- Zaakinformatieobjecten -->\n        <cds-accordion-item\n          [title]=\"'case.inspection.zgw.zaakinformatieobjecten.title' | translate\"\n        >\n          <ng-container *ngIf=\"zgw.zaakInformatieObjecten.length; else noZios\">\n            <cds-structured-list [condensed]=\"true\">\n              <cds-list-header>\n                <cds-list-column>{{\n                  'case.inspection.zgw.zaakinformatieobjecten.titel' | translate\n                }}</cds-list-column>\n                <cds-list-column>{{\n                  'case.inspection.zgw.zaakinformatieobjecten.registratiedatum' | translate\n                }}</cds-list-column>\n                <cds-list-column>{{\n                  'case.inspection.zgw.zaakinformatieobjecten.url' | translate\n                }}</cds-list-column>\n              </cds-list-header>\n\n              <cds-list-row *ngFor=\"let z of zgw.zaakInformatieObjecten\">\n                <cds-list-column>{{ z.titel || '-' }}</cds-list-column>\n                <cds-list-column>{{ z.registratiedatum | date: 'medium' }}</cds-list-column>\n                <cds-list-column>\n                  <code>{{ z.informatieobject }}</code>\n                  <button\n                    cdsButton=\"ghost\"\n                    size=\"sm\"\n                    [iconOnly]=\"true\"\n                    [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n                    (click)=\"onCopy(z.informatieobject)\"\n                  >\n                    <svg cdsIcon=\"copy\" size=\"16\"></svg>\n                  </button>\n                </cds-list-column>\n              </cds-list-row>\n            </cds-structured-list>\n          </ng-container>\n          <ng-template #noZios>\n            <p class=\"case-inspection-zgw-tab__empty\">\n              {{ 'case.inspection.zgw.zaakinformatieobjecten.empty' | translate }}\n            </p>\n          </ng-template>\n        </cds-accordion-item>\n\n        <!-- Besluiten -->\n        <cds-accordion-item [title]=\"'case.inspection.zgw.besluiten.title' | translate\">\n          <ng-container *ngIf=\"zgw.besluiten.length; else noBesluiten\">\n            <cds-structured-list [condensed]=\"true\">\n              <cds-list-header>\n                <cds-list-column>{{\n                  'case.inspection.zgw.besluiten.url' | translate\n                }}</cds-list-column>\n              </cds-list-header>\n\n              <cds-list-row *ngFor=\"let b of zgw.besluiten\">\n                <cds-list-column>\n                  <code>{{ b.besluit }}</code>\n                  <button\n                    cdsButton=\"ghost\"\n                    size=\"sm\"\n                    [iconOnly]=\"true\"\n                    [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n                    (click)=\"onCopy(b.besluit)\"\n                  >\n                    <svg cdsIcon=\"copy\" size=\"16\"></svg>\n                  </button>\n                </cds-list-column>\n              </cds-list-row>\n            </cds-structured-list>\n          </ng-container>\n          <ng-template #noBesluiten>\n            <p class=\"case-inspection-zgw-tab__empty\">\n              {{ 'case.inspection.zgw.besluiten.empty' | translate }}\n            </p>\n          </ng-template>\n        </cds-accordion-item>\n\n        <!-- Zaakdetails sync object -->\n        <cds-accordion-item\n          *ngIf=\"$showZaakdetails()\"\n          [title]=\"'case.inspection.zgw.zaakdetails.title' | translate\"\n        >\n          <ng-container *ngIf=\"$zaakdetails() as zd\">\n            <dl class=\"case-inspection-zgw-tab__list\" *ngIf=\"zd.syncConfig as cfg\">\n              <dt>{{ 'case.inspection.zgw.zaakdetails.caseDefinitionKey' | translate }}</dt>\n              <dd>{{ cfg.caseDefinitionKey }}:{{ cfg.caseDefinitionVersionTag }}</dd>\n\n              <dt>{{ 'case.inspection.zgw.zaakdetails.objectManagementTitle' | translate }}</dt>\n              <dd>{{ cfg.objectManagementTitle || '-' }}</dd>\n\n              <dt>{{ 'case.inspection.zgw.zaakdetails.enabled' | translate }}</dt>\n              <dd>\n                <cds-tag size=\"sm\" [type]=\"cfg.enabled ? 'green' : 'cool-gray'\">\n                  {{\n                    (cfg.enabled ? 'case.inspection.zgw.yes' : 'case.inspection.zgw.no') | translate\n                  }}\n                </cds-tag>\n              </dd>\n            </dl>\n\n            <p *ngIf=\"!zd.syncConfig\" class=\"case-inspection-zgw-tab__empty\">\n              {{ 'case.inspection.zgw.zaakdetails.notConfigured' | translate }}\n            </p>\n\n            <dl class=\"case-inspection-zgw-tab__list\" *ngIf=\"zd.zaakdetailsObject as zo\">\n              <dt>{{ 'case.inspection.zgw.zaakdetails.objectUrl' | translate }}</dt>\n              <dd>\n                <code>{{ zo.objectUrl }}</code>\n                <button\n                  cdsButton=\"ghost\"\n                  size=\"sm\"\n                  [iconOnly]=\"true\"\n                  [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n                  (click)=\"onCopy(zo.objectUrl)\"\n                >\n                  <svg cdsIcon=\"copy\" size=\"16\"></svg>\n                </button>\n              </dd>\n\n              <dt>{{ 'case.inspection.zgw.zaakdetails.linkedToZaak' | translate }}</dt>\n              <dd>\n                <cds-tag size=\"sm\" [type]=\"zo.linkedToZaak ? 'green' : 'cool-gray'\">\n                  {{\n                    (zo.linkedToZaak ? 'case.inspection.zgw.yes' : 'case.inspection.zgw.no')\n                      | translate\n                  }}\n                </cds-tag>\n              </dd>\n            </dl>\n\n            <ng-container *ngIf=\"zd.zaakdetailsObject\">\n              <button\n                *ngIf=\"!$zaakdetailsContent()\"\n                cdsButton=\"tertiary\"\n                size=\"sm\"\n                (click)=\"onResolveZaakdetailsContent()\"\n              >\n                {{ 'case.inspection.zgw.actions.viewLatestContent' | translate }}\n              </button>\n\n              <p *ngIf=\"$zaakdetailsContent() === 'loading'\">\n                {{ 'case.inspection.zgw.zaakdetails.contentLoading' | translate }}\n              </p>\n\n              <ng-container *ngIf=\"$zaakdetailsContent() as content\">\n                <ng-container *ngIf=\"content !== 'loading'\">\n                  <cds-inline-notification\n                    *ngIf=\"!content.resolved\"\n                    [notificationObj]=\"{\n                      type: 'info',\n                      title: 'case.inspection.zgw.zaakdetails.contentNotResolved' | translate,\n                      message: content.message,\n                      showClose: false,\n                      lowContrast: true,\n                    }\"\n                  ></cds-inline-notification>\n\n                  <valtimo-json-editor\n                    *ngIf=\"content.resolved && $zaakdetailsContentModel() as model\"\n                    [model]=\"model\"\n                    [showEditButton]=\"false\"\n                    [heightPx]=\"320\"\n                  ></valtimo-json-editor>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </ng-container>\n        </cds-accordion-item>\n\n        <!-- Raw zaak JSON -->\n        <cds-accordion-item [title]=\"'case.inspection.zgw.rawJson.title' | translate\">\n          <valtimo-json-editor\n            *ngIf=\"$rawZaakModel() as model\"\n            [model]=\"model\"\n            [showEditButton]=\"false\"\n            [heightPx]=\"500\"\n          ></valtimo-json-editor>\n        </cds-accordion-item>\n      </cds-accordion>\n    </ng-container>\n  </ng-container>\n</section>\n", styles: [".case-inspection-zgw-tab{display:flex;flex-direction:column;gap:1rem}.case-inspection-zgw-tab__error{color:var(--cds-text-error, #da1e28)}.case-inspection-zgw-tab__empty{color:var(--cds-text-secondary, #525252);font-style:italic}.case-inspection-zgw-tab__warnings{margin-bottom:.5rem}.case-inspection-zgw-tab__warning-list{margin:0;padding-left:1.25rem;list-style:disc;font-size:.875rem;color:var(--cds-text-secondary, #525252)}.case-inspection-zgw-tab__list{display:grid;grid-template-columns:minmax(180px,max-content) 1fr;column-gap:1rem;margin:0;font-size:.875rem}.case-inspection-zgw-tab__list dt,.case-inspection-zgw-tab__list dd{min-height:2rem;display:flex;align-items:center;margin:0}.case-inspection-zgw-tab__list dt{font-weight:600}.case-inspection-zgw-tab__list dd{gap:.25rem;word-break:break-all}.case-inspection-zgw-tab__list code{font-size:.85rem}.case-inspection-zgw-tab__cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.case-inspection-zgw-tab__card{border:1px solid var(--cds-border-subtle, #e0e0e0);padding:1rem;display:flex;flex-direction:column;gap:.75rem}:host ::ng-deep cds-accordion{border-left:1px solid var(--cds-border-subtle);border-right:1px solid var(--cds-border-subtle)}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "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.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "pipe", type: i4.JsonPipe, name: "json" }, { kind: "pipe", type: i4.DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i6.Accordion, selector: "cds-accordion, ibm-accordion", inputs: ["align", "size", "skeleton"] }, { kind: "component", type: i6.AccordionItem, selector: "cds-accordion-item, ibm-accordion-item", inputs: ["title", "context", "id", "skeleton", "expanded", "disabled"], outputs: ["selected"] }, { 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: NotificationModule }, { kind: "component", type: i6.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "ngmodule", type: StructuredListModule }, { kind: "component", type: i6.StructuredList, selector: "cds-structured-list, ibm-structured-list", inputs: ["selection", "flushed", "condensed", "name", "skeleton"], outputs: ["selected"] }, { kind: "component", type: i6.ListRow, selector: "cds-list-row, ibm-list-row", inputs: ["selected", "label", "value"], outputs: ["change"] }, { kind: "component", type: i6.ListHeader, selector: "cds-list-header, ibm-list-header", inputs: ["skeleton"] }, { kind: "component", type: i6.ListColumn, selector: "cds-list-column, ibm-list-column", inputs: ["skeleton", "nowrap"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i6.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "component", type: JsonEditorComponent, selector: "valtimo-json-editor", inputs: ["disabled", "model", "editorOptions", "fitPage", "fitPageSpaceAdjustment", "formatOnLoad", "heightPx", "heightStyle", "jsonSchema", "showEditButton", "widthPx"], outputs: ["changeEvent", "discardEvent", "keepEditingEvent", "saveEvent"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i6.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseInspectionZgwTabComponent, isStandalone: true, selector: "valtimo-case-inspection-zgw", inputs: { documentId: "documentId" }, usesOnChanges: true, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<section class=\"case-inspection-zgw-tab\">\n  <div *ngIf=\"$loading()\" class=\"loading-container\">\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n\n  <ng-container *ngIf=\"$errorMessage() as message\">\n    <p class=\"case-inspection-zgw-tab__error\">{{ message }}</p>\n  </ng-container>\n\n  <ng-container *ngIf=\"!$loading() && $zgw() as zgw\">\n    <!-- State 1: case is not linked to a zaak (neutral info) -->\n    <ng-container *ngIf=\"!zgw.zaakInstanceLink\">\n      <p class=\"case-inspection-zgw-tab__empty\">\n        {{ 'case.inspection.zgw.empty' | translate }}\n      </p>\n    </ng-container>\n\n    <!-- State 2: link present but zaak could not be loaded (error notification) -->\n    <ng-container *ngIf=\"zgw.zaakInstanceLink && !zgw.zaak\">\n      <cds-inline-notification\n        class=\"case-inspection-zgw-tab__warnings\"\n        [notificationObj]=\"{\n          type: 'error',\n          title: 'case.inspection.zgw.zaakUnreachable.title' | translate,\n          message: 'case.inspection.zgw.zaakUnreachable.message' | translate,\n          showClose: false,\n          lowContrast: true,\n        }\"\n      ></cds-inline-notification>\n\n      <dl class=\"case-inspection-zgw-tab__list\">\n        <dt>{{ 'case.inspection.zgw.zaak.url' | translate }}</dt>\n        <dd>\n          <code>{{ zgw.zaakInstanceLink.zaakInstanceUrl }}</code>\n          <button\n            cdsButton=\"ghost\"\n            size=\"sm\"\n            [iconOnly]=\"true\"\n            [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n            (click)=\"onCopy(zgw.zaakInstanceLink.zaakInstanceUrl)\"\n          >\n            <svg cdsIcon=\"copy\" size=\"16\"></svg>\n          </button>\n          <a\n            cdsButton=\"ghost\"\n            size=\"sm\"\n            target=\"_blank\"\n            rel=\"noopener\"\n            [attr.aria-label]=\"'case.inspection.zgw.actions.openExternal' | translate\"\n            [href]=\"zgw.zaakInstanceLink.zaakInstanceUrl\"\n          >\n            <svg cdsIcon=\"launch\" size=\"16\"></svg>\n          </a>\n        </dd>\n\n        <ng-container *ngIf=\"zgw.warnings.length\">\n          <dt>{{ 'case.inspection.zgw.zaakUnreachable.details' | translate }}</dt>\n          <dd>\n            <ul class=\"case-inspection-zgw-tab__warning-list\">\n              <li *ngFor=\"let w of zgw.warnings\">{{ w }}</li>\n            </ul>\n          </dd>\n        </ng-container>\n      </dl>\n    </ng-container>\n\n    <!-- State 3: link + zaak loaded (full accordion) -->\n    <ng-container *ngIf=\"zgw.zaakInstanceLink && zgw.zaak\">\n      <cds-inline-notification\n        *ngIf=\"zgw.warnings.length\"\n        class=\"case-inspection-zgw-tab__warnings\"\n        [notificationObj]=\"{\n          type: 'warning',\n          title: 'case.inspection.zgw.warnings.title' | translate,\n          message: zgw.warnings.join(' \u2022 '),\n          showClose: false,\n          lowContrast: true,\n        }\"\n      ></cds-inline-notification>\n\n      <cds-accordion align=\"start\" size=\"sm\">\n        <!-- Zaak header -->\n        <cds-accordion-item\n          [title]=\"'case.inspection.zgw.zaak.title' | translate\"\n          [expanded]=\"true\"\n        >\n          <dl class=\"case-inspection-zgw-tab__list\">\n            <dt>{{ 'case.inspection.zgw.zaak.url' | translate }}</dt>\n            <dd>\n              <code>{{ zgw.zaakInstanceLink!.zaakInstanceUrl }}</code>\n              <button\n                cdsButton=\"ghost\"\n                size=\"sm\"\n                [iconOnly]=\"true\"\n                [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n                (click)=\"onCopy(zgw.zaakInstanceLink!.zaakInstanceUrl)\"\n              >\n                <svg cdsIcon=\"copy\" size=\"16\"></svg>\n              </button>\n              <a\n                cdsButton=\"ghost\"\n                size=\"sm\"\n                target=\"_blank\"\n                rel=\"noopener\"\n                [attr.aria-label]=\"'case.inspection.zgw.actions.openExternal' | translate\"\n                [href]=\"zgw.zaakInstanceLink!.zaakInstanceUrl\"\n              >\n                <svg cdsIcon=\"launch\" size=\"16\"></svg>\n              </a>\n            </dd>\n\n            <dt>{{ 'case.inspection.zgw.zaak.uuid' | translate }}</dt>\n            <dd>\n              <code>{{ zgw.zaakInstanceLink!.zaakInstanceId }}</code>\n            </dd>\n\n            <ng-container *ngIf=\"zgw.zaak as zaakBody\">\n              <dt>{{ 'case.inspection.zgw.zaak.identificatie' | translate }}</dt>\n              <dd>{{ zaakBody.identificatie || '-' }}</dd>\n\n              <dt>{{ 'case.inspection.zgw.zaak.bronorganisatie' | translate }}</dt>\n              <dd>{{ zaakBody.bronorganisatie || '-' }}</dd>\n\n              <dt>{{ 'case.inspection.zgw.zaak.zaaktype' | translate }}</dt>\n              <dd>\n                <code>{{ zgw.zaakInstanceLink!.zaakTypeUrl }}</code>\n                <button\n                  cdsButton=\"ghost\"\n                  size=\"sm\"\n                  [iconOnly]=\"true\"\n                  [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n                  (click)=\"onCopy(zgw.zaakInstanceLink!.zaakTypeUrl)\"\n                >\n                  <svg cdsIcon=\"copy\" size=\"16\"></svg>\n                </button>\n              </dd>\n\n              <dt>{{ 'case.inspection.zgw.zaak.registratiedatum' | translate }}</dt>\n              <dd>{{ zaakBody.registratiedatum || '-' }}</dd>\n\n              <dt>{{ 'case.inspection.zgw.zaak.startdatum' | translate }}</dt>\n              <dd>{{ zaakBody.startdatum || '-' }}</dd>\n\n              <dt>{{ 'case.inspection.zgw.zaak.einddatum' | translate }}</dt>\n              <dd>{{ zaakBody.einddatum || '-' }}</dd>\n\n              <dt>{{ 'case.inspection.zgw.zaak.einddatumGepland' | translate }}</dt>\n              <dd>{{ zaakBody.einddatumGepland || '-' }}</dd>\n\n              <dt>{{ 'case.inspection.zgw.zaak.uiterlijkeEinddatumAfdoening' | translate }}</dt>\n              <dd>{{ zaakBody.uiterlijkeEinddatumAfdoening || '-' }}</dd>\n\n              <dt>{{ 'case.inspection.zgw.zaak.vertrouwelijkheidaanduiding' | translate }}</dt>\n              <dd>\n                <cds-tag *ngIf=\"zaakBody.vertrouwelijkheidaanduiding\" size=\"sm\" type=\"cool-gray\">\n                  {{ zaakBody.vertrouwelijkheidaanduiding }}\n                </cds-tag>\n                <span *ngIf=\"!zaakBody.vertrouwelijkheidaanduiding\">-</span>\n              </dd>\n\n              <dt>{{ 'case.inspection.zgw.zaak.archiefstatus' | translate }}</dt>\n              <dd>\n                <cds-tag *ngIf=\"zaakBody.archiefstatus\" size=\"sm\" type=\"cool-gray\">\n                  {{ zaakBody.archiefstatus }}\n                </cds-tag>\n                <span *ngIf=\"!zaakBody.archiefstatus\">-</span>\n              </dd>\n\n              <dt>{{ 'case.inspection.zgw.zaak.betalingsindicatie' | translate }}</dt>\n              <dd>\n                <cds-tag *ngIf=\"zaakBody.betalingsindicatie\" size=\"sm\" type=\"cool-gray\">\n                  {{ zaakBody.betalingsindicatie }}\n                </cds-tag>\n                <span *ngIf=\"!zaakBody.betalingsindicatie\">-</span>\n              </dd>\n            </ng-container>\n\n            <dt>{{ 'case.inspection.zgw.zaak.currentResultaat' | translate }}</dt>\n            <dd>\n              <ng-container *ngIf=\"zgw.resultaat as resultaat; else noResultaat\">\n                <code>{{ resultaat.resultaattype }}</code>\n                <button\n                  cdsButton=\"ghost\"\n                  size=\"sm\"\n                  [iconOnly]=\"true\"\n                  [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n                  (click)=\"onCopy(resultaat.resultaattype)\"\n                >\n                  <svg cdsIcon=\"copy\" size=\"16\"></svg>\n                </button>\n                <span *ngIf=\"resultaat.toelichting\">\u2014 {{ resultaat.toelichting }}</span>\n              </ng-container>\n              <ng-template #noResultaat>\n                <span class=\"case-inspection-zgw-tab__empty\">\n                  {{ 'case.inspection.zgw.zaak.noResultaat' | translate }}\n                </span>\n              </ng-template>\n            </dd>\n          </dl>\n        </cds-accordion-item>\n\n        <!-- Eigenschappen -->\n        <cds-accordion-item [title]=\"'case.inspection.zgw.eigenschappen.title' | translate\">\n          <ng-container *ngIf=\"zgw.eigenschappen.length; else noEigenschappen\">\n            <cds-structured-list [condensed]=\"true\">\n              <cds-list-header>\n                <cds-list-column>{{\n                  'case.inspection.zgw.eigenschappen.naam' | translate\n                }}</cds-list-column>\n                <cds-list-column>{{\n                  'case.inspection.zgw.eigenschappen.waarde' | translate\n                }}</cds-list-column>\n                <cds-list-column>{{\n                  'case.inspection.zgw.eigenschappen.eigenschapUrl' | translate\n                }}</cds-list-column>\n                <cds-list-column>{{\n                  'case.inspection.zgw.eigenschappen.zaakeigenschapUrl' | translate\n                }}</cds-list-column>\n              </cds-list-header>\n\n              <cds-list-row *ngFor=\"let e of zgw.eigenschappen\">\n                <cds-list-column>{{ e.naam || '-' }}</cds-list-column>\n                <cds-list-column>{{ e.waarde }}</cds-list-column>\n                <cds-list-column>\n                  <code>{{ e.eigenschap }}</code>\n                  <button\n                    cdsButton=\"ghost\"\n                    size=\"sm\"\n                    [iconOnly]=\"true\"\n                    [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n                    (click)=\"onCopy(e.eigenschap)\"\n                  >\n                    <svg cdsIcon=\"copy\" size=\"16\"></svg>\n                  </button>\n                </cds-list-column>\n                <cds-list-column>\n                  <code>{{ e.url }}</code>\n                  <button\n                    cdsButton=\"ghost\"\n                    size=\"sm\"\n                    [iconOnly]=\"true\"\n                    [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n                    (click)=\"onCopy(e.url)\"\n                  >\n                    <svg cdsIcon=\"copy\" size=\"16\"></svg>\n                  </button>\n                </cds-list-column>\n              </cds-list-row>\n            </cds-structured-list>\n          </ng-container>\n          <ng-template #noEigenschappen>\n            <p class=\"case-inspection-zgw-tab__empty\">\n              {{ 'case.inspection.zgw.eigenschappen.empty' | translate }}\n            </p>\n          </ng-template>\n        </cds-accordion-item>\n\n        <!-- Rollen -->\n        <cds-accordion-item [title]=\"'case.inspection.zgw.rollen.title' | translate\">\n          <ng-container *ngIf=\"zgw.rollen.length; else noRollen\">\n            <cds-structured-list [condensed]=\"true\">\n              <cds-list-header>\n                <cds-list-column>{{\n                  'case.inspection.zgw.rollen.betrokkeneType' | translate\n                }}</cds-list-column>\n                <cds-list-column>{{\n                  'case.inspection.zgw.rollen.roltype' | translate\n                }}</cds-list-column>\n                <cds-list-column>{{\n                  'case.inspection.zgw.rollen.identificatie' | translate\n                }}</cds-list-column>\n                <cds-list-column>{{\n                  'case.inspection.zgw.rollen.indicatieMachtiging' | translate\n                }}</cds-list-column>\n                <cds-list-column>{{\n                  'case.inspection.zgw.rollen.url' | translate\n                }}</cds-list-column>\n              </cds-list-header>\n\n              <cds-list-row *ngFor=\"let r of zgw.rollen\">\n                <cds-list-column>{{ r.betrokkeneType }}</cds-list-column>\n                <cds-list-column>{{\n                  r.omschrijving || r.omschrijvingGeneriek || '-'\n                }}</cds-list-column>\n                <cds-list-column>\n                  <code *ngIf=\"r.betrokkeneIdentificatie\">\n                    {{ r.betrokkeneIdentificatie | json }}\n                  </code>\n                  <span *ngIf=\"!r.betrokkeneIdentificatie\">-</span>\n                </cds-list-column>\n                <cds-list-column>{{ r.indicatieMachtiging || '-' }}</cds-list-column>\n                <cds-list-column>\n                  <ng-container *ngIf=\"r.url\">\n                    <code>{{ r.url }}</code>\n                    <button\n                      cdsButton=\"ghost\"\n                      size=\"sm\"\n                      [iconOnly]=\"true\"\n                      [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n                      (click)=\"onCopy(r.url)\"\n                    >\n                      <svg cdsIcon=\"copy\" size=\"16\"></svg>\n                    </button>\n                  </ng-container>\n                </cds-list-column>\n              </cds-list-row>\n            </cds-structured-list>\n          </ng-container>\n          <ng-template #noRollen>\n            <p class=\"case-inspection-zgw-tab__empty\">\n              {{ 'case.inspection.zgw.rollen.empty' | translate }}\n            </p>\n          </ng-template>\n        </cds-accordion-item>\n\n        <!-- Status history -->\n        <cds-accordion-item [title]=\"'case.inspection.zgw.statusHistory.title' | translate\">\n          <ng-container *ngIf=\"zgw.statusHistory.length; else noStatuses\">\n            <cds-structured-list [condensed]=\"true\">\n              <cds-list-header>\n                <cds-list-column>{{\n                  'case.inspection.zgw.statusHistory.datumStatusGezet' | translate\n                }}</cds-list-column>\n                <cds-list-column>{{\n                  'case.inspection.zgw.statusHistory.statustype' | translate\n                }}</cds-list-column>\n                <cds-list-column>{{\n                  'case.inspection.zgw.statusHistory.statustoelichting' | translate\n                }}</cds-list-column>\n              </cds-list-header>\n\n              <cds-list-row *ngFor=\"let s of zgw.statusHistory\">\n                <cds-list-column>{{ s.datumStatusGezet | date: 'medium' }}</cds-list-column>\n                <cds-list-column>\n                  <code>{{ s.statustype }}</code>\n                  <button\n                    cdsButton=\"ghost\"\n                    size=\"sm\"\n                    [iconOnly]=\"true\"\n                    [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n                    (click)=\"onCopy(s.statustype)\"\n                  >\n                    <svg cdsIcon=\"copy\" size=\"16\"></svg>\n                  </button>\n                </cds-list-column>\n                <cds-list-column>{{ s.statustoelichting || '-' }}</cds-list-column>\n              </cds-list-row>\n            </cds-structured-list>\n          </ng-container>\n          <ng-template #noStatuses>\n            <p class=\"case-inspection-zgw-tab__empty\">\n              {{ 'case.inspection.zgw.statusHistory.empty' | translate }}\n            </p>\n          </ng-template>\n        </cds-accordion-item>\n\n        <!-- Zaakobjecten -->\n        <cds-accordion-item [title]=\"'case.inspection.zgw.zaakobjecten.title' | translate\">\n          <ng-container *ngIf=\"zgw.zaakObjecten.length; else noZaakObjecten\">\n            <ul class=\"case-inspection-zgw-tab__cards\">\n              <li *ngFor=\"let o of zgw.zaakObjecten\" class=\"case-inspection-zgw-tab__card\">\n                <dl>\n                  <dt>{{ 'case.inspection.zgw.zaakobjecten.objectUrl' | translate }}</dt>\n                  <dd>\n                    <code>{{ o.objectUrl }}</code>\n                    <button\n                      cdsButton=\"ghost\"\n                      size=\"sm\"\n                      [iconOnly]=\"true\"\n                      [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n                      (click)=\"onCopy(o.objectUrl)\"\n                    >\n                      <svg cdsIcon=\"copy\" size=\"16\"></svg>\n                    </button>\n                  </dd>\n\n                  <dt>{{ 'case.inspection.zgw.zaakobjecten.objectType' | translate }}</dt>\n                  <dd>{{ o.objectTypeOverige || o.objectType }}</dd>\n\n                  <dt *ngIf=\"o.relatieomschrijving\">\n                    {{ 'case.inspection.zgw.zaakobjecten.relatieomschrijving' | translate }}\n                  </dt>\n                  <dd *ngIf=\"o.relatieomschrijving\">{{ o.relatieomschrijving }}</dd>\n                </dl>\n\n                <ng-container [ngSwitch]=\"objectResolveState(o.objectUrl)\">\n                  <button\n                    *ngSwitchCase=\"undefined\"\n                    cdsButton=\"tertiary\"\n                    size=\"sm\"\n                    (click)=\"onResolveZaakobject(o.objectUrl)\"\n                  >\n                    {{ 'case.inspection.zgw.actions.resolveContent' | translate }}\n                  </button>\n                  <p *ngSwitchCase=\"'loading'\">\n                    {{ 'case.inspection.zgw.zaakobjecten.resolveLoading' | translate }}\n                  </p>\n                </ng-container>\n\n                <ng-container\n                  *ngIf=\"\n                    objectResolveState(o.objectUrl) !== undefined &&\n                    objectResolveState(o.objectUrl) !== 'loading'\n                  \"\n                >\n                  <ng-container *ngIf=\"$resolvedObjects()[o.objectUrl] as resolved\">\n                    <ng-container *ngIf=\"resolved !== 'loading'\">\n                      <cds-inline-notification\n                        *ngIf=\"!resolved.resolved\"\n                        [notificationObj]=\"{\n                          type: 'info',\n                          title: 'case.inspection.zgw.zaakobjecten.notResolved' | translate,\n                          message: resolved.message,\n                          showClose: false,\n                          lowContrast: true,\n                        }\"\n                      ></cds-inline-notification>\n\n                      <valtimo-json-editor\n                        *ngIf=\"resolved.resolved && $resolvedRecordModels()[o.objectUrl] as model\"\n                        [model]=\"model\"\n                        [showEditButton]=\"false\"\n                        [heightPx]=\"320\"\n                      ></valtimo-json-editor>\n                    </ng-container>\n                  </ng-container>\n                </ng-container>\n              </li>\n            </ul>\n          </ng-container>\n          <ng-template #noZaakObjecten>\n            <p class=\"case-inspection-zgw-tab__empty\">\n              {{ 'case.inspection.zgw.zaakobjecten.empty' | translate }}\n            </p>\n          </ng-template>\n        </cds-accordion-item>\n\n        <!-- Zaakinformatieobjecten -->\n        <cds-accordion-item\n          [title]=\"'case.inspection.zgw.zaakinformatieobjecten.title' | translate\"\n        >\n          <ng-container *ngIf=\"zgw.zaakInformatieObjecten.length; else noZios\">\n            <cds-structured-list [condensed]=\"true\">\n              <cds-list-header>\n                <cds-list-column>{{\n                  'case.inspection.zgw.zaakinformatieobjecten.titel' | translate\n                }}</cds-list-column>\n                <cds-list-column>{{\n                  'case.inspection.zgw.zaakinformatieobjecten.registratiedatum' | translate\n                }}</cds-list-column>\n                <cds-list-column>{{\n                  'case.inspection.zgw.zaakinformatieobjecten.url' | translate\n                }}</cds-list-column>\n              </cds-list-header>\n\n              <cds-list-row *ngFor=\"let z of zgw.zaakInformatieObjecten\">\n                <cds-list-column>{{ z.titel || '-' }}</cds-list-column>\n                <cds-list-column>{{ z.registratiedatum | date: 'medium' }}</cds-list-column>\n                <cds-list-column>\n                  <code>{{ z.informatieobject }}</code>\n                  <button\n                    cdsButton=\"ghost\"\n                    size=\"sm\"\n                    [iconOnly]=\"true\"\n                    [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n                    (click)=\"onCopy(z.informatieobject)\"\n                  >\n                    <svg cdsIcon=\"copy\" size=\"16\"></svg>\n                  </button>\n                </cds-list-column>\n              </cds-list-row>\n            </cds-structured-list>\n          </ng-container>\n          <ng-template #noZios>\n            <p class=\"case-inspection-zgw-tab__empty\">\n              {{ 'case.inspection.zgw.zaakinformatieobjecten.empty' | translate }}\n            </p>\n          </ng-template>\n        </cds-accordion-item>\n\n        <!-- Besluiten -->\n        <cds-accordion-item [title]=\"'case.inspection.zgw.besluiten.title' | translate\">\n          <ng-container *ngIf=\"zgw.besluiten.length; else noBesluiten\">\n            <cds-structured-list [condensed]=\"true\">\n              <cds-list-header>\n                <cds-list-column>{{\n                  'case.inspection.zgw.besluiten.url' | translate\n                }}</cds-list-column>\n              </cds-list-header>\n\n              <cds-list-row *ngFor=\"let b of zgw.besluiten\">\n                <cds-list-column>\n                  <code>{{ b.besluit }}</code>\n                  <button\n                    cdsButton=\"ghost\"\n                    size=\"sm\"\n                    [iconOnly]=\"true\"\n                    [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n                    (click)=\"onCopy(b.besluit)\"\n                  >\n                    <svg cdsIcon=\"copy\" size=\"16\"></svg>\n                  </button>\n                </cds-list-column>\n              </cds-list-row>\n            </cds-structured-list>\n          </ng-container>\n          <ng-template #noBesluiten>\n            <p class=\"case-inspection-zgw-tab__empty\">\n              {{ 'case.inspection.zgw.besluiten.empty' | translate }}\n            </p>\n          </ng-template>\n        </cds-accordion-item>\n\n        <!-- Zaakdetails sync object -->\n        <cds-accordion-item\n          *ngIf=\"$showZaakdetails()\"\n          [title]=\"'case.inspection.zgw.zaakdetails.title' | translate\"\n        >\n          <ng-container *ngIf=\"$zaakdetails() as zd\">\n            <dl class=\"case-inspection-zgw-tab__list\" *ngIf=\"zd.syncConfig as cfg\">\n              <dt>{{ 'case.inspection.zgw.zaakdetails.caseDefinitionKey' | translate }}</dt>\n              <dd>{{ cfg.caseDefinitionKey }}:{{ cfg.caseDefinitionVersionTag }}</dd>\n\n              <dt>{{ 'case.inspection.zgw.zaakdetails.objectManagementTitle' | translate }}</dt>\n              <dd>{{ cfg.objectManagementTitle || '-' }}</dd>\n\n              <dt>{{ 'case.inspection.zgw.zaakdetails.enabled' | translate }}</dt>\n              <dd>\n                <cds-tag size=\"sm\" [type]=\"cfg.enabled ? 'green' : 'cool-gray'\">\n                  {{\n                    (cfg.enabled ? 'case.inspection.zgw.yes' : 'case.inspection.zgw.no') | translate\n                  }}\n                </cds-tag>\n              </dd>\n            </dl>\n\n            <p *ngIf=\"!zd.syncConfig\" class=\"case-inspection-zgw-tab__empty\">\n              {{ 'case.inspection.zgw.zaakdetails.notConfigured' | translate }}\n            </p>\n\n            <dl class=\"case-inspection-zgw-tab__list\" *ngIf=\"zd.zaakdetailsObject as zo\">\n              <dt>{{ 'case.inspection.zgw.zaakdetails.objectUrl' | translate }}</dt>\n              <dd>\n                <code>{{ zo.objectUrl }}</code>\n                <button\n                  cdsButton=\"ghost\"\n                  size=\"sm\"\n                  [iconOnly]=\"true\"\n                  [attr.aria-label]=\"'case.inspection.zgw.actions.copy' | translate\"\n                  (click)=\"onCopy(zo.objectUrl)\"\n                >\n                  <svg cdsIcon=\"copy\" size=\"16\"></svg>\n                </button>\n              </dd>\n\n              <dt>{{ 'case.inspection.zgw.zaakdetails.linkedToZaak' | translate }}</dt>\n              <dd>\n                <cds-tag size=\"sm\" [type]=\"zo.linkedToZaak ? 'green' : 'cool-gray'\">\n                  {{\n                    (zo.linkedToZaak ? 'case.inspection.zgw.yes' : 'case.inspection.zgw.no')\n                      | translate\n                  }}\n                </cds-tag>\n              </dd>\n            </dl>\n\n            <ng-container *ngIf=\"zd.zaakdetailsObject\">\n              <button\n                *ngIf=\"!$zaakdetailsContent()\"\n                cdsButton=\"tertiary\"\n                size=\"sm\"\n                (click)=\"onResolveZaakdetailsContent()\"\n              >\n                {{ 'case.inspection.zgw.actions.viewLatestContent' | translate }}\n              </button>\n\n              <p *ngIf=\"$zaakdetailsContent() === 'loading'\">\n                {{ 'case.inspection.zgw.zaakdetails.contentLoading' | translate }}\n              </p>\n\n              <ng-container *ngIf=\"$zaakdetailsContent() as content\">\n                <ng-container *ngIf=\"content !== 'loading'\">\n                  <cds-inline-notification\n                    *ngIf=\"!content.resolved\"\n                    [notificationObj]=\"{\n                      type: 'info',\n                      title: 'case.inspection.zgw.zaakdetails.contentNotResolved' | translate,\n                      message: content.message,\n                      showClose: false,\n                      lowContrast: true,\n                    }\"\n                  ></cds-inline-notification>\n\n                  <valtimo-json-editor\n                    *ngIf=\"content.resolved && $zaakdetailsContentModel() as model\"\n                    [model]=\"model\"\n                    [showEditButton]=\"false\"\n                    [heightPx]=\"320\"\n                  ></valtimo-json-editor>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </ng-container>\n        </cds-accordion-item>\n\n        <!-- Raw zaak JSON -->\n        <cds-accordion-item [title]=\"'case.inspection.zgw.rawJson.title' | translate\">\n          <valtimo-json-editor\n            *ngIf=\"$rawZaakModel() as model\"\n            [model]=\"model\"\n            [showEditButton]=\"false\"\n            [heightPx]=\"500\"\n          ></valtimo-json-editor>\n        </cds-accordion-item>\n      </cds-accordion>\n    </ng-container>\n  </ng-container>\n</section>\n", styles: [".case-inspection-zgw-tab{display:flex;flex-direction:column;gap:1rem}.case-inspection-zgw-tab__error{color:var(--cds-text-error, #da1e28)}.case-inspection-zgw-tab__empty{color:var(--cds-text-secondary, #525252);font-style:italic}.case-inspection-zgw-tab__warnings{margin-bottom:.5rem}.case-inspection-zgw-tab__warning-list{margin:0;padding-left:1.25rem;list-style:disc;font-size:.875rem;color:var(--cds-text-secondary, #525252)}.case-inspection-zgw-tab__list{display:grid;grid-template-columns:minmax(180px,max-content) 1fr;column-gap:1rem;margin:0;font-size:.875rem}.case-inspection-zgw-tab__list dt,.case-inspection-zgw-tab__list dd{min-height:2rem;display:flex;align-items:center;margin:0}.case-inspection-zgw-tab__list dt{font-weight:600}.case-inspection-zgw-tab__list dd{gap:.25rem;word-break:break-all}.case-inspection-zgw-tab__list code{font-size:.85rem}.case-inspection-zgw-tab__cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.case-inspection-zgw-tab__card{border:1px solid var(--cds-border-subtle, #e0e0e0);padding:1rem;display:flex;flex-direction:column;gap:.75rem}:host ::ng-deep cds-accordion{border-left:1px solid var(--cds-border-subtle);border-right:1px solid var(--cds-border-subtle)}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "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.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "pipe", type: i4.JsonPipe, name: "json" }, { kind: "pipe", type: i4.DatePipe, name: "date" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: AccordionModule }, { kind: "component", type: i6.Accordion, selector: "cds-accordion, ibm-accordion", inputs: ["align", "size", "skeleton"] }, { kind: "component", type: i6.AccordionItem, selector: "cds-accordion-item, ibm-accordion-item", inputs: ["title", "context", "id", "skeleton", "expanded", "disabled"], outputs: ["selected"] }, { 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: NotificationModule }, { kind: "component", type: i6.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "ngmodule", type: StructuredListModule }, { kind: "component", type: i6.StructuredList, selector: "cds-structured-list, ibm-structured-list", inputs: ["selection", "flushed", "condensed", "name", "skeleton"], outputs: ["selected"] }, { kind: "component", type: i6.ListRow, selector: "cds-list-row, ibm-list-row", inputs: ["selected", "label", "value"], outputs: ["change"] }, { kind: "component", type: i6.ListHeader, selector: "cds-list-header, ibm-list-header", inputs: ["skeleton"] }, { kind: "component", type: i6.ListColumn, selector: "cds-list-column, ibm-list-column", inputs: ["skeleton", "nowrap"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i6.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "component", type: JsonEditorComponent, selector: "valtimo-json-editor", inputs: ["disabled", "model", "editorOptions", "fitPage", "formatOnLoad", "heightPx", "heightStyle", "jsonSchema", "showEditButton", "widthPx"], outputs: ["changeEvent", "discardEvent", "keepEditingEvent", "saveEvent"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i6.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionZgwTabComponent, decorators: [{
             type: Component,