@valtimo/case 13.34.0 → 13.35.0

package/fesm2022/valtimo-case.mjs

@@ -13,7 +13,7 @@ import * as i1$2 from '@angular/router';
 import { NavigationStart, RouterModule } from '@angular/router';
 import * as i1$3 from 'ngx-logger';
 import * as i2$1 from '@valtimo/components';
-import { FormioOptionsImpl, TimelineItemImpl, CASES_WITHOUT_STATUS_KEY, CarbonListModule, FormIoModule, ViewType, QUICK_SEARCH_SERVICE, WidgetModule, AssignmentComponent, CurrentCarbonTheme, CARBON_THEME, ObserveSizeDirective, ValtimoCdsModalDirective, RenderInBodyComponent, CarbonListComponent, JsonEditorComponent, SelectModule, ConfirmationModalModule, BpmnJsDiagramModule, TimelineModule, CamundaFormModule, FilterSidebarModule, DataListModule, ModalModule as ModalModule$1, SpinnerModule, UploaderModule, DropzoneModule, InputLabelModule, ParagraphModule, TableModule, VModalModule, SearchFieldsModule, InputModule as InputModule$1, FormModule as FormModule$1, IsArrayPipe, StatusSelectorComponent, RenderInPageHeaderDirective, OverflowMenuComponent, OverflowMenuOptionComponent, OverflowMenuTriggerComponent, CaseTagsSelectorComponent, RemoveClassnamesDirective, ListColumnViewComponent, QuickSearchComponent } from '@valtimo/components';
+import { FormioOptionsImpl, TimelineItemImpl, CASES_WITHOUT_STATUS_KEY, CarbonListModule, FormIoModule, ViewType, QUICK_SEARCH_SERVICE, WidgetModule, AssignmentComponent, CurrentCarbonTheme, CARBON_THEME, ObserveSizeDirective, ValtimoCdsModalDirective, RenderInBodyComponent, ConfirmationModalModule, CarbonListComponent, JsonEditorComponent, SelectModule, BpmnJsDiagramModule, TimelineModule, CamundaFormModule, FilterSidebarModule, DataListModule, ModalModule as ModalModule$1, SpinnerModule, UploaderModule, DropzoneModule, InputLabelModule, ParagraphModule, TableModule, VModalModule, SearchFieldsModule, InputModule as InputModule$1, FormModule as FormModule$1, IsArrayPipe, StatusSelectorComponent, RenderInPageHeaderDirective, OverflowMenuComponent, OverflowMenuOptionComponent, OverflowMenuTriggerComponent, CaseTagsSelectorComponent, RemoveClassnamesDirective, ListColumnViewComponent, QuickSearchComponent } from '@valtimo/components';
 export { CASES_WITHOUT_STATUS_KEY } from '@valtimo/components';
 import moment from 'moment';
 import { catchError, switchMap as switchMap$1, map as map$1, tap as tap$1, take as take$1, filter as filter$1 } from 'rxjs/operators';
@@ -23,7 +23,7 @@ import * as i5 from '@valtimo/sse';
 import * as i6 from '@angular/common';
 import { CommonModule, DOCUMENT, NgComponentOutlet } from '@angular/common';
 import * as i4$1 from 'carbon-components-angular';
-import { InputModule, ButtonModule, PaginationModule, TilesModule, LoadingModule, LayerModule, TagModule, IconModule, DialogModule, ModalModule, Tabs, StructuredListModule, DatePickerModule, DropdownModule, NumberModule, ToggleModule, LinkModule, TabsModule, SelectModule as SelectModule$1, ComboBoxModule, SkeletonModule, NotificationModule, ToggletipModule, TooltipModule } from 'carbon-components-angular';
+import { InputModule, ButtonModule, PaginationModule, TilesModule, LoadingModule, LayerModule, TagModule, IconModule, DialogModule, ModalModule, NotificationModule, Tabs, StructuredListModule, DatePickerModule, DropdownModule, NumberModule, ToggleModule, LinkModule, TabsModule, SelectModule as SelectModule$1, ComboBoxModule, SkeletonModule, ToggletipModule, TooltipModule } from 'carbon-components-angular';
 import * as i2$2 from '@valtimo/process';
 import { ProcessDiagramComponent, ProcessModule } from '@valtimo/process';
 import * as i3$1 from 'ngx-spinner';
@@ -4778,6 +4778,8 @@ class CaseSupportingProcessStartModalComponent {
         this._buildingBlockDefinitionKey = null;
         this._buildingBlockDefinitionVersionTag = null;
         this.closeModalEvent = new EventEmitter();
+        this.showDraftConfirmation$ = new BehaviorSubject(false);
+        this._pendingStartableItem = null;
         this.modalTitle$ = combineLatest([
             this.processDefinitionKey$,
             this.processName$,
@@ -4856,7 +4858,29 @@ class CaseSupportingProcessStartModalComponent {
     setModalSize(formSize) {
         this.modalSize$.next(formSize ? formSizeToCarbonModalSizeMap[formSize] : DEFAULT_START_MODAL_SIZE$1);
     }
-    openModalForStartableItem(item, documentId, caseDefinitionKey, caseDefinitionVersionTag, panelAvailable = false) {
+    openModalForStartableItem(item, documentId, caseDefinitionKey, caseDefinitionVersionTag) {
+        if (item.draft) {
+            this._pendingStartableItem = { item, documentId, caseDefinitionKey, caseDefinitionVersionTag };
+            this.showDraftConfirmation$.next(true);
+            return;
+        }
+        this._pendingStartableItem = null;
+        this.showDraftConfirmation$.next(false);
+        this.proceedWithStartableItem(item, documentId, caseDefinitionKey, caseDefinitionVersionTag);
+    }
+    onDraftConfirmationConfirm() {
+        this.showDraftConfirmation$.next(false);
+        if (this._pendingStartableItem) {
+            const { item, documentId, caseDefinitionKey, caseDefinitionVersionTag } = this._pendingStartableItem;
+            this._pendingStartableItem = null;
+            this.proceedWithStartableItem(item, documentId, caseDefinitionKey, caseDefinitionVersionTag);
+        }
+    }
+    onDraftConfirmationCancel() {
+        this.showDraftConfirmation$.next(false);
+        this._pendingStartableItem = null;
+    }
+    proceedWithStartableItem(item, documentId, caseDefinitionKey, caseDefinitionVersionTag, panelAvailable = false) {
         // Reset any panel left open by a previous start so its content does not linger.
         this.closeStartForm();
         this._panelAvailable = panelAvailable;
@@ -4993,11 +5017,11 @@ class CaseSupportingProcessStartModalComponent {
         this.modalOpen$.next(true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseSupportingProcessStartModalComponent, deps: [{ token: i1$2.Router }, { token: i2$2.ProcessService }, { token: i3$3.ProcessLinkService }, { token: i4.TranslateService }, { token: CaseDetailLayoutService }, { token: FORM_VIEW_MODEL_TOKEN, optional: true }, { token: FORM_CUSTOM_COMPONENT_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseSupportingProcessStartModalComponent, isStandalone: false, selector: "valtimo-case-supporting-process-start-modal", inputs: { isAdmin: "isAdmin" }, outputs: { formSubmit: "formSubmit" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "formViewModelDynamicContainer", first: true, predicate: ["formViewModelComponent"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "formCustomComponentDynamicContainer", first: true, predicate: ["formCustomComponent"], descendants: true, read: ViewContainerRef }, { propertyName: "startFormTemplate", first: true, predicate: ["startForm"], 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<cds-modal\n  [open]=\"modalOpen$ | async\"\n  valtimoCdsModal\n  [size]=\"modalSize$ | async\"\n  [minContentHeight]=\"480\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\" [cdsLayer]=\"1\"\n    ><h3 cdsModalHeaderHeading>\n      {{ modalTitle$ | async }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <ng-template #formViewModelComponent></ng-template>\n    <ng-template #formCustomComponent></ng-template>\n\n    @if (modalOpen$ | async) {\n      <ng-container *ngTemplateOutlet=\"startForm\"></ng-container>\n    }\n  </section>\n</cds-modal>\n\n<ng-template #startForm>\n  @if (isLoading$ | async) {\n    <div class=\"loading-container\">\n      <cds-loading size=\"sm\"></cds-loading>\n    </div>\n  }\n\n  @if (\n    !(isLoading$ | async) &&\n    (startProcessLinkType$ | async) === 'form' &&\n    (formDefinition$ | async)\n  ) {\n    <valtimo-form-io\n      #form\n      [submission]=\"submission$ | async\"\n      [form]=\"formDefinition$ | async\"\n      [options]=\"options$ | async\"\n      [errors]=\"formErrors$ | async\"\n      (submit)=\"onSubmit($event)\"\n    ></valtimo-form-io>\n  }\n\n  @if (\n    !(isLoading$ | async) &&\n    (startProcessLinkType$ | async) === 'form-flow' &&\n    (formFlowInstanceId$ | async)\n  ) {\n    <valtimo-form-flow\n      #formFlow\n      [formFlowInstanceId]=\"formFlowInstanceId$ | async\"\n      (formFlowComplete)=\"formSubmitted()\"\n    ></valtimo-form-flow>\n  }\n\n  @if (\n    !(isLoading$ | async) &&\n    !(formDefinition$ | async) &&\n    !(formFlowInstanceId$ | async) &&\n    (startProcessLinkType$ | async) !== 'ui-component'\n  ) {\n    <div class=\"bg-warning text-black mb-0 p-3 text-center\">\n      {{\n        isAdmin\n          ? ('formManagement.noFormDefinitionFoundAdmin' | translate)\n          : ('formManagement.noFormDefinitionFoundUser' | translate)\n      }}\n    </div>\n\n    <div class=\"mb-0 mt-4 p-3 text-center\">\n      <button\n        class=\"btn btn-secondary btn-space\"\n        type=\"button\"\n        (click)=\"gotoFormLinkScreen()\"\n        id=\"form-link-button\"\n      >\n        {{ 'formManagement.gotoProcessLinksButton' | translate }}\n      </button>\n    </div>\n  }\n</ng-template>\n", styles: ["#supportingProcessStartModal .formio-component-submit{text-align:right}.loading-container{width:100%;display:flex;justify-content:center}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "errors", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i3$3.FormFlowComponent, selector: "valtimo-form-flow", inputs: ["formIoFormData", "formFlowInstanceId"], outputs: ["formFlowComplete", "formFlowChange"] }, { kind: "component", type: i4$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "directive", type: i4$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: i2$1.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "directive", type: i4$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseSupportingProcessStartModalComponent, isStandalone: false, selector: "valtimo-case-supporting-process-start-modal", inputs: { isAdmin: "isAdmin" }, outputs: { formSubmit: "formSubmit" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "formViewModelDynamicContainer", first: true, predicate: ["formViewModelComponent"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "formCustomComponentDynamicContainer", first: true, predicate: ["formCustomComponent"], descendants: true, read: ViewContainerRef }, { propertyName: "startFormTemplate", first: true, predicate: ["startForm"], 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<cds-modal\n  [open]=\"modalOpen$ | async\"\n  valtimoCdsModal\n  [size]=\"modalSize$ | async\"\n  [minContentHeight]=\"480\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\" [cdsLayer]=\"1\"\n    ><h3 cdsModalHeaderHeading>\n      {{ modalTitle$ | async }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <ng-template #formViewModelComponent></ng-template>\n    <ng-template #formCustomComponent></ng-template>\n\n    @if (modalOpen$ | async) {\n      <ng-container *ngTemplateOutlet=\"startForm\"></ng-container>\n    }\n  </section>\n</cds-modal>\n\n<ng-template #startForm>\n  @if (isLoading$ | async) {\n    <div class=\"loading-container\">\n      <cds-loading size=\"sm\"></cds-loading>\n    </div>\n  }\n\n  @if (\n    !(isLoading$ | async) &&\n    (startProcessLinkType$ | async) === 'form' &&\n    (formDefinition$ | async)\n  ) {\n    <valtimo-form-io\n      #form\n      [submission]=\"submission$ | async\"\n      [form]=\"formDefinition$ | async\"\n      [options]=\"options$ | async\"\n      [errors]=\"formErrors$ | async\"\n      (submit)=\"onSubmit($event)\"\n    ></valtimo-form-io>\n  }\n\n  @if (\n    !(isLoading$ | async) &&\n    (startProcessLinkType$ | async) === 'form-flow' &&\n    (formFlowInstanceId$ | async)\n  ) {\n    <valtimo-form-flow\n      #formFlow\n      [formFlowInstanceId]=\"formFlowInstanceId$ | async\"\n      (formFlowComplete)=\"formSubmitted()\"\n    ></valtimo-form-flow>\n  }\n\n  @if (\n    !(isLoading$ | async) &&\n    !(formDefinition$ | async) &&\n    !(formFlowInstanceId$ | async) &&\n    (startProcessLinkType$ | async) !== 'ui-component'\n  ) {\n    <div class=\"bg-warning text-black mb-0 p-3 text-center\">\n      {{\n        isAdmin\n          ? ('formManagement.noFormDefinitionFoundAdmin' | translate)\n          : ('formManagement.noFormDefinitionFoundUser' | translate)\n      }}\n    </div>\n\n    <div class=\"mb-0 mt-4 p-3 text-center\">\n      <button\n        class=\"btn btn-secondary btn-space\"\n        type=\"button\"\n        (click)=\"gotoFormLinkScreen()\"\n        id=\"form-link-button\"\n      >\n        {{ 'formManagement.gotoProcessLinksButton' | translate }}\n      </button>\n    </div>\n  }\n</ng-template>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"case.draftProcessConfirmation.confirm\"\n  [showModalSubject$]=\"showDraftConfirmation$\"\n  titleTranslationKey=\"case.draftProcessConfirmation.title\"\n  (confirmEvent)=\"onDraftConfirmationConfirm()\"\n  (cancelEvent)=\"onDraftConfirmationCancel()\"\n>\n  <cds-notification\n    class=\"full-width-notification\"\n    [notificationObj]=\"{\n      type: 'warning',\n      title: 'case.draftProcessConfirmation.warningTitle' | translate,\n      message: 'case.draftProcessConfirmation.warningDescription' | translate,\n      showClose: false,\n      lowContrast: true\n    }\"\n  ></cds-notification>\n</valtimo-confirmation-modal>\n", styles: ["#supportingProcessStartModal .formio-component-submit{text-align:right}.loading-container{width:100%;display:flex;justify-content:center}.full-width-notification{max-inline-size:100%;min-inline-size:100%}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "errors", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i3$3.FormFlowComponent, selector: "valtimo-form-flow", inputs: ["formIoFormData", "formFlowInstanceId"], outputs: ["formFlowComplete", "formFlowChange"] }, { kind: "component", type: i4$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "directive", type: i4$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "component", type: i2$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"] }, { kind: "directive", type: i2$1.ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "directive", type: i4$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: i4$1.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseSupportingProcessStartModalComponent, decorators: [{
             type: Component,
-            args: [{ standalone: false, selector: 'valtimo-case-supporting-process-start-modal', encapsulation: ViewEncapsulation.None, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  [open]=\"modalOpen$ | async\"\n  valtimoCdsModal\n  [size]=\"modalSize$ | async\"\n  [minContentHeight]=\"480\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\" [cdsLayer]=\"1\"\n    ><h3 cdsModalHeaderHeading>\n      {{ modalTitle$ | async }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <ng-template #formViewModelComponent></ng-template>\n    <ng-template #formCustomComponent></ng-template>\n\n    @if (modalOpen$ | async) {\n      <ng-container *ngTemplateOutlet=\"startForm\"></ng-container>\n    }\n  </section>\n</cds-modal>\n\n<ng-template #startForm>\n  @if (isLoading$ | async) {\n    <div class=\"loading-container\">\n      <cds-loading size=\"sm\"></cds-loading>\n    </div>\n  }\n\n  @if (\n    !(isLoading$ | async) &&\n    (startProcessLinkType$ | async) === 'form' &&\n    (formDefinition$ | async)\n  ) {\n    <valtimo-form-io\n      #form\n      [submission]=\"submission$ | async\"\n      [form]=\"formDefinition$ | async\"\n      [options]=\"options$ | async\"\n      [errors]=\"formErrors$ | async\"\n      (submit)=\"onSubmit($event)\"\n    ></valtimo-form-io>\n  }\n\n  @if (\n    !(isLoading$ | async) &&\n    (startProcessLinkType$ | async) === 'form-flow' &&\n    (formFlowInstanceId$ | async)\n  ) {\n    <valtimo-form-flow\n      #formFlow\n      [formFlowInstanceId]=\"formFlowInstanceId$ | async\"\n      (formFlowComplete)=\"formSubmitted()\"\n    ></valtimo-form-flow>\n  }\n\n  @if (\n    !(isLoading$ | async) &&\n    !(formDefinition$ | async) &&\n    !(formFlowInstanceId$ | async) &&\n    (startProcessLinkType$ | async) !== 'ui-component'\n  ) {\n    <div class=\"bg-warning text-black mb-0 p-3 text-center\">\n      {{\n        isAdmin\n          ? ('formManagement.noFormDefinitionFoundAdmin' | translate)\n          : ('formManagement.noFormDefinitionFoundUser' | translate)\n      }}\n    </div>\n\n    <div class=\"mb-0 mt-4 p-3 text-center\">\n      <button\n        class=\"btn btn-secondary btn-space\"\n        type=\"button\"\n        (click)=\"gotoFormLinkScreen()\"\n        id=\"form-link-button\"\n      >\n        {{ 'formManagement.gotoProcessLinksButton' | translate }}\n      </button>\n    </div>\n  }\n</ng-template>\n", styles: ["#supportingProcessStartModal .formio-component-submit{text-align:right}.loading-container{width:100%;display:flex;justify-content:center}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+            args: [{ standalone: false, selector: 'valtimo-case-supporting-process-start-modal', encapsulation: ViewEncapsulation.None, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal\n  [open]=\"modalOpen$ | async\"\n  valtimoCdsModal\n  [size]=\"modalSize$ | async\"\n  [minContentHeight]=\"480\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\" [cdsLayer]=\"1\"\n    ><h3 cdsModalHeaderHeading>\n      {{ modalTitle$ | async }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\">\n    <ng-template #formViewModelComponent></ng-template>\n    <ng-template #formCustomComponent></ng-template>\n\n    @if (modalOpen$ | async) {\n      <ng-container *ngTemplateOutlet=\"startForm\"></ng-container>\n    }\n  </section>\n</cds-modal>\n\n<ng-template #startForm>\n  @if (isLoading$ | async) {\n    <div class=\"loading-container\">\n      <cds-loading size=\"sm\"></cds-loading>\n    </div>\n  }\n\n  @if (\n    !(isLoading$ | async) &&\n    (startProcessLinkType$ | async) === 'form' &&\n    (formDefinition$ | async)\n  ) {\n    <valtimo-form-io\n      #form\n      [submission]=\"submission$ | async\"\n      [form]=\"formDefinition$ | async\"\n      [options]=\"options$ | async\"\n      [errors]=\"formErrors$ | async\"\n      (submit)=\"onSubmit($event)\"\n    ></valtimo-form-io>\n  }\n\n  @if (\n    !(isLoading$ | async) &&\n    (startProcessLinkType$ | async) === 'form-flow' &&\n    (formFlowInstanceId$ | async)\n  ) {\n    <valtimo-form-flow\n      #formFlow\n      [formFlowInstanceId]=\"formFlowInstanceId$ | async\"\n      (formFlowComplete)=\"formSubmitted()\"\n    ></valtimo-form-flow>\n  }\n\n  @if (\n    !(isLoading$ | async) &&\n    !(formDefinition$ | async) &&\n    !(formFlowInstanceId$ | async) &&\n    (startProcessLinkType$ | async) !== 'ui-component'\n  ) {\n    <div class=\"bg-warning text-black mb-0 p-3 text-center\">\n      {{\n        isAdmin\n          ? ('formManagement.noFormDefinitionFoundAdmin' | translate)\n          : ('formManagement.noFormDefinitionFoundUser' | translate)\n      }}\n    </div>\n\n    <div class=\"mb-0 mt-4 p-3 text-center\">\n      <button\n        class=\"btn btn-secondary btn-space\"\n        type=\"button\"\n        (click)=\"gotoFormLinkScreen()\"\n        id=\"form-link-button\"\n      >\n        {{ 'formManagement.gotoProcessLinksButton' | translate }}\n      </button>\n    </div>\n  }\n</ng-template>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"case.draftProcessConfirmation.confirm\"\n  [showModalSubject$]=\"showDraftConfirmation$\"\n  titleTranslationKey=\"case.draftProcessConfirmation.title\"\n  (confirmEvent)=\"onDraftConfirmationConfirm()\"\n  (cancelEvent)=\"onDraftConfirmationCancel()\"\n>\n  <cds-notification\n    class=\"full-width-notification\"\n    [notificationObj]=\"{\n      type: 'warning',\n      title: 'case.draftProcessConfirmation.warningTitle' | translate,\n      message: 'case.draftProcessConfirmation.warningDescription' | translate,\n      showClose: false,\n      lowContrast: true\n    }\"\n  ></cds-notification>\n</valtimo-confirmation-modal>\n", styles: ["#supportingProcessStartModal .formio-component-submit{text-align:right}.loading-container{width:100%;display:flex;justify-content:center}.full-width-notification{max-inline-size:100%;min-inline-size:100%}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i1$2.Router }, { type: i2$2.ProcessService }, { type: i3$3.ProcessLinkService }, { type: i4.TranslateService }, { type: CaseDetailLayoutService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -5244,7 +5268,7 @@ class CaseDetailComponent {
     }
     startItem(item) {
         this.showTaskList$.pipe(take(1)).subscribe(showTaskList => {
-            this.supportingProcessStart.openModalForStartableItem(item, this.documentId, this.caseDefinitionKey, this.caseDefinitionVersionTag, showTaskList);
+            this.supportingProcessStart.openModalForStartableItem(item, this.documentId, this.caseDefinitionKey, this.caseDefinitionVersionTag);
         });
     }
     onStartFormPanelClose() {
@@ -5573,6 +5597,8 @@ class CaseProcessStartModalComponent {
         this.noProcessLinked = new EventEmitter();
         this.modalOpen$ = new BehaviorSubject(false);
         this.modalSize$ = new BehaviorSubject(DEFAULT_START_MODAL_SIZE);
+        this.showDraftConfirmation$ = new BehaviorSubject(false);
+        this._pendingProcessDefinitionCaseDefinition = null;
         this._subscriptions = new Subscription();
         this._formCustomComponentConfig$ = new BehaviorSubject({});
         this.closeModalEvent = new EventEmitter();
@@ -5664,6 +5690,28 @@ class CaseProcessStartModalComponent {
             : fallbackTitle;
     }
     openModal(processDefinitionCaseDefinition) {
+        if (processDefinitionCaseDefinition.draft) {
+            this._pendingProcessDefinitionCaseDefinition = processDefinitionCaseDefinition;
+            this.showDraftConfirmation$.next(true);
+            return;
+        }
+        this._pendingProcessDefinitionCaseDefinition = null;
+        this.showDraftConfirmation$.next(false);
+        this.proceedWithOpenModal(processDefinitionCaseDefinition);
+    }
+    onDraftConfirmationConfirm() {
+        this.showDraftConfirmation$.next(false);
+        if (this._pendingProcessDefinitionCaseDefinition) {
+            const pending = this._pendingProcessDefinitionCaseDefinition;
+            this._pendingProcessDefinitionCaseDefinition = null;
+            this.proceedWithOpenModal(pending);
+        }
+    }
+    onDraftConfirmationCancel() {
+        this.showDraftConfirmation$.next(false);
+        this._pendingProcessDefinitionCaseDefinition = null;
+    }
+    proceedWithOpenModal(processDefinitionCaseDefinition) {
         this.processDefinitionKey = processDefinitionCaseDefinition.processDefinitionKey;
         this.caseDefinitionKey = processDefinitionCaseDefinition.id.caseDefinitionId.key;
         this.processDefinitionId = processDefinitionCaseDefinition.id.processDefinitionId;
@@ -5776,7 +5824,7 @@ class CaseProcessStartModalComponent {
         this.closeModalEvent.emit();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseProcessStartModalComponent, deps: [{ token: i1$2.Router }, { token: i2$2.ProcessService }, { token: i3$3.ProcessLinkService }, { token: i12.UserProviderService }, { token: i2$3.PermissionService }, { token: CaseListService }, { token: StartModalService }, { token: i1.ConfigService }, { token: FORM_VIEW_MODEL_TOKEN, optional: true }, { token: FORM_CUSTOM_COMPONENT_TOKEN, optional: true }, { token: i3$3.UrlResolverService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseProcessStartModalComponent, isStandalone: true, selector: "valtimo-case-process-start-modal", inputs: { navigateAfterSubmit: "navigateAfterSubmit" }, outputs: { formFlowComplete: "formFlowComplete", noProcessLinked: "noProcessLinked" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "formViewModelDynamicContainer", first: true, predicate: ["formViewModelComponent"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "formCustomComponentDynamicContainer", first: true, predicate: ["formCustomComponent"], descendants: true, read: ViewContainerRef }], 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<valtimo-render-in-body>\n  <cds-modal\n    [open]=\"modalOpen$ | async\"\n    [size]=\"modalSize$ | async\"\n    valtimoCdsModal\n    [minContentHeight]=\"480\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\"\n      ><h3 cdsModalHeaderHeading>\n        {{ modalTitle }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent [cdsLayer]=\"1\" class=\"process-start-modal-content\">\n      <ng-template #formViewModelComponent></ng-template>\n\n      <ng-template #formCustomComponent></ng-template>\n\n      @if (formDefinition && !isFormViewModel) {\n        <valtimo-form-io\n          #form\n          [form]=\"formDefinition\"\n          [options]=\"options\"\n          (submit)=\"onSubmit($event)\"\n        >\n        </valtimo-form-io>\n      }\n\n      @if (formFlowInstanceId) {\n        <valtimo-form-flow\n          [formFlowInstanceId]=\"formFlowInstanceId\"\n          (formFlowComplete)=\"formFlowSubmitted($event)\"\n        ></valtimo-form-flow>\n      }\n\n      @if (!formFlowInstanceId && !formDefinition && isAdmin && !isUIComponent) {\n        <div\n          class=\"bg-warning text-black mb-0 p-3 text-center\"\n          [translate]=\"'formManagement.noFormDefinitionFoundAdmin'\"\n        ></div>\n        <div class=\"mb-0 mt-4 p-3 text-center\">\n          <button\n            (click)=\"gotoProcessLinkScreen()\"\n            class=\"btn btn-secondary btn-space\"\n            id=\"process-link-button\"\n            type=\"button\"\n          >\n            {{ 'formManagement.gotoProcessLinksButton' | translate }}\n          </button>\n        </div>\n      }\n\n      @if (!formFlowInstanceId && !formDefinition && !isAdmin && !isUIComponent) {\n        <div\n          class=\"bg-warning text-black mb-0 p-3 text-center\"\n          [translate]=\"'formManagement.noFormDefinitionFoundUser'\"\n        ></div>\n      }\n    </section>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: [".process-start-modal-content{padding:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: ProcessLinkModule }, { kind: "component", type: i3$3.FormFlowComponent, selector: "valtimo-form-flow", inputs: ["formIoFormData", "formFlowInstanceId"], outputs: ["formFlowComplete", "formFlowChange"] }, { kind: "ngmodule", type: FormIoModule }, { kind: "component", type: i2$1.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "errors", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i4$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "directive", type: i4$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: CaseProcessStartModalComponent, isStandalone: true, selector: "valtimo-case-process-start-modal", inputs: { navigateAfterSubmit: "navigateAfterSubmit" }, outputs: { formFlowComplete: "formFlowComplete", noProcessLinked: "noProcessLinked" }, viewQueries: [{ propertyName: "form", first: true, predicate: ["form"], descendants: true }, { propertyName: "formViewModelDynamicContainer", first: true, predicate: ["formViewModelComponent"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "formCustomComponentDynamicContainer", first: true, predicate: ["formCustomComponent"], descendants: true, read: ViewContainerRef }], 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<valtimo-render-in-body>\n  <cds-modal\n    [open]=\"modalOpen$ | async\"\n    [size]=\"modalSize$ | async\"\n    valtimoCdsModal\n    [minContentHeight]=\"480\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\"\n      ><h3 cdsModalHeaderHeading>\n        {{ modalTitle }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent [cdsLayer]=\"1\" class=\"process-start-modal-content\">\n      <ng-template #formViewModelComponent></ng-template>\n\n      <ng-template #formCustomComponent></ng-template>\n\n      @if (formDefinition && !isFormViewModel) {\n        <valtimo-form-io\n          #form\n          [form]=\"formDefinition\"\n          [options]=\"options\"\n          (submit)=\"onSubmit($event)\"\n        >\n        </valtimo-form-io>\n      }\n\n      @if (formFlowInstanceId) {\n        <valtimo-form-flow\n          [formFlowInstanceId]=\"formFlowInstanceId\"\n          (formFlowComplete)=\"formFlowSubmitted($event)\"\n        ></valtimo-form-flow>\n      }\n\n      @if (!formFlowInstanceId && !formDefinition && isAdmin && !isUIComponent) {\n        <div\n          class=\"bg-warning text-black mb-0 p-3 text-center\"\n          [translate]=\"'formManagement.noFormDefinitionFoundAdmin'\"\n        ></div>\n        <div class=\"mb-0 mt-4 p-3 text-center\">\n          <button\n            (click)=\"gotoProcessLinkScreen()\"\n            class=\"btn btn-secondary btn-space\"\n            id=\"process-link-button\"\n            type=\"button\"\n          >\n            {{ 'formManagement.gotoProcessLinksButton' | translate }}\n          </button>\n        </div>\n      }\n\n      @if (!formFlowInstanceId && !formDefinition && !isAdmin && !isUIComponent) {\n        <div\n          class=\"bg-warning text-black mb-0 p-3 text-center\"\n          [translate]=\"'formManagement.noFormDefinitionFoundUser'\"\n        ></div>\n      }\n    </section>\n  </cds-modal>\n</valtimo-render-in-body>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"case.draftProcessConfirmation.confirm\"\n  [showModalSubject$]=\"showDraftConfirmation$\"\n  titleTranslationKey=\"case.draftProcessConfirmation.title\"\n  (confirmEvent)=\"onDraftConfirmationConfirm()\"\n  (cancelEvent)=\"onDraftConfirmationCancel()\"\n>\n  <cds-notification\n    class=\"full-width-notification\"\n    [notificationObj]=\"{\n      type: 'warning',\n      title: 'case.draftProcessConfirmation.warningTitle' | translate,\n      message: 'case.draftProcessConfirmation.warningDescription' | translate,\n      showClose: false,\n      lowContrast: true\n    }\"\n  ></cds-notification>\n</valtimo-confirmation-modal>\n", styles: [".process-start-modal-content{padding:16px}.full-width-notification{max-inline-size:100%;min-inline-size:100%}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "directive", type: i4.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "ngmodule", type: ProcessLinkModule }, { kind: "component", type: i3$3.FormFlowComponent, selector: "valtimo-form-flow", inputs: ["formIoFormData", "formFlowInstanceId"], outputs: ["formFlowComplete", "formFlowChange"] }, { kind: "ngmodule", type: FormIoModule }, { kind: "component", type: i2$1.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "errors", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "ngmodule", type: DialogModule }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i4$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "directive", type: i4$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i4$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "component", type: i4$1.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i2$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"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseProcessStartModalComponent, decorators: [{
             type: Component,
@@ -5789,8 +5837,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         DialogModule,
                         ModalModule,
                         LayerModule,
+                        NotificationModule,
                         RenderInBodyComponent,
-                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<valtimo-render-in-body>\n  <cds-modal\n    [open]=\"modalOpen$ | async\"\n    [size]=\"modalSize$ | async\"\n    valtimoCdsModal\n    [minContentHeight]=\"480\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\"\n      ><h3 cdsModalHeaderHeading>\n        {{ modalTitle }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent [cdsLayer]=\"1\" class=\"process-start-modal-content\">\n      <ng-template #formViewModelComponent></ng-template>\n\n      <ng-template #formCustomComponent></ng-template>\n\n      @if (formDefinition && !isFormViewModel) {\n        <valtimo-form-io\n          #form\n          [form]=\"formDefinition\"\n          [options]=\"options\"\n          (submit)=\"onSubmit($event)\"\n        >\n        </valtimo-form-io>\n      }\n\n      @if (formFlowInstanceId) {\n        <valtimo-form-flow\n          [formFlowInstanceId]=\"formFlowInstanceId\"\n          (formFlowComplete)=\"formFlowSubmitted($event)\"\n        ></valtimo-form-flow>\n      }\n\n      @if (!formFlowInstanceId && !formDefinition && isAdmin && !isUIComponent) {\n        <div\n          class=\"bg-warning text-black mb-0 p-3 text-center\"\n          [translate]=\"'formManagement.noFormDefinitionFoundAdmin'\"\n        ></div>\n        <div class=\"mb-0 mt-4 p-3 text-center\">\n          <button\n            (click)=\"gotoProcessLinkScreen()\"\n            class=\"btn btn-secondary btn-space\"\n            id=\"process-link-button\"\n            type=\"button\"\n          >\n            {{ 'formManagement.gotoProcessLinksButton' | translate }}\n          </button>\n        </div>\n      }\n\n      @if (!formFlowInstanceId && !formDefinition && !isAdmin && !isUIComponent) {\n        <div\n          class=\"bg-warning text-black mb-0 p-3 text-center\"\n          [translate]=\"'formManagement.noFormDefinitionFoundUser'\"\n        ></div>\n      }\n    </section>\n  </cds-modal>\n</valtimo-render-in-body>\n", styles: [".process-start-modal-content{padding:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+                        ConfirmationModalModule,
+                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n<valtimo-render-in-body>\n  <cds-modal\n    [open]=\"modalOpen$ | async\"\n    [size]=\"modalSize$ | async\"\n    valtimoCdsModal\n    [minContentHeight]=\"480\"\n  >\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseSelect()\"\n      ><h3 cdsModalHeaderHeading>\n        {{ modalTitle }}\n      </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent [cdsLayer]=\"1\" class=\"process-start-modal-content\">\n      <ng-template #formViewModelComponent></ng-template>\n\n      <ng-template #formCustomComponent></ng-template>\n\n      @if (formDefinition && !isFormViewModel) {\n        <valtimo-form-io\n          #form\n          [form]=\"formDefinition\"\n          [options]=\"options\"\n          (submit)=\"onSubmit($event)\"\n        >\n        </valtimo-form-io>\n      }\n\n      @if (formFlowInstanceId) {\n        <valtimo-form-flow\n          [formFlowInstanceId]=\"formFlowInstanceId\"\n          (formFlowComplete)=\"formFlowSubmitted($event)\"\n        ></valtimo-form-flow>\n      }\n\n      @if (!formFlowInstanceId && !formDefinition && isAdmin && !isUIComponent) {\n        <div\n          class=\"bg-warning text-black mb-0 p-3 text-center\"\n          [translate]=\"'formManagement.noFormDefinitionFoundAdmin'\"\n        ></div>\n        <div class=\"mb-0 mt-4 p-3 text-center\">\n          <button\n            (click)=\"gotoProcessLinkScreen()\"\n            class=\"btn btn-secondary btn-space\"\n            id=\"process-link-button\"\n            type=\"button\"\n          >\n            {{ 'formManagement.gotoProcessLinksButton' | translate }}\n          </button>\n        </div>\n      }\n\n      @if (!formFlowInstanceId && !formDefinition && !isAdmin && !isUIComponent) {\n        <div\n          class=\"bg-warning text-black mb-0 p-3 text-center\"\n          [translate]=\"'formManagement.noFormDefinitionFoundUser'\"\n        ></div>\n      }\n    </section>\n  </cds-modal>\n</valtimo-render-in-body>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"case.draftProcessConfirmation.confirm\"\n  [showModalSubject$]=\"showDraftConfirmation$\"\n  titleTranslationKey=\"case.draftProcessConfirmation.title\"\n  (confirmEvent)=\"onDraftConfirmationConfirm()\"\n  (cancelEvent)=\"onDraftConfirmationCancel()\"\n>\n  <cds-notification\n    class=\"full-width-notification\"\n    [notificationObj]=\"{\n      type: 'warning',\n      title: 'case.draftProcessConfirmation.warningTitle' | translate,\n      message: 'case.draftProcessConfirmation.warningDescription' | translate,\n      showClose: false,\n      lowContrast: true\n    }\"\n  ></cds-notification>\n</valtimo-confirmation-modal>\n", styles: [".process-start-modal-content{padding:16px}.full-width-notification{max-inline-size:100%;min-inline-size:100%}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: i1$2.Router }, { type: i2$2.ProcessService }, { type: i3$3.ProcessLinkService }, { type: i12.UserProviderService }, { type: i2$3.PermissionService }, { type: CaseListService }, { type: StartModalService }, { type: i1.ConfigService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -6579,7 +6629,7 @@ class CaseInspectionBuildingBlockDetailComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionBuildingBlockDetailComponent, deps: [{ token: CaseInspectionService }, { token: i2$3.PermissionService }, { token: i1.GlobalNotificationService }, { token: i4.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseInspectionBuildingBlockDetailComponent, isStandalone: true, selector: "valtimo-case-inspection-building-block-detail", inputs: { instance: "instance" }, outputs: { viewProcessLogsEvent: "viewProcessLogsEvent" }, 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-bb-detail\">\n  <header class=\"case-inspection-bb-detail__header\">\n    <h3>\n      {{ instance.definitionKey }}\n      <small>{{ instance.definitionVersionTag }}</small>\n    </h3>\n\n    <cds-structured-list class=\"case-inspection-bb-detail__meta\" [condensed]=\"true\">\n      <cds-list-row>\n        <cds-list-column>{{\n          'case.inspection.buildingBlocks.detail.instanceId' | translate\n        }}</cds-list-column>\n        <cds-list-column\n          ><code>{{ instance.id }}</code></cds-list-column\n        >\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{\n          'case.inspection.buildingBlocks.detail.documentId' | translate\n        }}</cds-list-column>\n        <cds-list-column\n          ><code>{{ instance.documentId }}</code></cds-list-column\n        >\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{\n          'case.inspection.buildingBlocks.detail.processInstance' | translate\n        }}</cds-list-column>\n        <cds-list-column>\n          <ng-container *ngIf=\"instance.processInstanceId; else noProcess\">\n            <code>{{ instance.processInstanceId }}</code>\n            <button\n              class=\"case-inspection-bb-detail__view-logs\"\n              type=\"button\"\n              (click)=\"onViewProcessLogs()\"\n            >\n              {{ 'case.inspection.processes.viewLogs' | translate }}\n            </button>\n          </ng-container>\n\n          <ng-template #noProcess>\u2014</ng-template>\n        </cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{\n          'case.inspection.buildingBlocks.detail.parent' | translate\n        }}</cds-list-column>\n        <cds-list-column>\n          <ng-container *ngIf=\"instance.parentBuildingBlockInstanceId; else noParent\">\n            <code>{{ instance.parentBuildingBlockInstanceId }}</code>\n          </ng-container>\n\n          <ng-template #noParent>\u2014</ng-template>\n        </cds-list-column>\n      </cds-list-row>\n    </cds-structured-list>\n  </header>\n\n  <ng-container *ngIf=\"$errorMessage() as message\">\n    <p class=\"case-inspection-bb-detail__error\">{{ message }}</p>\n  </ng-container>\n\n  <ng-container *ngIf=\"$loading()\">\n    <p>{{ 'case.inspection.buildingBlocks.detail.loading' | translate }}</p>\n  </ng-container>\n\n  <ng-container *ngIf=\"!$loading() && (model$ | async) as model\">\n    <h4 class=\"case-inspection-bb-detail__subhead\">\n      {{ 'case.inspection.buildingBlocks.detail.content' | translate }}\n    </h4>\n\n    <div class=\"json-editor-container\">\n      <valtimo-json-editor\n        cdsLayer=\"2\"\n        [model]=\"model\"\n        [heightPx]=\"400\"\n        [showEditButton]=\"$canInspectModify()\"\n        (saveEvent)=\"onSaveEvent($event)\"\n      ></valtimo-json-editor>\n    </div>\n  </ng-container>\n</section>\n", styles: [".json-editor-container{border:1px solid var(--cds-border-subtle)}.case-inspection-bb-detail{padding-top:16px;padding-bottom:16px;padding-right:16px}.case-inspection-bb-detail__header{margin-bottom:var(--cds-spacing-05)}.case-inspection-bb-detail__header h3{margin:0 0 8px}.case-inspection-bb-detail__header h3 small{font-weight:400;color:var(--cds-text-helper);margin-left:var(--cds-spacing-03);font-size:var(--cds-body-compact-01-font-size)}.case-inspection-bb-detail__meta code{word-break:break-all}.case-inspection-bb-detail__subhead{margin:var(--cds-spacing-06) 0 var(--cds-spacing-03);font-size:var(--cds-body-compact-01-font-size);font-weight:600;color:var(--cds-text-secondary)}.case-inspection-bb-detail__error{color:var(--cds-text-error)}.case-inspection-bb-detail__view-logs{background:none;border:none;color:var(--cds-link-primary);cursor:pointer;font-size:var(--cds-helper-text-01-font-size);padding:0 0 0 var(--cds-spacing-03);text-decoration:underline}.case-inspection-bb-detail__view-logs:hover{color:var(--cds-link-primary-hover)}\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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: StructuredListModule }, { kind: "component", type: i4$1.StructuredList, selector: "cds-structured-list, ibm-structured-list", inputs: ["selection", "flushed", "condensed", "name", "skeleton"], outputs: ["selected"] }, { kind: "component", type: i4$1.ListRow, selector: "cds-list-row, ibm-list-row", inputs: ["selected", "label", "value"], outputs: ["change"] }, { kind: "component", type: i4$1.ListColumn, selector: "cds-list-column, ibm-list-column", inputs: ["skeleton", "nowrap"] }, { 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: LayerModule }, { kind: "directive", type: i4$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseInspectionBuildingBlockDetailComponent, isStandalone: true, selector: "valtimo-case-inspection-building-block-detail", inputs: { instance: "instance" }, outputs: { viewProcessLogsEvent: "viewProcessLogsEvent" }, 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-bb-detail\">\n  <header class=\"case-inspection-bb-detail__header\">\n    <h3>\n      {{ instance.definitionKey }}\n      <small>{{ instance.definitionVersionTag }}</small>\n    </h3>\n\n    <cds-structured-list class=\"case-inspection-bb-detail__meta\" [condensed]=\"true\">\n      <cds-list-row>\n        <cds-list-column>{{\n          'case.inspection.buildingBlocks.detail.instanceId' | translate\n        }}</cds-list-column>\n        <cds-list-column\n          ><code>{{ instance.id }}</code></cds-list-column\n        >\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{\n          'case.inspection.buildingBlocks.detail.documentId' | translate\n        }}</cds-list-column>\n        <cds-list-column\n          ><code>{{ instance.documentId }}</code></cds-list-column\n        >\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{\n          'case.inspection.buildingBlocks.detail.processInstance' | translate\n        }}</cds-list-column>\n        <cds-list-column>\n          <ng-container *ngIf=\"instance.processInstanceId; else noProcess\">\n            <code>{{ instance.processInstanceId }}</code>\n            <button\n              class=\"case-inspection-bb-detail__view-logs\"\n              type=\"button\"\n              (click)=\"onViewProcessLogs()\"\n            >\n              {{ 'case.inspection.processes.viewLogs' | translate }}\n            </button>\n          </ng-container>\n\n          <ng-template #noProcess>\u2014</ng-template>\n        </cds-list-column>\n      </cds-list-row>\n\n      <cds-list-row>\n        <cds-list-column>{{\n          'case.inspection.buildingBlocks.detail.parent' | translate\n        }}</cds-list-column>\n        <cds-list-column>\n          <ng-container *ngIf=\"instance.parentBuildingBlockInstanceId; else noParent\">\n            <code>{{ instance.parentBuildingBlockInstanceId }}</code>\n          </ng-container>\n\n          <ng-template #noParent>\u2014</ng-template>\n        </cds-list-column>\n      </cds-list-row>\n    </cds-structured-list>\n  </header>\n\n  <ng-container *ngIf=\"$errorMessage() as message\">\n    <p class=\"case-inspection-bb-detail__error\">{{ message }}</p>\n  </ng-container>\n\n  <ng-container *ngIf=\"$loading()\">\n    <p>{{ 'case.inspection.buildingBlocks.detail.loading' | translate }}</p>\n  </ng-container>\n\n  <ng-container *ngIf=\"!$loading() && (model$ | async) as model\">\n    <h4 class=\"case-inspection-bb-detail__subhead\">\n      {{ 'case.inspection.buildingBlocks.detail.content' | translate }}\n    </h4>\n\n    <div class=\"json-editor-container\">\n      <valtimo-json-editor\n        cdsLayer=\"2\"\n        [model]=\"model\"\n        [heightPx]=\"400\"\n        [showEditButton]=\"$canInspectModify()\"\n        (saveEvent)=\"onSaveEvent($event)\"\n      ></valtimo-json-editor>\n    </div>\n  </ng-container>\n</section>\n", styles: [".json-editor-container{border:1px solid var(--cds-border-subtle)}.case-inspection-bb-detail{padding-top:16px;padding-bottom:16px;padding-right:16px}.case-inspection-bb-detail__header{margin-bottom:var(--cds-spacing-05)}.case-inspection-bb-detail__header h3{margin:0 0 8px}.case-inspection-bb-detail__header h3 small{font-weight:400;color:var(--cds-text-helper);margin-left:var(--cds-spacing-03);font-size:var(--cds-body-compact-01-font-size)}.case-inspection-bb-detail__meta code{word-break:break-all}.case-inspection-bb-detail__subhead{margin:var(--cds-spacing-06) 0 var(--cds-spacing-03);font-size:var(--cds-body-compact-01-font-size);font-weight:600;color:var(--cds-text-secondary)}.case-inspection-bb-detail__error{color:var(--cds-text-error)}.case-inspection-bb-detail__view-logs{background:none;border:none;color:var(--cds-link-primary);cursor:pointer;font-size:var(--cds-helper-text-01-font-size);padding:0 0 0 var(--cds-spacing-03);text-decoration:underline}.case-inspection-bb-detail__view-logs:hover{color:var(--cds-link-primary-hover)}\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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: StructuredListModule }, { kind: "component", type: i4$1.StructuredList, selector: "cds-structured-list, ibm-structured-list", inputs: ["selection", "flushed", "condensed", "name", "skeleton"], outputs: ["selected"] }, { kind: "component", type: i4$1.ListRow, selector: "cds-list-row, ibm-list-row", inputs: ["selected", "label", "value"], outputs: ["change"] }, { kind: "component", type: i4$1.ListColumn, selector: "cds-list-column, ibm-list-column", inputs: ["skeleton", "nowrap"] }, { 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: LayerModule }, { kind: "directive", type: i4$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionBuildingBlockDetailComponent, decorators: [{
             type: Component,
@@ -6804,11 +6854,11 @@ class CaseInspectionDocumentTabComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CaseInspectionDocumentTabComponent, deps: [{ token: CaseInspectionService }, { token: i2$3.PermissionService }, { token: i1.GlobalNotificationService }, { token: i4.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: CaseInspectionDocumentTabComponent, isStandalone: true, selector: "valtimo-case-inspection-document", 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-document-tab\">\n  <ng-container *ngIf=\"model$ | async as model\">\n    <valtimo-json-editor\n      [model]=\"model\"\n      [showEditButton]=\"$canInspectModify()\"\n      [fitPage]=\"true\"\n      [fitPageSpaceAdjustment]=\"112\"\n      disableOverflow\n      (saveEvent)=\"onSaveEvent($event)\"\n    ></valtimo-json-editor>\n  </ng-container>\n\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-document-tab__error\">{{ message }}</p>\n  </ng-container>\n</section>\n", styles: [".case-inspection-document-tab__error{color:var(--cds-text-error);margin-top:var(--cds-spacing-03)}\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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { 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: i4$1.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: CaseInspectionDocumentTabComponent, isStandalone: true, selector: "valtimo-case-inspection-document", 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-document-tab\">\n  <ng-container *ngIf=\"model$ | async as model\">\n    <valtimo-json-editor\n      [model]=\"model\"\n      [showEditButton]=\"$canInspectModify()\"\n      [fitPage]=\"true\"\n      disableOverflow\n      (saveEvent)=\"onSaveEvent($event)\"\n    ></valtimo-json-editor>\n  </ng-container>\n\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-document-tab__error\">{{ message }}</p>\n  </ng-container>\n</section>\n", styles: [".case-inspection-document-tab__error{color:var(--cds-text-error);margin-top:var(--cds-spacing-03)}\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: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { 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: i4$1.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: CaseInspectionDocumentTabComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'valtimo-case-inspection-document', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, TranslateModule, JsonEditorComponent, LoadingModule], 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-document-tab\">\n  <ng-container *ngIf=\"model$ | async as model\">\n    <valtimo-json-editor\n      [model]=\"model\"\n      [showEditButton]=\"$canInspectModify()\"\n      [fitPage]=\"true\"\n      [fitPageSpaceAdjustment]=\"112\"\n      disableOverflow\n      (saveEvent)=\"onSaveEvent($event)\"\n    ></valtimo-json-editor>\n  </ng-container>\n\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-document-tab__error\">{{ message }}</p>\n  </ng-container>\n</section>\n", styles: [".case-inspection-document-tab__error{color:var(--cds-text-error);margin-top:var(--cds-spacing-03)}\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"] }]
+            args: [{ standalone: true, selector: 'valtimo-case-inspection-document', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, TranslateModule, JsonEditorComponent, LoadingModule], 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-document-tab\">\n  <ng-container *ngIf=\"model$ | async as model\">\n    <valtimo-json-editor\n      [model]=\"model\"\n      [showEditButton]=\"$canInspectModify()\"\n      [fitPage]=\"true\"\n      disableOverflow\n      (saveEvent)=\"onSaveEvent($event)\"\n    ></valtimo-json-editor>\n  </ng-container>\n\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-document-tab__error\">{{ message }}</p>\n  </ng-container>\n</section>\n", styles: [".case-inspection-document-tab__error{color:var(--cds-text-error);margin-top:var(--cds-spacing-03)}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: CaseInspectionService }, { type: i2$3.PermissionService }, { type: i1.GlobalNotificationService }, { type: i4.TranslateService }], propDecorators: { documentId: [{
                 type: Input
             }] } });