@valtimo/form-management 13.24.0 → 13.25.0

package/fesm2022/valtimo-form-management.mjs

@@ -118,6 +118,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i4.ConfigService }] });
 
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const FORM_MANAGEMENT_LIST_TEST_IDS = {
+    createFormButton: 'formManagementCreateFormButton',
+};
+const FORM_MANAGEMENT_CREATE_TEST_IDS = {
+    nameInput: 'formManagementCreateNameInput',
+    submitButton: 'formManagementCreateSubmitButton',
+};
+const FORM_MANAGEMENT_EDIT_TEST_IDS = {
+    saveButton: 'formManagementEditSaveButton',
+};
+
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 function getContextObservable(route) {
     return route.data.pipe(map(data => (data && data['context']) || null), distinctUntilChanged());
 }
@@ -238,6 +280,7 @@ class FormManagementCreateComponent {
         this.afterUploadEvent = new EventEmitter();
         this.context$ = getContextObservable(this.route);
         this.caseManagementRouteParams$ = this.context$.pipe(filter(context => context === 'case'), switchMap$1(() => getCaseManagementRouteParams(this.route)));
+        this.testIds = FORM_MANAGEMENT_CREATE_TEST_IDS;
     }
     ngOnInit() {
         this.initForm();
@@ -301,7 +344,7 @@ class FormManagementCreateComponent {
         this.createFormDefinition();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FormManagementCreateComponent, deps: [{ token: FormManagementService }, { token: i2.FormBuilder }, { token: i3.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: FormManagementCreateComponent, isStandalone: true, selector: "valtimo-form-management-create", inputs: { upload: "upload" }, outputs: { goBackEvent: "goBackEvent", afterCreateEvent: "afterCreateEvent", afterUploadEvent: "afterUploadEvent" }, 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  valtimoCdsModal\n  class=\"form-management-create\"\n  size=\"sm\"\n  [cdsLayer]=\"0\"\n  [open]=\"true\"\n  (close)=\"onCloseEvent()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseEvent()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'formManagement.add' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form *ngIf=\"form\" [formGroup]=\"form\" (ngSubmit)=\"onSubmit($event)\">\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <cds-label\n        [invalid]=\"formControls?.name?.touched && formControls?.name?.errors\"\n        [invalidText]=\"\n          (formControls?.name?.errors?.required && ('formManagement.nameIsRequired' | translate)) ||\n          (formControls?.name?.errors?.duplicate && ('formManagement.nameIsInUse' | translate))\n        \"\n      >\n        {{ 'formManagement.name' | translate }}\n\n        <input\n          cdsText\n          type=\"text\"\n          id=\"name\"\n          formControlName=\"name\"\n          [invalid]=\"formControls?.name?.touched && formControls?.name?.errors\"\n          required\n        />\n      </cds-label>\n    </section>\n\n    <cds-modal-footer [cdsLayer]=\"1\">\n      <button cdsButton=\"secondary\" (click)=\"$event.preventDefault(); onBackButtonClick()\">\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button cdsButton=\"primary\" type=\"submit\" [disabled]=\"form?.invalid\">\n        {{ 'formManagement.submit' | translate }}\n      </button>\n    </cds-modal-footer>\n  </form>\n</cds-modal>\n", styles: [".form-management-create{max-width:512px;margin:0 auto}cds-modal-footer{width: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: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i2$1.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i2$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: WidgetModule }, { kind: "ngmodule", type: TilesModule }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i2$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i2$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i2$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i2$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: FormManagementCreateComponent, isStandalone: true, selector: "valtimo-form-management-create", inputs: { upload: "upload" }, outputs: { goBackEvent: "goBackEvent", afterCreateEvent: "afterCreateEvent", afterUploadEvent: "afterUploadEvent" }, 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  valtimoCdsModal\n  class=\"form-management-create\"\n  size=\"sm\"\n  [cdsLayer]=\"0\"\n  [open]=\"true\"\n  (close)=\"onCloseEvent()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseEvent()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'formManagement.add' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form *ngIf=\"form\" [formGroup]=\"form\" (ngSubmit)=\"onSubmit($event)\">\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <cds-label\n        [invalid]=\"formControls?.name?.touched && formControls?.name?.errors\"\n        [invalidText]=\"\n          (formControls?.name?.errors?.required && ('formManagement.nameIsRequired' | translate)) ||\n          (formControls?.name?.errors?.duplicate && ('formManagement.nameIsInUse' | translate))\n        \"\n      >\n        {{ 'formManagement.name' | translate }}\n\n        <input\n          cdsText\n          type=\"text\"\n          id=\"name\"\n          formControlName=\"name\"\n          [invalid]=\"formControls?.name?.touched && formControls?.name?.errors\"\n          required\n          [attr.data-test-id]=\"testIds.nameInput\"\n        />\n      </cds-label>\n    </section>\n\n    <cds-modal-footer [cdsLayer]=\"1\">\n      <button cdsButton=\"secondary\" (click)=\"$event.preventDefault(); onBackButtonClick()\">\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        type=\"submit\"\n        [disabled]=\"form?.invalid\"\n        [attr.data-test-id]=\"testIds.submitButton\"\n      >\n        {{ 'formManagement.submit' | translate }}\n      </button>\n    </cds-modal-footer>\n  </form>\n</cds-modal>\n", styles: [".form-management-create{max-width:512px;margin:0 auto}cds-modal-footer{width: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: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i2$1.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i2$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: WidgetModule }, { kind: "ngmodule", type: TilesModule }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i2$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i2$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i2$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i2$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i2$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i2$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FormManagementCreateComponent, decorators: [{
             type: Component,
@@ -318,7 +361,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         ModalModule,
                         ValtimoCdsModalDirective,
                         ButtonModule,
-                    ], 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  valtimoCdsModal\n  class=\"form-management-create\"\n  size=\"sm\"\n  [cdsLayer]=\"0\"\n  [open]=\"true\"\n  (close)=\"onCloseEvent()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseEvent()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'formManagement.add' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form *ngIf=\"form\" [formGroup]=\"form\" (ngSubmit)=\"onSubmit($event)\">\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <cds-label\n        [invalid]=\"formControls?.name?.touched && formControls?.name?.errors\"\n        [invalidText]=\"\n          (formControls?.name?.errors?.required && ('formManagement.nameIsRequired' | translate)) ||\n          (formControls?.name?.errors?.duplicate && ('formManagement.nameIsInUse' | translate))\n        \"\n      >\n        {{ 'formManagement.name' | translate }}\n\n        <input\n          cdsText\n          type=\"text\"\n          id=\"name\"\n          formControlName=\"name\"\n          [invalid]=\"formControls?.name?.touched && formControls?.name?.errors\"\n          required\n        />\n      </cds-label>\n    </section>\n\n    <cds-modal-footer [cdsLayer]=\"1\">\n      <button cdsButton=\"secondary\" (click)=\"$event.preventDefault(); onBackButtonClick()\">\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button cdsButton=\"primary\" type=\"submit\" [disabled]=\"form?.invalid\">\n        {{ 'formManagement.submit' | translate }}\n      </button>\n    </cds-modal-footer>\n  </form>\n</cds-modal>\n", styles: [".form-management-create{max-width:512px;margin:0 auto}cds-modal-footer{width: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\n<cds-modal\n  valtimoCdsModal\n  class=\"form-management-create\"\n  size=\"sm\"\n  [cdsLayer]=\"0\"\n  [open]=\"true\"\n  (close)=\"onCloseEvent()\"\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCloseEvent()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'formManagement.add' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form *ngIf=\"form\" [formGroup]=\"form\" (ngSubmit)=\"onSubmit($event)\">\n    <section cdsModalContent [cdsLayer]=\"1\">\n      <cds-label\n        [invalid]=\"formControls?.name?.touched && formControls?.name?.errors\"\n        [invalidText]=\"\n          (formControls?.name?.errors?.required && ('formManagement.nameIsRequired' | translate)) ||\n          (formControls?.name?.errors?.duplicate && ('formManagement.nameIsInUse' | translate))\n        \"\n      >\n        {{ 'formManagement.name' | translate }}\n\n        <input\n          cdsText\n          type=\"text\"\n          id=\"name\"\n          formControlName=\"name\"\n          [invalid]=\"formControls?.name?.touched && formControls?.name?.errors\"\n          required\n          [attr.data-test-id]=\"testIds.nameInput\"\n        />\n      </cds-label>\n    </section>\n\n    <cds-modal-footer [cdsLayer]=\"1\">\n      <button cdsButton=\"secondary\" (click)=\"$event.preventDefault(); onBackButtonClick()\">\n        {{ 'interface.cancel' | translate }}\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        type=\"submit\"\n        [disabled]=\"form?.invalid\"\n        [attr.data-test-id]=\"testIds.submitButton\"\n      >\n        {{ 'formManagement.submit' | translate }}\n      </button>\n    </cds-modal-footer>\n  </form>\n</cds-modal>\n", styles: [".form-management-create{max-width:512px;margin:0 auto}cds-modal-footer{width: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: FormManagementService }, { type: i2.FormBuilder }, { type: i3.ActivatedRoute }], propDecorators: { upload: [{
                 type: Input
             }], goBackEvent: [{
@@ -702,6 +745,7 @@ class FormManagementEditComponent {
         this.validJsonChange = null;
         this.TABS = EDIT_TABS;
         this.activeTab = EDIT_TABS.BUILDER;
+        this.testIds = FORM_MANAGEMENT_EDIT_TEST_IDS;
         this.editParam$ = this.route.paramMap.pipe(map$1(params => (params.has('formDefinitionId') ? params.get('formDefinitionId') : null)));
         this.context$ = getContextObservable(this.route);
         this.caseManagementRouteParams$ = this.context$.pipe(filter(context => context === 'case'), switchMap(() => getCaseManagementRouteParams(this.route)));
@@ -999,7 +1043,7 @@ class FormManagementEditComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FormManagementEditComponent, deps: [{ token: FormManagementService }, { token: i2$1.ModalService }, { token: i3$1.PageTitleService }, { token: i3.ActivatedRoute }, { token: i3$1.ShellService }, { token: i3$1.PageHeaderService }, { token: i2$1.IconService }, { token: i3.Router }, { token: i5.TranslateService }, { token: i4.GlobalNotificationService }, { token: i3$1.BreadcrumbService }, { token: i4.EnvironmentService }, { token: i4.DraftVersionService }, { token: i3$1.FormIoTagsService }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: FormManagementEditComponent, isStandalone: true, selector: "valtimo-form-management-edit", outputs: { deleteEvent: "deleteEvent", goBackEvent: "goBackEvent", formModifiedEvent: "formModifiedEvent", formDeletedEvent: "formDeletedEvent", deleteErrorEvent: "deleteErrorEvent", deployErrorEvent: "deployErrorEvent" }, host: { properties: { "class": "this.class" } }, 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<ng-container\n  *ngIf=\"{\n    formDefinition: formDefinition$ | async,\n    jsonFormDefinition: jsonFormDefinition$ | async,\n    jsonOutput: jsonOutput$ | async,\n    compactMode: compactMode$ | async,\n    context: context$ | async,\n    canUpdateGlobalConfiguration: canUpdateGlobalConfiguration$ | async,\n    isDraftVersion: isDraftVersion$ | async,\n  } as obs\"\n>\n  @if (obs.formDefinition) {\n    <ng-container renderInPageHeader [fullWidth]=\"true\">\n      <ng-template>\n        <ng-container *ngTemplateOutlet=\"actions; context: {obs: obs}\"></ng-container>\n      </ng-template>\n    </ng-container>\n\n    <cds-tabs type=\"contained\">\n      <cds-tab [heading]=\"TABS.BUILDER | translate\" (selected)=\"onSelectedTab(TABS.BUILDER)\">\n        <valtimo-form-io-builder\n          *ngIf=\"(reloading$ | async) === false && activeTab === TABS.BUILDER\"\n          [form]=\"obs.formDefinition.formDefinition\"\n          (change)=\"formBuilderChanged($event, obs.jsonFormDefinition)\"\n        ></valtimo-form-io-builder>\n      </cds-tab>\n\n      <cds-tab [heading]=\"TABS.EDITOR | translate\" (selected)=\"onSelectedTab(TABS.EDITOR)\">\n        @if (activeTab === TABS.EDITOR && obs.jsonFormDefinition) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              jsonEditor;\n              context: {\n                data: {\n                  disabled: obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration,\n                  formDefinition: obs.formDefinition,\n                  model: obs.jsonFormDefinition,\n                },\n              }\n            \"\n          ></ng-container>\n        }\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"TABS.OUTPUT | translate\"\n        (selected)=\"onSelectedTab(TABS.OUTPUT)\"\n        class=\"valtimo-form-management-edit__output\"\n      >\n        <valtimo-form-io\n          *ngIf=\"activeTab === TABS.OUTPUT\"\n          [form]=\"obs.formDefinition.formDefinition\"\n          (change)=\"onOutputChange($event)\"\n        ></valtimo-form-io>\n\n        @if (activeTab === TABS.OUTPUT && obs.jsonOutput) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              jsonEditor;\n              context: {\n                data: {disabled: true, formDefinition: obs.formDefinition, model: obs.jsonOutput},\n              }\n            \"\n          ></ng-container>\n        }\n      </cds-tab>\n    </cds-tabs>\n  } @else {\n    <cds-loading></cds-loading>\n  }\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"interface.deleteConfirmation\"\n    cancelButtonTextTranslationKey=\"interface.cancel\"\n    [outputOnConfirm]=\"obs.formDefinition\"\n    [showModalSubject$]=\"showDeleteModal$\"\n    titleTranslationKey=\"dashboardManagement.delete\"\n    (confirmEvent)=\"deleteFormDefinition($event)\"\n  ></valtimo-confirmation-modal>\n\n  <valtimo-form-management-upload\n    [show$]=\"showModal$\"\n    (definitionUploaded)=\"setFormDefinition($event)\"\n  ></valtimo-form-management-upload>\n\n  <ng-template #jsonEditor let-data=\"data\">\n    <valtimo-editor\n      [model]=\"data.model\"\n      [disabled]=\"data.disabled\"\n      (validEvent)=\"onValidEvent($event, data.disabled)\"\n      (valueChangeEvent)=\"onValueChangeEvent($event, data.formDefinition, data.disabled)\"\n      [fitPage]=\"true\"\n      [fitPageSpaceAdjustment]=\"80\"\n    ></valtimo-editor>\n  </ng-template>\n</ng-container>\n\n<ng-template #actions let-obs=\"obs\">\n  <div\n    class=\"valtimo-form-management-edit__header-container\"\n    [ngClass]=\"{\n      '--compact': obs.compactMode,\n    }\"\n  >\n    @if (obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration || !obs.isDraftVersion) {\n      <cds-tag size=\"sm\" type=\"blue\">{{ 'formManagement.readOnly' | translate }}</cds-tag>\n    }\n\n    <div class=\"valtimo-form-management-edit__header\">\n      <v-overflow-menu placement=\"bottom-end\">\n        <v-overflow-menu-trigger overflowTrigger></v-overflow-menu-trigger>\n        <v-overflow-menu-option (selected)=\"downloadFormDefinition(obs.formDefinition)\">\n          {{ 'Download' | translate }}\n        </v-overflow-menu-option>\n\n        <v-overflow-menu-option\n          [disabled]=\"\n            obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration || !obs.isDraftVersion\n          \"\n          (selected)=\"showUploadModal()\"\n        >\n          {{ 'Upload' | translate }}\n        </v-overflow-menu-option>\n\n        <v-overflow-menu-option\n          *ngIf=\"(obs.context === 'case' && obs.isDraftVersion) || obs.context === 'independent'\"\n          (selected)=\"showDuplicateModal(obs.formDefinition)\"\n        >\n          {{ 'formManagement.duplicate' | translate }}\n        </v-overflow-menu-option>\n\n        <v-overflow-menu-option\n          [disabled]=\"\n            obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration || !obs.isDraftVersion\n          \"\n          type=\"danger\"\n          (selected)=\"delete()\"\n        >\n          {{ 'interface.delete' | translate }}\n        </v-overflow-menu-option>\n      </v-overflow-menu>\n\n      @if (obs.context === 'case') {\n        <button\n          cdsButton=\"secondary\"\n          [size]=\"obs.compactMode ? 'sm' : 'md'\"\n          (click)=\"onGoBackButtonClick()\"\n        >\n          <svg class=\"cds--btn__icon\" cdsIcon=\"arrow--left\" size=\"16\"></svg>\n\n          <span>{{ 'interface.back' | translate }}</span>\n        </button>\n      }\n\n      <button\n        *ngIf=\"obs?.canUpdateGlobalConfiguration || obs.context === 'independent'\"\n        cdsButton=\"primary\"\n        [disabled]=\"obs.formDefinition.readOnly || !obs.isDraftVersion\"\n        [size]=\"obs.compactMode ? 'sm' : 'md'\"\n        (click)=\"modifyFormDefinition(obs.formDefinition)\"\n      >\n        {{ 'interface.save' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n      </button>\n    </div>\n  </div>\n</ng-template>\n", styles: [".valtimo-form-management-edit__header{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-left:auto}.valtimo-form-management-edit__case-header{display:flex;width:100%;justify-content:flex-end}.valtimo-form-management-edit__header-container{width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:4px}.valtimo-form-management-edit__header-container .cds--tag{margin:0;height:var(--cds-layout-size-height-md)}.valtimo-form-management-edit__header-container.--compact{align-items:flex-start;padding-bottom:0}.valtimo-form-management-edit__output .cds--tab-content{display:grid;grid-template-columns:1fr 1fr}.valtimo-form-management-edit__output .cds--tab-content>*{min-width:100%!important}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy,.valtimo-form-management-edit .btn.formcomponent.gu-mirror{font-weight:400;background-color:silver;border-color:silver;color:#fff}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:hover,.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:active,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:hover,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:active{box-shadow:none}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:active,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:active{background-color:silver;border-color:silver}.valtimo-form-management-edit .formbuilder-header{padding-left:18px;padding-right:18px;font-size:18px;height:80px;border:1px solid #dee2e6;border-bottom:0}.valtimo-form-management-edit .formbuilder-header .formbuilder-title{margin-top:21px;margin-bottom:7px}.valtimo-form-management-edit .formbuilder-header .formbuilder-subtitle{margin-top:0;margin-bottom:12px}.valtimo-form-management-edit .formbuilder{background:#fff;padding:1rem;border:1px solid #dee2e6;margin-right:0!important;margin-left:0!important}.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=false],.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=\"\"]{color:#a9a9a9}.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=true]{color:#000}.valtimo-form-management-edit .formbuilder .drag-and-drop-alert{display:none}.valtimo-form-management-edit .formbuilder .formarea{padding:10px;border:solid 1px silver;background-color:#fff}.valtimo-form-management-edit .increase-size{font-size:1rem}.valtimo-form-management-edit .cds--tab-content{background:#fff!important}\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: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: InputModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: WidgetModule }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i2$1.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i2$1.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "ngmodule", type: EditorModule }, { kind: "component", type: i3$1.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageSpaceAdjustment"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "ngmodule", type: FormIoModule }, { kind: "component", type: i3$1.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "component", type: i3$1.FormioBuilderComponent, selector: "valtimo-form-io-builder", inputs: ["form"], outputs: ["change"] }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: OverflowMenuComponent, selector: "v-overflow-menu", inputs: ["open", "placement", "menuWidth", "offsetX", "offsetY", "closeOnSelect", "useHostAsReference", "portalToBody"], outputs: ["openChange"] }, { kind: "component", type: OverflowMenuOptionComponent, selector: "v-overflow-menu-option", inputs: ["disabled", "type", "testId", "optionId"], outputs: ["selected"] }, { kind: "component", type: OverflowMenuTriggerComponent, selector: "v-overflow-menu-trigger", inputs: ["compact"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i2$1.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i3$1.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "ngmodule", type: SpinnerModule }, { kind: "component", type: FormManagementUploadComponent, selector: "valtimo-form-management-upload", inputs: ["show$"], outputs: ["definitionUploaded"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i2$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: FormManagementEditComponent, isStandalone: true, selector: "valtimo-form-management-edit", outputs: { deleteEvent: "deleteEvent", goBackEvent: "goBackEvent", formModifiedEvent: "formModifiedEvent", formDeletedEvent: "formDeletedEvent", deleteErrorEvent: "deleteErrorEvent", deployErrorEvent: "deployErrorEvent" }, host: { properties: { "class": "this.class" } }, 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<ng-container\n  *ngIf=\"{\n    formDefinition: formDefinition$ | async,\n    jsonFormDefinition: jsonFormDefinition$ | async,\n    jsonOutput: jsonOutput$ | async,\n    compactMode: compactMode$ | async,\n    context: context$ | async,\n    canUpdateGlobalConfiguration: canUpdateGlobalConfiguration$ | async,\n    isDraftVersion: isDraftVersion$ | async,\n  } as obs\"\n>\n  @if (obs.formDefinition) {\n    <ng-container renderInPageHeader [fullWidth]=\"true\">\n      <ng-template>\n        <ng-container *ngTemplateOutlet=\"actions; context: {obs: obs}\"></ng-container>\n      </ng-template>\n    </ng-container>\n\n    <cds-tabs type=\"contained\">\n      <cds-tab [heading]=\"TABS.BUILDER | translate\" (selected)=\"onSelectedTab(TABS.BUILDER)\">\n        <valtimo-form-io-builder\n          *ngIf=\"(reloading$ | async) === false && activeTab === TABS.BUILDER\"\n          [form]=\"obs.formDefinition.formDefinition\"\n          (change)=\"formBuilderChanged($event, obs.jsonFormDefinition)\"\n        ></valtimo-form-io-builder>\n      </cds-tab>\n\n      <cds-tab [heading]=\"TABS.EDITOR | translate\" (selected)=\"onSelectedTab(TABS.EDITOR)\">\n        @if (activeTab === TABS.EDITOR && obs.jsonFormDefinition) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              jsonEditor;\n              context: {\n                data: {\n                  disabled: obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration,\n                  formDefinition: obs.formDefinition,\n                  model: obs.jsonFormDefinition,\n                },\n              }\n            \"\n          ></ng-container>\n        }\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"TABS.OUTPUT | translate\"\n        (selected)=\"onSelectedTab(TABS.OUTPUT)\"\n        class=\"valtimo-form-management-edit__output\"\n      >\n        <valtimo-form-io\n          *ngIf=\"activeTab === TABS.OUTPUT\"\n          [form]=\"obs.formDefinition.formDefinition\"\n          (change)=\"onOutputChange($event)\"\n        ></valtimo-form-io>\n\n        @if (activeTab === TABS.OUTPUT && obs.jsonOutput) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              jsonEditor;\n              context: {\n                data: {disabled: true, formDefinition: obs.formDefinition, model: obs.jsonOutput},\n              }\n            \"\n          ></ng-container>\n        }\n      </cds-tab>\n    </cds-tabs>\n  } @else {\n    <cds-loading></cds-loading>\n  }\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"interface.deleteConfirmation\"\n    cancelButtonTextTranslationKey=\"interface.cancel\"\n    [outputOnConfirm]=\"obs.formDefinition\"\n    [showModalSubject$]=\"showDeleteModal$\"\n    titleTranslationKey=\"dashboardManagement.delete\"\n    (confirmEvent)=\"deleteFormDefinition($event)\"\n  ></valtimo-confirmation-modal>\n\n  <valtimo-form-management-upload\n    [show$]=\"showModal$\"\n    (definitionUploaded)=\"setFormDefinition($event)\"\n  ></valtimo-form-management-upload>\n\n  <ng-template #jsonEditor let-data=\"data\">\n    <valtimo-editor\n      [model]=\"data.model\"\n      [disabled]=\"data.disabled\"\n      (validEvent)=\"onValidEvent($event, data.disabled)\"\n      (valueChangeEvent)=\"onValueChangeEvent($event, data.formDefinition, data.disabled)\"\n      [fitPage]=\"true\"\n      [fitPageSpaceAdjustment]=\"80\"\n    ></valtimo-editor>\n  </ng-template>\n</ng-container>\n\n<ng-template #actions let-obs=\"obs\">\n  <div\n    class=\"valtimo-form-management-edit__header-container\"\n    [ngClass]=\"{\n      '--compact': obs.compactMode,\n    }\"\n  >\n    @if (obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration || !obs.isDraftVersion) {\n      <cds-tag size=\"sm\" type=\"blue\">{{ 'formManagement.readOnly' | translate }}</cds-tag>\n    }\n\n    <div class=\"valtimo-form-management-edit__header\">\n      <v-overflow-menu placement=\"bottom-end\">\n        <v-overflow-menu-trigger overflowTrigger></v-overflow-menu-trigger>\n        <v-overflow-menu-option (selected)=\"downloadFormDefinition(obs.formDefinition)\">\n          {{ 'Download' | translate }}\n        </v-overflow-menu-option>\n\n        <v-overflow-menu-option\n          [disabled]=\"\n            obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration || !obs.isDraftVersion\n          \"\n          (selected)=\"showUploadModal()\"\n        >\n          {{ 'Upload' | translate }}\n        </v-overflow-menu-option>\n\n        <v-overflow-menu-option\n          *ngIf=\"(obs.context === 'case' && obs.isDraftVersion) || obs.context === 'independent'\"\n          (selected)=\"showDuplicateModal(obs.formDefinition)\"\n        >\n          {{ 'formManagement.duplicate' | translate }}\n        </v-overflow-menu-option>\n\n        <v-overflow-menu-option\n          [disabled]=\"\n            obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration || !obs.isDraftVersion\n          \"\n          type=\"danger\"\n          (selected)=\"delete()\"\n        >\n          {{ 'interface.delete' | translate }}\n        </v-overflow-menu-option>\n      </v-overflow-menu>\n\n      @if (obs.context === 'case') {\n        <button\n          cdsButton=\"secondary\"\n          [size]=\"obs.compactMode ? 'sm' : 'md'\"\n          (click)=\"onGoBackButtonClick()\"\n        >\n          <svg class=\"cds--btn__icon\" cdsIcon=\"arrow--left\" size=\"16\"></svg>\n\n          <span>{{ 'interface.back' | translate }}</span>\n        </button>\n      }\n\n      <button\n        *ngIf=\"obs?.canUpdateGlobalConfiguration || obs.context === 'independent'\"\n        cdsButton=\"primary\"\n        [disabled]=\"obs.formDefinition.readOnly || !obs.isDraftVersion\"\n        [size]=\"obs.compactMode ? 'sm' : 'md'\"\n        (click)=\"modifyFormDefinition(obs.formDefinition)\"\n        [attr.data-test-id]=\"testIds.saveButton\"\n      >\n        {{ 'interface.save' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n      </button>\n    </div>\n  </div>\n</ng-template>\n", styles: [".valtimo-form-management-edit__header{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-left:auto}.valtimo-form-management-edit__case-header{display:flex;width:100%;justify-content:flex-end}.valtimo-form-management-edit__header-container{width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:4px}.valtimo-form-management-edit__header-container .cds--tag{margin:0;height:var(--cds-layout-size-height-md)}.valtimo-form-management-edit__header-container.--compact{align-items:flex-start;padding-bottom:0}.valtimo-form-management-edit__output .cds--tab-content{display:grid;grid-template-columns:1fr 1fr}.valtimo-form-management-edit__output .cds--tab-content>*{min-width:100%!important}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy,.valtimo-form-management-edit .btn.formcomponent.gu-mirror{font-weight:400;background-color:silver;border-color:silver;color:#fff}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:hover,.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:active,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:hover,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:active{box-shadow:none}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:active,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:active{background-color:silver;border-color:silver}.valtimo-form-management-edit .formbuilder-header{padding-left:18px;padding-right:18px;font-size:18px;height:80px;border:1px solid #dee2e6;border-bottom:0}.valtimo-form-management-edit .formbuilder-header .formbuilder-title{margin-top:21px;margin-bottom:7px}.valtimo-form-management-edit .formbuilder-header .formbuilder-subtitle{margin-top:0;margin-bottom:12px}.valtimo-form-management-edit .formbuilder{background:#fff;padding:1rem;border:1px solid #dee2e6;margin-right:0!important;margin-left:0!important}.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=false],.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=\"\"]{color:#a9a9a9}.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=true]{color:#000}.valtimo-form-management-edit .formbuilder .drag-and-drop-alert{display:none}.valtimo-form-management-edit .formbuilder .formarea{padding:10px;border:solid 1px silver;background-color:#fff}.valtimo-form-management-edit .increase-size{font-size:1rem}.valtimo-form-management-edit .cds--tab-content{background:#fff!important}\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: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: InputModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: WidgetModule }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i2$1.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i2$1.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "ngmodule", type: EditorModule }, { kind: "component", type: i3$1.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageSpaceAdjustment"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "ngmodule", type: FormIoModule }, { kind: "component", type: i3$1.FormioComponent, selector: "valtimo-form-io", inputs: ["options", "submission", "form", "readOnly", "formRefresh$"], outputs: ["submit", "change", "event"] }, { kind: "component", type: i3$1.FormioBuilderComponent, selector: "valtimo-form-io-builder", inputs: ["form"], outputs: ["change"] }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: OverflowMenuComponent, selector: "v-overflow-menu", inputs: ["open", "placement", "menuWidth", "offsetX", "offsetY", "closeOnSelect", "useHostAsReference", "portalToBody"], outputs: ["openChange"] }, { kind: "component", type: OverflowMenuOptionComponent, selector: "v-overflow-menu-option", inputs: ["disabled", "type", "testId", "optionId"], outputs: ["selected"] }, { kind: "component", type: OverflowMenuTriggerComponent, selector: "v-overflow-menu-trigger", inputs: ["compact"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i2$1.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i3$1.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "ngmodule", type: SpinnerModule }, { kind: "component", type: FormManagementUploadComponent, selector: "valtimo-form-management-upload", inputs: ["show$"], outputs: ["definitionUploaded"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i2$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FormManagementEditComponent, decorators: [{
             type: Component,
@@ -1028,7 +1072,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         IconModule,
                         SpinnerModule,
                         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<ng-container\n  *ngIf=\"{\n    formDefinition: formDefinition$ | async,\n    jsonFormDefinition: jsonFormDefinition$ | async,\n    jsonOutput: jsonOutput$ | async,\n    compactMode: compactMode$ | async,\n    context: context$ | async,\n    canUpdateGlobalConfiguration: canUpdateGlobalConfiguration$ | async,\n    isDraftVersion: isDraftVersion$ | async,\n  } as obs\"\n>\n  @if (obs.formDefinition) {\n    <ng-container renderInPageHeader [fullWidth]=\"true\">\n      <ng-template>\n        <ng-container *ngTemplateOutlet=\"actions; context: {obs: obs}\"></ng-container>\n      </ng-template>\n    </ng-container>\n\n    <cds-tabs type=\"contained\">\n      <cds-tab [heading]=\"TABS.BUILDER | translate\" (selected)=\"onSelectedTab(TABS.BUILDER)\">\n        <valtimo-form-io-builder\n          *ngIf=\"(reloading$ | async) === false && activeTab === TABS.BUILDER\"\n          [form]=\"obs.formDefinition.formDefinition\"\n          (change)=\"formBuilderChanged($event, obs.jsonFormDefinition)\"\n        ></valtimo-form-io-builder>\n      </cds-tab>\n\n      <cds-tab [heading]=\"TABS.EDITOR | translate\" (selected)=\"onSelectedTab(TABS.EDITOR)\">\n        @if (activeTab === TABS.EDITOR && obs.jsonFormDefinition) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              jsonEditor;\n              context: {\n                data: {\n                  disabled: obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration,\n                  formDefinition: obs.formDefinition,\n                  model: obs.jsonFormDefinition,\n                },\n              }\n            \"\n          ></ng-container>\n        }\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"TABS.OUTPUT | translate\"\n        (selected)=\"onSelectedTab(TABS.OUTPUT)\"\n        class=\"valtimo-form-management-edit__output\"\n      >\n        <valtimo-form-io\n          *ngIf=\"activeTab === TABS.OUTPUT\"\n          [form]=\"obs.formDefinition.formDefinition\"\n          (change)=\"onOutputChange($event)\"\n        ></valtimo-form-io>\n\n        @if (activeTab === TABS.OUTPUT && obs.jsonOutput) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              jsonEditor;\n              context: {\n                data: {disabled: true, formDefinition: obs.formDefinition, model: obs.jsonOutput},\n              }\n            \"\n          ></ng-container>\n        }\n      </cds-tab>\n    </cds-tabs>\n  } @else {\n    <cds-loading></cds-loading>\n  }\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"interface.deleteConfirmation\"\n    cancelButtonTextTranslationKey=\"interface.cancel\"\n    [outputOnConfirm]=\"obs.formDefinition\"\n    [showModalSubject$]=\"showDeleteModal$\"\n    titleTranslationKey=\"dashboardManagement.delete\"\n    (confirmEvent)=\"deleteFormDefinition($event)\"\n  ></valtimo-confirmation-modal>\n\n  <valtimo-form-management-upload\n    [show$]=\"showModal$\"\n    (definitionUploaded)=\"setFormDefinition($event)\"\n  ></valtimo-form-management-upload>\n\n  <ng-template #jsonEditor let-data=\"data\">\n    <valtimo-editor\n      [model]=\"data.model\"\n      [disabled]=\"data.disabled\"\n      (validEvent)=\"onValidEvent($event, data.disabled)\"\n      (valueChangeEvent)=\"onValueChangeEvent($event, data.formDefinition, data.disabled)\"\n      [fitPage]=\"true\"\n      [fitPageSpaceAdjustment]=\"80\"\n    ></valtimo-editor>\n  </ng-template>\n</ng-container>\n\n<ng-template #actions let-obs=\"obs\">\n  <div\n    class=\"valtimo-form-management-edit__header-container\"\n    [ngClass]=\"{\n      '--compact': obs.compactMode,\n    }\"\n  >\n    @if (obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration || !obs.isDraftVersion) {\n      <cds-tag size=\"sm\" type=\"blue\">{{ 'formManagement.readOnly' | translate }}</cds-tag>\n    }\n\n    <div class=\"valtimo-form-management-edit__header\">\n      <v-overflow-menu placement=\"bottom-end\">\n        <v-overflow-menu-trigger overflowTrigger></v-overflow-menu-trigger>\n        <v-overflow-menu-option (selected)=\"downloadFormDefinition(obs.formDefinition)\">\n          {{ 'Download' | translate }}\n        </v-overflow-menu-option>\n\n        <v-overflow-menu-option\n          [disabled]=\"\n            obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration || !obs.isDraftVersion\n          \"\n          (selected)=\"showUploadModal()\"\n        >\n          {{ 'Upload' | translate }}\n        </v-overflow-menu-option>\n\n        <v-overflow-menu-option\n          *ngIf=\"(obs.context === 'case' && obs.isDraftVersion) || obs.context === 'independent'\"\n          (selected)=\"showDuplicateModal(obs.formDefinition)\"\n        >\n          {{ 'formManagement.duplicate' | translate }}\n        </v-overflow-menu-option>\n\n        <v-overflow-menu-option\n          [disabled]=\"\n            obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration || !obs.isDraftVersion\n          \"\n          type=\"danger\"\n          (selected)=\"delete()\"\n        >\n          {{ 'interface.delete' | translate }}\n        </v-overflow-menu-option>\n      </v-overflow-menu>\n\n      @if (obs.context === 'case') {\n        <button\n          cdsButton=\"secondary\"\n          [size]=\"obs.compactMode ? 'sm' : 'md'\"\n          (click)=\"onGoBackButtonClick()\"\n        >\n          <svg class=\"cds--btn__icon\" cdsIcon=\"arrow--left\" size=\"16\"></svg>\n\n          <span>{{ 'interface.back' | translate }}</span>\n        </button>\n      }\n\n      <button\n        *ngIf=\"obs?.canUpdateGlobalConfiguration || obs.context === 'independent'\"\n        cdsButton=\"primary\"\n        [disabled]=\"obs.formDefinition.readOnly || !obs.isDraftVersion\"\n        [size]=\"obs.compactMode ? 'sm' : 'md'\"\n        (click)=\"modifyFormDefinition(obs.formDefinition)\"\n      >\n        {{ 'interface.save' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n      </button>\n    </div>\n  </div>\n</ng-template>\n", styles: [".valtimo-form-management-edit__header{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-left:auto}.valtimo-form-management-edit__case-header{display:flex;width:100%;justify-content:flex-end}.valtimo-form-management-edit__header-container{width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:4px}.valtimo-form-management-edit__header-container .cds--tag{margin:0;height:var(--cds-layout-size-height-md)}.valtimo-form-management-edit__header-container.--compact{align-items:flex-start;padding-bottom:0}.valtimo-form-management-edit__output .cds--tab-content{display:grid;grid-template-columns:1fr 1fr}.valtimo-form-management-edit__output .cds--tab-content>*{min-width:100%!important}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy,.valtimo-form-management-edit .btn.formcomponent.gu-mirror{font-weight:400;background-color:silver;border-color:silver;color:#fff}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:hover,.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:active,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:hover,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:active{box-shadow:none}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:active,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:active{background-color:silver;border-color:silver}.valtimo-form-management-edit .formbuilder-header{padding-left:18px;padding-right:18px;font-size:18px;height:80px;border:1px solid #dee2e6;border-bottom:0}.valtimo-form-management-edit .formbuilder-header .formbuilder-title{margin-top:21px;margin-bottom:7px}.valtimo-form-management-edit .formbuilder-header .formbuilder-subtitle{margin-top:0;margin-bottom:12px}.valtimo-form-management-edit .formbuilder{background:#fff;padding:1rem;border:1px solid #dee2e6;margin-right:0!important;margin-left:0!important}.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=false],.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=\"\"]{color:#a9a9a9}.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=true]{color:#000}.valtimo-form-management-edit .formbuilder .drag-and-drop-alert{display:none}.valtimo-form-management-edit .formbuilder .formarea{padding:10px;border:solid 1px silver;background-color:#fff}.valtimo-form-management-edit .increase-size{font-size:1rem}.valtimo-form-management-edit .cds--tab-content{background:#fff!important}\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"] }]
+                    ], 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<ng-container\n  *ngIf=\"{\n    formDefinition: formDefinition$ | async,\n    jsonFormDefinition: jsonFormDefinition$ | async,\n    jsonOutput: jsonOutput$ | async,\n    compactMode: compactMode$ | async,\n    context: context$ | async,\n    canUpdateGlobalConfiguration: canUpdateGlobalConfiguration$ | async,\n    isDraftVersion: isDraftVersion$ | async,\n  } as obs\"\n>\n  @if (obs.formDefinition) {\n    <ng-container renderInPageHeader [fullWidth]=\"true\">\n      <ng-template>\n        <ng-container *ngTemplateOutlet=\"actions; context: {obs: obs}\"></ng-container>\n      </ng-template>\n    </ng-container>\n\n    <cds-tabs type=\"contained\">\n      <cds-tab [heading]=\"TABS.BUILDER | translate\" (selected)=\"onSelectedTab(TABS.BUILDER)\">\n        <valtimo-form-io-builder\n          *ngIf=\"(reloading$ | async) === false && activeTab === TABS.BUILDER\"\n          [form]=\"obs.formDefinition.formDefinition\"\n          (change)=\"formBuilderChanged($event, obs.jsonFormDefinition)\"\n        ></valtimo-form-io-builder>\n      </cds-tab>\n\n      <cds-tab [heading]=\"TABS.EDITOR | translate\" (selected)=\"onSelectedTab(TABS.EDITOR)\">\n        @if (activeTab === TABS.EDITOR && obs.jsonFormDefinition) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              jsonEditor;\n              context: {\n                data: {\n                  disabled: obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration,\n                  formDefinition: obs.formDefinition,\n                  model: obs.jsonFormDefinition,\n                },\n              }\n            \"\n          ></ng-container>\n        }\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"TABS.OUTPUT | translate\"\n        (selected)=\"onSelectedTab(TABS.OUTPUT)\"\n        class=\"valtimo-form-management-edit__output\"\n      >\n        <valtimo-form-io\n          *ngIf=\"activeTab === TABS.OUTPUT\"\n          [form]=\"obs.formDefinition.formDefinition\"\n          (change)=\"onOutputChange($event)\"\n        ></valtimo-form-io>\n\n        @if (activeTab === TABS.OUTPUT && obs.jsonOutput) {\n          <ng-container\n            *ngTemplateOutlet=\"\n              jsonEditor;\n              context: {\n                data: {disabled: true, formDefinition: obs.formDefinition, model: obs.jsonOutput},\n              }\n            \"\n          ></ng-container>\n        }\n      </cds-tab>\n    </cds-tabs>\n  } @else {\n    <cds-loading></cds-loading>\n  }\n\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"interface.deleteConfirmation\"\n    cancelButtonTextTranslationKey=\"interface.cancel\"\n    [outputOnConfirm]=\"obs.formDefinition\"\n    [showModalSubject$]=\"showDeleteModal$\"\n    titleTranslationKey=\"dashboardManagement.delete\"\n    (confirmEvent)=\"deleteFormDefinition($event)\"\n  ></valtimo-confirmation-modal>\n\n  <valtimo-form-management-upload\n    [show$]=\"showModal$\"\n    (definitionUploaded)=\"setFormDefinition($event)\"\n  ></valtimo-form-management-upload>\n\n  <ng-template #jsonEditor let-data=\"data\">\n    <valtimo-editor\n      [model]=\"data.model\"\n      [disabled]=\"data.disabled\"\n      (validEvent)=\"onValidEvent($event, data.disabled)\"\n      (valueChangeEvent)=\"onValueChangeEvent($event, data.formDefinition, data.disabled)\"\n      [fitPage]=\"true\"\n      [fitPageSpaceAdjustment]=\"80\"\n    ></valtimo-editor>\n  </ng-template>\n</ng-container>\n\n<ng-template #actions let-obs=\"obs\">\n  <div\n    class=\"valtimo-form-management-edit__header-container\"\n    [ngClass]=\"{\n      '--compact': obs.compactMode,\n    }\"\n  >\n    @if (obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration || !obs.isDraftVersion) {\n      <cds-tag size=\"sm\" type=\"blue\">{{ 'formManagement.readOnly' | translate }}</cds-tag>\n    }\n\n    <div class=\"valtimo-form-management-edit__header\">\n      <v-overflow-menu placement=\"bottom-end\">\n        <v-overflow-menu-trigger overflowTrigger></v-overflow-menu-trigger>\n        <v-overflow-menu-option (selected)=\"downloadFormDefinition(obs.formDefinition)\">\n          {{ 'Download' | translate }}\n        </v-overflow-menu-option>\n\n        <v-overflow-menu-option\n          [disabled]=\"\n            obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration || !obs.isDraftVersion\n          \"\n          (selected)=\"showUploadModal()\"\n        >\n          {{ 'Upload' | translate }}\n        </v-overflow-menu-option>\n\n        <v-overflow-menu-option\n          *ngIf=\"(obs.context === 'case' && obs.isDraftVersion) || obs.context === 'independent'\"\n          (selected)=\"showDuplicateModal(obs.formDefinition)\"\n        >\n          {{ 'formManagement.duplicate' | translate }}\n        </v-overflow-menu-option>\n\n        <v-overflow-menu-option\n          [disabled]=\"\n            obs.formDefinition.readOnly || !obs.canUpdateGlobalConfiguration || !obs.isDraftVersion\n          \"\n          type=\"danger\"\n          (selected)=\"delete()\"\n        >\n          {{ 'interface.delete' | translate }}\n        </v-overflow-menu-option>\n      </v-overflow-menu>\n\n      @if (obs.context === 'case') {\n        <button\n          cdsButton=\"secondary\"\n          [size]=\"obs.compactMode ? 'sm' : 'md'\"\n          (click)=\"onGoBackButtonClick()\"\n        >\n          <svg class=\"cds--btn__icon\" cdsIcon=\"arrow--left\" size=\"16\"></svg>\n\n          <span>{{ 'interface.back' | translate }}</span>\n        </button>\n      }\n\n      <button\n        *ngIf=\"obs?.canUpdateGlobalConfiguration || obs.context === 'independent'\"\n        cdsButton=\"primary\"\n        [disabled]=\"obs.formDefinition.readOnly || !obs.isDraftVersion\"\n        [size]=\"obs.compactMode ? 'sm' : 'md'\"\n        (click)=\"modifyFormDefinition(obs.formDefinition)\"\n        [attr.data-test-id]=\"testIds.saveButton\"\n      >\n        {{ 'interface.save' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n      </button>\n    </div>\n  </div>\n</ng-template>\n", styles: [".valtimo-form-management-edit__header{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-left:auto}.valtimo-form-management-edit__case-header{display:flex;width:100%;justify-content:flex-end}.valtimo-form-management-edit__header-container{width:100%;display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:4px}.valtimo-form-management-edit__header-container .cds--tag{margin:0;height:var(--cds-layout-size-height-md)}.valtimo-form-management-edit__header-container.--compact{align-items:flex-start;padding-bottom:0}.valtimo-form-management-edit__output .cds--tab-content{display:grid;grid-template-columns:1fr 1fr}.valtimo-form-management-edit__output .cds--tab-content>*{min-width:100%!important}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy,.valtimo-form-management-edit .btn.formcomponent.gu-mirror{font-weight:400;background-color:silver;border-color:silver;color:#fff}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:hover,.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:active,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:hover,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:active{box-shadow:none}.valtimo-form-management-edit .formbuilder .btn.formcomponent.drag-copy:active,.valtimo-form-management-edit .btn.formcomponent.gu-mirror:active{background-color:silver;border-color:silver}.valtimo-form-management-edit .formbuilder-header{padding-left:18px;padding-right:18px;font-size:18px;height:80px;border:1px solid #dee2e6;border-bottom:0}.valtimo-form-management-edit .formbuilder-header .formbuilder-title{margin-top:21px;margin-bottom:7px}.valtimo-form-management-edit .formbuilder-header .formbuilder-subtitle{margin-top:0;margin-bottom:12px}.valtimo-form-management-edit .formbuilder{background:#fff;padding:1rem;border:1px solid #dee2e6;margin-right:0!important;margin-left:0!important}.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=false],.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=\"\"]{color:#a9a9a9}.valtimo-form-management-edit .formbuilder .form-builder-panel .builder-group-button[aria-expanded=true]{color:#000}.valtimo-form-management-edit .formbuilder .drag-and-drop-alert{display:none}.valtimo-form-management-edit .formbuilder .formarea{padding:10px;border:solid 1px silver;background-color:#fff}.valtimo-form-management-edit .increase-size{font-size:1rem}.valtimo-form-management-edit .cds--tab-content{background:#fff!important}\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: FormManagementService }, { type: i2$1.ModalService }, { type: i3$1.PageTitleService }, { type: i3.ActivatedRoute }, { type: i3$1.ShellService }, { type: i3$1.PageHeaderService }, { type: i2$1.IconService }, { type: i3.Router }, { type: i5.TranslateService }, { type: i4.GlobalNotificationService }, { type: i3$1.BreadcrumbService }, { type: i4.EnvironmentService }, { type: i4.DraftVersionService }, { type: i3$1.FormIoTagsService }, { type: i0.Injector }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class']
@@ -1104,6 +1148,7 @@ class FormManagementListComponent {
         this.formDefinitionToDelete$ = new BehaviorSubject(null);
         this.loading$ = new BehaviorSubject(true);
         this.searchTerm$ = new BehaviorSubject('');
+        this.testIds = FORM_MANAGEMENT_LIST_TEST_IDS;
         this.context$ = getContextObservable(this.route);
         this.caseManagementRouteParams$ = this.context$.pipe(filter$1(context => context === 'case'), switchMap$1(() => getCaseManagementRouteParams(this.route)));
         this.hasEditPermissions$ = combineLatest([
@@ -1202,7 +1247,7 @@ class FormManagementListComponent {
         this._partialPagination$.next({ ...this._partialPagination, ...update });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FormManagementListComponent, deps: [{ token: FormManagementService }, { token: i2$1.IconService }, { token: i3.ActivatedRoute }, { token: i4.EnvironmentService }, { token: i4.DraftVersionService }, { token: i4.GlobalNotificationService }, { token: i5.TranslateService }, { token: i4.EditPermissionsService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: FormManagementListComponent, isStandalone: true, selector: "valtimo-form-management-list", outputs: { navigateToCreateEvent: "navigateToCreateEvent", navigateToUploadEvent: "navigateToUploadEvent", navigateToEditEvent: "navigateToEditEvent" }, 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-carbon-list\n  *ngIf=\"{\n    formDefinitions: formDefinitions$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async,\n    context: context$ | async,\n    hasEditPermissions: hasEditPermissions$ | async,\n  } as obs\"\n  [showActionItems]=\"obs.hasEditPermissions\"\n  [actionItems]=\"ACTION_ITEMS\"\n  [fields]=\"FIELDS\"\n  [header]=\"false\"\n  [isSearchable]=\"true\"\n  [items]=\"obs?.formDefinitions || []\"\n  [pagination]=\"obs.pagination\"\n  [loading]=\"obs.loading\"\n  paginationIdentifier=\"formManagementList\"\n  (paginationClicked)=\"paginationClicked($event)\"\n  (paginationSet)=\"paginationSet($event)\"\n  (rowClicked)=\"editFormDefinition($event)\"\n  (search)=\"searchTermEntered($event)\"\n>\n  <ng-container *ngIf=\"obs.hasEditPermissions\" carbonToolbarContent>\n    <button cdsButton=\"ghost\" [iconOnly]=\"true\" (click)=\"navigateToUploadRoute()\">\n      <svg cdsIcon=\"upload\" size=\"16\"></svg>\n    </button>\n\n    <ng-container [ngTemplateOutlet]=\"createFormButton\"></ng-container>\n  </ng-container>\n\n  <valtimo-no-results\n    [action]=\"createFormButton\"\n    [description]=\"'formManagement.noResults.' + obs.context + 'Description' | translate\"\n    [title]=\"'formManagement.noResults.title' | translate\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"interface.deleteConfirmation\"\n  cancelButtonTextTranslationKey=\"interface.cancel\"\n  [outputOnConfirm]=\"formDefinitionToDelete$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"dashboardManagement.delete\"\n  (confirmEvent)=\"deleteFormDefinition($event)\"\n></valtimo-confirmation-modal>\n\n<ng-template #createFormButton>\n  <button *ngIf=\"hasEditPermissions$ | async\" cdsButton=\"primary\" (click)=\"navigateToCreateRoute()\">\n    {{ 'Create Form' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i3$1.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i3$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i3$1.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: FormManagementListComponent, isStandalone: true, selector: "valtimo-form-management-list", outputs: { navigateToCreateEvent: "navigateToCreateEvent", navigateToUploadEvent: "navigateToUploadEvent", navigateToEditEvent: "navigateToEditEvent" }, 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-carbon-list\n  *ngIf=\"{\n    formDefinitions: formDefinitions$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async,\n    context: context$ | async,\n    hasEditPermissions: hasEditPermissions$ | async,\n  } as obs\"\n  [showActionItems]=\"obs.hasEditPermissions\"\n  [actionItems]=\"ACTION_ITEMS\"\n  [fields]=\"FIELDS\"\n  [header]=\"false\"\n  [isSearchable]=\"true\"\n  [items]=\"obs?.formDefinitions || []\"\n  [pagination]=\"obs.pagination\"\n  [loading]=\"obs.loading\"\n  paginationIdentifier=\"formManagementList\"\n  (paginationClicked)=\"paginationClicked($event)\"\n  (paginationSet)=\"paginationSet($event)\"\n  (rowClicked)=\"editFormDefinition($event)\"\n  (search)=\"searchTermEntered($event)\"\n>\n  <ng-container *ngIf=\"obs.hasEditPermissions\" carbonToolbarContent>\n    <button cdsButton=\"ghost\" [iconOnly]=\"true\" (click)=\"navigateToUploadRoute()\">\n      <svg cdsIcon=\"upload\" size=\"16\"></svg>\n    </button>\n\n    <ng-container [ngTemplateOutlet]=\"createFormButton\"></ng-container>\n  </ng-container>\n\n  <valtimo-no-results\n    [action]=\"createFormButton\"\n    [description]=\"'formManagement.noResults.' + obs.context + 'Description' | translate\"\n    [title]=\"'formManagement.noResults.title' | translate\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"interface.deleteConfirmation\"\n  cancelButtonTextTranslationKey=\"interface.cancel\"\n  [outputOnConfirm]=\"formDefinitionToDelete$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"dashboardManagement.delete\"\n  (confirmEvent)=\"deleteFormDefinition($event)\"\n></valtimo-confirmation-modal>\n\n<ng-template #createFormButton>\n  <button\n    *ngIf=\"hasEditPermissions$ | async\"\n    cdsButton=\"primary\"\n    (click)=\"navigateToCreateRoute()\"\n    [attr.data-test-id]=\"testIds.createFormButton\"\n  >\n    {{ 'Create Form' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i3$1.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i3$1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i2$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i2$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i3$1.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: FormManagementListComponent, decorators: [{
             type: Component,
@@ -1215,7 +1260,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         IconModule,
                         ButtonModule,
                         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-carbon-list\n  *ngIf=\"{\n    formDefinitions: formDefinitions$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async,\n    context: context$ | async,\n    hasEditPermissions: hasEditPermissions$ | async,\n  } as obs\"\n  [showActionItems]=\"obs.hasEditPermissions\"\n  [actionItems]=\"ACTION_ITEMS\"\n  [fields]=\"FIELDS\"\n  [header]=\"false\"\n  [isSearchable]=\"true\"\n  [items]=\"obs?.formDefinitions || []\"\n  [pagination]=\"obs.pagination\"\n  [loading]=\"obs.loading\"\n  paginationIdentifier=\"formManagementList\"\n  (paginationClicked)=\"paginationClicked($event)\"\n  (paginationSet)=\"paginationSet($event)\"\n  (rowClicked)=\"editFormDefinition($event)\"\n  (search)=\"searchTermEntered($event)\"\n>\n  <ng-container *ngIf=\"obs.hasEditPermissions\" carbonToolbarContent>\n    <button cdsButton=\"ghost\" [iconOnly]=\"true\" (click)=\"navigateToUploadRoute()\">\n      <svg cdsIcon=\"upload\" size=\"16\"></svg>\n    </button>\n\n    <ng-container [ngTemplateOutlet]=\"createFormButton\"></ng-container>\n  </ng-container>\n\n  <valtimo-no-results\n    [action]=\"createFormButton\"\n    [description]=\"'formManagement.noResults.' + obs.context + 'Description' | translate\"\n    [title]=\"'formManagement.noResults.title' | translate\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"interface.deleteConfirmation\"\n  cancelButtonTextTranslationKey=\"interface.cancel\"\n  [outputOnConfirm]=\"formDefinitionToDelete$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"dashboardManagement.delete\"\n  (confirmEvent)=\"deleteFormDefinition($event)\"\n></valtimo-confirmation-modal>\n\n<ng-template #createFormButton>\n  <button *ngIf=\"hasEditPermissions$ | async\" cdsButton=\"primary\" (click)=\"navigateToCreateRoute()\">\n    {{ 'Create Form' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+                    ], 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-carbon-list\n  *ngIf=\"{\n    formDefinitions: formDefinitions$ | async,\n    pagination: pagination$ | async,\n    loading: loading$ | async,\n    context: context$ | async,\n    hasEditPermissions: hasEditPermissions$ | async,\n  } as obs\"\n  [showActionItems]=\"obs.hasEditPermissions\"\n  [actionItems]=\"ACTION_ITEMS\"\n  [fields]=\"FIELDS\"\n  [header]=\"false\"\n  [isSearchable]=\"true\"\n  [items]=\"obs?.formDefinitions || []\"\n  [pagination]=\"obs.pagination\"\n  [loading]=\"obs.loading\"\n  paginationIdentifier=\"formManagementList\"\n  (paginationClicked)=\"paginationClicked($event)\"\n  (paginationSet)=\"paginationSet($event)\"\n  (rowClicked)=\"editFormDefinition($event)\"\n  (search)=\"searchTermEntered($event)\"\n>\n  <ng-container *ngIf=\"obs.hasEditPermissions\" carbonToolbarContent>\n    <button cdsButton=\"ghost\" [iconOnly]=\"true\" (click)=\"navigateToUploadRoute()\">\n      <svg cdsIcon=\"upload\" size=\"16\"></svg>\n    </button>\n\n    <ng-container [ngTemplateOutlet]=\"createFormButton\"></ng-container>\n  </ng-container>\n\n  <valtimo-no-results\n    [action]=\"createFormButton\"\n    [description]=\"'formManagement.noResults.' + obs.context + 'Description' | translate\"\n    [title]=\"'formManagement.noResults.title' | translate\"\n  ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"interface.deleteConfirmation\"\n  cancelButtonTextTranslationKey=\"interface.cancel\"\n  [outputOnConfirm]=\"formDefinitionToDelete$ | async\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"dashboardManagement.delete\"\n  (confirmEvent)=\"deleteFormDefinition($event)\"\n></valtimo-confirmation-modal>\n\n<ng-template #createFormButton>\n  <button\n    *ngIf=\"hasEditPermissions$ | async\"\n    cdsButton=\"primary\"\n    (click)=\"navigateToCreateRoute()\"\n    [attr.data-test-id]=\"testIds.createFormButton\"\n  >\n    {{ 'Create Form' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n  </button>\n</ng-template>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: FormManagementService }, { type: i2$1.IconService }, { type: i3.ActivatedRoute }, { type: i4.EnvironmentService }, { type: i4.DraftVersionService }, { type: i4.GlobalNotificationService }, { type: i5.TranslateService }, { type: i4.EditPermissionsService }], propDecorators: { navigateToCreateEvent: [{
                 type: Output
             }], navigateToUploadEvent: [{
@@ -1414,5 +1459,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { EDIT_TABS, FormManagementComponent, FormManagementCreateComponent, FormManagementEditComponent, FormManagementModule, FormManagementRoutingModule, FormManagementService, compareFormDefinitions };
+export { EDIT_TABS, FORM_MANAGEMENT_CREATE_TEST_IDS, FORM_MANAGEMENT_EDIT_TEST_IDS, FORM_MANAGEMENT_LIST_TEST_IDS, FormManagementComponent, FormManagementCreateComponent, FormManagementEditComponent, FormManagementModule, FormManagementRoutingModule, FormManagementService, compareFormDefinitions };
 //# sourceMappingURL=valtimo-form-management.mjs.map