@valtimo/case 13.36.0 → 13.36.1

package/fesm2022/valtimo-case.mjs

@@ -5157,11 +5157,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$3.Router }, { token: i2$1.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\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.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.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.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 }); }
+    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  contentTranslationKey=\"case.draftProcessConfirmation.content\"\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.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.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.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\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"] }]
+            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  contentTranslationKey=\"case.draftProcessConfirmation.content\"\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$3.Router }, { type: i2$1.ProcessService }, { type: i3$3.ProcessLinkService }, { type: i4.TranslateService }, { type: CaseDetailLayoutService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -5779,6 +5779,7 @@ class CaseProcessStartModalComponent {
                     case 'form-flow':
                         this.formFlowInstanceId = startProcessResult.properties.formFlowInstanceId;
                         this.isFormViewModel = false;
+                        this.setModalSize(startProcessResult.properties.formSize);
                         this.openCdsModal();
                         break;
                     case 'form-view-model':
@@ -5964,7 +5965,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$3.Router }, { token: i2$1.ProcessService }, { token: i3$3.ProcessLinkService }, { token: i12.UserProviderService }, { token: i2$2.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\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.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.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 }); }
+    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  contentTranslationKey=\"case.draftProcessConfirmation.content\"\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.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.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,
@@ -5980,7 +5981,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         NotificationModule,
                         RenderInBodyComponent,
                         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"] }]
+                    ], 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  contentTranslationKey=\"case.draftProcessConfirmation.content\"\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$3.Router }, { type: i2$1.ProcessService }, { type: i3$3.ProcessLinkService }, { type: i12.UserProviderService }, { type: i2$2.PermissionService }, { type: CaseListService }, { type: StartModalService }, { type: i1.ConfigService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {