@valtimo/building-block-management 13.43.0 → 13.44.0

package/fesm2022/valtimo-building-block-management.mjs

@@ -3,7 +3,7 @@ import { Injectable, Component, Input, signal, ChangeDetectionStrategy, ViewChil
 import * as i4 from '@angular/common';
 import { CommonModule, DOCUMENT } from '@angular/common';
 import * as i7 from '@valtimo/components';
-import { runAfterCarbonModalClosed, ValtimoCdsModalDirective, AutoKeyInputComponent, TooltipIconModule, CARBON_CONSTANTS, ViewType, CarbonListModule, ReadOnlyDirective, ConfirmationModalModule, RenderInBodyComponent, MuuriDirectiveModule, SchemaEditorComponent, FitPageDirective, OverflowMenuComponent, OverflowMenuOptionComponent, RenderInPageHeaderDirective } from '@valtimo/components';
+import { runAfterCarbonModalClosed, ValtimoCdsModalDirective, AutoKeyInputComponent, TooltipIconModule, CARBON_CONSTANTS, DEFAULT_PAGINATION, ViewType, CarbonListModule, ReadOnlyDirective, ConfirmationModalModule, RenderInBodyComponent, MuuriDirectiveModule, SchemaEditorComponent, FitPageDirective, OverflowMenuComponent, OverflowMenuOptionComponent, RenderInPageHeaderDirective, pendingChangesGuard } from '@valtimo/components';
 import * as i2 from '@angular/common/http';
 import { HttpHeaders, HttpErrorResponse } from '@angular/common/http';
 import * as i5 from '@valtimo/shared';
@@ -63,6 +63,9 @@ class BuildingBlockManagementApiService extends BaseApiService {
             throw error;
         }));
     }
+    searchBuildingBlockDefinitions(params) {
+        return this.httpClient.get(this.getApiUrl('management/v1/building-block/search'), { params: params });
+    }
     createBuildingBlockDefinition(dto) {
         return this.httpClient.post(this.getApiUrl('management/v1/building-block'), dto);
     }
@@ -427,6 +430,86 @@ var UPLOAD_STEP;
 })(UPLOAD_STEP || (UPLOAD_STEP = {}));
 const STEPS = [UPLOAD_STEP.PLUGINS, UPLOAD_STEP.FILE_SELECT, UPLOAD_STEP.FILE_UPLOAD];
 
+/*
+ * 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 BUILDING_BLOCK_MANAGEMENT_LIST_TEST_IDS = {
+    uploadButton: 'buildingBlockUploadButton',
+    createButton: 'buildingBlockCreateButton',
+};
+const BUILDING_BLOCK_MANAGEMENT_CREATE_TEST_IDS = {
+    nameInput: 'buildingBlockNameInput',
+    versionInput: 'buildingBlockVersionInput',
+    descriptionInput: 'buildingBlockDescriptionInput',
+    cancelButton: 'buildingBlockCreateCancelButton',
+    saveButton: 'buildingBlockCreateSaveButton',
+};
+const BUILDING_BLOCK_MANAGEMENT_UPLOAD_TEST_IDS = {
+    fileUploader: 'buildingBlockFileUploader',
+    overwriteWarning: 'buildingBlockOverwriteWarning',
+    overwriteCheckbox: 'buildingBlockOverwriteCheckbox',
+    progressBar: 'buildingBlockUploadProgressBar',
+    cancelButton: 'buildingBlockUploadCancelButton',
+    backButton: 'buildingBlockUploadBackButton',
+    nextButton: 'buildingBlockUploadNextButton',
+    finishButton: 'buildingBlockUploadFinishButton',
+};
+const BUILDING_BLOCK_MANAGEMENT_DETAIL_TEST_IDS = {
+    tabs: 'buildingBlockTabs',
+};
+const BUILDING_BLOCK_MANAGEMENT_PROCESSES_TEST_IDS = {
+    uploadButton: 'buildingBlockProcessesUploadButton',
+    createButton: 'buildingBlockProcessesCreateButton',
+};
+const BUILDING_BLOCK_MANAGEMENT_PROCESS_UPLOAD_TEST_IDS = {
+    fileUploader: 'buildingBlockProcessUploadFileUploader',
+    cancelButton: 'buildingBlockProcessUploadCancelButton',
+    submitButton: 'buildingBlockProcessUploadSubmitButton',
+};
+const BUILDING_BLOCK_MANAGEMENT_METADATA_TEST_IDS = {
+    nameInput: 'buildingBlockMetadataNameInput',
+    keyInput: 'buildingBlockMetadataKeyInput',
+    descriptionInput: 'buildingBlockMetadataDescriptionInput',
+    saveButton: 'buildingBlockMetadataSaveButton',
+};
+const BUILDING_BLOCK_MANAGEMENT_ARTWORK_TEST_IDS = {
+    fileUploader: 'buildingBlockArtworkFileUploader',
+    image: 'buildingBlockArtworkImage',
+    uploadButton: 'buildingBlockArtworkUploadButton',
+    deleteButton: 'buildingBlockArtworkDeleteButton',
+};
+const BUILDING_BLOCK_MANAGEMENT_PLUGINS_TEST_IDS = {
+    usedPlugins: 'buildingBlockUsedPlugins',
+    noPluginsUsed: 'buildingBlockNoPluginsUsed',
+};
+const BUILDING_BLOCK_MANAGEMENT_DETAIL_ACTIONS_TEST_IDS = {
+    versionSelectDropdown: 'buildingBlockVersionSelectDropdown',
+    moreButton: 'buildingBlockMoreButton',
+    exportButton: 'buildingBlockExportButton',
+    makeFinalButton: 'buildingBlockMakeFinalButton',
+    createDraftButton: 'buildingBlockCreateDraftButton',
+    draftVersionInput: 'buildingBlockDraftVersionInput',
+    draftCancelButton: 'buildingBlockDraftCancelButton',
+    draftConfirmButton: 'buildingBlockDraftConfirmButton',
+};
+/**
+ * Prefix for the per-version options of the version dropdown. The full test id is
+ * `buildingBlockVersion-<versionTag>`, built in the version selector component.
+ */
+const BUILDING_BLOCK_VERSION_OPTION_TEST_ID_PREFIX = 'buildingBlockVersion-';
+
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
@@ -476,6 +559,7 @@ class BuildingBlockManagementCreateModalComponent {
         this.buildingBlockManagementService = buildingBlockManagementService;
         this.fb = fb;
         this.router = router;
+        this.testIds = BUILDING_BLOCK_MANAGEMENT_CREATE_TEST_IDS;
         this.showModal$ = this.buildingBlockManagementService.showCreateModal$;
         this.usedKeys$ = this.buildingBlockManagementService.usedKeys$;
         this.formGroup = this.fb.group({
@@ -515,7 +599,7 @@ class BuildingBlockManagementCreateModalComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BuildingBlockManagementCreateModalComponent, deps: [{ token: BuildingBlockManagementApiService }, { token: BuildingBlockManagementService }, { token: i2$1.FormBuilder }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BuildingBlockManagementCreateModalComponent, isStandalone: true, selector: "valtimo-building-block-management-create-modal", 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  *ngIf=\"{\n    showModal: showModal$ | async,\n  } as obs\"\n  [open]=\"obs.showModal\"\n  showFooter=\"true\"\n  valtimoCdsModal\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'buildingBlockManagement.createDefinition.modalTitle' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form\n    [formGroup]=\"formGroup\"\n    cdsModalContent\n    class=\"valtimo-definition-create__content\"\n    [cdsLayer]=\"1\"\n  >\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"formGroup.disabled\" [invalid]=\"name.touched && name.invalid\">\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.createDefinition.name' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'buildingBlockManagement.createDefinition.nameTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <input\n          formControlName=\"name\"\n          cdsText\n          placeholder=\"{{ 'buildingBlockManagement.createDefinition.namePlaceholder' | translate }}\"\n        />\n      </cds-label>\n    </div>\n\n    <valtimo-auto-key-input\n      [cdsLayer]=\"1\"\n      formControlName=\"key\"\n      labelTranslationKey=\"buildingBlockManagement.createDefinition.keyTitle\"\n      placeholderTranslationKey=\"buildingBlockManagement.createDefinition.keyPlaceHolder\"\n      mode=\"add\"\n      [usedKeys]=\"usedKeys$ | async\"\n      [sourceText]=\"name.value\"\n    >\n    </valtimo-auto-key-input>\n\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [disabled]=\"formGroup.disabled\"\n        [invalid]=\"versionTag.touched && versionTag.invalid\"\n      >\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.createDefinition.version' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'buildingBlockManagement.createDefinition.versionTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <input\n          formControlName=\"versionTag\"\n          cdsText\n          placeholder=\"{{\n            'buildingBlockManagement.createDefinition.versionPlaceholder' | translate\n          }}\"\n        />\n      </cds-label>\n    </div>\n\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [disabled]=\"formGroup.disabled\"\n        [invalid]=\"description.touched && description.invalid\"\n      >\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.createDefinition.description' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'buildingBlockManagement.createDefinition.descriptionTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <textarea\n          cdsTextArea\n          formControlName=\"description\"\n          placeholder=\"{{\n            'buildingBlockManagement.createDefinition.descriptionPlaceholder' | translate\n          }}\"\n          [rows]=\"3\"\n          [cols]=\"150\"\n        ></textarea>\n      </cds-label>\n    </div>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"onCloseModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"formGroup.invalid\" (click)=\"onSave()\">\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-create__content{display:flex;flex-direction:column;gap:16px}.cds--text-input__field-wrapper cds-label{width:100%}.cds--text-input__field-wrapper ::ng-deep .cds--label{width:100%}.cds--text-input__field-wrapper:not(:last-child){margin-bottom:16px}.label-with-tooltip{display:flex;align-items:center}.select-label{padding-bottom:8px}\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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i3$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i3$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i3$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i3$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i3$1.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i3$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "directive", type: i3$1.TextArea, selector: "[cdsTextArea], [ibmTextArea]", inputs: ["theme", "invalid", "skeleton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: AutoKeyInputComponent, selector: "valtimo-auto-key-input", inputs: ["labelTranslationKey", "placeholderTranslationKey", "mode", "usedKeys", "sourceText"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i3$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: TooltipIconModule }, { kind: "component", type: i7.TooltipIconComponent, selector: "v-tooltip-icon", inputs: ["tooltip", "disabled"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BuildingBlockManagementCreateModalComponent, isStandalone: true, selector: "valtimo-building-block-management-create-modal", 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  *ngIf=\"{\n    showModal: showModal$ | async,\n  } as obs\"\n  [open]=\"obs.showModal\"\n  showFooter=\"true\"\n  valtimoCdsModal\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'buildingBlockManagement.createDefinition.modalTitle' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form\n    [formGroup]=\"formGroup\"\n    cdsModalContent\n    class=\"valtimo-definition-create__content\"\n    [cdsLayer]=\"1\"\n  >\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"formGroup.disabled\" [invalid]=\"name.touched && name.invalid\">\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.createDefinition.name' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'buildingBlockManagement.createDefinition.nameTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <input\n          [attr.data-test-id]=\"testIds.nameInput\"\n          formControlName=\"name\"\n          cdsText\n          placeholder=\"{{ 'buildingBlockManagement.createDefinition.namePlaceholder' | translate }}\"\n        />\n      </cds-label>\n    </div>\n\n    <valtimo-auto-key-input\n      [cdsLayer]=\"1\"\n      formControlName=\"key\"\n      labelTranslationKey=\"buildingBlockManagement.createDefinition.keyTitle\"\n      placeholderTranslationKey=\"buildingBlockManagement.createDefinition.keyPlaceHolder\"\n      mode=\"add\"\n      [usedKeys]=\"usedKeys$ | async\"\n      [sourceText]=\"name.value\"\n    >\n    </valtimo-auto-key-input>\n\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [disabled]=\"formGroup.disabled\"\n        [invalid]=\"versionTag.touched && versionTag.invalid\"\n      >\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.createDefinition.version' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'buildingBlockManagement.createDefinition.versionTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <input\n          [attr.data-test-id]=\"testIds.versionInput\"\n          formControlName=\"versionTag\"\n          cdsText\n          placeholder=\"{{\n            'buildingBlockManagement.createDefinition.versionPlaceholder' | translate\n          }}\"\n        />\n      </cds-label>\n    </div>\n\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [disabled]=\"formGroup.disabled\"\n        [invalid]=\"description.touched && description.invalid\"\n      >\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.createDefinition.description' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'buildingBlockManagement.createDefinition.descriptionTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <textarea\n          [attr.data-test-id]=\"testIds.descriptionInput\"\n          cdsTextArea\n          formControlName=\"description\"\n          placeholder=\"{{\n            'buildingBlockManagement.createDefinition.descriptionPlaceholder' | translate\n          }}\"\n          [rows]=\"3\"\n          [cols]=\"150\"\n        ></textarea>\n      </cds-label>\n    </div>\n  </form>\n\n  <cds-modal-footer>\n    <button\n      [attr.data-test-id]=\"testIds.cancelButton\"\n      cdsButton=\"secondary\"\n      (click)=\"onCloseModal()\"\n    >\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      [attr.data-test-id]=\"testIds.saveButton\"\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.invalid\"\n      (click)=\"onSave()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-create__content{display:flex;flex-direction:column;gap:16px}.cds--text-input__field-wrapper cds-label{width:100%}.cds--text-input__field-wrapper ::ng-deep .cds--label{width:100%}.cds--text-input__field-wrapper:not(:last-child){margin-bottom:16px}.label-with-tooltip{display:flex;align-items:center}.select-label{padding-bottom:8px}\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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i3$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i3$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i3$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i3$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i3$1.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i3$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "directive", type: i3$1.TextArea, selector: "[cdsTextArea], [ibmTextArea]", inputs: ["theme", "invalid", "skeleton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "component", type: AutoKeyInputComponent, selector: "valtimo-auto-key-input", inputs: ["labelTranslationKey", "placeholderTranslationKey", "mode", "usedKeys", "sourceText"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i3$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: TooltipIconModule }, { kind: "component", type: i7.TooltipIconComponent, selector: "v-tooltip-icon", inputs: ["tooltip", "disabled"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BuildingBlockManagementCreateModalComponent, decorators: [{
             type: Component,
@@ -533,7 +617,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         AutoKeyInputComponent,
                         LayerModule,
                         TooltipIconModule,
-                    ], 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  *ngIf=\"{\n    showModal: showModal$ | async,\n  } as obs\"\n  [open]=\"obs.showModal\"\n  showFooter=\"true\"\n  valtimoCdsModal\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'buildingBlockManagement.createDefinition.modalTitle' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form\n    [formGroup]=\"formGroup\"\n    cdsModalContent\n    class=\"valtimo-definition-create__content\"\n    [cdsLayer]=\"1\"\n  >\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"formGroup.disabled\" [invalid]=\"name.touched && name.invalid\">\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.createDefinition.name' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'buildingBlockManagement.createDefinition.nameTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <input\n          formControlName=\"name\"\n          cdsText\n          placeholder=\"{{ 'buildingBlockManagement.createDefinition.namePlaceholder' | translate }}\"\n        />\n      </cds-label>\n    </div>\n\n    <valtimo-auto-key-input\n      [cdsLayer]=\"1\"\n      formControlName=\"key\"\n      labelTranslationKey=\"buildingBlockManagement.createDefinition.keyTitle\"\n      placeholderTranslationKey=\"buildingBlockManagement.createDefinition.keyPlaceHolder\"\n      mode=\"add\"\n      [usedKeys]=\"usedKeys$ | async\"\n      [sourceText]=\"name.value\"\n    >\n    </valtimo-auto-key-input>\n\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [disabled]=\"formGroup.disabled\"\n        [invalid]=\"versionTag.touched && versionTag.invalid\"\n      >\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.createDefinition.version' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'buildingBlockManagement.createDefinition.versionTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <input\n          formControlName=\"versionTag\"\n          cdsText\n          placeholder=\"{{\n            'buildingBlockManagement.createDefinition.versionPlaceholder' | translate\n          }}\"\n        />\n      </cds-label>\n    </div>\n\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [disabled]=\"formGroup.disabled\"\n        [invalid]=\"description.touched && description.invalid\"\n      >\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.createDefinition.description' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'buildingBlockManagement.createDefinition.descriptionTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <textarea\n          cdsTextArea\n          formControlName=\"description\"\n          placeholder=\"{{\n            'buildingBlockManagement.createDefinition.descriptionPlaceholder' | translate\n          }}\"\n          [rows]=\"3\"\n          [cols]=\"150\"\n        ></textarea>\n      </cds-label>\n    </div>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"onCloseModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button cdsButton=\"primary\" [disabled]=\"formGroup.invalid\" (click)=\"onSave()\">\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-create__content{display:flex;flex-direction:column;gap:16px}.cds--text-input__field-wrapper cds-label{width:100%}.cds--text-input__field-wrapper ::ng-deep .cds--label{width:100%}.cds--text-input__field-wrapper:not(:last-child){margin-bottom:16px}.label-with-tooltip{display:flex;align-items:center}.select-label{padding-bottom:8px}\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  *ngIf=\"{\n    showModal: showModal$ | async,\n  } as obs\"\n  [open]=\"obs.showModal\"\n  showFooter=\"true\"\n  valtimoCdsModal\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"onCloseModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'buildingBlockManagement.createDefinition.modalTitle' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form\n    [formGroup]=\"formGroup\"\n    cdsModalContent\n    class=\"valtimo-definition-create__content\"\n    [cdsLayer]=\"1\"\n  >\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label [disabled]=\"formGroup.disabled\" [invalid]=\"name.touched && name.invalid\">\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.createDefinition.name' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'buildingBlockManagement.createDefinition.nameTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <input\n          [attr.data-test-id]=\"testIds.nameInput\"\n          formControlName=\"name\"\n          cdsText\n          placeholder=\"{{ 'buildingBlockManagement.createDefinition.namePlaceholder' | translate }}\"\n        />\n      </cds-label>\n    </div>\n\n    <valtimo-auto-key-input\n      [cdsLayer]=\"1\"\n      formControlName=\"key\"\n      labelTranslationKey=\"buildingBlockManagement.createDefinition.keyTitle\"\n      placeholderTranslationKey=\"buildingBlockManagement.createDefinition.keyPlaceHolder\"\n      mode=\"add\"\n      [usedKeys]=\"usedKeys$ | async\"\n      [sourceText]=\"name.value\"\n    >\n    </valtimo-auto-key-input>\n\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [disabled]=\"formGroup.disabled\"\n        [invalid]=\"versionTag.touched && versionTag.invalid\"\n      >\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.createDefinition.version' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'buildingBlockManagement.createDefinition.versionTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <input\n          [attr.data-test-id]=\"testIds.versionInput\"\n          formControlName=\"versionTag\"\n          cdsText\n          placeholder=\"{{\n            'buildingBlockManagement.createDefinition.versionPlaceholder' | translate\n          }}\"\n        />\n      </cds-label>\n    </div>\n\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [disabled]=\"formGroup.disabled\"\n        [invalid]=\"description.touched && description.invalid\"\n      >\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.createDefinition.description' | translate }}\n\n          <v-tooltip-icon\n            [tooltip]=\"'buildingBlockManagement.createDefinition.descriptionTooltip' | translate\"\n            [disabled]=\"obs.disabled\"\n          ></v-tooltip-icon>\n        </span>\n\n        <textarea\n          [attr.data-test-id]=\"testIds.descriptionInput\"\n          cdsTextArea\n          formControlName=\"description\"\n          placeholder=\"{{\n            'buildingBlockManagement.createDefinition.descriptionPlaceholder' | translate\n          }}\"\n          [rows]=\"3\"\n          [cols]=\"150\"\n        ></textarea>\n      </cds-label>\n    </div>\n  </form>\n\n  <cds-modal-footer>\n    <button\n      [attr.data-test-id]=\"testIds.cancelButton\"\n      cdsButton=\"secondary\"\n      (click)=\"onCloseModal()\"\n    >\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      [attr.data-test-id]=\"testIds.saveButton\"\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.invalid\"\n      (click)=\"onSave()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-create__content{display:flex;flex-direction:column;gap:16px}.cds--text-input__field-wrapper cds-label{width:100%}.cds--text-input__field-wrapper ::ng-deep .cds--label{width:100%}.cds--text-input__field-wrapper:not(:last-child){margin-bottom:16px}.label-with-tooltip{display:flex;align-items:center}.select-label{padding-bottom:8px}\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: BuildingBlockManagementApiService }, { type: BuildingBlockManagementService }, { type: i2$1.FormBuilder }, { type: i3.Router }] });
 
 /*
@@ -588,6 +672,7 @@ class BuildingBlockManagementUploadModalComponent {
         this.fb = fb;
         this.iconService = iconService;
         this.translateService = translateService;
+        this.testIds = BUILDING_BLOCK_MANAGEMENT_UPLOAD_TEST_IDS;
         this.acceptedFiles = ['.zip'];
         this.showUploadModal$ = this.buildingBlockManagementService.showUploadModal$;
         this._disabled$ = new BehaviorSubject(true);
@@ -719,7 +804,7 @@ class BuildingBlockManagementUploadModalComponent {
         }, CARBON_CONSTANTS.modalAnimationMs);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BuildingBlockManagementUploadModalComponent, deps: [{ token: BuildingBlockManagementApiService }, { token: BuildingBlockManagementService }, { token: i2$1.FormBuilder }, { token: i3$1.IconService }, { token: i2$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BuildingBlockManagementUploadModalComponent, isStandalone: true, selector: "valtimo-building-block-management-upload-modal", 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  *ngIf=\"{\n    activeStep: activeStep$ | async,\n    backButtonEnabled: backButtonEnabled$ | async,\n    isStepAfterUpload: isStepAfterUpload$ | async,\n    nextButtonDisabled: nextButtonDisabled$ | async,\n    notificationObj: notificationObj$ | async,\n    showCheckboxError: showCheckboxError$ | async,\n    showCloseButton: showCloseButton$ | async,\n    uploadStatus: uploadStatus$ | async,\n    showUploadModal: showUploadModal$ | async,\n  } as obs\"\n  valtimoCdsModal\n  [open]=\"obs.showUploadModal\"\n  showFooter=\"true\"\n  class=\"valtimo-definition-uploader\"\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header\n    [showCloseButton]=\"obs.showCloseButton\"\n    (closeSelect)=\"onCloseModal(obs.isStepAfterUpload && obs.uploadStatus !== UPLOAD_STATUS.ERROR)\"\n  >\n    <h3 cdsModalHeaderHeading>\n      {{ 'buildingBlockManagement.importDefinition.title' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section [ngSwitch]=\"obs.activeStep\" cdsModalContent class=\"valtimo-definition-uploader__content\">\n    <ng-template ngSwitchDefault>\n      <valtimo-building-block-management-upload-step\n        [message]=\"\n          'buildingBlockManagement.importDefinition.steps.' + obs.activeStep + '.message'\n            | translate\n        \"\n        [title]=\"\n          'buildingBlockManagement.importDefinition.steps.' + obs.activeStep + '.title' | translate\n        \"\n        [illustration]=\"'valtimo-layout/img/' + obs.activeStep + '.svg'\"\n      >\n      </valtimo-building-block-management-upload-step>\n    </ng-template>\n\n    <form *ngSwitchCase=\"UPLOAD_STEP.FILE_SELECT\" [formGroup]=\"form\">\n      <cds-file-uploader\n        [accept]=\"acceptedFiles\"\n        [buttonText]=\"'buildingBlockManagement.importDefinition.upload.buttonText' | translate\"\n        [description]=\"'buildingBlockManagement.importDefinition.upload.description' | translate\"\n        [multiple]=\"false\"\n        [title]=\"'buildingBlockManagement.importDefinition.upload.title' | translate\"\n        buttonType=\"primary\"\n        formControlName=\"file\"\n        class=\"valtimo-definition-uploader__file-uploader\"\n      >\n      </cds-file-uploader>\n\n      <ng-container *ngIf=\"obs.activeStep === UPLOAD_STEP.FILE_SELECT\">\n        <cds-inline-notification [notificationObj]=\"obs.notificationObj\"></cds-inline-notification>\n\n        <div class=\"valtimo-uploader__checkbox\">\n          <cds-checkbox\n            [class.valtimo-definition-uploader__checkbox--invalid]=\"obs.showCheckboxError\"\n            (checkedChange)=\"onCheckedChange($event)\"\n          >\n            {{ 'buildingBlockManagement.importDefinition.checkbox.message' | translate }}\n          </cds-checkbox>\n\n          <div *ngIf=\"obs.showCheckboxError\" class=\"valtimo-definition-uploader__error\">\n            <svg cdsIcon=\"warning--filled\" size=\"16\"></svg>\n            {{ 'buildingBlockManagement.importDefinition.checkbox.error' | translate }}\n          </div>\n        </div>\n      </ng-container>\n    </form>\n\n    <cds-progress-bar\n      *ngSwitchCase=\"UPLOAD_STEP.FILE_UPLOAD\"\n      class=\"valtimo-definition-uploader__progress-bar\"\n      [label]=\"'buildingBlockManagement.importDefinition.progressBar.label' | translate\"\n      [status]=\"obs.uploadStatus\"\n      [helperText]=\"\n        'buildingBlockManagement.importDefinition.progressBar.' + obs.uploadStatus | translate\n      \"\n    ></cds-progress-bar>\n  </section>\n\n  <cds-modal-footer\n    class=\"valtimo-definition-uploader__footer\"\n    [class.valtimo-definition-uploader__footer--double]=\"obs.activeStep === UPLOAD_STEP.PLUGINS\"\n  >\n    <button\n      *ngIf=\"obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.FILE_UPLOAD\"\n      class=\"valtimo-definition-uploader__cancel\"\n      cdsButton=\"ghost\"\n      (click)=\"onCloseModal(obs.isStepAfterUpload)\"\n    >\n      {{ (obs.isStepAfterUpload ? 'interface.skip' : 'interface.cancel') | translate }}\n    </button>\n\n    <div class=\"valtimo-definition-uploader__actions\">\n      <button\n        *ngIf=\"obs.backButtonEnabled\"\n        cdsButton=\"secondary\"\n        (click)=\"onBackClick(obs.activeStep)\"\n      >\n        {{ 'interface.back' | translate }}\n      </button>\n\n      <button\n        *ngIf=\"\n          obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.FILE_UPLOAD\n        \"\n        cdsButton=\"primary\"\n        [disabled]=\"obs.nextButtonDisabled\"\n        (click)=\"onNextClick(obs.activeStep)\"\n      >\n        {{\n          (obs.activeStep === UPLOAD_STEP.FILE_SELECT\n            ? 'buildingBlockManagement.importDefinition.startUpload'\n            : 'interface.next'\n          ) | translate\n        }}\n      </button>\n\n      <button\n        *ngIf=\"\n          obs.uploadStatus === UPLOAD_STATUS.ERROR || obs.activeStep === UPLOAD_STEP.FILE_UPLOAD\n        \"\n        class=\"valtimo-definition-uploader__cancel\"\n        cdsButton=\"primary\"\n        (click)=\"onCloseModal(true)\"\n      >\n        {{ 'interface.finish' | translate }}\n      </button>\n    </div>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-uploader__content,.valtimo-definition-uploader__content form{display:flex;flex-direction:column;gap:16px}.valtimo-definition-uploader__footer ::ng-deep .cds--modal-footer{justify-content:unset!important;display:grid!important;grid-template-columns:1fr 1fr 2fr!important;grid-template-areas:\"cancel . actions\"!important}.valtimo-definition-uploader__footer--double ::ng-deep .cds--modal-footer{grid-template-columns:1fr 1fr!important;grid-template-areas:\"cancel actions\"!important}.valtimo-definition-uploader__progress-bar{height:100%;display:flex;flex-direction:column;justify-content:center}.valtimo-definition-uploader__error{display:flex;align-items:center;gap:10px;color:#da1e28;fill:#da1e28;font-size:12px}.valtimo-definition-uploader__cancel{grid-area:cancel;width:100%}.valtimo-definition-uploader__actions{grid-area:actions;display:flex}.valtimo-definition-uploader__actions button{flex:unset;width:100%}.valtimo-definition-uploader__file-uploader ::ng-deep cds-file{max-width:unset}.valtimo-definition-uploader__checkbox{display:flex;flex-direction:column;gap:8px}.valtimo-definition-uploader__checkbox--invalid ::ng-deep label:before{border-color:#da1e28;margin-inline:0}.valtimo-definition-uploader ::ng-deep .cds--modal-container{height:550px}.valtimo-definition-uploader ::ng-deep .cds--checkbox-label-text{color:#000}\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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FileUploaderModule }, { kind: "component", type: i3$1.FileUploader, selector: "cds-file-uploader, ibm-file-uploader", inputs: ["buttonText", "buttonType", "title", "description", "accept", "multiple", "skeleton", "size", "fileItemSize", "drop", "dropText", "fileUploaderId", "files", "disabled"], outputs: ["filesChange"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i3$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i3$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i3$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i3$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i3$1.ProgressBar, selector: "cds-progress-bar, ibm-progress-bar", inputs: ["value", "id", "label", "helperText", "max", "type", "status", "size"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "component", type: i3$1.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i3$1.Checkbox, selector: "cds-checkbox, ibm-checkbox", inputs: ["disabled", "skeleton", "hideLabel", "name", "id", "required", "value", "ariaLabel", "ariaLabelledby", "indeterminate", "checked"], outputs: ["click", "checkedChange", "indeterminateChange"] }, { kind: "component", type: BuildingBlockManagementUploadStepComponent, selector: "valtimo-building-block-management-upload-step", inputs: ["illustration", "message", "title"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BuildingBlockManagementUploadModalComponent, isStandalone: true, selector: "valtimo-building-block-management-upload-modal", 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  *ngIf=\"{\n    activeStep: activeStep$ | async,\n    backButtonEnabled: backButtonEnabled$ | async,\n    isStepAfterUpload: isStepAfterUpload$ | async,\n    nextButtonDisabled: nextButtonDisabled$ | async,\n    notificationObj: notificationObj$ | async,\n    showCheckboxError: showCheckboxError$ | async,\n    showCloseButton: showCloseButton$ | async,\n    uploadStatus: uploadStatus$ | async,\n    showUploadModal: showUploadModal$ | async,\n  } as obs\"\n  valtimoCdsModal\n  [open]=\"obs.showUploadModal\"\n  showFooter=\"true\"\n  class=\"valtimo-definition-uploader\"\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header\n    [showCloseButton]=\"obs.showCloseButton\"\n    (closeSelect)=\"onCloseModal(obs.isStepAfterUpload && obs.uploadStatus !== UPLOAD_STATUS.ERROR)\"\n  >\n    <h3 cdsModalHeaderHeading>\n      {{ 'buildingBlockManagement.importDefinition.title' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section [ngSwitch]=\"obs.activeStep\" cdsModalContent class=\"valtimo-definition-uploader__content\">\n    <ng-template ngSwitchDefault>\n      <valtimo-building-block-management-upload-step\n        [message]=\"\n          'buildingBlockManagement.importDefinition.steps.' + obs.activeStep + '.message'\n            | translate\n        \"\n        [title]=\"\n          'buildingBlockManagement.importDefinition.steps.' + obs.activeStep + '.title' | translate\n        \"\n        [illustration]=\"'valtimo-layout/img/' + obs.activeStep + '.svg'\"\n      >\n      </valtimo-building-block-management-upload-step>\n    </ng-template>\n\n    <form *ngSwitchCase=\"UPLOAD_STEP.FILE_SELECT\" [formGroup]=\"form\">\n      <cds-file-uploader\n        [attr.data-test-id]=\"testIds.fileUploader\"\n        [accept]=\"acceptedFiles\"\n        [buttonText]=\"'buildingBlockManagement.importDefinition.upload.buttonText' | translate\"\n        [description]=\"'buildingBlockManagement.importDefinition.upload.description' | translate\"\n        [multiple]=\"false\"\n        [title]=\"'buildingBlockManagement.importDefinition.upload.title' | translate\"\n        buttonType=\"primary\"\n        formControlName=\"file\"\n        class=\"valtimo-definition-uploader__file-uploader\"\n      >\n      </cds-file-uploader>\n\n      <ng-container *ngIf=\"obs.activeStep === UPLOAD_STEP.FILE_SELECT\">\n        <cds-inline-notification\n          [attr.data-test-id]=\"testIds.overwriteWarning\"\n          [notificationObj]=\"obs.notificationObj\"\n        ></cds-inline-notification>\n\n        <div class=\"valtimo-uploader__checkbox\">\n          <cds-checkbox\n            [attr.data-test-id]=\"testIds.overwriteCheckbox\"\n            [class.valtimo-definition-uploader__checkbox--invalid]=\"obs.showCheckboxError\"\n            (checkedChange)=\"onCheckedChange($event)\"\n          >\n            {{ 'buildingBlockManagement.importDefinition.checkbox.message' | translate }}\n          </cds-checkbox>\n\n          <div *ngIf=\"obs.showCheckboxError\" class=\"valtimo-definition-uploader__error\">\n            <svg cdsIcon=\"warning--filled\" size=\"16\"></svg>\n            {{ 'buildingBlockManagement.importDefinition.checkbox.error' | translate }}\n          </div>\n        </div>\n      </ng-container>\n    </form>\n\n    <cds-progress-bar\n      *ngSwitchCase=\"UPLOAD_STEP.FILE_UPLOAD\"\n      [attr.data-test-id]=\"testIds.progressBar\"\n      class=\"valtimo-definition-uploader__progress-bar\"\n      [label]=\"'buildingBlockManagement.importDefinition.progressBar.label' | translate\"\n      [status]=\"obs.uploadStatus\"\n      [helperText]=\"\n        'buildingBlockManagement.importDefinition.progressBar.' + obs.uploadStatus | translate\n      \"\n    ></cds-progress-bar>\n  </section>\n\n  <cds-modal-footer\n    class=\"valtimo-definition-uploader__footer\"\n    [class.valtimo-definition-uploader__footer--double]=\"obs.activeStep === UPLOAD_STEP.PLUGINS\"\n  >\n    <button\n      *ngIf=\"obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.FILE_UPLOAD\"\n      [attr.data-test-id]=\"testIds.cancelButton\"\n      class=\"valtimo-definition-uploader__cancel\"\n      cdsButton=\"ghost\"\n      (click)=\"onCloseModal(obs.isStepAfterUpload)\"\n    >\n      {{ (obs.isStepAfterUpload ? 'interface.skip' : 'interface.cancel') | translate }}\n    </button>\n\n    <div class=\"valtimo-definition-uploader__actions\">\n      <button\n        *ngIf=\"obs.backButtonEnabled\"\n        [attr.data-test-id]=\"testIds.backButton\"\n        cdsButton=\"secondary\"\n        (click)=\"onBackClick(obs.activeStep)\"\n      >\n        {{ 'interface.back' | translate }}\n      </button>\n\n      <button\n        *ngIf=\"\n          obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.FILE_UPLOAD\n        \"\n        [attr.data-test-id]=\"testIds.nextButton\"\n        cdsButton=\"primary\"\n        [disabled]=\"obs.nextButtonDisabled\"\n        (click)=\"onNextClick(obs.activeStep)\"\n      >\n        {{\n          (obs.activeStep === UPLOAD_STEP.FILE_SELECT\n            ? 'buildingBlockManagement.importDefinition.startUpload'\n            : 'interface.next'\n          ) | translate\n        }}\n      </button>\n\n      <button\n        *ngIf=\"\n          obs.uploadStatus === UPLOAD_STATUS.ERROR || obs.activeStep === UPLOAD_STEP.FILE_UPLOAD\n        \"\n        [attr.data-test-id]=\"testIds.finishButton\"\n        class=\"valtimo-definition-uploader__cancel\"\n        cdsButton=\"primary\"\n        (click)=\"onCloseModal(true)\"\n      >\n        {{ 'interface.finish' | translate }}\n      </button>\n    </div>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-uploader__content,.valtimo-definition-uploader__content form{display:flex;flex-direction:column;gap:16px}.valtimo-definition-uploader__footer ::ng-deep .cds--modal-footer{justify-content:unset!important;display:grid!important;grid-template-columns:1fr 1fr 2fr!important;grid-template-areas:\"cancel . actions\"!important}.valtimo-definition-uploader__footer--double ::ng-deep .cds--modal-footer{grid-template-columns:1fr 1fr!important;grid-template-areas:\"cancel actions\"!important}.valtimo-definition-uploader__progress-bar{height:100%;display:flex;flex-direction:column;justify-content:center}.valtimo-definition-uploader__error{display:flex;align-items:center;gap:10px;color:#da1e28;fill:#da1e28;font-size:12px}.valtimo-definition-uploader__cancel{grid-area:cancel;width:100%}.valtimo-definition-uploader__actions{grid-area:actions;display:flex}.valtimo-definition-uploader__actions button{flex:unset;width:100%}.valtimo-definition-uploader__file-uploader ::ng-deep cds-file{max-width:unset}.valtimo-definition-uploader__checkbox{display:flex;flex-direction:column;gap:8px}.valtimo-definition-uploader__checkbox--invalid ::ng-deep label:before{border-color:#da1e28;margin-inline:0}.valtimo-definition-uploader ::ng-deep .cds--modal-container{height:550px}.valtimo-definition-uploader ::ng-deep .cds--checkbox-label-text{color:#000}\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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FileUploaderModule }, { kind: "component", type: i3$1.FileUploader, selector: "cds-file-uploader, ibm-file-uploader", inputs: ["buttonText", "buttonType", "title", "description", "accept", "multiple", "skeleton", "size", "fileItemSize", "drop", "dropText", "fileUploaderId", "files", "disabled"], outputs: ["filesChange"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i3$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i3$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i3$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i3$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ProgressBarModule }, { kind: "component", type: i3$1.ProgressBar, selector: "cds-progress-bar, ibm-progress-bar", inputs: ["value", "id", "label", "helperText", "max", "type", "status", "size"] }, { kind: "ngmodule", type: NotificationModule }, { kind: "component", type: i3$1.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "ngmodule", type: CheckboxModule }, { kind: "component", type: i3$1.Checkbox, selector: "cds-checkbox, ibm-checkbox", inputs: ["disabled", "skeleton", "hideLabel", "name", "id", "required", "value", "ariaLabel", "ariaLabelledby", "indeterminate", "checked"], outputs: ["click", "checkedChange", "indeterminateChange"] }, { kind: "component", type: BuildingBlockManagementUploadStepComponent, selector: "valtimo-building-block-management-upload-step", inputs: ["illustration", "message", "title"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BuildingBlockManagementUploadModalComponent, decorators: [{
             type: Component,
@@ -735,7 +820,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         BuildingBlockManagementUploadStepComponent,
                         ReactiveFormsModule,
                         ValtimoCdsModalDirective,
-                    ], 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  *ngIf=\"{\n    activeStep: activeStep$ | async,\n    backButtonEnabled: backButtonEnabled$ | async,\n    isStepAfterUpload: isStepAfterUpload$ | async,\n    nextButtonDisabled: nextButtonDisabled$ | async,\n    notificationObj: notificationObj$ | async,\n    showCheckboxError: showCheckboxError$ | async,\n    showCloseButton: showCloseButton$ | async,\n    uploadStatus: uploadStatus$ | async,\n    showUploadModal: showUploadModal$ | async,\n  } as obs\"\n  valtimoCdsModal\n  [open]=\"obs.showUploadModal\"\n  showFooter=\"true\"\n  class=\"valtimo-definition-uploader\"\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header\n    [showCloseButton]=\"obs.showCloseButton\"\n    (closeSelect)=\"onCloseModal(obs.isStepAfterUpload && obs.uploadStatus !== UPLOAD_STATUS.ERROR)\"\n  >\n    <h3 cdsModalHeaderHeading>\n      {{ 'buildingBlockManagement.importDefinition.title' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section [ngSwitch]=\"obs.activeStep\" cdsModalContent class=\"valtimo-definition-uploader__content\">\n    <ng-template ngSwitchDefault>\n      <valtimo-building-block-management-upload-step\n        [message]=\"\n          'buildingBlockManagement.importDefinition.steps.' + obs.activeStep + '.message'\n            | translate\n        \"\n        [title]=\"\n          'buildingBlockManagement.importDefinition.steps.' + obs.activeStep + '.title' | translate\n        \"\n        [illustration]=\"'valtimo-layout/img/' + obs.activeStep + '.svg'\"\n      >\n      </valtimo-building-block-management-upload-step>\n    </ng-template>\n\n    <form *ngSwitchCase=\"UPLOAD_STEP.FILE_SELECT\" [formGroup]=\"form\">\n      <cds-file-uploader\n        [accept]=\"acceptedFiles\"\n        [buttonText]=\"'buildingBlockManagement.importDefinition.upload.buttonText' | translate\"\n        [description]=\"'buildingBlockManagement.importDefinition.upload.description' | translate\"\n        [multiple]=\"false\"\n        [title]=\"'buildingBlockManagement.importDefinition.upload.title' | translate\"\n        buttonType=\"primary\"\n        formControlName=\"file\"\n        class=\"valtimo-definition-uploader__file-uploader\"\n      >\n      </cds-file-uploader>\n\n      <ng-container *ngIf=\"obs.activeStep === UPLOAD_STEP.FILE_SELECT\">\n        <cds-inline-notification [notificationObj]=\"obs.notificationObj\"></cds-inline-notification>\n\n        <div class=\"valtimo-uploader__checkbox\">\n          <cds-checkbox\n            [class.valtimo-definition-uploader__checkbox--invalid]=\"obs.showCheckboxError\"\n            (checkedChange)=\"onCheckedChange($event)\"\n          >\n            {{ 'buildingBlockManagement.importDefinition.checkbox.message' | translate }}\n          </cds-checkbox>\n\n          <div *ngIf=\"obs.showCheckboxError\" class=\"valtimo-definition-uploader__error\">\n            <svg cdsIcon=\"warning--filled\" size=\"16\"></svg>\n            {{ 'buildingBlockManagement.importDefinition.checkbox.error' | translate }}\n          </div>\n        </div>\n      </ng-container>\n    </form>\n\n    <cds-progress-bar\n      *ngSwitchCase=\"UPLOAD_STEP.FILE_UPLOAD\"\n      class=\"valtimo-definition-uploader__progress-bar\"\n      [label]=\"'buildingBlockManagement.importDefinition.progressBar.label' | translate\"\n      [status]=\"obs.uploadStatus\"\n      [helperText]=\"\n        'buildingBlockManagement.importDefinition.progressBar.' + obs.uploadStatus | translate\n      \"\n    ></cds-progress-bar>\n  </section>\n\n  <cds-modal-footer\n    class=\"valtimo-definition-uploader__footer\"\n    [class.valtimo-definition-uploader__footer--double]=\"obs.activeStep === UPLOAD_STEP.PLUGINS\"\n  >\n    <button\n      *ngIf=\"obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.FILE_UPLOAD\"\n      class=\"valtimo-definition-uploader__cancel\"\n      cdsButton=\"ghost\"\n      (click)=\"onCloseModal(obs.isStepAfterUpload)\"\n    >\n      {{ (obs.isStepAfterUpload ? 'interface.skip' : 'interface.cancel') | translate }}\n    </button>\n\n    <div class=\"valtimo-definition-uploader__actions\">\n      <button\n        *ngIf=\"obs.backButtonEnabled\"\n        cdsButton=\"secondary\"\n        (click)=\"onBackClick(obs.activeStep)\"\n      >\n        {{ 'interface.back' | translate }}\n      </button>\n\n      <button\n        *ngIf=\"\n          obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.FILE_UPLOAD\n        \"\n        cdsButton=\"primary\"\n        [disabled]=\"obs.nextButtonDisabled\"\n        (click)=\"onNextClick(obs.activeStep)\"\n      >\n        {{\n          (obs.activeStep === UPLOAD_STEP.FILE_SELECT\n            ? 'buildingBlockManagement.importDefinition.startUpload'\n            : 'interface.next'\n          ) | translate\n        }}\n      </button>\n\n      <button\n        *ngIf=\"\n          obs.uploadStatus === UPLOAD_STATUS.ERROR || obs.activeStep === UPLOAD_STEP.FILE_UPLOAD\n        \"\n        class=\"valtimo-definition-uploader__cancel\"\n        cdsButton=\"primary\"\n        (click)=\"onCloseModal(true)\"\n      >\n        {{ 'interface.finish' | translate }}\n      </button>\n    </div>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-uploader__content,.valtimo-definition-uploader__content form{display:flex;flex-direction:column;gap:16px}.valtimo-definition-uploader__footer ::ng-deep .cds--modal-footer{justify-content:unset!important;display:grid!important;grid-template-columns:1fr 1fr 2fr!important;grid-template-areas:\"cancel . actions\"!important}.valtimo-definition-uploader__footer--double ::ng-deep .cds--modal-footer{grid-template-columns:1fr 1fr!important;grid-template-areas:\"cancel actions\"!important}.valtimo-definition-uploader__progress-bar{height:100%;display:flex;flex-direction:column;justify-content:center}.valtimo-definition-uploader__error{display:flex;align-items:center;gap:10px;color:#da1e28;fill:#da1e28;font-size:12px}.valtimo-definition-uploader__cancel{grid-area:cancel;width:100%}.valtimo-definition-uploader__actions{grid-area:actions;display:flex}.valtimo-definition-uploader__actions button{flex:unset;width:100%}.valtimo-definition-uploader__file-uploader ::ng-deep cds-file{max-width:unset}.valtimo-definition-uploader__checkbox{display:flex;flex-direction:column;gap:8px}.valtimo-definition-uploader__checkbox--invalid ::ng-deep label:before{border-color:#da1e28;margin-inline:0}.valtimo-definition-uploader ::ng-deep .cds--modal-container{height:550px}.valtimo-definition-uploader ::ng-deep .cds--checkbox-label-text{color:#000}\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  *ngIf=\"{\n    activeStep: activeStep$ | async,\n    backButtonEnabled: backButtonEnabled$ | async,\n    isStepAfterUpload: isStepAfterUpload$ | async,\n    nextButtonDisabled: nextButtonDisabled$ | async,\n    notificationObj: notificationObj$ | async,\n    showCheckboxError: showCheckboxError$ | async,\n    showCloseButton: showCloseButton$ | async,\n    uploadStatus: uploadStatus$ | async,\n    showUploadModal: showUploadModal$ | async,\n  } as obs\"\n  valtimoCdsModal\n  [open]=\"obs.showUploadModal\"\n  showFooter=\"true\"\n  class=\"valtimo-definition-uploader\"\n  (close)=\"onCloseModal()\"\n>\n  <cds-modal-header\n    [showCloseButton]=\"obs.showCloseButton\"\n    (closeSelect)=\"onCloseModal(obs.isStepAfterUpload && obs.uploadStatus !== UPLOAD_STATUS.ERROR)\"\n  >\n    <h3 cdsModalHeaderHeading>\n      {{ 'buildingBlockManagement.importDefinition.title' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <section [ngSwitch]=\"obs.activeStep\" cdsModalContent class=\"valtimo-definition-uploader__content\">\n    <ng-template ngSwitchDefault>\n      <valtimo-building-block-management-upload-step\n        [message]=\"\n          'buildingBlockManagement.importDefinition.steps.' + obs.activeStep + '.message'\n            | translate\n        \"\n        [title]=\"\n          'buildingBlockManagement.importDefinition.steps.' + obs.activeStep + '.title' | translate\n        \"\n        [illustration]=\"'valtimo-layout/img/' + obs.activeStep + '.svg'\"\n      >\n      </valtimo-building-block-management-upload-step>\n    </ng-template>\n\n    <form *ngSwitchCase=\"UPLOAD_STEP.FILE_SELECT\" [formGroup]=\"form\">\n      <cds-file-uploader\n        [attr.data-test-id]=\"testIds.fileUploader\"\n        [accept]=\"acceptedFiles\"\n        [buttonText]=\"'buildingBlockManagement.importDefinition.upload.buttonText' | translate\"\n        [description]=\"'buildingBlockManagement.importDefinition.upload.description' | translate\"\n        [multiple]=\"false\"\n        [title]=\"'buildingBlockManagement.importDefinition.upload.title' | translate\"\n        buttonType=\"primary\"\n        formControlName=\"file\"\n        class=\"valtimo-definition-uploader__file-uploader\"\n      >\n      </cds-file-uploader>\n\n      <ng-container *ngIf=\"obs.activeStep === UPLOAD_STEP.FILE_SELECT\">\n        <cds-inline-notification\n          [attr.data-test-id]=\"testIds.overwriteWarning\"\n          [notificationObj]=\"obs.notificationObj\"\n        ></cds-inline-notification>\n\n        <div class=\"valtimo-uploader__checkbox\">\n          <cds-checkbox\n            [attr.data-test-id]=\"testIds.overwriteCheckbox\"\n            [class.valtimo-definition-uploader__checkbox--invalid]=\"obs.showCheckboxError\"\n            (checkedChange)=\"onCheckedChange($event)\"\n          >\n            {{ 'buildingBlockManagement.importDefinition.checkbox.message' | translate }}\n          </cds-checkbox>\n\n          <div *ngIf=\"obs.showCheckboxError\" class=\"valtimo-definition-uploader__error\">\n            <svg cdsIcon=\"warning--filled\" size=\"16\"></svg>\n            {{ 'buildingBlockManagement.importDefinition.checkbox.error' | translate }}\n          </div>\n        </div>\n      </ng-container>\n    </form>\n\n    <cds-progress-bar\n      *ngSwitchCase=\"UPLOAD_STEP.FILE_UPLOAD\"\n      [attr.data-test-id]=\"testIds.progressBar\"\n      class=\"valtimo-definition-uploader__progress-bar\"\n      [label]=\"'buildingBlockManagement.importDefinition.progressBar.label' | translate\"\n      [status]=\"obs.uploadStatus\"\n      [helperText]=\"\n        'buildingBlockManagement.importDefinition.progressBar.' + obs.uploadStatus | translate\n      \"\n    ></cds-progress-bar>\n  </section>\n\n  <cds-modal-footer\n    class=\"valtimo-definition-uploader__footer\"\n    [class.valtimo-definition-uploader__footer--double]=\"obs.activeStep === UPLOAD_STEP.PLUGINS\"\n  >\n    <button\n      *ngIf=\"obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.FILE_UPLOAD\"\n      [attr.data-test-id]=\"testIds.cancelButton\"\n      class=\"valtimo-definition-uploader__cancel\"\n      cdsButton=\"ghost\"\n      (click)=\"onCloseModal(obs.isStepAfterUpload)\"\n    >\n      {{ (obs.isStepAfterUpload ? 'interface.skip' : 'interface.cancel') | translate }}\n    </button>\n\n    <div class=\"valtimo-definition-uploader__actions\">\n      <button\n        *ngIf=\"obs.backButtonEnabled\"\n        [attr.data-test-id]=\"testIds.backButton\"\n        cdsButton=\"secondary\"\n        (click)=\"onBackClick(obs.activeStep)\"\n      >\n        {{ 'interface.back' | translate }}\n      </button>\n\n      <button\n        *ngIf=\"\n          obs.uploadStatus !== UPLOAD_STATUS.ERROR && obs.activeStep !== UPLOAD_STEP.FILE_UPLOAD\n        \"\n        [attr.data-test-id]=\"testIds.nextButton\"\n        cdsButton=\"primary\"\n        [disabled]=\"obs.nextButtonDisabled\"\n        (click)=\"onNextClick(obs.activeStep)\"\n      >\n        {{\n          (obs.activeStep === UPLOAD_STEP.FILE_SELECT\n            ? 'buildingBlockManagement.importDefinition.startUpload'\n            : 'interface.next'\n          ) | translate\n        }}\n      </button>\n\n      <button\n        *ngIf=\"\n          obs.uploadStatus === UPLOAD_STATUS.ERROR || obs.activeStep === UPLOAD_STEP.FILE_UPLOAD\n        \"\n        [attr.data-test-id]=\"testIds.finishButton\"\n        class=\"valtimo-definition-uploader__cancel\"\n        cdsButton=\"primary\"\n        (click)=\"onCloseModal(true)\"\n      >\n        {{ 'interface.finish' | translate }}\n      </button>\n    </div>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".valtimo-definition-uploader__content,.valtimo-definition-uploader__content form{display:flex;flex-direction:column;gap:16px}.valtimo-definition-uploader__footer ::ng-deep .cds--modal-footer{justify-content:unset!important;display:grid!important;grid-template-columns:1fr 1fr 2fr!important;grid-template-areas:\"cancel . actions\"!important}.valtimo-definition-uploader__footer--double ::ng-deep .cds--modal-footer{grid-template-columns:1fr 1fr!important;grid-template-areas:\"cancel actions\"!important}.valtimo-definition-uploader__progress-bar{height:100%;display:flex;flex-direction:column;justify-content:center}.valtimo-definition-uploader__error{display:flex;align-items:center;gap:10px;color:#da1e28;fill:#da1e28;font-size:12px}.valtimo-definition-uploader__cancel{grid-area:cancel;width:100%}.valtimo-definition-uploader__actions{grid-area:actions;display:flex}.valtimo-definition-uploader__actions button{flex:unset;width:100%}.valtimo-definition-uploader__file-uploader ::ng-deep cds-file{max-width:unset}.valtimo-definition-uploader__checkbox{display:flex;flex-direction:column;gap:8px}.valtimo-definition-uploader__checkbox--invalid ::ng-deep label:before{border-color:#da1e28;margin-inline:0}.valtimo-definition-uploader ::ng-deep .cds--modal-container{height:550px}.valtimo-definition-uploader ::ng-deep .cds--checkbox-label-text{color:#000}\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: BuildingBlockManagementApiService }, { type: BuildingBlockManagementService }, { type: i2$1.FormBuilder }, { type: i3$1.IconService }, { type: i2$2.TranslateService }] });
 
 /*
@@ -754,16 +839,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * limitations under the License.
  */
 class BuildingBlockManagementListComponent {
+    get _query() {
+        return this._query$.getValue();
+    }
     constructor(buildingBlockManagementApiService, buildingBlockManagementService, iconService, router) {
         this.buildingBlockManagementApiService = buildingBlockManagementApiService;
         this.buildingBlockManagementService = buildingBlockManagementService;
         this.iconService = iconService;
         this.router = router;
+        this.testIds = BUILDING_BLOCK_MANAGEMENT_LIST_TEST_IDS;
         this.$loading = signal(true);
-        this.buildingBlockDefinitions$ = this.buildingBlockManagementService.reload$.pipe(switchMap(() => this.buildingBlockManagementApiService.getBuildingBlockDefinitions()), tap(res => {
-            this.buildingBlockManagementService.setUsedKeys(res.map(item => item.key));
+        this._collectionSize$ = new BehaviorSubject(0);
+        /*
+          Page, size and search term live in a single subject so that a search - which also resets the
+          page - results in one request rather than two.
+        */
+        this._query$ = new BehaviorSubject({
+            page: DEFAULT_PAGINATION.page,
+            searchTerm: '',
+            size: DEFAULT_PAGINATION.size,
+        });
+        this.pagination$ = combineLatest([
+            this._collectionSize$,
+            this._query$,
+        ]).pipe(map(([collectionSize, { page, size }]) => ({ collectionSize, page, size })));
+        this.buildingBlockDefinitions$ = combineLatest([this.buildingBlockManagementService.reload$, this._query$]).pipe(tap(() => this.$loading.set(true)), switchMap(([, { page, searchTerm, size }]) => this.buildingBlockManagementApiService
+            .searchBuildingBlockDefinitions({
+            page: page - 1,
+            size,
+            ...(searchTerm && { searchTerm }),
+        })
+            // Caught inside the switchMap: an error on the outer stream would terminate it, stranding the skeleton.
+            .pipe(catchError(() => of(null)))), tap(res => {
+            this._collectionSize$.next(res?.totalElements ?? 0);
             this.$loading.set(false);
-        }));
+        }), map(res => res?.content ?? []));
         this.FIELDS = [
             { key: 'name', label: 'buildingBlockManagement.listColumns.name' },
             { key: 'key', label: 'buildingBlockManagement.listColumns.key' },
@@ -773,8 +883,40 @@ class BuildingBlockManagementListComponent {
                 viewType: ViewType.TAGS,
             },
         ];
+        this._subscriptions = new Subscription();
         this.iconService.registerAll([Upload16]);
     }
+    ngOnInit() {
+        /*
+          The create modal validates that a key is not taken yet, so it needs every key rather than the
+          keys on the current page. Kept separate from the paginated list request for that reason.
+        */
+        this._subscriptions.add(this.buildingBlockManagementService.reload$
+            .pipe(switchMap(() => this.buildingBlockManagementApiService.getBuildingBlockDefinitions()))
+            .subscribe(definitions => this.buildingBlockManagementService.setUsedKeys(definitions.map(item => item.key))));
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    paginationClicked(page) {
+        this.updateQuery({ page });
+    }
+    paginationSet(size) {
+        this.updateQuery({ size: Number(size), page: 1 });
+    }
+    searchTermEntered(searchTerm) {
+        this.updateQuery({ searchTerm: searchTerm ?? '', page: 1 });
+    }
+    updateQuery(update) {
+        const query = { ...this._query, ...update };
+        /*
+          The list emits paginationSet once on init with the size it restored from local storage, which
+          is usually the size we already hold. Ignoring no-op updates keeps that from costing a request.
+        */
+        if (isEqual(query, this._query))
+            return;
+        this._query$.next(query);
+    }
     showCreateModal() {
         this.buildingBlockManagementService.showCreateModal();
     }
@@ -792,7 +934,7 @@ class BuildingBlockManagementListComponent {
         ]);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BuildingBlockManagementListComponent, deps: [{ token: BuildingBlockManagementApiService }, { token: BuildingBlockManagementService }, { token: i3$1.IconService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BuildingBlockManagementListComponent, isStandalone: true, selector: "valtimo-building-block-management-list", providers: [BuildingBlockManagementService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{buildingBlockDefinitions: buildingBlockDefinitions$ | async} as obs\">\n  <valtimo-carbon-list\n    [fields]=\"FIELDS\"\n    [items]=\"obs.buildingBlockDefinitions\"\n    [loading]=\"$loading()\"\n    (rowClicked)=\"onRowClick($event)\"\n  >\n    <ng-container\n      carbonToolbarContent\n      [ngTemplateOutlet]=\"buildingBlockDefinitionActions\"\n    ></ng-container>\n\n    <valtimo-no-results\n      [action]=\"buildingBlockDefinitionActions\"\n      [description]=\"'buildingBlockManagement.noResults.description' | translate\"\n      [title]=\"'buildingBlockManagement.noResults.title' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n</ng-container>\n\n<ng-template #buildingBlockDefinitionActions>\n  <div class=\"valtimo-building-block-management-list__actions\">\n    <button cdsButton=\"ghost\" (click)=\"showUploadModal()\">\n      {{ 'Upload' | translate }}\n\n      <svg cdsIcon=\"upload\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n\n    <button cdsButton=\"primary\" (click)=\"showCreateModal()\">\n      {{ 'interface.create' | translate }}\n\n      <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n  </div>\n</ng-template>\n\n<valtimo-building-block-management-create-modal></valtimo-building-block-management-create-modal>\n\n<valtimo-building-block-management-upload-modal></valtimo-building-block-management-upload-modal>\n", styles: [".valtimo-building-block-management-list__actions{display:flex}\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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i7.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i3$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: BuildingBlockManagementCreateModalComponent, selector: "valtimo-building-block-management-create-modal" }, { kind: "component", type: BuildingBlockManagementUploadModalComponent, selector: "valtimo-building-block-management-upload-modal" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BuildingBlockManagementListComponent, isStandalone: true, selector: "valtimo-building-block-management-list", providers: [BuildingBlockManagementService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    buildingBlockDefinitions: buildingBlockDefinitions$ | async,\n    pagination: pagination$ | async,\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [fields]=\"FIELDS\"\n    [isSearchable]=\"true\"\n    [items]=\"obs.buildingBlockDefinitions\"\n    [loading]=\"$loading()\"\n    [pagination]=\"obs.pagination\"\n    paginationIdentifier=\"buildingBlockManagementList\"\n    (paginationClicked)=\"paginationClicked($event)\"\n    (paginationSet)=\"paginationSet($event)\"\n    (rowClicked)=\"onRowClick($event)\"\n    (search)=\"searchTermEntered($event)\"\n  >\n    <ng-container\n      carbonToolbarContent\n      [ngTemplateOutlet]=\"buildingBlockDefinitionActions\"\n    ></ng-container>\n\n    <valtimo-no-results\n      [action]=\"buildingBlockDefinitionActions\"\n      [description]=\"'buildingBlockManagement.noResults.description' | translate\"\n      [title]=\"'buildingBlockManagement.noResults.title' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n</ng-container>\n\n<ng-template #buildingBlockDefinitionActions>\n  <div class=\"valtimo-building-block-management-list__actions\">\n    <button\n      [attr.data-test-id]=\"testIds.uploadButton\"\n      cdsButton=\"ghost\"\n      (click)=\"showUploadModal()\"\n    >\n      {{ 'Upload' | translate }}\n\n      <svg cdsIcon=\"upload\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n\n    <button\n      [attr.data-test-id]=\"testIds.createButton\"\n      cdsButton=\"primary\"\n      (click)=\"showCreateModal()\"\n    >\n      {{ 'interface.create' | translate }}\n\n      <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n  </div>\n</ng-template>\n\n<valtimo-building-block-management-create-modal></valtimo-building-block-management-create-modal>\n\n<valtimo-building-block-management-upload-modal></valtimo-building-block-management-upload-modal>\n", styles: [".valtimo-building-block-management-list__actions{display:flex}\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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i7.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i3$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: BuildingBlockManagementCreateModalComponent, selector: "valtimo-building-block-management-create-modal" }, { kind: "component", type: BuildingBlockManagementUploadModalComponent, selector: "valtimo-building-block-management-upload-modal" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BuildingBlockManagementListComponent, decorators: [{
             type: Component,
@@ -804,7 +946,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         TranslatePipe,
                         BuildingBlockManagementCreateModalComponent,
                         BuildingBlockManagementUploadModalComponent,
-                    ], providers: [BuildingBlockManagementService], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{buildingBlockDefinitions: buildingBlockDefinitions$ | async} as obs\">\n  <valtimo-carbon-list\n    [fields]=\"FIELDS\"\n    [items]=\"obs.buildingBlockDefinitions\"\n    [loading]=\"$loading()\"\n    (rowClicked)=\"onRowClick($event)\"\n  >\n    <ng-container\n      carbonToolbarContent\n      [ngTemplateOutlet]=\"buildingBlockDefinitionActions\"\n    ></ng-container>\n\n    <valtimo-no-results\n      [action]=\"buildingBlockDefinitionActions\"\n      [description]=\"'buildingBlockManagement.noResults.description' | translate\"\n      [title]=\"'buildingBlockManagement.noResults.title' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n</ng-container>\n\n<ng-template #buildingBlockDefinitionActions>\n  <div class=\"valtimo-building-block-management-list__actions\">\n    <button cdsButton=\"ghost\" (click)=\"showUploadModal()\">\n      {{ 'Upload' | translate }}\n\n      <svg cdsIcon=\"upload\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n\n    <button cdsButton=\"primary\" (click)=\"showCreateModal()\">\n      {{ 'interface.create' | translate }}\n\n      <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n  </div>\n</ng-template>\n\n<valtimo-building-block-management-create-modal></valtimo-building-block-management-create-modal>\n\n<valtimo-building-block-management-upload-modal></valtimo-building-block-management-upload-modal>\n", styles: [".valtimo-building-block-management-list__actions{display:flex}\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"] }]
+                    ], providers: [BuildingBlockManagementService], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n  *ngIf=\"{\n    buildingBlockDefinitions: buildingBlockDefinitions$ | async,\n    pagination: pagination$ | async,\n  } as obs\"\n>\n  <valtimo-carbon-list\n    [fields]=\"FIELDS\"\n    [isSearchable]=\"true\"\n    [items]=\"obs.buildingBlockDefinitions\"\n    [loading]=\"$loading()\"\n    [pagination]=\"obs.pagination\"\n    paginationIdentifier=\"buildingBlockManagementList\"\n    (paginationClicked)=\"paginationClicked($event)\"\n    (paginationSet)=\"paginationSet($event)\"\n    (rowClicked)=\"onRowClick($event)\"\n    (search)=\"searchTermEntered($event)\"\n  >\n    <ng-container\n      carbonToolbarContent\n      [ngTemplateOutlet]=\"buildingBlockDefinitionActions\"\n    ></ng-container>\n\n    <valtimo-no-results\n      [action]=\"buildingBlockDefinitionActions\"\n      [description]=\"'buildingBlockManagement.noResults.description' | translate\"\n      [title]=\"'buildingBlockManagement.noResults.title' | translate\"\n    ></valtimo-no-results>\n  </valtimo-carbon-list>\n</ng-container>\n\n<ng-template #buildingBlockDefinitionActions>\n  <div class=\"valtimo-building-block-management-list__actions\">\n    <button\n      [attr.data-test-id]=\"testIds.uploadButton\"\n      cdsButton=\"ghost\"\n      (click)=\"showUploadModal()\"\n    >\n      {{ 'Upload' | translate }}\n\n      <svg cdsIcon=\"upload\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n\n    <button\n      [attr.data-test-id]=\"testIds.createButton\"\n      cdsButton=\"primary\"\n      (click)=\"showCreateModal()\"\n    >\n      {{ 'interface.create' | translate }}\n\n      <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n    </button>\n  </div>\n</ng-template>\n\n<valtimo-building-block-management-create-modal></valtimo-building-block-management-create-modal>\n\n<valtimo-building-block-management-upload-modal></valtimo-building-block-management-upload-modal>\n", styles: [".valtimo-building-block-management-list__actions{display:flex}\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: BuildingBlockManagementApiService }, { type: BuildingBlockManagementService }, { type: i3$1.IconService }, { type: i3.Router }] });
 
 /*
@@ -836,6 +978,7 @@ class BuildingBlockManagementMetadataComponent {
         this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
         this.buildingBlockManagementApiService = buildingBlockManagementApiService;
         this.fb = fb;
+        this.testIds = BUILDING_BLOCK_MANAGEMENT_METADATA_TEST_IDS;
         this.formGroup = this.fb.group({
             name: this.fb.control('', Validators.required),
             key: this.fb.control('', Validators.required),
@@ -883,7 +1026,7 @@ class BuildingBlockManagementMetadataComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BuildingBlockManagementMetadataComponent, deps: [{ token: BuildingBlockManagementDetailService }, { token: BuildingBlockManagementApiService }, { token: i2$1.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BuildingBlockManagementMetadataComponent, isStandalone: true, selector: "valtimo-building-block-management-metadata", 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<form class=\"building-block-management-metadata\" [formGroup]=\"formGroup\" [cdsLayer]=\"1\">\n  <h4 class=\"building-block-management-metadata__title\">\n    {{ 'buildingBlockManagement.metadata.title' | translate }}\n  </h4>\n\n  <div class=\"cds--text-input__field-wrapper\">\n    <cds-label [disabled]=\"formGroup.disabled\" [invalid]=\"name.touched && name.invalid\">\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'buildingBlockManagement.createDefinition.name' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'buildingBlockManagement.createDefinition.nameTooltip' | translate\"\n          [disabled]=\"formGroup.disabled\"\n        ></v-tooltip-icon>\n      </span>\n\n      <input\n        formControlName=\"name\"\n        cdsText\n        placeholder=\"{{ 'buildingBlockManagement.createDefinition.namePlaceholder' | translate }}\"\n      />\n    </cds-label>\n  </div>\n\n  <div class=\"cds--text-input__field-wrapper\">\n    <cds-label [disabled]=\"formGroup.disabled\">\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'buildingBlockManagement.createDefinition.keyTitle' | translate }}\n      </span>\n\n      <input formControlName=\"key\" cdsText valtimoReadOnly [isReadOnly]=\"true\" />\n    </cds-label>\n  </div>\n\n  <div class=\"cds--text-input__field-wrapper\">\n    <cds-label\n      [disabled]=\"formGroup.disabled\"\n      [invalid]=\"description.touched && description.invalid\"\n    >\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'buildingBlockManagement.createDefinition.description' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'buildingBlockManagement.createDefinition.descriptionTooltip' | translate\"\n          [disabled]=\"formGroup.disabled\"\n        ></v-tooltip-icon>\n      </span>\n\n      <textarea\n        cdsTextArea\n        formControlName=\"description\"\n        placeholder=\"{{\n          'buildingBlockManagement.createDefinition.descriptionPlaceholder' | translate\n        }}\"\n        [rows]=\"3\"\n        [cols]=\"150\"\n      ></textarea>\n    </cds-label>\n  </div>\n\n  <div class=\"building-block-management-metadata__buttons\">\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.disabled || formGroup.invalid || formGroup.pristine\"\n      (click)=\"onSave()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </div>\n</form>\n", styles: [".building-block-management-metadata{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--cds-layer-01);max-width:625px}.building-block-management-metadata__title{font-size:16px;line-height:24px;font-weight:600}.building-block-management-metadata__buttons{display:flex;justify-content:flex-end;width:100%}.cds--text-input__field-wrapper cds-label{width:100%}.cds--text-input__field-wrapper ::ng-deep .cds--label{width:100%}.cds--text-input__field-wrapper:not(:last-child){margin-bottom:16px}.label-with-tooltip{display:flex;align-items:center}.select-label{padding-bottom:8px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i3$1.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i3$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "directive", type: i3$1.TextArea, selector: "[cdsTextArea], [ibmTextArea]", inputs: ["theme", "invalid", "skeleton"] }, { kind: "ngmodule", type: TooltipIconModule }, { kind: "component", type: i7.TooltipIconComponent, selector: "v-tooltip-icon", inputs: ["tooltip", "disabled"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i3$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "directive", type: ReadOnlyDirective, selector: "[valtimoReadOnly]", inputs: ["isReadOnly"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BuildingBlockManagementMetadataComponent, isStandalone: true, selector: "valtimo-building-block-management-metadata", 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<form class=\"building-block-management-metadata\" [formGroup]=\"formGroup\" [cdsLayer]=\"1\">\n  <h4 class=\"building-block-management-metadata__title\">\n    {{ 'buildingBlockManagement.metadata.title' | translate }}\n  </h4>\n\n  <div class=\"cds--text-input__field-wrapper\">\n    <cds-label [disabled]=\"formGroup.disabled\" [invalid]=\"name.touched && name.invalid\">\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'buildingBlockManagement.createDefinition.name' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'buildingBlockManagement.createDefinition.nameTooltip' | translate\"\n          [disabled]=\"formGroup.disabled\"\n        ></v-tooltip-icon>\n      </span>\n\n      <input\n        [attr.data-test-id]=\"testIds.nameInput\"\n        formControlName=\"name\"\n        cdsText\n        placeholder=\"{{ 'buildingBlockManagement.createDefinition.namePlaceholder' | translate }}\"\n      />\n    </cds-label>\n  </div>\n\n  <div class=\"cds--text-input__field-wrapper\">\n    <cds-label [disabled]=\"formGroup.disabled\">\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'buildingBlockManagement.createDefinition.keyTitle' | translate }}\n      </span>\n\n      <input\n        [attr.data-test-id]=\"testIds.keyInput\"\n        formControlName=\"key\"\n        cdsText\n        valtimoReadOnly\n        [isReadOnly]=\"true\"\n      />\n    </cds-label>\n  </div>\n\n  <div class=\"cds--text-input__field-wrapper\">\n    <cds-label\n      [disabled]=\"formGroup.disabled\"\n      [invalid]=\"description.touched && description.invalid\"\n    >\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'buildingBlockManagement.createDefinition.description' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'buildingBlockManagement.createDefinition.descriptionTooltip' | translate\"\n          [disabled]=\"formGroup.disabled\"\n        ></v-tooltip-icon>\n      </span>\n\n      <textarea\n        [attr.data-test-id]=\"testIds.descriptionInput\"\n        cdsTextArea\n        formControlName=\"description\"\n        placeholder=\"{{\n          'buildingBlockManagement.createDefinition.descriptionPlaceholder' | translate\n        }}\"\n        [rows]=\"3\"\n        [cols]=\"150\"\n      ></textarea>\n    </cds-label>\n  </div>\n\n  <div class=\"building-block-management-metadata__buttons\">\n    <button\n      [attr.data-test-id]=\"testIds.saveButton\"\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.disabled || formGroup.invalid || formGroup.pristine\"\n      (click)=\"onSave()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </div>\n</form>\n", styles: [".building-block-management-metadata{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--cds-layer-01);max-width:625px}.building-block-management-metadata__title{font-size:16px;line-height:24px;font-weight:600}.building-block-management-metadata__buttons{display:flex;justify-content:flex-end;width:100%}.cds--text-input__field-wrapper cds-label{width:100%}.cds--text-input__field-wrapper ::ng-deep .cds--label{width:100%}.cds--text-input__field-wrapper:not(:last-child){margin-bottom:16px}.label-with-tooltip{display:flex;align-items:center}.select-label{padding-bottom:8px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i3$1.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i3$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "directive", type: i3$1.TextArea, selector: "[cdsTextArea], [ibmTextArea]", inputs: ["theme", "invalid", "skeleton"] }, { kind: "ngmodule", type: TooltipIconModule }, { kind: "component", type: i7.TooltipIconComponent, selector: "v-tooltip-icon", inputs: ["tooltip", "disabled"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i3$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "directive", type: ReadOnlyDirective, selector: "[valtimoReadOnly]", inputs: ["isReadOnly"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BuildingBlockManagementMetadataComponent, decorators: [{
             type: Component,
@@ -896,7 +1039,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         LayerModule,
                         ReadOnlyDirective,
                         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<form class=\"building-block-management-metadata\" [formGroup]=\"formGroup\" [cdsLayer]=\"1\">\n  <h4 class=\"building-block-management-metadata__title\">\n    {{ 'buildingBlockManagement.metadata.title' | translate }}\n  </h4>\n\n  <div class=\"cds--text-input__field-wrapper\">\n    <cds-label [disabled]=\"formGroup.disabled\" [invalid]=\"name.touched && name.invalid\">\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'buildingBlockManagement.createDefinition.name' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'buildingBlockManagement.createDefinition.nameTooltip' | translate\"\n          [disabled]=\"formGroup.disabled\"\n        ></v-tooltip-icon>\n      </span>\n\n      <input\n        formControlName=\"name\"\n        cdsText\n        placeholder=\"{{ 'buildingBlockManagement.createDefinition.namePlaceholder' | translate }}\"\n      />\n    </cds-label>\n  </div>\n\n  <div class=\"cds--text-input__field-wrapper\">\n    <cds-label [disabled]=\"formGroup.disabled\">\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'buildingBlockManagement.createDefinition.keyTitle' | translate }}\n      </span>\n\n      <input formControlName=\"key\" cdsText valtimoReadOnly [isReadOnly]=\"true\" />\n    </cds-label>\n  </div>\n\n  <div class=\"cds--text-input__field-wrapper\">\n    <cds-label\n      [disabled]=\"formGroup.disabled\"\n      [invalid]=\"description.touched && description.invalid\"\n    >\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'buildingBlockManagement.createDefinition.description' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'buildingBlockManagement.createDefinition.descriptionTooltip' | translate\"\n          [disabled]=\"formGroup.disabled\"\n        ></v-tooltip-icon>\n      </span>\n\n      <textarea\n        cdsTextArea\n        formControlName=\"description\"\n        placeholder=\"{{\n          'buildingBlockManagement.createDefinition.descriptionPlaceholder' | translate\n        }}\"\n        [rows]=\"3\"\n        [cols]=\"150\"\n      ></textarea>\n    </cds-label>\n  </div>\n\n  <div class=\"building-block-management-metadata__buttons\">\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.disabled || formGroup.invalid || formGroup.pristine\"\n      (click)=\"onSave()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </div>\n</form>\n", styles: [".building-block-management-metadata{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--cds-layer-01);max-width:625px}.building-block-management-metadata__title{font-size:16px;line-height:24px;font-weight:600}.building-block-management-metadata__buttons{display:flex;justify-content:flex-end;width:100%}.cds--text-input__field-wrapper cds-label{width:100%}.cds--text-input__field-wrapper ::ng-deep .cds--label{width:100%}.cds--text-input__field-wrapper:not(:last-child){margin-bottom:16px}.label-with-tooltip{display:flex;align-items:center}.select-label{padding-bottom:8px}\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<form class=\"building-block-management-metadata\" [formGroup]=\"formGroup\" [cdsLayer]=\"1\">\n  <h4 class=\"building-block-management-metadata__title\">\n    {{ 'buildingBlockManagement.metadata.title' | translate }}\n  </h4>\n\n  <div class=\"cds--text-input__field-wrapper\">\n    <cds-label [disabled]=\"formGroup.disabled\" [invalid]=\"name.touched && name.invalid\">\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'buildingBlockManagement.createDefinition.name' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'buildingBlockManagement.createDefinition.nameTooltip' | translate\"\n          [disabled]=\"formGroup.disabled\"\n        ></v-tooltip-icon>\n      </span>\n\n      <input\n        [attr.data-test-id]=\"testIds.nameInput\"\n        formControlName=\"name\"\n        cdsText\n        placeholder=\"{{ 'buildingBlockManagement.createDefinition.namePlaceholder' | translate }}\"\n      />\n    </cds-label>\n  </div>\n\n  <div class=\"cds--text-input__field-wrapper\">\n    <cds-label [disabled]=\"formGroup.disabled\">\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'buildingBlockManagement.createDefinition.keyTitle' | translate }}\n      </span>\n\n      <input\n        [attr.data-test-id]=\"testIds.keyInput\"\n        formControlName=\"key\"\n        cdsText\n        valtimoReadOnly\n        [isReadOnly]=\"true\"\n      />\n    </cds-label>\n  </div>\n\n  <div class=\"cds--text-input__field-wrapper\">\n    <cds-label\n      [disabled]=\"formGroup.disabled\"\n      [invalid]=\"description.touched && description.invalid\"\n    >\n      <span class=\"label-with-tooltip select-label\">\n        {{ 'buildingBlockManagement.createDefinition.description' | translate }}\n\n        <v-tooltip-icon\n          [tooltip]=\"'buildingBlockManagement.createDefinition.descriptionTooltip' | translate\"\n          [disabled]=\"formGroup.disabled\"\n        ></v-tooltip-icon>\n      </span>\n\n      <textarea\n        [attr.data-test-id]=\"testIds.descriptionInput\"\n        cdsTextArea\n        formControlName=\"description\"\n        placeholder=\"{{\n          'buildingBlockManagement.createDefinition.descriptionPlaceholder' | translate\n        }}\"\n        [rows]=\"3\"\n        [cols]=\"150\"\n      ></textarea>\n    </cds-label>\n  </div>\n\n  <div class=\"building-block-management-metadata__buttons\">\n    <button\n      [attr.data-test-id]=\"testIds.saveButton\"\n      cdsButton=\"primary\"\n      [disabled]=\"formGroup.disabled || formGroup.invalid || formGroup.pristine\"\n      (click)=\"onSave()\"\n    >\n      {{ 'interface.save' | translate }}\n    </button>\n  </div>\n</form>\n", styles: [".building-block-management-metadata{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--cds-layer-01);max-width:625px}.building-block-management-metadata__title{font-size:16px;line-height:24px;font-weight:600}.building-block-management-metadata__buttons{display:flex;justify-content:flex-end;width:100%}.cds--text-input__field-wrapper cds-label{width:100%}.cds--text-input__field-wrapper ::ng-deep .cds--label{width:100%}.cds--text-input__field-wrapper:not(:last-child){margin-bottom:16px}.label-with-tooltip{display:flex;align-items:center}.select-label{padding-bottom:8px}\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: BuildingBlockManagementDetailService }, { type: BuildingBlockManagementApiService }, { type: i2$1.FormBuilder }] });
 
 /*
@@ -923,6 +1066,7 @@ class BuildingBlockManagementArtworkComponent {
         this.buildingBlockManagementApiService = buildingBlockManagementApiService;
         this.formBuilder = formBuilder;
         this.iconService = iconService;
+        this.testIds = BUILDING_BLOCK_MANAGEMENT_ARTWORK_TEST_IDS;
         this.ACCEPTED_FILES = ['png'];
         this.formGroup = this.formBuilder.group({
             file: this.formBuilder.control(new Set(), [Validators.required]),
@@ -988,7 +1132,7 @@ class BuildingBlockManagementArtworkComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BuildingBlockManagementArtworkComponent, deps: [{ token: BuildingBlockManagementDetailService }, { token: BuildingBlockManagementApiService }, { token: i2$1.FormBuilder }, { token: i3$1.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: BuildingBlockManagementArtworkComponent, isStandalone: true, selector: "valtimo-building-block-management-artwork", 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<form\n  *ngIf=\"{\n    artwork: artwork$ | async,\n    loadingArtwork: loadingArtwork$ | async,\n  } as obs\"\n  class=\"building-block-management-artwork\"\n  [formGroup]=\"formGroup\"\n  [cdsLayer]=\"1\"\n>\n  <h4 class=\"building-block-management-artwork__title\">\n    {{ 'buildingBlockManagement.artwork.title' | translate }}\n  </h4>\n\n  @if (obs.loadingArtwork) {\n    <div class=\"loading-container\"><cds-loading></cds-loading></div>\n  }\n\n  @if (!obs.loadingArtwork && obs.artwork) {\n    <div class=\"building-block-management-artwork__preview\">\n      <img\n        class=\"building-block-management-artwork__image\"\n        [src]=\"'data:image/png;base64,' + obs.artwork.imageBase64\"\n      />\n    </div>\n\n    <div class=\"building-block-management-artwork__buttons\">\n      <button cdsButton=\"danger\" (click)=\"onDeleteButtonClick()\" [disabled]=\"formGroup.disabled\">\n        {{ 'interface.delete' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n      </button>\n    </div>\n  }\n\n  @if (!obs.loadingArtwork && !obs.artwork) {\n    <cds-file-uploader\n      *ngIf=\"!obs.loadingArtwork && !obs.artwork\"\n      [accept]=\"ACCEPTED_FILES\"\n      [multiple]=\"false\"\n      buttonType=\"primary\"\n      [title]=\"'buildingBlockManagement.artwork.fileUploaderTitle' | translate\"\n      [description]=\"'buildingBlockManagement.artwork.fileUploaderDescription' | translate\"\n      [buttonText]=\"'buildingBlockManagement.artwork.fileUploaderButton' | translate\"\n      formControlName=\"file\"\n    >\n    </cds-file-uploader>\n\n    <div class=\"building-block-management-artwork__buttons\">\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"formGroup.disabled || formGroup.invalid || formGroup.pristine\"\n        (click)=\"onSave()\"\n      >\n        {{ 'interface.upload' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"upload\" size=\"16\"></svg>\n      </button>\n    </div>\n  }\n</form>\n\n<valtimo-render-in-body>\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"buildingBlockManagement.artwork.deleteConfirmationModalText\"\n    [showModalSubject$]=\"showDeleteConfirmationModal$\"\n    titleTranslationKey=\"interface.delete\"\n    (confirmEvent)=\"onDelete()\"\n  ></valtimo-confirmation-modal>\n</valtimo-render-in-body>\n", styles: [".building-block-management-artwork{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--cds-layer-01);max-width:625px}.building-block-management-artwork__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:8px}.building-block-management-artwork__preview{display:flex;justify-content:center;align-items:center;background-color:var(--cds-layer-02);padding:12px;min-height:180px}.building-block-management-artwork__image{max-width:100%;max-height:300px;object-fit:contain}.building-block-management-artwork__buttons{display:flex;justify-content:flex-end;width:100%;margin-top:12px}.building-block-management-artwork__buttons button[cdsButton]{min-width:100px}.label-with-tooltip{display:flex;align-items:center}.loading-container{display:flex;width:100%;justify-content:center;align-items:center;min-height:180px}\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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: InputModule }, { kind: "ngmodule", type: TooltipIconModule }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i3$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: FileUploaderModule }, { kind: "component", type: i3$1.FileUploader, selector: "cds-file-uploader, ibm-file-uploader", inputs: ["buttonText", "buttonType", "title", "description", "accept", "multiple", "skeleton", "size", "fileItemSize", "drop", "dropText", "fileUploaderId", "files", "disabled"], outputs: ["filesChange"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i3$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i3$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i7.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: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: BuildingBlockManagementArtworkComponent, isStandalone: true, selector: "valtimo-building-block-management-artwork", 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<form\n  *ngIf=\"{\n    artwork: artwork$ | async,\n    loadingArtwork: loadingArtwork$ | async,\n  } as obs\"\n  class=\"building-block-management-artwork\"\n  [formGroup]=\"formGroup\"\n  [cdsLayer]=\"1\"\n>\n  <h4 class=\"building-block-management-artwork__title\">\n    {{ 'buildingBlockManagement.artwork.title' | translate }}\n  </h4>\n\n  @if (obs.loadingArtwork) {\n    <div class=\"loading-container\"><cds-loading></cds-loading></div>\n  }\n\n  @if (!obs.loadingArtwork && obs.artwork) {\n    <div class=\"building-block-management-artwork__preview\">\n      <img\n        [attr.data-test-id]=\"testIds.image\"\n        class=\"building-block-management-artwork__image\"\n        [src]=\"'data:image/png;base64,' + obs.artwork.imageBase64\"\n      />\n    </div>\n\n    <div class=\"building-block-management-artwork__buttons\">\n      <button\n        [attr.data-test-id]=\"testIds.deleteButton\"\n        cdsButton=\"danger\"\n        (click)=\"onDeleteButtonClick()\"\n        [disabled]=\"formGroup.disabled\"\n      >\n        {{ 'interface.delete' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n      </button>\n    </div>\n  }\n\n  @if (!obs.loadingArtwork && !obs.artwork) {\n    <cds-file-uploader\n      *ngIf=\"!obs.loadingArtwork && !obs.artwork\"\n      [attr.data-test-id]=\"testIds.fileUploader\"\n      [accept]=\"ACCEPTED_FILES\"\n      [multiple]=\"false\"\n      buttonType=\"primary\"\n      [title]=\"'buildingBlockManagement.artwork.fileUploaderTitle' | translate\"\n      [description]=\"'buildingBlockManagement.artwork.fileUploaderDescription' | translate\"\n      [buttonText]=\"'buildingBlockManagement.artwork.fileUploaderButton' | translate\"\n      formControlName=\"file\"\n    >\n    </cds-file-uploader>\n\n    <div class=\"building-block-management-artwork__buttons\">\n      <button\n        [attr.data-test-id]=\"testIds.uploadButton\"\n        cdsButton=\"primary\"\n        [disabled]=\"formGroup.disabled || formGroup.invalid || formGroup.pristine\"\n        (click)=\"onSave()\"\n      >\n        {{ 'interface.upload' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"upload\" size=\"16\"></svg>\n      </button>\n    </div>\n  }\n</form>\n\n<valtimo-render-in-body>\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"buildingBlockManagement.artwork.deleteConfirmationModalText\"\n    [showModalSubject$]=\"showDeleteConfirmationModal$\"\n    titleTranslationKey=\"interface.delete\"\n    (confirmEvent)=\"onDelete()\"\n  ></valtimo-confirmation-modal>\n</valtimo-render-in-body>\n", styles: [".building-block-management-artwork{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--cds-layer-01);max-width:625px}.building-block-management-artwork__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:8px}.building-block-management-artwork__preview{display:flex;justify-content:center;align-items:center;background-color:var(--cds-layer-02);padding:12px;min-height:180px}.building-block-management-artwork__image{max-width:100%;max-height:300px;object-fit:contain}.building-block-management-artwork__buttons{display:flex;justify-content:flex-end;width:100%;margin-top:12px}.building-block-management-artwork__buttons button[cdsButton]{min-width:100px}.label-with-tooltip{display:flex;align-items:center}.loading-container{display:flex;width:100%;justify-content:center;align-items:center;min-height:180px}\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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: InputModule }, { kind: "ngmodule", type: TooltipIconModule }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i3$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: FileUploaderModule }, { kind: "component", type: i3$1.FileUploader, selector: "cds-file-uploader, ibm-file-uploader", inputs: ["buttonText", "buttonType", "title", "description", "accept", "multiple", "skeleton", "size", "fileItemSize", "drop", "dropText", "fileUploaderId", "files", "disabled"], outputs: ["filesChange"] }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i3$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i3$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i7.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: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BuildingBlockManagementArtworkComponent, decorators: [{
             type: Component,
@@ -1005,7 +1149,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         IconModule,
                         ConfirmationModalModule,
                         RenderInBodyComponent,
-                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<form\n  *ngIf=\"{\n    artwork: artwork$ | async,\n    loadingArtwork: loadingArtwork$ | async,\n  } as obs\"\n  class=\"building-block-management-artwork\"\n  [formGroup]=\"formGroup\"\n  [cdsLayer]=\"1\"\n>\n  <h4 class=\"building-block-management-artwork__title\">\n    {{ 'buildingBlockManagement.artwork.title' | translate }}\n  </h4>\n\n  @if (obs.loadingArtwork) {\n    <div class=\"loading-container\"><cds-loading></cds-loading></div>\n  }\n\n  @if (!obs.loadingArtwork && obs.artwork) {\n    <div class=\"building-block-management-artwork__preview\">\n      <img\n        class=\"building-block-management-artwork__image\"\n        [src]=\"'data:image/png;base64,' + obs.artwork.imageBase64\"\n      />\n    </div>\n\n    <div class=\"building-block-management-artwork__buttons\">\n      <button cdsButton=\"danger\" (click)=\"onDeleteButtonClick()\" [disabled]=\"formGroup.disabled\">\n        {{ 'interface.delete' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n      </button>\n    </div>\n  }\n\n  @if (!obs.loadingArtwork && !obs.artwork) {\n    <cds-file-uploader\n      *ngIf=\"!obs.loadingArtwork && !obs.artwork\"\n      [accept]=\"ACCEPTED_FILES\"\n      [multiple]=\"false\"\n      buttonType=\"primary\"\n      [title]=\"'buildingBlockManagement.artwork.fileUploaderTitle' | translate\"\n      [description]=\"'buildingBlockManagement.artwork.fileUploaderDescription' | translate\"\n      [buttonText]=\"'buildingBlockManagement.artwork.fileUploaderButton' | translate\"\n      formControlName=\"file\"\n    >\n    </cds-file-uploader>\n\n    <div class=\"building-block-management-artwork__buttons\">\n      <button\n        cdsButton=\"primary\"\n        [disabled]=\"formGroup.disabled || formGroup.invalid || formGroup.pristine\"\n        (click)=\"onSave()\"\n      >\n        {{ 'interface.upload' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"upload\" size=\"16\"></svg>\n      </button>\n    </div>\n  }\n</form>\n\n<valtimo-render-in-body>\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"buildingBlockManagement.artwork.deleteConfirmationModalText\"\n    [showModalSubject$]=\"showDeleteConfirmationModal$\"\n    titleTranslationKey=\"interface.delete\"\n    (confirmEvent)=\"onDelete()\"\n  ></valtimo-confirmation-modal>\n</valtimo-render-in-body>\n", styles: [".building-block-management-artwork{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--cds-layer-01);max-width:625px}.building-block-management-artwork__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:8px}.building-block-management-artwork__preview{display:flex;justify-content:center;align-items:center;background-color:var(--cds-layer-02);padding:12px;min-height:180px}.building-block-management-artwork__image{max-width:100%;max-height:300px;object-fit:contain}.building-block-management-artwork__buttons{display:flex;justify-content:flex-end;width:100%;margin-top:12px}.building-block-management-artwork__buttons button[cdsButton]{min-width:100px}.label-with-tooltip{display:flex;align-items:center}.loading-container{display:flex;width:100%;justify-content:center;align-items:center;min-height:180px}\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<form\n  *ngIf=\"{\n    artwork: artwork$ | async,\n    loadingArtwork: loadingArtwork$ | async,\n  } as obs\"\n  class=\"building-block-management-artwork\"\n  [formGroup]=\"formGroup\"\n  [cdsLayer]=\"1\"\n>\n  <h4 class=\"building-block-management-artwork__title\">\n    {{ 'buildingBlockManagement.artwork.title' | translate }}\n  </h4>\n\n  @if (obs.loadingArtwork) {\n    <div class=\"loading-container\"><cds-loading></cds-loading></div>\n  }\n\n  @if (!obs.loadingArtwork && obs.artwork) {\n    <div class=\"building-block-management-artwork__preview\">\n      <img\n        [attr.data-test-id]=\"testIds.image\"\n        class=\"building-block-management-artwork__image\"\n        [src]=\"'data:image/png;base64,' + obs.artwork.imageBase64\"\n      />\n    </div>\n\n    <div class=\"building-block-management-artwork__buttons\">\n      <button\n        [attr.data-test-id]=\"testIds.deleteButton\"\n        cdsButton=\"danger\"\n        (click)=\"onDeleteButtonClick()\"\n        [disabled]=\"formGroup.disabled\"\n      >\n        {{ 'interface.delete' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n      </button>\n    </div>\n  }\n\n  @if (!obs.loadingArtwork && !obs.artwork) {\n    <cds-file-uploader\n      *ngIf=\"!obs.loadingArtwork && !obs.artwork\"\n      [attr.data-test-id]=\"testIds.fileUploader\"\n      [accept]=\"ACCEPTED_FILES\"\n      [multiple]=\"false\"\n      buttonType=\"primary\"\n      [title]=\"'buildingBlockManagement.artwork.fileUploaderTitle' | translate\"\n      [description]=\"'buildingBlockManagement.artwork.fileUploaderDescription' | translate\"\n      [buttonText]=\"'buildingBlockManagement.artwork.fileUploaderButton' | translate\"\n      formControlName=\"file\"\n    >\n    </cds-file-uploader>\n\n    <div class=\"building-block-management-artwork__buttons\">\n      <button\n        [attr.data-test-id]=\"testIds.uploadButton\"\n        cdsButton=\"primary\"\n        [disabled]=\"formGroup.disabled || formGroup.invalid || formGroup.pristine\"\n        (click)=\"onSave()\"\n      >\n        {{ 'interface.upload' | translate }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"upload\" size=\"16\"></svg>\n      </button>\n    </div>\n  }\n</form>\n\n<valtimo-render-in-body>\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"interface.delete\"\n    confirmButtonType=\"danger\"\n    contentTranslationKey=\"buildingBlockManagement.artwork.deleteConfirmationModalText\"\n    [showModalSubject$]=\"showDeleteConfirmationModal$\"\n    titleTranslationKey=\"interface.delete\"\n    (confirmEvent)=\"onDelete()\"\n  ></valtimo-confirmation-modal>\n</valtimo-render-in-body>\n", styles: [".building-block-management-artwork{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:var(--cds-layer-01);max-width:625px}.building-block-management-artwork__title{font-size:16px;line-height:24px;font-weight:600;margin-bottom:8px}.building-block-management-artwork__preview{display:flex;justify-content:center;align-items:center;background-color:var(--cds-layer-02);padding:12px;min-height:180px}.building-block-management-artwork__image{max-width:100%;max-height:300px;object-fit:contain}.building-block-management-artwork__buttons{display:flex;justify-content:flex-end;width:100%;margin-top:12px}.building-block-management-artwork__buttons button[cdsButton]{min-width:100px}.label-with-tooltip{display:flex;align-items:center}.loading-container{display:flex;width:100%;justify-content:center;align-items:center;min-height:180px}\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: BuildingBlockManagementDetailService }, { type: BuildingBlockManagementApiService }, { type: i2$1.FormBuilder }, { type: i3$1.IconService }] });
 
 /*
@@ -1028,6 +1172,7 @@ class BuildingBlockManagementPluginsComponent {
         this.buildingBlockManagementApiService = buildingBlockManagementApiService;
         this.pluginManagementService = pluginManagementService;
         this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+        this.testIds = BUILDING_BLOCK_MANAGEMENT_PLUGINS_TEST_IDS;
         this.loading$ = new BehaviorSubject(true);
         this.usedPluginTitles$ = combineLatest([
             this.pluginManagementService.getPluginDefinitions(),
@@ -1039,11 +1184,11 @@ class BuildingBlockManagementPluginsComponent {
         }), tap(() => this.loading$.next(false)));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BuildingBlockManagementPluginsComponent, deps: [{ token: BuildingBlockManagementApiService }, { token: i2$3.PluginManagementService }, { token: BuildingBlockManagementDetailService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: BuildingBlockManagementPluginsComponent, isStandalone: true, selector: "valtimo-building-block-management-plugins", 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<div\n  class=\"building-block-management-plugins\"\n  *ngIf=\"{usedPluginTitles: usedPluginTitles$ | async, loading: loading$ | async} as obs\"\n>\n  <h4 class=\"building-block-management-plugins__title\">\n    {{ 'buildingBlockManagement.plugins.title' | translate }}\n  </h4>\n\n  @if (obs.loading) {\n    <div class=\"loading-container\"><cds-loading size=\"sm\"></cds-loading></div>\n  }\n\n  @if (!obs.loading && obs.usedPluginTitles.length > 0) {\n    <div class=\"building-block-management-plugins__tags\">\n      @for (pluginTitle of obs.usedPluginTitles; track pluginTitle) {\n        <cds-tag type=\"blue\">{{ pluginTitle }}</cds-tag>\n      }\n    </div>\n  }\n\n  @if (!obs.loading && obs.usedPluginTitles.length === 0) {\n    <p class=\"building-block-management-plugins__description cds--label-description\">\n      {{ 'buildingBlockManagement.plugins.noPluginsUsed' | translate }}\n    </p>\n  }\n</div>\n", styles: [".building-block-management-plugins{display:flex;padding:16px 24px;width:100%;background-color:var(--cds-layer-01);align-items:center;gap:16px}.building-block-management-plugins__title{font-size:16px;line-height:24px;font-weight:600;flex-shrink:0}.building-block-management-plugins__tags{display:flex;flex-flow:row wrap;height:100%;gap:8px}.building-block-management-plugins__description{padding:0;margin:0}.loading-container{display:flex;width:100%;justify-content:center}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i3$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i3$1.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: BuildingBlockManagementPluginsComponent, isStandalone: true, selector: "valtimo-building-block-management-plugins", 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<div\n  class=\"building-block-management-plugins\"\n  *ngIf=\"{usedPluginTitles: usedPluginTitles$ | async, loading: loading$ | async} as obs\"\n>\n  <h4 class=\"building-block-management-plugins__title\">\n    {{ 'buildingBlockManagement.plugins.title' | translate }}\n  </h4>\n\n  @if (obs.loading) {\n    <div class=\"loading-container\"><cds-loading size=\"sm\"></cds-loading></div>\n  }\n\n  @if (!obs.loading && obs.usedPluginTitles.length > 0) {\n    <div [attr.data-test-id]=\"testIds.usedPlugins\" class=\"building-block-management-plugins__tags\">\n      @for (pluginTitle of obs.usedPluginTitles; track pluginTitle) {\n        <cds-tag type=\"blue\">{{ pluginTitle }}</cds-tag>\n      }\n    </div>\n  }\n\n  @if (!obs.loading && obs.usedPluginTitles.length === 0) {\n    <p\n      [attr.data-test-id]=\"testIds.noPluginsUsed\"\n      class=\"building-block-management-plugins__description cds--label-description\"\n    >\n      {{ 'buildingBlockManagement.plugins.noPluginsUsed' | translate }}\n    </p>\n  }\n</div>\n", styles: [".building-block-management-plugins{display:flex;padding:16px 24px;width:100%;background-color:var(--cds-layer-01);align-items:center;gap:16px}.building-block-management-plugins__title{font-size:16px;line-height:24px;font-weight:600;flex-shrink:0}.building-block-management-plugins__tags{display:flex;flex-flow:row wrap;height:100%;gap:8px}.building-block-management-plugins__description{padding:0;margin:0}.loading-container{display:flex;width:100%;justify-content:center}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: LoadingModule }, { kind: "component", type: i3$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i3$1.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BuildingBlockManagementPluginsComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'valtimo-building-block-management-plugins', imports: [CommonModule, LoadingModule, TranslatePipe, TagModule], 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<div\n  class=\"building-block-management-plugins\"\n  *ngIf=\"{usedPluginTitles: usedPluginTitles$ | async, loading: loading$ | async} as obs\"\n>\n  <h4 class=\"building-block-management-plugins__title\">\n    {{ 'buildingBlockManagement.plugins.title' | translate }}\n  </h4>\n\n  @if (obs.loading) {\n    <div class=\"loading-container\"><cds-loading size=\"sm\"></cds-loading></div>\n  }\n\n  @if (!obs.loading && obs.usedPluginTitles.length > 0) {\n    <div class=\"building-block-management-plugins__tags\">\n      @for (pluginTitle of obs.usedPluginTitles; track pluginTitle) {\n        <cds-tag type=\"blue\">{{ pluginTitle }}</cds-tag>\n      }\n    </div>\n  }\n\n  @if (!obs.loading && obs.usedPluginTitles.length === 0) {\n    <p class=\"building-block-management-plugins__description cds--label-description\">\n      {{ 'buildingBlockManagement.plugins.noPluginsUsed' | translate }}\n    </p>\n  }\n</div>\n", styles: [".building-block-management-plugins{display:flex;padding:16px 24px;width:100%;background-color:var(--cds-layer-01);align-items:center;gap:16px}.building-block-management-plugins__title{font-size:16px;line-height:24px;font-weight:600;flex-shrink:0}.building-block-management-plugins__tags{display:flex;flex-flow:row wrap;height:100%;gap:8px}.building-block-management-plugins__description{padding:0;margin:0}.loading-container{display:flex;width:100%;justify-content:center}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-plugins', imports: [CommonModule, LoadingModule, TranslatePipe, TagModule], 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<div\n  class=\"building-block-management-plugins\"\n  *ngIf=\"{usedPluginTitles: usedPluginTitles$ | async, loading: loading$ | async} as obs\"\n>\n  <h4 class=\"building-block-management-plugins__title\">\n    {{ 'buildingBlockManagement.plugins.title' | translate }}\n  </h4>\n\n  @if (obs.loading) {\n    <div class=\"loading-container\"><cds-loading size=\"sm\"></cds-loading></div>\n  }\n\n  @if (!obs.loading && obs.usedPluginTitles.length > 0) {\n    <div [attr.data-test-id]=\"testIds.usedPlugins\" class=\"building-block-management-plugins__tags\">\n      @for (pluginTitle of obs.usedPluginTitles; track pluginTitle) {\n        <cds-tag type=\"blue\">{{ pluginTitle }}</cds-tag>\n      }\n    </div>\n  }\n\n  @if (!obs.loading && obs.usedPluginTitles.length === 0) {\n    <p\n      [attr.data-test-id]=\"testIds.noPluginsUsed\"\n      class=\"building-block-management-plugins__description cds--label-description\"\n    >\n      {{ 'buildingBlockManagement.plugins.noPluginsUsed' | translate }}\n    </p>\n  }\n</div>\n", styles: [".building-block-management-plugins{display:flex;padding:16px 24px;width:100%;background-color:var(--cds-layer-01);align-items:center;gap:16px}.building-block-management-plugins__title{font-size:16px;line-height:24px;font-weight:600;flex-shrink:0}.building-block-management-plugins__tags{display:flex;flex-flow:row wrap;height:100%;gap:8px}.building-block-management-plugins__description{padding:0;margin:0}.loading-container{display:flex;width:100%;justify-content:center}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: BuildingBlockManagementApiService }, { type: i2$3.PluginManagementService }, { type: BuildingBlockManagementDetailService }] });
 
 /*
@@ -1189,6 +1334,7 @@ class BuildingBlockManagementProcessUploadComponent {
         this.processLinkService = processLinkService;
         this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
         this.translateService = translateService;
+        this.testIds = BUILDING_BLOCK_MANAGEMENT_PROCESS_UPLOAD_TEST_IDS;
         this.modalOpen$ = this.buildingBlockManagementDetailService.showProcessDefinitionUploadModal$;
         this.showReplaceConfirmationModal$ = new BehaviorSubject(false);
         this.replaceModalContent = '';
@@ -1298,7 +1444,7 @@ class BuildingBlockManagementProcessUploadComponent {
             this.translateService.instant('processManagement.upload.replaceContent'));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BuildingBlockManagementProcessUploadComponent, deps: [{ token: i2$1.FormBuilder }, { token: i5.GlobalNotificationService }, { token: i3$2.ProcessLinkService }, { token: BuildingBlockManagementDetailService }, { token: i2$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BuildingBlockManagementProcessUploadComponent, isStandalone: true, selector: "valtimo-building-block-management-process-upload", 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 valtimoCdsModal [open]=\"modalOpen$ | async\" size=\"sm\" (close)=\"closeModal()\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>{{ 'processManagement.upload.modalTitle' | translate }}</h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"form\">\n    <cds-file-uploader\n      [accept]=\"ACCEPTED_FILES\"\n      [buttonText]=\"'processManagement.upload.buttonText' | translate\"\n      [description]=\"'processManagement.upload.description' | translate\"\n      [multiple]=\"false\"\n      [title]=\"'processManagement.upload.title' | translate\"\n      buttonType=\"primary\"\n      formControlName=\"file\"\n    >\n    </cds-file-uploader>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"closeModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"(fileSelected$ | async) === false\"\n      (click)=\"uploadProcessBpmn()\"\n    >\n      {{ 'interface.upload' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n\n<valtimo-render-in-body>\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"processManagement.upload.replaceConfirm\"\n    confirmButtonType=\"danger\"\n    cancelButtonTextTranslationKey=\"interface.cancel\"\n    [content]=\"replaceModalContent\"\n    [showModalSubject$]=\"showReplaceConfirmationModal$\"\n    titleTranslationKey=\"processManagement.upload.replaceTitle\"\n    (confirmEvent)=\"confirmReplace()\"\n    (cancelEvent)=\"clearReplaceModal()\"\n  ></valtimo-confirmation-modal>\n</valtimo-render-in-body>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FileUploaderModule }, { kind: "component", type: i3$1.FileUploader, selector: "cds-file-uploader, ibm-file-uploader", inputs: ["buttonText", "buttonType", "title", "description", "accept", "multiple", "skeleton", "size", "fileItemSize", "drop", "dropText", "fileUploaderId", "files", "disabled"], outputs: ["filesChange"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i3$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i3$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i3$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i3$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i3$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i7.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: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BuildingBlockManagementProcessUploadComponent, isStandalone: true, selector: "valtimo-building-block-management-process-upload", 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 valtimoCdsModal [open]=\"modalOpen$ | async\" size=\"sm\" (close)=\"closeModal()\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>{{ 'processManagement.upload.modalTitle' | translate }}</h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"form\">\n    <cds-file-uploader\n      [attr.data-test-id]=\"testIds.fileUploader\"\n      [accept]=\"ACCEPTED_FILES\"\n      [buttonText]=\"'processManagement.upload.buttonText' | translate\"\n      [description]=\"'processManagement.upload.description' | translate\"\n      [multiple]=\"false\"\n      [title]=\"'processManagement.upload.title' | translate\"\n      buttonType=\"primary\"\n      formControlName=\"file\"\n    >\n    </cds-file-uploader>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" [attr.data-test-id]=\"testIds.cancelButton\" (click)=\"closeModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [attr.data-test-id]=\"testIds.submitButton\"\n      [disabled]=\"(fileSelected$ | async) === false\"\n      (click)=\"uploadProcessBpmn()\"\n    >\n      {{ 'interface.upload' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n\n<valtimo-render-in-body>\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"processManagement.upload.replaceConfirm\"\n    confirmButtonType=\"danger\"\n    cancelButtonTextTranslationKey=\"interface.cancel\"\n    [content]=\"replaceModalContent\"\n    [showModalSubject$]=\"showReplaceConfirmationModal$\"\n    titleTranslationKey=\"processManagement.upload.replaceTitle\"\n    (confirmEvent)=\"confirmReplace()\"\n    (cancelEvent)=\"clearReplaceModal()\"\n  ></valtimo-confirmation-modal>\n</valtimo-render-in-body>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FileUploaderModule }, { kind: "component", type: i3$1.FileUploader, selector: "cds-file-uploader, ibm-file-uploader", inputs: ["buttonText", "buttonType", "title", "description", "accept", "multiple", "skeleton", "size", "fileItemSize", "drop", "dropText", "fileUploaderId", "files", "disabled"], outputs: ["filesChange"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i3$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i3$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i3$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i3$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i3$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i7.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: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BuildingBlockManagementProcessUploadComponent, decorators: [{
             type: Component,
@@ -1313,7 +1459,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         ConfirmationModalModule,
                         RenderInBodyComponent,
                         ValtimoCdsModalDirective,
-                    ], 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 valtimoCdsModal [open]=\"modalOpen$ | async\" size=\"sm\" (close)=\"closeModal()\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>{{ 'processManagement.upload.modalTitle' | translate }}</h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"form\">\n    <cds-file-uploader\n      [accept]=\"ACCEPTED_FILES\"\n      [buttonText]=\"'processManagement.upload.buttonText' | translate\"\n      [description]=\"'processManagement.upload.description' | translate\"\n      [multiple]=\"false\"\n      [title]=\"'processManagement.upload.title' | translate\"\n      buttonType=\"primary\"\n      formControlName=\"file\"\n    >\n    </cds-file-uploader>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"closeModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"(fileSelected$ | async) === false\"\n      (click)=\"uploadProcessBpmn()\"\n    >\n      {{ 'interface.upload' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n\n<valtimo-render-in-body>\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"processManagement.upload.replaceConfirm\"\n    confirmButtonType=\"danger\"\n    cancelButtonTextTranslationKey=\"interface.cancel\"\n    [content]=\"replaceModalContent\"\n    [showModalSubject$]=\"showReplaceConfirmationModal$\"\n    titleTranslationKey=\"processManagement.upload.replaceTitle\"\n    (confirmEvent)=\"confirmReplace()\"\n    (cancelEvent)=\"clearReplaceModal()\"\n  ></valtimo-confirmation-modal>\n</valtimo-render-in-body>\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 valtimoCdsModal [open]=\"modalOpen$ | async\" size=\"sm\" (close)=\"closeModal()\">\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeModal()\">\n    <h3 cdsModalHeaderHeading>{{ 'processManagement.upload.modalTitle' | translate }}</h3>\n  </cds-modal-header>\n\n  <section cdsModalContent [cdsLayer]=\"1\" [formGroup]=\"form\">\n    <cds-file-uploader\n      [attr.data-test-id]=\"testIds.fileUploader\"\n      [accept]=\"ACCEPTED_FILES\"\n      [buttonText]=\"'processManagement.upload.buttonText' | translate\"\n      [description]=\"'processManagement.upload.description' | translate\"\n      [multiple]=\"false\"\n      [title]=\"'processManagement.upload.title' | translate\"\n      buttonType=\"primary\"\n      formControlName=\"file\"\n    >\n    </cds-file-uploader>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" [attr.data-test-id]=\"testIds.cancelButton\" (click)=\"closeModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [attr.data-test-id]=\"testIds.submitButton\"\n      [disabled]=\"(fileSelected$ | async) === false\"\n      (click)=\"uploadProcessBpmn()\"\n    >\n      {{ 'interface.upload' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n\n<valtimo-render-in-body>\n  <valtimo-confirmation-modal\n    confirmButtonTextTranslationKey=\"processManagement.upload.replaceConfirm\"\n    confirmButtonType=\"danger\"\n    cancelButtonTextTranslationKey=\"interface.cancel\"\n    [content]=\"replaceModalContent\"\n    [showModalSubject$]=\"showReplaceConfirmationModal$\"\n    titleTranslationKey=\"processManagement.upload.replaceTitle\"\n    (confirmEvent)=\"confirmReplace()\"\n    (cancelEvent)=\"clearReplaceModal()\"\n  ></valtimo-confirmation-modal>\n</valtimo-render-in-body>\n" }]
         }], ctorParameters: () => [{ type: i2$1.FormBuilder }, { type: i5.GlobalNotificationService }, { type: i3$2.ProcessLinkService }, { type: BuildingBlockManagementDetailService }, { type: i2$2.TranslateService }] });
 
 /*
@@ -1338,6 +1484,7 @@ class BuildingBlockManagementProcessesComponent {
         this.translateService = translateService;
         this.iconService = iconService;
         this.router = router;
+        this.testIds = BUILDING_BLOCK_MANAGEMENT_PROCESSES_TEST_IDS;
         this.$loading = signal(true);
         this._buildingBlockProcessDefinitions$ = new BehaviorSubject([]);
         this._buildingBlockProcessDefinitionItems = [];
@@ -1464,7 +1611,7 @@ class BuildingBlockManagementProcessesComponent {
         return process.main || this._buildingBlockProcessDefinitionItems.length === 1;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BuildingBlockManagementProcessesComponent, deps: [{ token: BuildingBlockManagementDetailService }, { token: BuildingBlockManagementApiService }, { token: i2$2.TranslateService }, { token: i3$1.IconService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BuildingBlockManagementProcessesComponent, isStandalone: true, selector: "valtimo-building-block-management-processes", 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<valtimo-carbon-list\n  [fields]=\"FIELDS\"\n  [actionItems]=\"ACTION_ITEMS\"\n  [items]=\"buildingBlockProcessDefinitionItems$ | async\"\n  [loading]=\"$loading()\"\n  (rowClicked)=\"onRowClick($event)\"\n>\n  <div carbonToolbarContent>\n    <div class=\"valtimo-building-block-management-list__actions\">\n      <button\n        cdsButton=\"ghost\"\n        (click)=\"showUploadModal()\"\n        [disabled]=\"(isFinal$ | async) || $loading()\"\n      >\n        {{ 'Upload' | translate }}\n\n        <svg cdsIcon=\"upload\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        (click)=\"onCreateClick()\"\n        [disabled]=\"(isFinal$ | async) || $loading()\"\n      >\n        {{ 'interface.create' | translate }}\n\n        <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n    </div>\n  </div>\n</valtimo-carbon-list>\n\n<valtimo-building-block-management-process-upload></valtimo-building-block-management-process-upload>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"processManagement.deleteModal.content\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"processManagement.deleteModal.title\"\n  (confirmEvent)=\"onDeleteConfirm()\"\n></valtimo-confirmation-modal>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i3$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: BuildingBlockManagementProcessUploadComponent, selector: "valtimo-building-block-management-process-upload" }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i7.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.25", type: BuildingBlockManagementProcessesComponent, isStandalone: true, selector: "valtimo-building-block-management-processes", 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<valtimo-carbon-list\n  [fields]=\"FIELDS\"\n  [actionItems]=\"ACTION_ITEMS\"\n  [items]=\"buildingBlockProcessDefinitionItems$ | async\"\n  [loading]=\"$loading()\"\n  (rowClicked)=\"onRowClick($event)\"\n>\n  <div carbonToolbarContent>\n    <div class=\"valtimo-building-block-management-list__actions\">\n      <button\n        cdsButton=\"ghost\"\n        [attr.data-test-id]=\"testIds.uploadButton\"\n        (click)=\"showUploadModal()\"\n        [disabled]=\"(isFinal$ | async) || $loading()\"\n      >\n        {{ 'Upload' | translate }}\n\n        <svg cdsIcon=\"upload\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        [attr.data-test-id]=\"testIds.createButton\"\n        (click)=\"onCreateClick()\"\n        [disabled]=\"(isFinal$ | async) || $loading()\"\n      >\n        {{ 'interface.create' | translate }}\n\n        <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n    </div>\n  </div>\n</valtimo-carbon-list>\n\n<valtimo-building-block-management-process-upload></valtimo-building-block-management-process-upload>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"processManagement.deleteModal.content\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"processManagement.deleteModal.title\"\n  (confirmEvent)=\"onDeleteConfirm()\"\n></valtimo-confirmation-modal>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i7.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "initialSearchValue", "searchDebounceMs", "invalidSearchFields", "searchFields", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled", "expandedRowTemplate", "expandedRowKey", "trackByKey"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2$2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i3$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: BuildingBlockManagementProcessUploadComponent, selector: "valtimo-building-block-management-process-upload" }, { kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i7.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.25", ngImport: i0, type: BuildingBlockManagementProcessesComponent, decorators: [{
             type: Component,
@@ -1476,7 +1623,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         IconModule,
                         BuildingBlockManagementProcessUploadComponent,
                         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\n<valtimo-carbon-list\n  [fields]=\"FIELDS\"\n  [actionItems]=\"ACTION_ITEMS\"\n  [items]=\"buildingBlockProcessDefinitionItems$ | async\"\n  [loading]=\"$loading()\"\n  (rowClicked)=\"onRowClick($event)\"\n>\n  <div carbonToolbarContent>\n    <div class=\"valtimo-building-block-management-list__actions\">\n      <button\n        cdsButton=\"ghost\"\n        (click)=\"showUploadModal()\"\n        [disabled]=\"(isFinal$ | async) || $loading()\"\n      >\n        {{ 'Upload' | translate }}\n\n        <svg cdsIcon=\"upload\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        (click)=\"onCreateClick()\"\n        [disabled]=\"(isFinal$ | async) || $loading()\"\n      >\n        {{ 'interface.create' | translate }}\n\n        <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n    </div>\n  </div>\n</valtimo-carbon-list>\n\n<valtimo-building-block-management-process-upload></valtimo-building-block-management-process-upload>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"processManagement.deleteModal.content\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"processManagement.deleteModal.title\"\n  (confirmEvent)=\"onDeleteConfirm()\"\n></valtimo-confirmation-modal>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+                    ], 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<valtimo-carbon-list\n  [fields]=\"FIELDS\"\n  [actionItems]=\"ACTION_ITEMS\"\n  [items]=\"buildingBlockProcessDefinitionItems$ | async\"\n  [loading]=\"$loading()\"\n  (rowClicked)=\"onRowClick($event)\"\n>\n  <div carbonToolbarContent>\n    <div class=\"valtimo-building-block-management-list__actions\">\n      <button\n        cdsButton=\"ghost\"\n        [attr.data-test-id]=\"testIds.uploadButton\"\n        (click)=\"showUploadModal()\"\n        [disabled]=\"(isFinal$ | async) || $loading()\"\n      >\n        {{ 'Upload' | translate }}\n\n        <svg cdsIcon=\"upload\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n\n      <button\n        cdsButton=\"primary\"\n        [attr.data-test-id]=\"testIds.createButton\"\n        (click)=\"onCreateClick()\"\n        [disabled]=\"(isFinal$ | async) || $loading()\"\n      >\n        {{ 'interface.create' | translate }}\n\n        <svg cdsIcon=\"add\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n    </div>\n  </div>\n</valtimo-carbon-list>\n\n<valtimo-building-block-management-process-upload></valtimo-building-block-management-process-upload>\n\n<valtimo-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"processManagement.deleteModal.content\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"processManagement.deleteModal.title\"\n  (confirmEvent)=\"onDeleteConfirm()\"\n></valtimo-confirmation-modal>\n", styles: ["/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
         }], ctorParameters: () => [{ type: BuildingBlockManagementDetailService }, { type: BuildingBlockManagementApiService }, { type: i2$2.TranslateService }, { type: i3$1.IconService }, { type: i3.Router }] });
 
 /*
@@ -1504,6 +1651,7 @@ class BuildingBlockManagementVersionSelectorComponent {
     constructor(buildingBlockManagementDetailService, buildingBlockManagementApiService) {
         this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
         this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.testIds = BUILDING_BLOCK_MANAGEMENT_DETAIL_ACTIONS_TEST_IDS;
         this._versions$ = combineLatest([
             this.buildingBlockManagementDetailService.buildingBlockDefinitionKey$,
             this.buildingBlockManagementDetailService.reloadVersions$,
@@ -1516,14 +1664,15 @@ class BuildingBlockManagementVersionSelectorComponent {
             content: version.versionTag,
             selected: versionTag === version.versionTag,
             final: version.final,
+            'data-test-id': `${BUILDING_BLOCK_VERSION_OPTION_TEST_ID_PREFIX}${version.versionTag}`,
         }))));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BuildingBlockManagementVersionSelectorComponent, deps: [{ token: BuildingBlockManagementDetailService }, { token: BuildingBlockManagementApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BuildingBlockManagementVersionSelectorComponent, isStandalone: true, selector: "valtimo-building-block-management-version-selector", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{versionListItems: (versionListItems$ | async) || []} as obs\">\n  <cds-dropdown\n    class=\"version-selector\"\n    [disabled]=\"obs.versionListItems.length === 1\"\n    [displayValue]=\"versionTemplate\"\n    (selected)=\"onVersionSelected($event)\"\n  >\n    <cds-dropdown-list\n      [items]=\"obs.versionListItems\"\n      [listTpl]=\"versionTemplate\"\n    ></cds-dropdown-list>\n  </cds-dropdown>\n</ng-container>\n\n<ng-template #versionTemplate let-item=\"item\">\n  <div class=\"version-selector-dropdown-template\">\n    <cds-tag\n      class=\"cds-tag--no-margin\"\n      [type]=\"!item?.final ? 'red' : 'green'\"\n      [title]=\"item?.content\"\n    >\n      {{ !item?.final ? 'DRAFT: ' + item?.content : item?.content }}\n    </cds-tag>\n  </div>\n</ng-template>\n", styles: [".version-selector{margin:0;max-width:300px}::ng-deep .version-selector-dropdown-template{display:flex}::ng-deep .version-selector-dropdown-template .cds--tag{margin:0 8px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:24px;max-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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i3$1.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "readonly", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp", "fluid"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i3$1.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i3$1.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BuildingBlockManagementVersionSelectorComponent, isStandalone: true, selector: "valtimo-building-block-management-version-selector", ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{versionListItems: (versionListItems$ | async) || []} as obs\">\n  <cds-dropdown\n    class=\"version-selector\"\n    [attr.data-test-id]=\"testIds.versionSelectDropdown\"\n    [disabled]=\"obs.versionListItems.length === 1\"\n    [displayValue]=\"versionTemplate\"\n    (selected)=\"onVersionSelected($event)\"\n  >\n    <cds-dropdown-list\n      [items]=\"obs.versionListItems\"\n      [listTpl]=\"versionTemplate\"\n    ></cds-dropdown-list>\n  </cds-dropdown>\n</ng-container>\n\n<ng-template #versionTemplate let-item=\"item\">\n  <div [attr.data-test-id]=\"item?.['data-test-id']\" class=\"version-selector-dropdown-template\">\n    <cds-tag\n      class=\"cds-tag--no-margin\"\n      [type]=\"!item?.final ? 'red' : 'green'\"\n      [title]=\"item?.content\"\n    >\n      {{ !item?.final ? 'DRAFT: ' + item?.content : item?.content }}\n    </cds-tag>\n  </div>\n</ng-template>\n", styles: [".version-selector{margin:0;max-width:300px}::ng-deep .version-selector-dropdown-template{display:flex}::ng-deep .version-selector-dropdown-template .cds--tag{margin:0 8px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:24px;max-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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: DropdownModule }, { kind: "component", type: i3$1.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "readonly", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp", "fluid"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i3$1.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i3$1.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BuildingBlockManagementVersionSelectorComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'valtimo-building-block-management-version-selector', imports: [CommonModule, DropdownModule, TagModule], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{versionListItems: (versionListItems$ | async) || []} as obs\">\n  <cds-dropdown\n    class=\"version-selector\"\n    [disabled]=\"obs.versionListItems.length === 1\"\n    [displayValue]=\"versionTemplate\"\n    (selected)=\"onVersionSelected($event)\"\n  >\n    <cds-dropdown-list\n      [items]=\"obs.versionListItems\"\n      [listTpl]=\"versionTemplate\"\n    ></cds-dropdown-list>\n  </cds-dropdown>\n</ng-container>\n\n<ng-template #versionTemplate let-item=\"item\">\n  <div class=\"version-selector-dropdown-template\">\n    <cds-tag\n      class=\"cds-tag--no-margin\"\n      [type]=\"!item?.final ? 'red' : 'green'\"\n      [title]=\"item?.content\"\n    >\n      {{ !item?.final ? 'DRAFT: ' + item?.content : item?.content }}\n    </cds-tag>\n  </div>\n</ng-template>\n", styles: [".version-selector{margin:0;max-width:300px}::ng-deep .version-selector-dropdown-template{display:flex}::ng-deep .version-selector-dropdown-template .cds--tag{margin:0 8px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:24px;max-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"] }]
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-version-selector', imports: [CommonModule, DropdownModule, TagModule], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{versionListItems: (versionListItems$ | async) || []} as obs\">\n  <cds-dropdown\n    class=\"version-selector\"\n    [attr.data-test-id]=\"testIds.versionSelectDropdown\"\n    [disabled]=\"obs.versionListItems.length === 1\"\n    [displayValue]=\"versionTemplate\"\n    (selected)=\"onVersionSelected($event)\"\n  >\n    <cds-dropdown-list\n      [items]=\"obs.versionListItems\"\n      [listTpl]=\"versionTemplate\"\n    ></cds-dropdown-list>\n  </cds-dropdown>\n</ng-container>\n\n<ng-template #versionTemplate let-item=\"item\">\n  <div [attr.data-test-id]=\"item?.['data-test-id']\" class=\"version-selector-dropdown-template\">\n    <cds-tag\n      class=\"cds-tag--no-margin\"\n      [type]=\"!item?.final ? 'red' : 'green'\"\n      [title]=\"item?.content\"\n    >\n      {{ !item?.final ? 'DRAFT: ' + item?.content : item?.content }}\n    </cds-tag>\n  </div>\n</ng-template>\n", styles: [".version-selector{margin:0;max-width:300px}::ng-deep .version-selector-dropdown-template{display:flex}::ng-deep .version-selector-dropdown-template .cds--tag{margin:0 8px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:24px;max-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: BuildingBlockManagementDetailService }, { type: BuildingBlockManagementApiService }] });
 
 /*
@@ -1555,6 +1704,7 @@ class BuildingBlockManagementDetailActionsComponent {
         this.notificationService = notificationService;
         this.translateService = translateService;
         this.document = document;
+        this.testIds = BUILDING_BLOCK_MANAGEMENT_DETAIL_ACTIONS_TEST_IDS;
         this.actionInProgress$ = new BehaviorSubject(false);
         this.showDraftModal$ = new BehaviorSubject(false);
         this.definition$ = this.buildingBlockManagementDetailService.buildingBlockDefinition$;
@@ -1670,7 +1820,7 @@ class BuildingBlockManagementDetailActionsComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BuildingBlockManagementDetailActionsComponent, deps: [{ token: BuildingBlockManagementApiService }, { token: BuildingBlockManagementDetailService }, { token: i2$1.FormBuilder }, { token: i5.GlobalNotificationService }, { token: i2$2.TranslateService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BuildingBlockManagementDetailActionsComponent, isStandalone: true, selector: "valtimo-building-block-management-detail-actions", viewQueries: [{ propertyName: "_exportMessageTemplateRef", first: true, predicate: ["exportingMessage"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" BASIS,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"building-block-actions\"\n  *ngIf=\"{\n    isFinal: isFinal$ | async,\n  } as obs\"\n>\n  <div class=\"building-block-metadata\">\n    <valtimo-building-block-management-version-selector></valtimo-building-block-management-version-selector>\n  </div>\n\n  <div class=\"building-block-buttons\">\n    <v-overflow-menu\n      class=\"overflow-button\"\n      [menuWidth]=\"250\"\n      placement=\"bottom-end\"\n    >\n      <button overflowTrigger cdsButton=\"tertiary\">\n        {{ 'buildingBlockManagement.actions.more' | translate }}\n        <svg class=\"cds--btn__icon\" cdsIcon=\"overflow-menu--vertical\" size=\"16\"></svg>\n      </button>\n\n      <v-overflow-menu-option\n        optionId=\"exportBuildingBlock\"\n        (selected)=\"export()\"\n        [disabled]=\"(actionInProgress$ | async) || (exporting$ | async)\"\n      >\n        {{\n          'buildingBlockManagement.overflowMenu.export'\n            | translate: {value: buildingBlockName$ | async}\n        }}\n      </v-overflow-menu-option>\n\n      <v-overflow-menu-option\n        *ngIf=\"!obs.isFinal\"\n        [disabled]=\"actionInProgress$ | async\"\n        (selected)=\"finalizeDraft()\"\n      >\n        {{ 'buildingBlockManagement.actions.makeFinal' | translate }}\n      </v-overflow-menu-option>\n\n      <v-overflow-menu-option\n        *ngIf=\"obs.isFinal\"\n        [disabled]=\"actionInProgress$ | async\"\n        (selected)=\"openDraftModal()\"\n      >\n        {{ 'buildingBlockManagement.actions.createDraft' | translate }}\n      </v-overflow-menu-option>\n    </v-overflow-menu>\n  </div>\n</div>\n\n<ng-template #exportingMessage>\n  <div class=\"exporting-message\">\n    <span class=\"cds--inline-notification__title\">{{\n      'buildingBlockManagement.overflowMenu.preparingDownload' | translate\n    }}</span>\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n</ng-template>\n\n<cds-modal\n  *ngIf=\"{open: showDraftModal$ | async} as obs\"\n  [open]=\"obs.open\"\n  showFooter=\"true\"\n  valtimoCdsModal\n  (close)=\"closeDraftModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeDraftModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'buildingBlockManagement.actions.draft.title' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form [formGroup]=\"draftForm\" cdsModalContent class=\"bb-management-actions__modal\" [cdsLayer]=\"1\">\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [disabled]=\"draftForm.disabled\"\n        [invalid]=\"versionTag.touched && versionTag.invalid\"\n      >\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.actions.draft.version' | translate }}\n        </span>\n\n        <input\n          formControlName=\"versionTag\"\n          cdsText\n          placeholder=\"{{ 'buildingBlockManagement.actions.draft.placeholder' | translate }}\"\n        />\n      </cds-label>\n    </div>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"closeDraftModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"draftForm.invalid || (actionInProgress$ | async)\"\n      (click)=\"createDraft()\"\n    >\n      {{ 'buildingBlockManagement.actions.draft.confirm' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".building-block-actions{display:flex;width:100%;justify-content:space-between;align-items:flex-end}.building-block-actions ::ng-deep .version-selection{width:160px}.building-block-actions ::ng-deep .version-selection .cds--list-box__selection{display:none}.bb-management-actions__modal{min-width:320px}.building-block-metadata{display:flex;gap:24px;align-items:flex-end}.building-block-buttons{display:flex;align-items:center;gap:16px}::ng-deep .cds--list-box__field{display:flex;justify-content:space-between}::ng-deep .cds--list-box__menu-item__option{display:flex;justify-content:space-between;padding-inline-end:0}::ng-deep .cds--list-box__menu-item__option>div{margin-top:-4px}.full-width-notification{max-inline-size:100%;min-inline-size:100%}::ng-deep .cds--text-input__field-wrapper cds-label{width:100%}.exporting-message{display:flex;align-items:center;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i3$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i3$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i3$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i3$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i3$1.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i3$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i3$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i3$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: BuildingBlockManagementVersionSelectorComponent, selector: "valtimo-building-block-management-version-selector" }, { 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: "ngmodule", type: LoadingModule }, { kind: "component", type: i3$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: BuildingBlockManagementDetailActionsComponent, isStandalone: true, selector: "valtimo-building-block-management-detail-actions", viewQueries: [{ propertyName: "_exportMessageTemplateRef", first: true, predicate: ["exportingMessage"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" BASIS,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"building-block-actions\"\n  *ngIf=\"{\n    isFinal: isFinal$ | async,\n  } as obs\"\n>\n  <div class=\"building-block-metadata\">\n    <valtimo-building-block-management-version-selector></valtimo-building-block-management-version-selector>\n  </div>\n\n  <div class=\"building-block-buttons\">\n    <v-overflow-menu\n      class=\"overflow-button\"\n      [menuWidth]=\"250\"\n      placement=\"bottom-end\"\n    >\n      <button [attr.data-test-id]=\"testIds.moreButton\" overflowTrigger cdsButton=\"tertiary\">\n        {{ 'buildingBlockManagement.actions.more' | translate }}\n        <svg class=\"cds--btn__icon\" cdsIcon=\"overflow-menu--vertical\" size=\"16\"></svg>\n      </button>\n\n      <v-overflow-menu-option\n        [attr.data-test-id]=\"testIds.exportButton\"\n        optionId=\"exportBuildingBlock\"\n        (selected)=\"export()\"\n        [disabled]=\"(actionInProgress$ | async) || (exporting$ | async)\"\n      >\n        {{\n          'buildingBlockManagement.overflowMenu.export'\n            | translate: {value: buildingBlockName$ | async}\n        }}\n      </v-overflow-menu-option>\n\n      <v-overflow-menu-option\n        *ngIf=\"!obs.isFinal\"\n        [attr.data-test-id]=\"testIds.makeFinalButton\"\n        [disabled]=\"actionInProgress$ | async\"\n        (selected)=\"finalizeDraft()\"\n      >\n        {{ 'buildingBlockManagement.actions.makeFinal' | translate }}\n      </v-overflow-menu-option>\n\n      <v-overflow-menu-option\n        *ngIf=\"obs.isFinal\"\n        [attr.data-test-id]=\"testIds.createDraftButton\"\n        [disabled]=\"actionInProgress$ | async\"\n        (selected)=\"openDraftModal()\"\n      >\n        {{ 'buildingBlockManagement.actions.createDraft' | translate }}\n      </v-overflow-menu-option>\n    </v-overflow-menu>\n  </div>\n</div>\n\n<ng-template #exportingMessage>\n  <div class=\"exporting-message\">\n    <span class=\"cds--inline-notification__title\">{{\n      'buildingBlockManagement.overflowMenu.preparingDownload' | translate\n    }}</span>\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n</ng-template>\n\n<cds-modal\n  *ngIf=\"{open: showDraftModal$ | async} as obs\"\n  [open]=\"obs.open\"\n  showFooter=\"true\"\n  valtimoCdsModal\n  (close)=\"closeDraftModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeDraftModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'buildingBlockManagement.actions.draft.title' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form [formGroup]=\"draftForm\" cdsModalContent class=\"bb-management-actions__modal\" [cdsLayer]=\"1\">\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [disabled]=\"draftForm.disabled\"\n        [invalid]=\"versionTag.touched && versionTag.invalid\"\n      >\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.actions.draft.version' | translate }}\n        </span>\n\n        <input\n          [attr.data-test-id]=\"testIds.draftVersionInput\"\n          formControlName=\"versionTag\"\n          cdsText\n          placeholder=\"{{ 'buildingBlockManagement.actions.draft.placeholder' | translate }}\"\n        />\n      </cds-label>\n    </div>\n  </form>\n\n  <cds-modal-footer>\n    <button\n      [attr.data-test-id]=\"testIds.draftCancelButton\"\n      cdsButton=\"secondary\"\n      (click)=\"closeDraftModal()\"\n    >\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      [attr.data-test-id]=\"testIds.draftConfirmButton\"\n      cdsButton=\"primary\"\n      [disabled]=\"draftForm.invalid || (actionInProgress$ | async)\"\n      (click)=\"createDraft()\"\n    >\n      {{ 'buildingBlockManagement.actions.draft.confirm' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".building-block-actions{display:flex;width:100%;justify-content:space-between;align-items:flex-end}.building-block-actions ::ng-deep .version-selection{width:160px}.building-block-actions ::ng-deep .version-selection .cds--list-box__selection{display:none}.bb-management-actions__modal{min-width:320px}.building-block-metadata{display:flex;gap:24px;align-items:flex-end}.building-block-buttons{display:flex;align-items:center;gap:16px}::ng-deep .cds--list-box__field{display:flex;justify-content:space-between}::ng-deep .cds--list-box__menu-item__option{display:flex;justify-content:space-between;padding-inline-end:0}::ng-deep .cds--list-box__menu-item__option>div{margin-top:-4px}.full-width-notification{max-inline-size:100%;min-inline-size:100%}::ng-deep .cds--text-input__field-wrapper cds-label{width:100%}.exporting-message{display:flex;align-items:center;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i3$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i3$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i3$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i3$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i3$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i3$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i3$1.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i3$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: LayerModule }, { kind: "directive", type: i3$1.LayerDirective, selector: "[cdsLayer], [ibmLayer]", inputs: ["ibmLayer", "cdsLayer"], exportAs: ["layer"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i3$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: BuildingBlockManagementVersionSelectorComponent, selector: "valtimo-building-block-management-version-selector" }, { 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: "ngmodule", type: LoadingModule }, { kind: "component", type: i3$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BuildingBlockManagementDetailActionsComponent, decorators: [{
             type: Component,
@@ -1689,7 +1839,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         OverflowMenuComponent,
                         OverflowMenuOptionComponent,
                         LoadingModule,
-                    ], 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<div\n  class=\"building-block-actions\"\n  *ngIf=\"{\n    isFinal: isFinal$ | async,\n  } as obs\"\n>\n  <div class=\"building-block-metadata\">\n    <valtimo-building-block-management-version-selector></valtimo-building-block-management-version-selector>\n  </div>\n\n  <div class=\"building-block-buttons\">\n    <v-overflow-menu\n      class=\"overflow-button\"\n      [menuWidth]=\"250\"\n      placement=\"bottom-end\"\n    >\n      <button overflowTrigger cdsButton=\"tertiary\">\n        {{ 'buildingBlockManagement.actions.more' | translate }}\n        <svg class=\"cds--btn__icon\" cdsIcon=\"overflow-menu--vertical\" size=\"16\"></svg>\n      </button>\n\n      <v-overflow-menu-option\n        optionId=\"exportBuildingBlock\"\n        (selected)=\"export()\"\n        [disabled]=\"(actionInProgress$ | async) || (exporting$ | async)\"\n      >\n        {{\n          'buildingBlockManagement.overflowMenu.export'\n            | translate: {value: buildingBlockName$ | async}\n        }}\n      </v-overflow-menu-option>\n\n      <v-overflow-menu-option\n        *ngIf=\"!obs.isFinal\"\n        [disabled]=\"actionInProgress$ | async\"\n        (selected)=\"finalizeDraft()\"\n      >\n        {{ 'buildingBlockManagement.actions.makeFinal' | translate }}\n      </v-overflow-menu-option>\n\n      <v-overflow-menu-option\n        *ngIf=\"obs.isFinal\"\n        [disabled]=\"actionInProgress$ | async\"\n        (selected)=\"openDraftModal()\"\n      >\n        {{ 'buildingBlockManagement.actions.createDraft' | translate }}\n      </v-overflow-menu-option>\n    </v-overflow-menu>\n  </div>\n</div>\n\n<ng-template #exportingMessage>\n  <div class=\"exporting-message\">\n    <span class=\"cds--inline-notification__title\">{{\n      'buildingBlockManagement.overflowMenu.preparingDownload' | translate\n    }}</span>\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n</ng-template>\n\n<cds-modal\n  *ngIf=\"{open: showDraftModal$ | async} as obs\"\n  [open]=\"obs.open\"\n  showFooter=\"true\"\n  valtimoCdsModal\n  (close)=\"closeDraftModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeDraftModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'buildingBlockManagement.actions.draft.title' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form [formGroup]=\"draftForm\" cdsModalContent class=\"bb-management-actions__modal\" [cdsLayer]=\"1\">\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [disabled]=\"draftForm.disabled\"\n        [invalid]=\"versionTag.touched && versionTag.invalid\"\n      >\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.actions.draft.version' | translate }}\n        </span>\n\n        <input\n          formControlName=\"versionTag\"\n          cdsText\n          placeholder=\"{{ 'buildingBlockManagement.actions.draft.placeholder' | translate }}\"\n        />\n      </cds-label>\n    </div>\n  </form>\n\n  <cds-modal-footer>\n    <button cdsButton=\"secondary\" (click)=\"closeDraftModal()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      cdsButton=\"primary\"\n      [disabled]=\"draftForm.invalid || (actionInProgress$ | async)\"\n      (click)=\"createDraft()\"\n    >\n      {{ 'buildingBlockManagement.actions.draft.confirm' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".building-block-actions{display:flex;width:100%;justify-content:space-between;align-items:flex-end}.building-block-actions ::ng-deep .version-selection{width:160px}.building-block-actions ::ng-deep .version-selection .cds--list-box__selection{display:none}.bb-management-actions__modal{min-width:320px}.building-block-metadata{display:flex;gap:24px;align-items:flex-end}.building-block-buttons{display:flex;align-items:center;gap:16px}::ng-deep .cds--list-box__field{display:flex;justify-content:space-between}::ng-deep .cds--list-box__menu-item__option{display:flex;justify-content:space-between;padding-inline-end:0}::ng-deep .cds--list-box__menu-item__option>div{margin-top:-4px}.full-width-notification{max-inline-size:100%;min-inline-size:100%}::ng-deep .cds--text-input__field-wrapper cds-label{width:100%}.exporting-message{display:flex;align-items:center;gap:8px}\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<div\n  class=\"building-block-actions\"\n  *ngIf=\"{\n    isFinal: isFinal$ | async,\n  } as obs\"\n>\n  <div class=\"building-block-metadata\">\n    <valtimo-building-block-management-version-selector></valtimo-building-block-management-version-selector>\n  </div>\n\n  <div class=\"building-block-buttons\">\n    <v-overflow-menu\n      class=\"overflow-button\"\n      [menuWidth]=\"250\"\n      placement=\"bottom-end\"\n    >\n      <button [attr.data-test-id]=\"testIds.moreButton\" overflowTrigger cdsButton=\"tertiary\">\n        {{ 'buildingBlockManagement.actions.more' | translate }}\n        <svg class=\"cds--btn__icon\" cdsIcon=\"overflow-menu--vertical\" size=\"16\"></svg>\n      </button>\n\n      <v-overflow-menu-option\n        [attr.data-test-id]=\"testIds.exportButton\"\n        optionId=\"exportBuildingBlock\"\n        (selected)=\"export()\"\n        [disabled]=\"(actionInProgress$ | async) || (exporting$ | async)\"\n      >\n        {{\n          'buildingBlockManagement.overflowMenu.export'\n            | translate: {value: buildingBlockName$ | async}\n        }}\n      </v-overflow-menu-option>\n\n      <v-overflow-menu-option\n        *ngIf=\"!obs.isFinal\"\n        [attr.data-test-id]=\"testIds.makeFinalButton\"\n        [disabled]=\"actionInProgress$ | async\"\n        (selected)=\"finalizeDraft()\"\n      >\n        {{ 'buildingBlockManagement.actions.makeFinal' | translate }}\n      </v-overflow-menu-option>\n\n      <v-overflow-menu-option\n        *ngIf=\"obs.isFinal\"\n        [attr.data-test-id]=\"testIds.createDraftButton\"\n        [disabled]=\"actionInProgress$ | async\"\n        (selected)=\"openDraftModal()\"\n      >\n        {{ 'buildingBlockManagement.actions.createDraft' | translate }}\n      </v-overflow-menu-option>\n    </v-overflow-menu>\n  </div>\n</div>\n\n<ng-template #exportingMessage>\n  <div class=\"exporting-message\">\n    <span class=\"cds--inline-notification__title\">{{\n      'buildingBlockManagement.overflowMenu.preparingDownload' | translate\n    }}</span>\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n</ng-template>\n\n<cds-modal\n  *ngIf=\"{open: showDraftModal$ | async} as obs\"\n  [open]=\"obs.open\"\n  showFooter=\"true\"\n  valtimoCdsModal\n  (close)=\"closeDraftModal()\"\n>\n  <cds-modal-header showCloseButton=\"true\" (closeSelect)=\"closeDraftModal()\">\n    <h3 cdsModalHeaderHeading>\n      {{ 'buildingBlockManagement.actions.draft.title' | translate }}\n    </h3>\n  </cds-modal-header>\n\n  <form [formGroup]=\"draftForm\" cdsModalContent class=\"bb-management-actions__modal\" [cdsLayer]=\"1\">\n    <div class=\"cds--text-input__field-wrapper\">\n      <cds-label\n        [disabled]=\"draftForm.disabled\"\n        [invalid]=\"versionTag.touched && versionTag.invalid\"\n      >\n        <span class=\"label-with-tooltip select-label\">\n          {{ 'buildingBlockManagement.actions.draft.version' | translate }}\n        </span>\n\n        <input\n          [attr.data-test-id]=\"testIds.draftVersionInput\"\n          formControlName=\"versionTag\"\n          cdsText\n          placeholder=\"{{ 'buildingBlockManagement.actions.draft.placeholder' | translate }}\"\n        />\n      </cds-label>\n    </div>\n  </form>\n\n  <cds-modal-footer>\n    <button\n      [attr.data-test-id]=\"testIds.draftCancelButton\"\n      cdsButton=\"secondary\"\n      (click)=\"closeDraftModal()\"\n    >\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button\n      [attr.data-test-id]=\"testIds.draftConfirmButton\"\n      cdsButton=\"primary\"\n      [disabled]=\"draftForm.invalid || (actionInProgress$ | async)\"\n      (click)=\"createDraft()\"\n    >\n      {{ 'buildingBlockManagement.actions.draft.confirm' | translate }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", styles: [".building-block-actions{display:flex;width:100%;justify-content:space-between;align-items:flex-end}.building-block-actions ::ng-deep .version-selection{width:160px}.building-block-actions ::ng-deep .version-selection .cds--list-box__selection{display:none}.bb-management-actions__modal{min-width:320px}.building-block-metadata{display:flex;gap:24px;align-items:flex-end}.building-block-buttons{display:flex;align-items:center;gap:16px}::ng-deep .cds--list-box__field{display:flex;justify-content:space-between}::ng-deep .cds--list-box__menu-item__option{display:flex;justify-content:space-between;padding-inline-end:0}::ng-deep .cds--list-box__menu-item__option>div{margin-top:-4px}.full-width-notification{max-inline-size:100%;min-inline-size:100%}::ng-deep .cds--text-input__field-wrapper cds-label{width:100%}.exporting-message{display:flex;align-items:center;gap:8px}\n"] }]
         }], ctorParameters: () => [{ type: BuildingBlockManagementApiService }, { type: BuildingBlockManagementDetailService }, { type: i2$1.FormBuilder }, { type: i5.GlobalNotificationService }, { type: i2$2.TranslateService }, { type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
@@ -2264,6 +2414,7 @@ class BuildingBlockManagementDetailComponent {
         this.pageTitleService = pageTitleService;
         this.buildingBlockManagementTabConfig = buildingBlockManagementTabConfig;
         this.BUILDING_BLOCK_MANAGEMENT_TABS = BUILDING_BLOCK_MANAGEMENT_TABS;
+        this.testIds = BUILDING_BLOCK_MANAGEMENT_DETAIL_TEST_IDS;
         this.activeTabKey$ = this.buildingBlockManagementDetailService.activeTabKey$;
         this.buildingBlockManagementDetailService.setRoute(this.route);
     }
@@ -2294,7 +2445,7 @@ class BuildingBlockManagementDetailComponent {
         return [];
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BuildingBlockManagementDetailComponent, deps: [{ token: i3.ActivatedRoute }, { token: BuildingBlockManagementDetailService }, { token: i7.PageTitleService }, { token: BUILDING_BLOCK_MANAGEMENT_TAB_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: BuildingBlockManagementDetailComponent, isStandalone: true, selector: "valtimo-building-block-management-detail", providers: [BuildingBlockManagementDetailService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if (activeTabKey$ | async; as activeTabKey) {\n  <cds-tabs type=\"line\">\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.general' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-general></valtimo-building-block-management-general>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.DOCUMENT}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.document' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.DOCUMENT)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-document></valtimo-building-block-management-document>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.processes' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-processes></valtimo-building-block-management-processes>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.FORMS}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.forms' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.FORMS)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-forms></valtimo-building-block-management-forms>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.FORM_FLOWS}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.formFlows' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.FORM_FLOWS)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-form-flows></valtimo-building-block-management-form-flows>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.DECISIONS}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.decisions' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.DECISIONS)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-decisions></valtimo-building-block-management-decisions>\n        }\n      </cds-tab>\n    }\n\n    @for (customTab of customTabs; track customTab.tabRoute) {\n      @if ((customTab.enabled$ | async) && {active: activeTabKey === customTab.tabRoute}; as obs) {\n        <cds-tab\n          [active]=\"obs.active\"\n          [heading]=\"customTab.translationKey | translate\"\n          (selected)=\"switchTab(customTab.tabRoute)\"\n        >\n          @if (obs.active) {\n            <ng-container *ngComponentOutlet=\"customTab.component\"></ng-container>\n          }\n        </cds-tab>\n      }\n    }\n  </cds-tabs>\n}\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <div class=\"building-block-management-detail__header\">\n      <valtimo-building-block-management-detail-actions></valtimo-building-block-management-detail-actions>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".valtimo-building-block-management-list__actions{display:flex}:host ::ng-deep .building-block-management-detail__header{display:flex;align-items:center;gap:.75rem;justify-content:flex-end}:host ::ng-deep .cds--tab-content{margin:0!important;padding-left:0!important;padding-right:0!important;outline:none!important}.building-block-management-header{display:flex;justify-content:space-between}\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: i4.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: IconModule }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i3$1.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i3$1.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: BuildingBlockManagementGeneralComponent, selector: "valtimo-building-block-management-general" }, { kind: "component", type: BuildingBlockManagementDocumentComponent, selector: "valtimo-building-block-management-document" }, { kind: "component", type: BuildingBlockManagementProcessesComponent, selector: "valtimo-building-block-management-processes" }, { kind: "component", type: BuildingBlockManagementFormsComponent, selector: "valtimo-building-block-management-forms" }, { kind: "component", type: BuildingBlockManagementFormFlowsComponent, selector: "valtimo-building-block-management-form-flows" }, { kind: "component", type: BuildingBlockManagementDecisionsComponent, selector: "valtimo-building-block-management-decisions" }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: BuildingBlockManagementDetailActionsComponent, selector: "valtimo-building-block-management-detail-actions" }, { kind: "ngmodule", type: DialogModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: BuildingBlockManagementDetailComponent, isStandalone: true, selector: "valtimo-building-block-management-detail", providers: [BuildingBlockManagementDetailService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if (activeTabKey$ | async; as activeTabKey) {\n  <cds-tabs [attr.data-test-id]=\"testIds.tabs\" type=\"line\">\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.general' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-general></valtimo-building-block-management-general>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.DOCUMENT}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.document' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.DOCUMENT)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-document></valtimo-building-block-management-document>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.processes' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-processes></valtimo-building-block-management-processes>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.FORMS}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.forms' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.FORMS)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-forms></valtimo-building-block-management-forms>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.FORM_FLOWS}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.formFlows' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.FORM_FLOWS)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-form-flows></valtimo-building-block-management-form-flows>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.DECISIONS}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.decisions' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.DECISIONS)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-decisions></valtimo-building-block-management-decisions>\n        }\n      </cds-tab>\n    }\n\n    @for (customTab of customTabs; track customTab.tabRoute) {\n      @if ((customTab.enabled$ | async) && {active: activeTabKey === customTab.tabRoute}; as obs) {\n        <cds-tab\n          [active]=\"obs.active\"\n          [heading]=\"customTab.translationKey | translate\"\n          (selected)=\"switchTab(customTab.tabRoute)\"\n        >\n          @if (obs.active) {\n            <ng-container *ngComponentOutlet=\"customTab.component\"></ng-container>\n          }\n        </cds-tab>\n      }\n    }\n  </cds-tabs>\n}\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <div class=\"building-block-management-detail__header\">\n      <valtimo-building-block-management-detail-actions></valtimo-building-block-management-detail-actions>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".valtimo-building-block-management-list__actions{display:flex}:host ::ng-deep .building-block-management-detail__header{display:flex;align-items:center;gap:.75rem;justify-content:flex-end}:host ::ng-deep .cds--tab-content{margin:0!important;padding-left:0!important;padding-right:0!important;outline:none!important}.building-block-management-header{display:flex;justify-content:space-between}\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: i4.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "ngmodule", type: IconModule }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i3$1.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i3$1.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: BuildingBlockManagementGeneralComponent, selector: "valtimo-building-block-management-general" }, { kind: "component", type: BuildingBlockManagementDocumentComponent, selector: "valtimo-building-block-management-document" }, { kind: "component", type: BuildingBlockManagementProcessesComponent, selector: "valtimo-building-block-management-processes" }, { kind: "component", type: BuildingBlockManagementFormsComponent, selector: "valtimo-building-block-management-forms" }, { kind: "component", type: BuildingBlockManagementFormFlowsComponent, selector: "valtimo-building-block-management-form-flows" }, { kind: "component", type: BuildingBlockManagementDecisionsComponent, selector: "valtimo-building-block-management-decisions" }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: BuildingBlockManagementDetailActionsComponent, selector: "valtimo-building-block-management-detail-actions" }, { kind: "ngmodule", type: DialogModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: BuildingBlockManagementDetailComponent, decorators: [{
             type: Component,
@@ -2314,7 +2465,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                         RenderInPageHeaderDirective,
                         BuildingBlockManagementDetailActionsComponent,
                         DialogModule,
-                    ], providers: [BuildingBlockManagementDetailService], template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if (activeTabKey$ | async; as activeTabKey) {\n  <cds-tabs type=\"line\">\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.general' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-general></valtimo-building-block-management-general>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.DOCUMENT}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.document' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.DOCUMENT)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-document></valtimo-building-block-management-document>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.processes' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-processes></valtimo-building-block-management-processes>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.FORMS}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.forms' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.FORMS)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-forms></valtimo-building-block-management-forms>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.FORM_FLOWS}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.formFlows' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.FORM_FLOWS)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-form-flows></valtimo-building-block-management-form-flows>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.DECISIONS}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.decisions' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.DECISIONS)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-decisions></valtimo-building-block-management-decisions>\n        }\n      </cds-tab>\n    }\n\n    @for (customTab of customTabs; track customTab.tabRoute) {\n      @if ((customTab.enabled$ | async) && {active: activeTabKey === customTab.tabRoute}; as obs) {\n        <cds-tab\n          [active]=\"obs.active\"\n          [heading]=\"customTab.translationKey | translate\"\n          (selected)=\"switchTab(customTab.tabRoute)\"\n        >\n          @if (obs.active) {\n            <ng-container *ngComponentOutlet=\"customTab.component\"></ng-container>\n          }\n        </cds-tab>\n      }\n    }\n  </cds-tabs>\n}\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <div class=\"building-block-management-detail__header\">\n      <valtimo-building-block-management-detail-actions></valtimo-building-block-management-detail-actions>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".valtimo-building-block-management-list__actions{display:flex}:host ::ng-deep .building-block-management-detail__header{display:flex;align-items:center;gap:.75rem;justify-content:flex-end}:host ::ng-deep .cds--tab-content{margin:0!important;padding-left:0!important;padding-right:0!important;outline:none!important}.building-block-management-header{display:flex;justify-content:space-between}\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"] }]
+                    ], providers: [BuildingBlockManagementDetailService], template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n@if (activeTabKey$ | async; as activeTabKey) {\n  <cds-tabs [attr.data-test-id]=\"testIds.tabs\" type=\"line\">\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.general' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-general></valtimo-building-block-management-general>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.DOCUMENT}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.document' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.DOCUMENT)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-document></valtimo-building-block-management-document>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.processes' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-processes></valtimo-building-block-management-processes>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.FORMS}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.forms' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.FORMS)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-forms></valtimo-building-block-management-forms>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.FORM_FLOWS}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.formFlows' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.FORM_FLOWS)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-form-flows></valtimo-building-block-management-form-flows>\n        }\n      </cds-tab>\n    }\n\n    @if ({active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.DECISIONS}; as obs) {\n      <cds-tab\n        [active]=\"obs.active\"\n        [heading]=\"'buildingBlockManagement.tabs.decisions' | translate\"\n        (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.DECISIONS)\"\n      >\n        @if (obs.active) {\n          <valtimo-building-block-management-decisions></valtimo-building-block-management-decisions>\n        }\n      </cds-tab>\n    }\n\n    @for (customTab of customTabs; track customTab.tabRoute) {\n      @if ((customTab.enabled$ | async) && {active: activeTabKey === customTab.tabRoute}; as obs) {\n        <cds-tab\n          [active]=\"obs.active\"\n          [heading]=\"customTab.translationKey | translate\"\n          (selected)=\"switchTab(customTab.tabRoute)\"\n        >\n          @if (obs.active) {\n            <ng-container *ngComponentOutlet=\"customTab.component\"></ng-container>\n          }\n        </cds-tab>\n      }\n    }\n  </cds-tabs>\n}\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <div class=\"building-block-management-detail__header\">\n      <valtimo-building-block-management-detail-actions></valtimo-building-block-management-detail-actions>\n    </div>\n  </ng-template>\n</ng-container>\n", styles: [".valtimo-building-block-management-list__actions{display:flex}:host ::ng-deep .building-block-management-detail__header{display:flex;align-items:center;gap:.75rem;justify-content:flex-end}:host ::ng-deep .cds--tab-content{margin:0!important;padding-left:0!important;padding-right:0!important;outline:none!important}.building-block-management-header{display:flex;justify-content:space-between}\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: i3.ActivatedRoute }, { type: BuildingBlockManagementDetailService }, { type: i7.PageTitleService }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -2391,6 +2542,19 @@ const routes = [
         path: `building-block-management/building-block/:buildingBlockDefinitionKey/version/:buildingBlockDefinitionVersionTag/${BUILDING_BLOCK_MANAGEMENT_TABS.FORM_FLOWS}/:formFlowDefinitionKey`,
         component: FormFlowEditorComponent,
         canActivate: [AuthGuardService],
+        canDeactivate: [pendingChangesGuard],
+        data: {
+            title: 'formFlow.title',
+            roles: [ROLE_ADMIN],
+            customPageTitle: true,
+            context: 'buildingBlock',
+        },
+    },
+    {
+        path: `building-block-management/building-block/:buildingBlockDefinitionKey/version/:buildingBlockDefinitionVersionTag/${BUILDING_BLOCK_MANAGEMENT_TABS.FORM_FLOWS}/:formFlowDefinitionKey/editor`,
+        component: FormFlowEditorComponent,
+        canActivate: [AuthGuardService],
+        canDeactivate: [pendingChangesGuard],
         data: {
             title: 'formFlow.title',
             roles: [ROLE_ADMIN],
@@ -2476,5 +2640,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BuildingBlockManagementApiService, BuildingBlockManagementDetailService, BuildingBlockManagementModule, BuildingBlockManagementService };
+export { BUILDING_BLOCK_MANAGEMENT_ARTWORK_TEST_IDS, BUILDING_BLOCK_MANAGEMENT_CREATE_TEST_IDS, BUILDING_BLOCK_MANAGEMENT_DETAIL_ACTIONS_TEST_IDS, BUILDING_BLOCK_MANAGEMENT_DETAIL_TEST_IDS, BUILDING_BLOCK_MANAGEMENT_LIST_TEST_IDS, BUILDING_BLOCK_MANAGEMENT_METADATA_TEST_IDS, BUILDING_BLOCK_MANAGEMENT_PLUGINS_TEST_IDS, BUILDING_BLOCK_MANAGEMENT_PROCESSES_TEST_IDS, BUILDING_BLOCK_MANAGEMENT_PROCESS_UPLOAD_TEST_IDS, BUILDING_BLOCK_MANAGEMENT_TABS, BUILDING_BLOCK_MANAGEMENT_UPLOAD_TEST_IDS, BUILDING_BLOCK_VERSION_OPTION_TEST_ID_PREFIX, BuildingBlockManagementApiService, BuildingBlockManagementDetailService, BuildingBlockManagementModule, BuildingBlockManagementService, STEPS, UPLOAD_STATUS, UPLOAD_STEP };
 //# sourceMappingURL=valtimo-building-block-management.mjs.map