@valtimo/building-block-management 13.13.0

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

@@ -0,0 +1,1746 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, Input, signal, ChangeDetectionStrategy, ViewChild, Inject, NgModule } from '@angular/core';
+import * as i4 from '@angular/common';
+import { CommonModule, DOCUMENT } from '@angular/common';
+import * as i2$1 from '@valtimo/components';
+import { runAfterCarbonModalClosed, ValtimoCdsModalDirective, AutoKeyInputComponent, TooltipIconModule, CARBON_CONSTANTS, ViewType, CarbonListModule, ReadOnlyDirective, ConfirmationModalModule, RenderInBodyComponent, MuuriDirectiveModule, SchemaEditorComponent, FitPageDirective, ValtimoCdsOverflowButtonDirective, RenderInPageHeaderDirective } from '@valtimo/components';
+import * as i2 from '@angular/common/http';
+import { HttpHeaders } from '@angular/common/http';
+import * as i1 from '@valtimo/shared';
+import { BaseApiService, InterceptorSkip, ROLE_ADMIN } from '@valtimo/shared';
+import { catchError, of, filter, switchMap, map, tap, distinctUntilChanged, BehaviorSubject, Subscription, combineLatest, take, startWith, from, finalize } from 'rxjs';
+import { isEqual } from 'lodash';
+import * as i3 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i3$1 from 'carbon-components-angular';
+import { ModalModule, ButtonModule, IconModule, InputModule, TooltipModule, LayerModule, FileUploaderModule, ProgressBarModule, NotificationModule, CheckboxModule, LoadingModule, TagModule, DropdownModule, DialogModule, TabsModule } from 'carbon-components-angular';
+import * as i4$1 from '@ngx-translate/core';
+import { TranslatePipe, TranslateModule } from '@ngx-translate/core';
+import * as i2$2 from '@angular/forms';
+import { Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { WarningFilled16, Upload16, TrashCan16, Download16 } from '@carbon/icons';
+import { toObservable } from '@angular/core/rxjs-interop';
+import { AuthGuardService } from '@valtimo/security';
+import * as i2$3 from '@valtimo/plugin';
+import { take as take$1 } from 'rxjs/operators';
+import * as i3$2 from '@valtimo/process-link';
+import { ProcessManagementBuilderComponent } from '@valtimo/process-management';
+
+/*
+ * Copyright 2015-2025 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.
+ */
+class BuildingBlockManagementApiService extends BaseApiService {
+    constructor(configService, httpClient) {
+        super(httpClient, configService);
+        this.configService = configService;
+        this.httpClient = httpClient;
+    }
+    getBuildingBlockDefinitions(options) {
+        return this.httpClient
+            .get(this.getApiUrl('management/v1/building-block'), {
+            params: options,
+            headers: new HttpHeaders().set(InterceptorSkip, '404'),
+        })
+            .pipe(catchError((error) => {
+            if (error.status === 404)
+                return of([]);
+            throw error;
+        }));
+    }
+    createBuildingBlockDefinition(dto) {
+        return this.httpClient.post(this.getApiUrl('management/v1/building-block'), dto);
+    }
+    getBuildingBlockDefinition(key, versionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}`));
+    }
+    updateBuildingBlockDefinition(key, versionTag, dto) {
+        return this.httpClient.put(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}`), dto);
+    }
+    getBuildingBlockDocumentDefinition(key, versionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/document`));
+    }
+    updateBuildingBlockDocumentDefinition(key, versionTag, schema) {
+        return this.httpClient.put(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/document`), schema);
+    }
+    getBuildingBlockProcessDefinitions(key, versionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/process-definition`));
+    }
+    importBuildingBlockDefinition(file) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/building-block/import`), file);
+    }
+    getBuildingBlockArtwork(key, versionTag) {
+        return this.httpClient
+            .get(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/artwork`), {
+            headers: new HttpHeaders().set(InterceptorSkip, '404'),
+        })
+            .pipe(catchError((error) => {
+            if (error.status === 404)
+                return of(null);
+            throw error;
+        }));
+    }
+    createBuildingBlockArtwork(key, versionTag, dto) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/artwork`), dto);
+    }
+    deleteBuildingBlockArtwork(key, versionTag) {
+        return this.httpClient.delete(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/artwork`));
+    }
+    getPluginDefinitionsForBuildingBlock(key, versionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/plugin`));
+    }
+    getVersionsForBuildingBlock(key, page = 0, size = 5, all = false) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/building-block/${key}/version`), {
+            params: {
+                page,
+                size,
+                all,
+            },
+        });
+    }
+    finalizeBuildingBlockDefinition(key, versionTag) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/finalize`), {});
+    }
+    createDraftBuildingBlockDefinition(key, basedOnVersionTag, versionTag) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/building-block/${key}/version/${basedOnVersionTag}/draft`), { versionTag });
+    }
+    setMainBuildingBlockProcessDefinition(key, versionTag, processDefinitionId) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/process-definition/${processDefinitionId}/main`), {});
+    }
+    deleteBuildingBlockProcessDefinition(key, versionTag, processDefinitionId) {
+        return this.httpClient.delete(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/process-definition/${processDefinitionId}`));
+    }
+    exportBuildingBlock(key, versionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/building-block/${key}/version/${versionTag}/export`), {
+            responseType: 'blob',
+            observe: 'response',
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementApiService, deps: [{ token: i1.ConfigService }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementApiService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementApiService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.ConfigService }, { type: i2.HttpClient }] });
+
+/*
+ * Copyright 2015-2025 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.
+ */
+class BuildingBlockManagementDetailService {
+    get loadingDefinition$() {
+        return this._loadingDefinition$.asObservable();
+    }
+    get _route$() {
+        return this._routeSubject$.pipe(filter(route => route !== null));
+    }
+    get buildingBlockDefinitionKey() {
+        return this._buildingBlockDefinitionKey;
+    }
+    get buildingBlockDefinitionKey$() {
+        return this._route$.pipe(switchMap(route => route.paramMap.pipe(map(params => params.get('buildingBlockDefinitionKey')), filter(key => !!key), tap(key => (this._buildingBlockDefinitionKey = key)))));
+    }
+    get buildingBlockDefinitionVersionTag() {
+        return this._buildingBlockDefinitionVersionTag;
+    }
+    get buildingBlockDefinitionVersionTag$() {
+        return this._route$.pipe(switchMap(route => route.paramMap.pipe(map(params => params.get('buildingBlockDefinitionVersionTag')), filter(version => !!version), tap(version => (this._buildingBlockDefinitionVersionTag = version)))));
+    }
+    get activeTabKey$() {
+        return this._route$.pipe(switchMap(route => route.paramMap.pipe(map(params => params.get('tabKey')), filter(key => !!key))));
+    }
+    get buildingBlockDefinition$() {
+        return this._buildingBlockDefinition$.pipe(filter(definition => definition !== null), distinctUntilChanged((a, b) => isEqual(a, b)));
+    }
+    get isFinal$() {
+        return this.buildingBlockDefinition$.pipe(map(definition => definition.final));
+    }
+    get reloadVersions$() {
+        return this._reloadVersions$.asObservable();
+    }
+    get reloadProcessDefinitions$() {
+        return this._reloadProcessDefinitions$.asObservable();
+    }
+    constructor(buildingBlockManagementApiService, pageTitleService, router) {
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.pageTitleService = pageTitleService;
+        this.router = router;
+        this._loadingDefinition$ = new BehaviorSubject(true);
+        this._routeSubject$ = new BehaviorSubject(null);
+        this._buildingBlockDefinition$ = new BehaviorSubject(null);
+        this._showProcessDefinitionUploadModal$ = new BehaviorSubject(false);
+        this.showProcessDefinitionUploadModal$ = this._showProcessDefinitionUploadModal$.asObservable();
+        this._reload$ = new BehaviorSubject(null);
+        this._reloadVersions$ = new BehaviorSubject(null);
+        this._reloadProcessDefinitions$ = new BehaviorSubject(null);
+        this._subscriptions = new Subscription();
+        this._subscriptions.add(combineLatest([
+            this.buildingBlockDefinitionKey$,
+            this.buildingBlockDefinitionVersionTag$,
+            this._reload$,
+        ])
+            .pipe(tap(() => this._loadingDefinition$.next(true)), switchMap(([key, version]) => this.buildingBlockManagementApiService.getBuildingBlockDefinition(key, version)), tap(res => {
+            this._buildingBlockDefinition$.next(res);
+            this.pageTitleService.setCustomPageTitle(res.name);
+            this._loadingDefinition$.next(false);
+        }))
+            .subscribe());
+    }
+    setRoute(route) {
+        this._routeSubject$.next(route);
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    navigateToTab(tabKey) {
+        this.buildingBlockDefinition$.subscribe(definition => {
+            this.router.navigate([
+                '/building-block-management',
+                'building-block',
+                definition.key,
+                'version',
+                definition.versionTag,
+                tabKey,
+            ]);
+        });
+    }
+    navigateToVersionTag(versionTag) {
+        const currentUrl = this.router.url.split('?')[0];
+        const parts = currentUrl.split('/');
+        const versionIndex = parts.findIndex(segment => segment === 'version');
+        if (versionIndex === -1 || versionIndex + 1 >= parts.length) {
+            return;
+        }
+        parts[versionIndex + 1] = versionTag;
+        const newUrl = parts.join('/');
+        this.router.navigateByUrl(newUrl);
+    }
+    reload() {
+        this._reload$.next(null);
+    }
+    reloadVersions() {
+        this._reloadVersions$.next(null);
+    }
+    showProcessDefinitionUploadModal() {
+        this._showProcessDefinitionUploadModal$.next(true);
+    }
+    hideProcessDefinitionUploadModal() {
+        this._showProcessDefinitionUploadModal$.next(false);
+    }
+    reloadProcessDefinitions() {
+        this._reloadProcessDefinitions$.next(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementDetailService, deps: [{ token: BuildingBlockManagementApiService }, { token: i2$1.PageTitleService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementDetailService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementDetailService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: BuildingBlockManagementApiService }, { type: i2$1.PageTitleService }, { type: i3.Router }] });
+
+/*
+ * Copyright 2015-2025 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.
+ */
+class BuildingBlockManagementService {
+    constructor() {
+        this._showCreateModal$ = new BehaviorSubject(false);
+        this.showCreateModal$ = this._showCreateModal$.asObservable();
+        this._showUploadModal$ = new BehaviorSubject(false);
+        this.showUploadModal$ = this._showUploadModal$.asObservable();
+        this._usedKeys$ = new BehaviorSubject([]);
+        this.usedKeys$ = this._usedKeys$.asObservable();
+        this._reload$ = new BehaviorSubject(null);
+        this.reload$ = this._reload$.asObservable();
+    }
+    showCreateModal() {
+        this._showCreateModal$.next(true);
+    }
+    hideCreateModal() {
+        this._showCreateModal$.next(false);
+    }
+    showUploadModal() {
+        this._showUploadModal$.next(true);
+    }
+    hideUploadModal() {
+        this._showUploadModal$.next(false);
+    }
+    setUsedKeys(keys) {
+        this._usedKeys$.next(keys);
+    }
+    reload() {
+        this._reload$.next(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementService, decorators: [{
+            type: Injectable
+        }] });
+
+/*
+ * Copyright 2015-2025 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.
+ */
+
+/*
+ * Copyright 2015-2025 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_TABS = {
+    GENERAL: 'general',
+    PROCESSES: 'process-definition',
+    DOCUMENT: 'document',
+};
+
+/*
+ * Copyright 2015-2025 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.
+ */
+var UPLOAD_STATUS;
+(function (UPLOAD_STATUS) {
+    UPLOAD_STATUS["ACTIVE"] = "active";
+    UPLOAD_STATUS["ERROR"] = "error";
+    UPLOAD_STATUS["FINISHED"] = "finished";
+})(UPLOAD_STATUS || (UPLOAD_STATUS = {}));
+var UPLOAD_STEP;
+(function (UPLOAD_STEP) {
+    UPLOAD_STEP["FILE_SELECT"] = "fileSelect";
+    UPLOAD_STEP["FILE_UPLOAD"] = "fileUpload";
+    UPLOAD_STEP["PLUGINS"] = "plugins";
+})(UPLOAD_STEP || (UPLOAD_STEP = {}));
+const STEPS = [UPLOAD_STEP.PLUGINS, UPLOAD_STEP.FILE_SELECT, UPLOAD_STEP.FILE_UPLOAD];
+
+/*
+ * Copyright 2015-2025 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.
+ */
+
+/*
+ * Copyright 2015-2025 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.
+ */
+class BuildingBlockManagementCreateModalComponent {
+    get name() {
+        return this.formGroup.get('name');
+    }
+    get key() {
+        return this.formGroup.get('key');
+    }
+    get versionTag() {
+        return this.formGroup.get('versionTag');
+    }
+    get description() {
+        return this.formGroup.get('description');
+    }
+    constructor(buildingBlockManagementApiService, buildingBlockManagementService, fb, router) {
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.buildingBlockManagementService = buildingBlockManagementService;
+        this.fb = fb;
+        this.router = router;
+        this.showModal$ = this.buildingBlockManagementService.showCreateModal$;
+        this.usedKeys$ = this.buildingBlockManagementService.usedKeys$;
+        this.formGroup = this.fb.group({
+            name: this.fb.control('', Validators.required),
+            key: this.fb.control('', [Validators.required, Validators.pattern('[A-Za-z0-9-]*')]),
+            versionTag: this.fb.control('', Validators.required),
+            description: this.fb.control(''),
+        });
+    }
+    onCloseModal() {
+        this.buildingBlockManagementService.hideCreateModal();
+        this.resetForm();
+    }
+    onSave() {
+        this.formGroup.disable();
+        this.buildingBlockManagementApiService
+            .createBuildingBlockDefinition(this.formGroup.value)
+            .pipe(catchError(() => {
+            this.formGroup.enable();
+            return of(null);
+        }))
+            .subscribe(createdBuildingBlock => {
+            this.router.navigate([
+                '/building-block-management',
+                'building-block',
+                createdBuildingBlock.key,
+                'version',
+                createdBuildingBlock.versionTag,
+                BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL,
+            ]);
+        });
+    }
+    resetForm() {
+        runAfterCarbonModalClosed(() => {
+            this.formGroup.reset();
+            this.formGroup.enable();
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementCreateModalComponent, deps: [{ token: BuildingBlockManagementApiService }, { token: BuildingBlockManagementService }, { token: i2$2.FormBuilder }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", 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=\"ghost\" (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$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.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$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.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: i2$1.TooltipIconComponent, selector: "v-tooltip-icon", inputs: ["tooltip", "disabled"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementCreateModalComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-create-modal', imports: [
+                        CommonModule,
+                        ModalModule,
+                        ButtonModule,
+                        IconModule,
+                        FormsModule,
+                        InputModule,
+                        ReactiveFormsModule,
+                        TooltipModule,
+                        TranslatePipe,
+                        ValtimoCdsModalDirective,
+                        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=\"ghost\" (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"] }]
+        }], ctorParameters: () => [{ type: BuildingBlockManagementApiService }, { type: BuildingBlockManagementService }, { type: i2$2.FormBuilder }, { type: i3.Router }] });
+
+/*
+ * Copyright 2015-2025 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.
+ */
+class BuildingBlockManagementUploadStepComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementUploadStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: BuildingBlockManagementUploadStepComponent, isStandalone: true, selector: "valtimo-building-block-management-upload-step", inputs: { illustration: "illustration", message: "message", title: "title" }, 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 class=\"valtimo-upload-step__content\">\n  <div class=\"valtimo-upload-step__title\">{{ title }}</div>\n\n  <div class=\"valtimo-upload-step__message\">{{ message }}</div>\n</div>\n\n<img [src]=\"illustration\" alt=\"{{ illustration }}\" class=\"valtimo-upload-step__illustration\" />\n", styles: [":host{display:flex;justify-content:space-around;align-items:center;gap:32px;height:100%}:host label{color:unset}.valtimo-upload-step__content{display:flex;flex-direction:column;gap:16px}.valtimo-upload-step__title{font-weight:600;font-size:16px}.valtimo-upload-step__message{font-size:16px;line-height:28px}.valtimo-upload-step__illustration{max-width:200px}\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 }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementUploadStepComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-upload-step', imports: [CommonModule], 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 class=\"valtimo-upload-step__content\">\n  <div class=\"valtimo-upload-step__title\">{{ title }}</div>\n\n  <div class=\"valtimo-upload-step__message\">{{ message }}</div>\n</div>\n\n<img [src]=\"illustration\" alt=\"{{ illustration }}\" class=\"valtimo-upload-step__illustration\" />\n", styles: [":host{display:flex;justify-content:space-around;align-items:center;gap:32px;height:100%}:host label{color:unset}.valtimo-upload-step__content{display:flex;flex-direction:column;gap:16px}.valtimo-upload-step__title{font-weight:600;font-size:16px}.valtimo-upload-step__message{font-size:16px;line-height:28px}.valtimo-upload-step__illustration{max-width:200px}\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"] }]
+        }], propDecorators: { illustration: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }] } });
+
+/*
+ * Copyright 2015-2025 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.
+ */
+class BuildingBlockManagementUploadModalComponent {
+    constructor(buildingBlockManagementApiService, buildingBlockManagementService, fb, iconService, translateService) {
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.buildingBlockManagementService = buildingBlockManagementService;
+        this.fb = fb;
+        this.iconService = iconService;
+        this.translateService = translateService;
+        this.acceptedFiles = ['.zip'];
+        this.showUploadModal$ = this.buildingBlockManagementService.showUploadModal$;
+        this._disabled$ = new BehaviorSubject(true);
+        this.UPLOAD_STEP = UPLOAD_STEP;
+        this.UPLOAD_STATUS = UPLOAD_STATUS;
+        this.activeStep$ = new BehaviorSubject(UPLOAD_STEP.PLUGINS);
+        this.backButtonEnabled$ = this.activeStep$.pipe(map((activeStep) => [UPLOAD_STEP.FILE_SELECT].includes(activeStep)));
+        this.isStepAfterUpload$ = this.activeStep$.pipe(map((activeStep) => ![UPLOAD_STEP.PLUGINS, UPLOAD_STEP.FILE_SELECT].includes(activeStep)));
+        this.showCloseButton$ = this.activeStep$.pipe(map((activeStep) => [UPLOAD_STEP.PLUGINS, UPLOAD_STEP.FILE_SELECT, UPLOAD_STEP.FILE_UPLOAD].includes(activeStep)));
+        this.$warningChecked = signal(false);
+        this.nextButtonDisabled$ = combineLatest([
+            this.activeStep$,
+            this._disabled$,
+            toObservable(this.$warningChecked),
+        ]).pipe(map(([activeStep, disabled, warningChecked]) => {
+            const warningNotChecked = activeStep === UPLOAD_STEP.FILE_SELECT && !warningChecked;
+            return warningNotChecked || (activeStep !== UPLOAD_STEP.PLUGINS && disabled);
+        }));
+        this.notificationObj$ = combineLatest([
+            this.translateService.stream('interface.warning'),
+            this.translateService.stream('buildingBlockManagement.importDefinition.overwriteWarning'),
+        ]).pipe(map(([title, message]) => ({
+            type: 'warning',
+            title,
+            message,
+            showClose: false,
+            lowContrast: true,
+        })));
+        this.showCheckboxError$ = new BehaviorSubject(false);
+        this.uploadStatus$ = new BehaviorSubject(UPLOAD_STATUS.ACTIVE);
+        this.form = this.fb.group({
+            file: this.fb.control(new Set(), [Validators.required]),
+        });
+        this._importFile$ = new BehaviorSubject('');
+        this._subscriptions = new Subscription();
+        this.iconService.register(WarningFilled16);
+    }
+    ngOnInit() {
+        const control = this.form.get('file');
+        if (!control) {
+            return;
+        }
+        this._subscriptions.add(this.form.get('file').valueChanges.subscribe((fileSet) => {
+            // @ts-ignore
+            const [fileItem] = fileSet;
+            if (!fileItem) {
+                this._disabled$.next(true);
+                this.showCheckboxError$.next(false);
+                this.$warningChecked.set(false);
+                return;
+            }
+            this.setZipFile(fileItem);
+        }));
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+        this.resetModal();
+    }
+    onCloseModal(definitionUploaded) {
+        if (definitionUploaded) {
+            this.buildingBlockManagementService.reload();
+        }
+        this.buildingBlockManagementService.hideUploadModal();
+        runAfterCarbonModalClosed(() => {
+            this.resetModal();
+        });
+    }
+    onBackClick(activeStep) {
+        const prevIndex = STEPS.findIndex((step) => step === activeStep) - 1;
+        if (prevIndex === -1) {
+            return;
+        }
+        this.activeStep$.next(STEPS[prevIndex]);
+    }
+    onNextClick(activeStep) {
+        const nextIndex = STEPS.findIndex((step) => step === activeStep) + 1;
+        if (nextIndex === STEPS.length) {
+            return;
+        }
+        if (activeStep === UPLOAD_STEP.FILE_SELECT && !this.$warningChecked()) {
+            this.showCheckboxError$.next(true);
+            return;
+        }
+        this.activeStep$.next(STEPS[nextIndex]);
+        if (STEPS[nextIndex] !== UPLOAD_STEP.FILE_UPLOAD) {
+            return;
+        }
+        this.uploadDefinition();
+    }
+    onCheckedChange(checked) {
+        this.$warningChecked.set(checked);
+        if (!checked) {
+            return;
+        }
+        this.showCheckboxError$.next(false);
+    }
+    setZipFile(fileItem) {
+        const file = fileItem?.file;
+        if (!file) {
+            this._importFile$.next('');
+            return;
+        }
+        const blob = new Blob([fileItem.file], { type: fileItem.file.type });
+        const fd = new FormData();
+        fd.append('file', blob, fileItem.file.name);
+        this._importFile$.next(fd);
+        this._disabled$.next(false);
+    }
+    uploadDefinition() {
+        this._disabled$.next(true);
+        this._importFile$
+            .pipe(switchMap((file) => this.buildingBlockManagementApiService.importBuildingBlockDefinition(file)), take(1))
+            .subscribe({
+            next: () => {
+                this._disabled$.next(false);
+                this.uploadStatus$.next(UPLOAD_STATUS.FINISHED);
+            },
+            error: () => {
+                this.uploadStatus$.next(UPLOAD_STATUS.ERROR);
+                this._disabled$.next(false);
+            },
+        });
+    }
+    resetModal() {
+        setTimeout(() => {
+            this.activeStep$.next(UPLOAD_STEP.PLUGINS);
+            this.uploadStatus$.next(UPLOAD_STATUS.ACTIVE);
+            this.showCheckboxError$.next(false);
+        }, CARBON_CONSTANTS.modalAnimationMs);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementUploadModalComponent, deps: [{ token: BuildingBlockManagementApiService }, { token: BuildingBlockManagementService }, { token: i2$2.FormBuilder }, { token: i3$1.IconService }, { token: i4$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", 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: i4$1.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$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementUploadModalComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-upload-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        FileUploaderModule,
+                        ModalModule,
+                        TranslateModule,
+                        ButtonModule,
+                        ProgressBarModule,
+                        NotificationModule,
+                        CheckboxModule,
+                        BuildingBlockManagementUploadStepComponent,
+                        ReactiveFormsModule,
+                    ], 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"] }]
+        }], ctorParameters: () => [{ type: BuildingBlockManagementApiService }, { type: BuildingBlockManagementService }, { type: i2$2.FormBuilder }, { type: i3$1.IconService }, { type: i4$1.TranslateService }] });
+
+/*
+ * Copyright 2015-2025 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.
+ */
+class BuildingBlockManagementListComponent {
+    constructor(buildingBlockManagementApiService, buildingBlockManagementService, iconService, router) {
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.buildingBlockManagementService = buildingBlockManagementService;
+        this.iconService = iconService;
+        this.router = router;
+        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.$loading.set(false);
+        }));
+        this.FIELDS = [
+            { key: 'name', label: 'buildingBlockManagement.listColumns.name' },
+            { key: 'key', label: 'buildingBlockManagement.listColumns.key' },
+            {
+                key: 'versionTag',
+                label: 'buildingBlockManagement.listColumns.versionTag',
+                viewType: ViewType.TAGS,
+            },
+        ];
+        this.iconService.registerAll([Upload16]);
+    }
+    showCreateModal() {
+        this.buildingBlockManagementService.showCreateModal();
+    }
+    showUploadModal() {
+        this.buildingBlockManagementService.showUploadModal();
+    }
+    onRowClick(buildingBlockDefinition) {
+        this.router.navigate([
+            '/building-block-management',
+            'building-block',
+            buildingBlockDefinition.key,
+            'version',
+            buildingBlockDefinition.versionTag,
+            BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL,
+        ]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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: i2$1.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i2$1.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.18", ngImport: i0, type: BuildingBlockManagementListComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-list', imports: [
+                        CommonModule,
+                        CarbonListModule,
+                        ButtonModule,
+                        IconModule,
+                        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"] }]
+        }], ctorParameters: () => [{ type: BuildingBlockManagementApiService }, { type: BuildingBlockManagementService }, { type: i3$1.IconService }, { type: i3.Router }] });
+
+/*
+ * Copyright 2015-2025 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.
+ */
+class BuildingBlockManagementMetadataComponent {
+    get name() {
+        return this.formGroup.get('name');
+    }
+    get key() {
+        return this.formGroup.get('key');
+    }
+    get description() {
+        return this.formGroup.get('description');
+    }
+    constructor(buildingBlockManagementDetailService, buildingBlockManagementApiService, fb) {
+        this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.fb = fb;
+        this.formGroup = this.fb.group({
+            name: this.fb.control('', Validators.required),
+            key: this.fb.control('', Validators.required),
+            description: this.fb.control(''),
+        });
+        this._subscriptions = new Subscription();
+    }
+    ngOnInit() {
+        this.openBuildingBlockDefinitionSubscription();
+        this.openLoadingAndFinalSubscription();
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    onSave() {
+        this.formGroup.disable();
+        this.buildingBlockManagementApiService
+            .updateBuildingBlockDefinition(this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag, this.formGroup.value)
+            .subscribe(() => {
+            this.buildingBlockManagementDetailService.reload();
+        });
+    }
+    openBuildingBlockDefinitionSubscription() {
+        this._subscriptions.add(this.buildingBlockManagementDetailService.buildingBlockDefinition$.subscribe(buildingBlockDefinition => {
+            this.formGroup.setValue({
+                name: buildingBlockDefinition.name,
+                key: buildingBlockDefinition.key,
+                description: buildingBlockDefinition.description,
+            });
+        }));
+    }
+    openLoadingAndFinalSubscription() {
+        this._subscriptions.add(combineLatest([
+            this.buildingBlockManagementDetailService.loadingDefinition$,
+            this.buildingBlockManagementDetailService.isFinal$,
+        ]).subscribe(([loadingDefinition, isFinal]) => {
+            if (loadingDefinition) {
+                this.formGroup.disable();
+            }
+            else if (!isFinal) {
+                this.name.enable();
+                this.description.enable();
+                this.formGroup.markAsPristine();
+            }
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementMetadataComponent, deps: [{ token: BuildingBlockManagementDetailService }, { token: BuildingBlockManagementApiService }, { token: i2$2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", 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$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.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: i2$1.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.18", ngImport: i0, type: BuildingBlockManagementMetadataComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-metadata', imports: [
+                        CommonModule,
+                        TranslatePipe,
+                        ReactiveFormsModule,
+                        InputModule,
+                        TooltipIconModule,
+                        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"] }]
+        }], ctorParameters: () => [{ type: BuildingBlockManagementDetailService }, { type: BuildingBlockManagementApiService }, { type: i2$2.FormBuilder }] });
+
+/*
+ * Copyright 2015-2025 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.
+ */
+class BuildingBlockManagementArtworkComponent {
+    get file() {
+        return this.formGroup.get('file');
+    }
+    constructor(buildingBlockManagementDetailService, buildingBlockManagementApiService, formBuilder, iconService) {
+        this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.formBuilder = formBuilder;
+        this.iconService = iconService;
+        this.ACCEPTED_FILES = ['png'];
+        this.formGroup = this.formBuilder.group({
+            file: this.formBuilder.control(new Set(), [Validators.required]),
+        });
+        this.loadingArtwork$ = new BehaviorSubject(true);
+        this._refresh$ = new BehaviorSubject(null);
+        this.artwork$ = this._refresh$.pipe(switchMap(() => this.buildingBlockManagementApiService.getBuildingBlockArtwork(this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag)), tap(() => this.loadingArtwork$.next(false)));
+        this.showDeleteConfirmationModal$ = new BehaviorSubject(false);
+        this._subscriptions = new Subscription();
+        this.iconService.registerAll([Upload16, TrashCan16]);
+    }
+    ngOnInit() {
+        this._subscriptions.add(this.buildingBlockManagementDetailService.isFinal$.subscribe(isFinal => {
+            if (isFinal) {
+                this.formGroup.disable();
+            }
+            else {
+                this.formGroup.enable();
+            }
+        }));
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    async onSave() {
+        const file = Array.from(this.file.value)[0]?.file;
+        const imageBase64 = await this.fileToBase64(file);
+        this.formGroup.disable();
+        this.buildingBlockManagementApiService
+            .createBuildingBlockArtwork(this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag, {
+            imageBase64,
+        })
+            .subscribe({
+            next: () => {
+                this._refresh$.next(null);
+                this.formGroup.enable();
+            },
+            error: () => {
+                this.formGroup.enable();
+            },
+        });
+    }
+    onDeleteButtonClick() {
+        this.showDeleteConfirmationModal$.next(true);
+    }
+    onDelete() {
+        this.buildingBlockManagementApiService
+            .deleteBuildingBlockArtwork(this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag)
+            .subscribe(() => {
+            this._refresh$.next(null);
+        });
+    }
+    async fileToBase64(file) {
+        return new Promise((resolve, reject) => {
+            const reader = new FileReader();
+            reader.readAsDataURL(file);
+            reader.onload = () => {
+                const result = reader.result;
+                const pureBase64 = result.split(',')[1];
+                resolve(pureBase64);
+            };
+            reader.onerror = error => reject(error);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementArtworkComponent, deps: [{ token: BuildingBlockManagementDetailService }, { token: BuildingBlockManagementApiService }, { token: i2$2.FormBuilder }, { token: i3$1.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.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: i2$1.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "component", type: RenderInBodyComponent, selector: "valtimo-render-in-body" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementArtworkComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-artwork', imports: [
+                        CommonModule,
+                        TranslatePipe,
+                        ReactiveFormsModule,
+                        InputModule,
+                        TooltipIconModule,
+                        LayerModule,
+                        ButtonModule,
+                        FileUploaderModule,
+                        LoadingModule,
+                        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"] }]
+        }], ctorParameters: () => [{ type: BuildingBlockManagementDetailService }, { type: BuildingBlockManagementApiService }, { type: i2$2.FormBuilder }, { type: i3$1.IconService }] });
+
+/*
+ * Copyright 2015-2025 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.
+ */
+class BuildingBlockManagementPluginsComponent {
+    constructor(buildingBlockManagementApiService, pluginManagementService, buildingBlockManagementDetailService) {
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.pluginManagementService = pluginManagementService;
+        this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+        this.loading$ = new BehaviorSubject(true);
+        this.usedPluginTitles$ = combineLatest([
+            this.pluginManagementService.getPluginDefinitions(),
+            this.buildingBlockManagementApiService.getPluginDefinitionsForBuildingBlock(this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag),
+        ]).pipe(map(([pluginDefinitions, pluginsForBuildingBlock]) => {
+            const plugins = pluginsForBuildingBlock?.plugins ?? [];
+            const pluginKeys = plugins.map(plugin => plugin.pluginDefinitionKey).filter(Boolean);
+            return pluginKeys.map(pluginDefinitionForBuildingBlock => pluginDefinitions.find(pluginDefinition => pluginDefinition.key === pluginDefinitionForBuildingBlock)?.title ?? pluginDefinitionForBuildingBlock);
+        }), tap(() => this.loading$.next(false)));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", 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"] }]
+        }], ctorParameters: () => [{ type: BuildingBlockManagementApiService }, { type: i2$3.PluginManagementService }, { type: BuildingBlockManagementDetailService }] });
+
+/*
+ * Copyright 2015-2025 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.
+ */
+class BuildingBlockManagementGeneralComponent {
+    constructor(buildingBlockManagementDetailService) {
+        this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementGeneralComponent, deps: [{ token: BuildingBlockManagementDetailService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: BuildingBlockManagementGeneralComponent, isStandalone: true, selector: "valtimo-building-block-management-general", 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 class=\"building-block-management-general\">\n  <valtimo-building-block-management-plugins></valtimo-building-block-management-plugins>\n\n  <div class=\"muuri-container\">\n    <div muuri [columnMinWidth]=\"450\">\n      <valtimo-muuri-item>\n        <valtimo-building-block-management-metadata></valtimo-building-block-management-metadata>\n      </valtimo-muuri-item>\n\n      <valtimo-muuri-item>\n        <valtimo-building-block-management-artwork></valtimo-building-block-management-artwork>\n      </valtimo-muuri-item>\n    </div>\n  </div>\n</div>\n", styles: [".muuri-container{display:block;width:100%}.building-block-management-general{width:100%;display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MuuriDirectiveModule }, { kind: "directive", type: i2$1.MuuriDirective, selector: "[muuri]", inputs: ["columnMinWidth"] }, { kind: "component", type: i2$1.MuuriItemComponent, selector: "valtimo-muuri-item" }, { kind: "component", type: BuildingBlockManagementMetadataComponent, selector: "valtimo-building-block-management-metadata" }, { kind: "component", type: BuildingBlockManagementArtworkComponent, selector: "valtimo-building-block-management-artwork" }, { kind: "component", type: BuildingBlockManagementPluginsComponent, selector: "valtimo-building-block-management-plugins" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementGeneralComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-general', imports: [
+                        CommonModule,
+                        MuuriDirectiveModule,
+                        BuildingBlockManagementMetadataComponent,
+                        BuildingBlockManagementArtworkComponent,
+                        BuildingBlockManagementPluginsComponent,
+                    ], 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 class=\"building-block-management-general\">\n  <valtimo-building-block-management-plugins></valtimo-building-block-management-plugins>\n\n  <div class=\"muuri-container\">\n    <div muuri [columnMinWidth]=\"450\">\n      <valtimo-muuri-item>\n        <valtimo-building-block-management-metadata></valtimo-building-block-management-metadata>\n      </valtimo-muuri-item>\n\n      <valtimo-muuri-item>\n        <valtimo-building-block-management-artwork></valtimo-building-block-management-artwork>\n      </valtimo-muuri-item>\n    </div>\n  </div>\n</div>\n", styles: [".muuri-container{display:block;width:100%}.building-block-management-general{width:100%;display:flex;flex-direction:column;gap:16px}\n/*!\n * Copyright 2015-2025 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
+        }], ctorParameters: () => [{ type: BuildingBlockManagementDetailService }] });
+
+/*
+ * Copyright 2015-2025 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.
+ */
+class BuildingBlockManagementDocumentComponent {
+    constructor(buildingBlockManagementDetailService, buildingBlockManagementApiService, iconService) {
+        this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.iconService = iconService;
+        this._subscriptions = new Subscription();
+        this._loadingDocumentDefinition$ = new BehaviorSubject(true);
+        this.loading$ = combineLatest([
+            this.buildingBlockManagementDetailService.loadingDefinition$,
+            this._loadingDocumentDefinition$,
+        ]).pipe(map(([loadingDefinition, loadingDocumentDefinition]) => loadingDefinition || loadingDocumentDefinition));
+        this._documentDefinition$ = new BehaviorSubject('');
+        this.documentDefinition$ = this._documentDefinition$.pipe(filter(model => model !== null));
+        this.isFinal$ = this.buildingBlockManagementDetailService.isFinal$;
+        this._modifiedDefinition = null;
+        this.iconService.registerAll([Download16]);
+    }
+    ngOnInit() {
+        this.openBuildingBlockDefinitionSubscription();
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    downloadDefinition() {
+        this.documentDefinition$.pipe(take$1(1)).subscribe(definition => {
+            const dataString = 'data:text/json;charset=utf-8,' + encodeURIComponent(definition);
+            const downloadAnchorElement = document.getElementById('downloadAnchorElement');
+            if (!downloadAnchorElement)
+                return;
+            downloadAnchorElement.setAttribute('href', dataString);
+            downloadAnchorElement.setAttribute('download', `${this.buildingBlockManagementDetailService.buildingBlockDefinitionKey}-v${this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag}.json`);
+            downloadAnchorElement.click();
+        });
+    }
+    onSaveEvent() {
+        if (!this._modifiedDefinition)
+            return;
+        this._loadingDocumentDefinition$.next(true);
+        this.buildingBlockManagementApiService
+            .updateBuildingBlockDocumentDefinition(this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag, JSON.parse(this._modifiedDefinition))
+            .subscribe(res => {
+            this.setDocumentDefinitionModel(res);
+            this._modifiedDefinition = null;
+            this._loadingDocumentDefinition$.next(false);
+        });
+    }
+    onChangeEvent(event) {
+        this._modifiedDefinition = event;
+    }
+    openBuildingBlockDefinitionSubscription() {
+        this._subscriptions.add(this.buildingBlockManagementDetailService.buildingBlockDefinition$
+            .pipe(tap(() => this._loadingDocumentDefinition$.next(true)), switchMap(definition => this.buildingBlockManagementApiService.getBuildingBlockDocumentDefinition(definition.key, definition.versionTag)), tap(() => this._loadingDocumentDefinition$.next(false)))
+            .subscribe(buildingBlockDocumentDefinition => this.setDocumentDefinitionModel(buildingBlockDocumentDefinition)));
+    }
+    setDocumentDefinitionModel(definition) {
+        this._documentDefinition$.next(JSON.stringify(definition, null, 2));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementDocumentComponent, deps: [{ token: BuildingBlockManagementDetailService }, { token: BuildingBlockManagementApiService }, { token: i3$1.IconService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: BuildingBlockManagementDocumentComponent, isStandalone: true, selector: "valtimo-building-block-management-document", 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    loading: loading$ | async,\n    documentDefinition: documentDefinition$ | async,\n    isFinal: isFinal$ | async,\n  } as obs\"\n>\n  @if (!obs.loading) {\n    <valtimo-schema-editor\n      [fitPage]=\"true\"\n      [spaceAdjustment]=\"64\"\n      [disableOverflow]=\"true\"\n      [schemaJson]=\"obs.documentDefinition\"\n      [disabled]=\"obs.isFinal\"\n      (changeEvent)=\"onChangeEvent($event)\"\n      (saveEvent)=\"onSaveEvent()\"\n    >\n      <button\n        cdsButton=\"ghost\"\n        [disabled]=\"obs.loading || !obs.documentDefinition\"\n        (click)=\"downloadDefinition()\"\n      >\n        {{ 'interface.download' | translate }}\n\n        <svg cdsIcon=\"download\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n    </valtimo-schema-editor>\n  } @else {\n    <div class=\"loading-container\">\n      <cds-loading></cds-loading>\n    </div>\n  }\n</ng-container>\n\n<a id=\"downloadAnchorElement\" style=\"display: none\"></a>\n", styles: [".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: 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: "ngmodule", type: LoadingModule }, { kind: "component", type: i3$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: SchemaEditorComponent, selector: "valtimo-schema-editor", inputs: ["schemaJson", "disabled"], outputs: ["changeEvent", "saveEvent", "validEvent"] }, { kind: "directive", type: FitPageDirective, selector: "[fitPage]", inputs: ["spaceAdjustment", "fitPageDisabled", "disableOverflow"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementDocumentComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-document', imports: [
+                        CommonModule,
+                        ButtonModule,
+                        IconModule,
+                        LoadingModule,
+                        SchemaEditorComponent,
+                        FitPageDirective,
+                        TranslatePipe,
+                    ], 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    loading: loading$ | async,\n    documentDefinition: documentDefinition$ | async,\n    isFinal: isFinal$ | async,\n  } as obs\"\n>\n  @if (!obs.loading) {\n    <valtimo-schema-editor\n      [fitPage]=\"true\"\n      [spaceAdjustment]=\"64\"\n      [disableOverflow]=\"true\"\n      [schemaJson]=\"obs.documentDefinition\"\n      [disabled]=\"obs.isFinal\"\n      (changeEvent)=\"onChangeEvent($event)\"\n      (saveEvent)=\"onSaveEvent()\"\n    >\n      <button\n        cdsButton=\"ghost\"\n        [disabled]=\"obs.loading || !obs.documentDefinition\"\n        (click)=\"downloadDefinition()\"\n      >\n        {{ 'interface.download' | translate }}\n\n        <svg cdsIcon=\"download\" size=\"16\" class=\"cds--btn__icon\"></svg>\n      </button>\n    </valtimo-schema-editor>\n  } @else {\n    <div class=\"loading-container\">\n      <cds-loading></cds-loading>\n    </div>\n  }\n</ng-container>\n\n<a id=\"downloadAnchorElement\" style=\"display: none\"></a>\n", styles: [".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: BuildingBlockManagementDetailService }, { type: BuildingBlockManagementApiService }, { type: i3$1.IconService }] });
+
+/*
+ * Copyright 2015-2025 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.
+ */
+class BuildingBlockManagementProcessUploadComponent {
+    constructor(formBuilder, notificationService, processLinkService, buildingBlockManagementDetailService, translateService) {
+        this.formBuilder = formBuilder;
+        this.notificationService = notificationService;
+        this.processLinkService = processLinkService;
+        this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+        this.translateService = translateService;
+        this.modalOpen$ = this.buildingBlockManagementDetailService.showProcessDefinitionUploadModal$;
+        this.ACCEPTED_FILES = ['bpmn'];
+        this.form = this.formBuilder.group({
+            file: this.formBuilder.control(new Set(), [Validators.required]),
+        });
+        this.fileSelected$ = this.form.get('file')?.valueChanges.pipe(startWith(null), map(value => !!(value instanceof Set && value.size > 0)));
+    }
+    closeModal() {
+        this.buildingBlockManagementDetailService.hideProcessDefinitionUploadModal();
+        setTimeout(() => {
+            this.form.reset();
+        }, CARBON_CONSTANTS.modalAnimationMs);
+    }
+    uploadProcessBpmn() {
+        const bpmnFile = this.form.value?.file?.values()?.next()?.value?.file;
+        if (!bpmnFile)
+            return;
+        from(bpmnFile.text())
+            .pipe(switchMap(bpmnXml => this.processLinkService.deployProcessWithProcessLinksForBuildingBlock([], null, `${bpmnXml}`, this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag)))
+            .subscribe({
+            next: () => {
+                this.notificationService.showNotification({
+                    type: 'success',
+                    title: this.translateService.instant('processManagement.upload.success'),
+                });
+                this.closeModal();
+                this.buildingBlockManagementDetailService.reloadProcessDefinitions();
+            },
+            error: () => {
+                this.notificationService.showNotification({
+                    type: 'error',
+                    title: this.translateService.instant('processManagement.upload.failure'),
+                });
+            },
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementProcessUploadComponent, deps: [{ token: i2$2.FormBuilder }, { token: i1.GlobalNotificationService }, { token: i3$2.ProcessLinkService }, { token: BuildingBlockManagementDetailService }, { token: i4$1.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", 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=\"ghost\" (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", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4$1.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementProcessUploadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'valtimo-building-block-management-process-upload', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        CommonModule,
+                        TranslateModule,
+                        FileUploaderModule,
+                        ModalModule,
+                        LayerModule,
+                        ReactiveFormsModule,
+                        ButtonModule,
+                    ], template: "<!--\n  ~ Copyright 2015-2025 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<cds-modal 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=\"ghost\" (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" }]
+        }], ctorParameters: () => [{ type: i2$2.FormBuilder }, { type: i1.GlobalNotificationService }, { type: i3$2.ProcessLinkService }, { type: BuildingBlockManagementDetailService }, { type: i4$1.TranslateService }] });
+
+/*
+ * Copyright 2015-2025 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.
+ */
+class BuildingBlockManagementProcessesComponent {
+    constructor(buildingBlockManagementDetailService, buildingBlockManagementApiService, translateService, iconService, router) {
+        this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.translateService = translateService;
+        this.iconService = iconService;
+        this.router = router;
+        this.$loading = signal(true);
+        this._buildingBlockProcessDefinitions$ = new BehaviorSubject([]);
+        this._buildingBlockProcessDefinitionItems = [];
+        this.buildingBlockProcessDefinitionItems$ = combineLatest([
+            this._buildingBlockProcessDefinitions$,
+            this.translateService.stream('key'),
+        ]).pipe(map(([processDefinitions]) => processDefinitions.map(definition => ({
+            ...definition,
+            mainText: definition.main &&
+                this.translateService.instant('buildingBlockManagement.processDefinition.mainText'),
+        }))), tap(buildingBlockProcessDefinitionItems => (this._buildingBlockProcessDefinitionItems = buildingBlockProcessDefinitionItems)));
+        this.FIELDS = [
+            { key: 'name', label: 'buildingBlockManagement.processDefinition.name' },
+            { key: 'key', label: 'buildingBlockManagement.processDefinition.key' },
+            {
+                key: 'mainText',
+                label: '',
+                viewType: ViewType.TAGS,
+            },
+        ];
+        this.onDeleteClick = (process) => {
+            this._processToDelete = process;
+            this.showDeleteModal$.next(true);
+        };
+        this.ACTION_ITEMS = [
+            {
+                label: 'buildingBlockManagement.processDefinition.markAsMain',
+                callback: this.onMarkAsMain.bind(this),
+                type: 'normal',
+                disabledCallback: this.markAsMainDisabled.bind(this),
+            },
+            {
+                label: 'interface.delete',
+                callback: this.onDeleteClick,
+                type: 'danger',
+                disabledCallback: this.deleteDisabled.bind(this),
+            },
+        ];
+        this.isFinal$ = this.buildingBlockManagementDetailService.isFinal$;
+        this.showDeleteModal$ = new BehaviorSubject(false);
+        this._subscriptions = new Subscription();
+        this.iconService.registerAll([Upload16]);
+    }
+    ngOnInit() {
+        this._subscriptions.add(combineLatest([
+            this.buildingBlockManagementDetailService.buildingBlockDefinitionKey$,
+            this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag$,
+        ])
+            .pipe(distinctUntilChanged((a, b) => isEqual(a, b)), tap(() => this.$loading.set(true)), switchMap(([key, versionTag]) => this.buildingBlockManagementDetailService.reloadProcessDefinitions$.pipe(tap(() => this.$loading.set(true)), switchMap(() => this.buildingBlockManagementApiService.getBuildingBlockProcessDefinitions(key, versionTag)))), tap(processDefinitions => {
+            this._buildingBlockProcessDefinitions$.next(processDefinitions);
+            this.$loading.set(false);
+        }))
+            .subscribe());
+    }
+    ngOnDestroy() {
+        this._subscriptions.unsubscribe();
+    }
+    onRowClick(processDefinition) {
+        this.router.navigate([
+            '/building-block-management',
+            'building-block',
+            this.buildingBlockManagementDetailService.buildingBlockDefinitionKey,
+            'version',
+            this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag,
+            BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES,
+            processDefinition.id,
+        ]);
+    }
+    showUploadModal() {
+        this.buildingBlockManagementDetailService.showProcessDefinitionUploadModal();
+    }
+    onCreateClick() {
+        this.router.navigate([
+            '/building-block-management',
+            'building-block',
+            this.buildingBlockManagementDetailService.buildingBlockDefinitionKey,
+            'version',
+            this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag,
+            BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES,
+            'create',
+        ]);
+    }
+    onDeleteConfirm() {
+        if (!this._processToDelete)
+            return;
+        this.$loading.set(true);
+        this.buildingBlockManagementApiService
+            .deleteBuildingBlockProcessDefinition(this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag, this._processToDelete.id)
+            .subscribe({
+            next: () => {
+                this.buildingBlockManagementDetailService.reloadProcessDefinitions();
+            },
+            error: () => {
+                this.$loading.set(false);
+            },
+        });
+    }
+    onMarkAsMain(process) {
+        this.$loading.set(true);
+        this.buildingBlockManagementApiService
+            .setMainBuildingBlockProcessDefinition(this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag, process.id)
+            .subscribe({
+            next: () => {
+                this.buildingBlockManagementDetailService.reloadProcessDefinitions();
+            },
+            error: () => {
+                this.$loading.set(false);
+            },
+        });
+    }
+    markAsMainDisabled(process) {
+        return process.main || this._buildingBlockProcessDefinitionItems.length === 1;
+    }
+    deleteDisabled(process) {
+        return process.main || this._buildingBlockProcessDefinitionItems.length === 1;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementProcessesComponent, deps: [{ token: BuildingBlockManagementDetailService }, { token: BuildingBlockManagementApiService }, { token: i4$1.TranslateService }, { token: i3$1.IconService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", 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: i2$1.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i4$1.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: i2$1.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementProcessesComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-processes', imports: [
+                        CommonModule,
+                        CarbonListModule,
+                        TranslateModule,
+                        ButtonModule,
+                        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"] }]
+        }], ctorParameters: () => [{ type: BuildingBlockManagementDetailService }, { type: BuildingBlockManagementApiService }, { type: i4$1.TranslateService }, { type: i3$1.IconService }, { type: i3.Router }] });
+
+/*
+ * Copyright 2015-2025 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.
+ */
+class BuildingBlockManagementVersionSelectorComponent {
+    onVersionSelected(event) {
+        const versionTag = event?.item?.id;
+        if (!versionTag)
+            return;
+        this.buildingBlockManagementDetailService.navigateToVersionTag(versionTag);
+    }
+    constructor(buildingBlockManagementDetailService, buildingBlockManagementApiService) {
+        this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this._versions$ = combineLatest([
+            this.buildingBlockManagementDetailService.buildingBlockDefinitionKey$,
+            this.buildingBlockManagementDetailService.reloadVersions$,
+        ]).pipe(switchMap(([key]) => this.buildingBlockManagementApiService.getVersionsForBuildingBlock(key, 0, 10, true)));
+        this.versionListItems$ = combineLatest([
+            this._versions$,
+            this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag$,
+        ]).pipe(map(([versions, versionTag]) => versions.content.map(version => ({
+            id: version.versionTag,
+            content: version.versionTag,
+            selected: versionTag === version.versionTag,
+            final: version.final,
+        }))));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", 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.18", 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", 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"] }]
+        }], ctorParameters: () => [{ type: BuildingBlockManagementDetailService }, { type: BuildingBlockManagementApiService }] });
+
+/*
+ * Copyright 2015-2025 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.
+ */
+class BuildingBlockManagementDetailActionsComponent {
+    get exporting$() {
+        return this._exporting$.asObservable();
+    }
+    get versionTag() {
+        return this.draftForm.get('versionTag');
+    }
+    constructor(buildingBlockManagementApiService, buildingBlockManagementDetailService, fb, notificationService, translateService, document) {
+        this.buildingBlockManagementApiService = buildingBlockManagementApiService;
+        this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+        this.fb = fb;
+        this.notificationService = notificationService;
+        this.translateService = translateService;
+        this.document = document;
+        this.actionInProgress$ = new BehaviorSubject(false);
+        this.showDraftModal$ = new BehaviorSubject(false);
+        this.definition$ = this.buildingBlockManagementDetailService.buildingBlockDefinition$;
+        this.isFinal$ = this.buildingBlockManagementDetailService.isFinal$;
+        this.buildingBlockName$ = this.buildingBlockManagementDetailService.buildingBlockDefinition$.pipe(map(definition => definition.name ?? definition.key));
+        this._exporting$ = new BehaviorSubject(false);
+        this.draftForm = this.fb.group({
+            versionTag: this.fb.control('', Validators.required),
+        });
+    }
+    finalizeDraft() {
+        if (this.actionInProgress$.value)
+            return;
+        this.actionInProgress$.next(true);
+        this.definition$
+            .pipe(take(1), switchMap(definition => this.buildingBlockManagementApiService.finalizeBuildingBlockDefinition(definition.key, definition.versionTag)), finalize(() => this.actionInProgress$.next(false)))
+            .subscribe({
+            next: () => {
+                this.notifySuccess('buildingBlockManagement.actions.finalize.success');
+                this.buildingBlockManagementDetailService.reload();
+                this.buildingBlockManagementDetailService.reloadVersions();
+            },
+            error: () => {
+                this.notifyError('buildingBlockManagement.actions.finalize.error');
+            },
+        });
+    }
+    openDraftModal() {
+        this.showDraftModal$.next(true);
+    }
+    closeDraftModal() {
+        this.showDraftModal$.next(false);
+        this.draftForm.reset();
+    }
+    createDraft() {
+        if (this.draftForm.invalid || this.actionInProgress$.value)
+            return;
+        this.actionInProgress$.next(true);
+        const newVersionTag = this.versionTag.value;
+        this.definition$
+            .pipe(take(1), switchMap(definition => this.buildingBlockManagementApiService.createDraftBuildingBlockDefinition(definition.key, definition.versionTag, newVersionTag)), finalize(() => this.actionInProgress$.next(false)))
+            .subscribe({
+            next: draft => {
+                this.notifySuccess('buildingBlockManagement.actions.draft.success');
+                this.closeDraftModal();
+                this.buildingBlockManagementDetailService.reloadVersions();
+                this.buildingBlockManagementDetailService.navigateToVersionTag(draft.versionTag);
+            },
+            error: () => {
+                this.notifyError('buildingBlockManagement.actions.draft.error');
+            },
+        });
+    }
+    export() {
+        if (this.actionInProgress$.value || this._exporting$.value)
+            return;
+        this._currentNotification = this.notificationService.showNotification({
+            type: 'info',
+            title: '',
+            showClose: false,
+            template: this._exportMessageTemplateRef,
+        });
+        this._exporting$.next(true);
+        this.buildingBlockManagementApiService
+            .exportBuildingBlock(this.buildingBlockManagementDetailService.buildingBlockDefinitionKey, this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag)
+            .pipe(finalize(() => this._exporting$.next(false)))
+            .subscribe({
+            next: response => {
+                this.closeCurrentNotification();
+                this._currentNotification = this.notificationService.showNotification({
+                    type: 'success',
+                    title: this.translateService.instant('buildingBlockManagement.overflowMenu.exportSuccessTitle'),
+                    duration: 5000,
+                });
+                this.downloadZip(response);
+            },
+            error: () => {
+                this.closeCurrentNotification();
+                this.notifyError('buildingBlockManagement.overflowMenu.exportErrorTitle');
+            },
+        });
+    }
+    downloadZip(response) {
+        const link = this.document.createElement('a');
+        const contentDisposition = response.headers.get('content-disposition');
+        const splitContentDisposition = contentDisposition?.split('filename=') ?? [];
+        const fileName = splitContentDisposition.length > 1 && splitContentDisposition[1];
+        link.href = this.document.defaultView?.URL.createObjectURL(response.body) ?? '';
+        link.download =
+            fileName ||
+                `${this.buildingBlockManagementDetailService.buildingBlockDefinitionKey}_${this.buildingBlockManagementDetailService.buildingBlockDefinitionVersionTag}.valtimo.zip`;
+        link.target = '_blank';
+        link.click();
+        link.remove();
+    }
+    closeCurrentNotification() {
+        if (this._currentNotification) {
+            this.notificationService.close(this._currentNotification);
+        }
+    }
+    notifySuccess(translationKey) {
+        this.notificationService.showNotification({
+            type: 'success',
+            title: this.translateService.instant(translationKey),
+            duration: 5000,
+        });
+    }
+    notifyError(translationKey) {
+        this.notificationService.showNotification({
+            type: 'error',
+            title: this.translateService.instant(translationKey),
+            duration: 5000,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementDetailActionsComponent, deps: [{ token: BuildingBlockManagementApiService }, { token: BuildingBlockManagementDetailService }, { token: i2$2.FormBuilder }, { token: i1.GlobalNotificationService }, { token: i4$1.TranslateService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", 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    <ng-template #trigger>\n      <button cdsButton=\"tertiary\">\n        {{ 'buildingBlockManagement.actions.more' | translate }}\n        <svg class=\"cds--btn__icon\" cdsIcon=\"overflow-menu--vertical\" size=\"16\"></svg>\n      </button>\n    </ng-template>\n\n    <cds-overflow-menu\n      [customTrigger]=\"trigger\"\n      class=\"overflow-button\"\n      valtimoCdsOverflowButton\n      [width]=\"250\"\n      [offset]=\"{y: 48, x: 37}\"\n    >\n      <cds-overflow-menu-option\n        [id]=\"'exportBuildingBlock'\"\n        (selected)=\"export()\"\n        [disabled]=\"(actionInProgress$ | async) || (exporting$ | async)\"\n      >\n        {{\n          'buildingBlockManagement.overflowMenu.export'\n            | translate: {value: buildingBlockName$ | async}\n        }}\n      </cds-overflow-menu-option>\n\n      <cds-overflow-menu-option\n        *ngIf=\"!obs.isFinal\"\n        [disabled]=\"actionInProgress$ | async\"\n        (selected)=\"finalizeDraft()\"\n      >\n        {{ 'buildingBlockManagement.actions.makeFinal' | translate }}\n      </cds-overflow-menu-option>\n\n      <cds-overflow-menu-option\n        *ngIf=\"obs.isFinal\"\n        [disabled]=\"actionInProgress$ | async\"\n        (selected)=\"openDraftModal()\"\n      >\n        {{ 'buildingBlockManagement.actions.createDraft' | translate }}\n      </cds-overflow-menu-option>\n    </cds-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=\"ghost\" (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$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$2.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$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$2.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: i3$1.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "description", "flip", "placement", "open", "customTrigger", "offset", "wrapperClass", "triggerClass"], outputs: ["openChange"] }, { kind: "component", type: i3$1.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "component", type: BuildingBlockManagementVersionSelectorComponent, selector: "valtimo-building-block-management-version-selector" }, { kind: "directive", type: ValtimoCdsOverflowButtonDirective, selector: "[valtimoCdsOverflowButton]", inputs: ["width"] }, { 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.18", ngImport: i0, type: BuildingBlockManagementDetailActionsComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-detail-actions', imports: [
+                        CommonModule,
+                        ButtonModule,
+                        ModalModule,
+                        InputModule,
+                        LayerModule,
+                        ReactiveFormsModule,
+                        IconModule,
+                        TranslatePipe,
+                        ValtimoCdsModalDirective,
+                        DialogModule,
+                        BuildingBlockManagementVersionSelectorComponent,
+                        ValtimoCdsOverflowButtonDirective,
+                        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    <ng-template #trigger>\n      <button cdsButton=\"tertiary\">\n        {{ 'buildingBlockManagement.actions.more' | translate }}\n        <svg class=\"cds--btn__icon\" cdsIcon=\"overflow-menu--vertical\" size=\"16\"></svg>\n      </button>\n    </ng-template>\n\n    <cds-overflow-menu\n      [customTrigger]=\"trigger\"\n      class=\"overflow-button\"\n      valtimoCdsOverflowButton\n      [width]=\"250\"\n      [offset]=\"{y: 48, x: 37}\"\n    >\n      <cds-overflow-menu-option\n        [id]=\"'exportBuildingBlock'\"\n        (selected)=\"export()\"\n        [disabled]=\"(actionInProgress$ | async) || (exporting$ | async)\"\n      >\n        {{\n          'buildingBlockManagement.overflowMenu.export'\n            | translate: {value: buildingBlockName$ | async}\n        }}\n      </cds-overflow-menu-option>\n\n      <cds-overflow-menu-option\n        *ngIf=\"!obs.isFinal\"\n        [disabled]=\"actionInProgress$ | async\"\n        (selected)=\"finalizeDraft()\"\n      >\n        {{ 'buildingBlockManagement.actions.makeFinal' | translate }}\n      </cds-overflow-menu-option>\n\n      <cds-overflow-menu-option\n        *ngIf=\"obs.isFinal\"\n        [disabled]=\"actionInProgress$ | async\"\n        (selected)=\"openDraftModal()\"\n      >\n        {{ 'buildingBlockManagement.actions.createDraft' | translate }}\n      </cds-overflow-menu-option>\n    </cds-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=\"ghost\" (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"] }]
+        }], ctorParameters: () => [{ type: BuildingBlockManagementApiService }, { type: BuildingBlockManagementDetailService }, { type: i2$2.FormBuilder }, { type: i1.GlobalNotificationService }, { type: i4$1.TranslateService }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }], propDecorators: { _exportMessageTemplateRef: [{
+                type: ViewChild,
+                args: ['exportingMessage']
+            }] } });
+
+/*
+ * Copyright 2015-2025 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.
+ */
+class BuildingBlockManagementDetailComponent {
+    constructor(route, buildingBlockManagementDetailService, pageTitleService) {
+        this.route = route;
+        this.buildingBlockManagementDetailService = buildingBlockManagementDetailService;
+        this.pageTitleService = pageTitleService;
+        this.BUILDING_BLOCK_MANAGEMENT_TABS = BUILDING_BLOCK_MANAGEMENT_TABS;
+        this.activeTabKey$ = this.buildingBlockManagementDetailService.activeTabKey$;
+        this.buildingBlockManagementDetailService.setRoute(this.route);
+    }
+    ngOnInit() {
+        this.pageTitleService.disableReset();
+    }
+    ngOnDestroy() {
+        this.pageTitleService.enableReset();
+    }
+    switchTab(tabKey) {
+        this.activeTabKey$.pipe(take(1)).subscribe(activeTabKey => {
+            if (activeTabKey === tabKey)
+                return;
+            this.buildingBlockManagementDetailService.navigateToTab(tabKey);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementDetailComponent, deps: [{ token: i3.ActivatedRoute }, { token: BuildingBlockManagementDetailService }, { token: i2$1.PageTitleService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: BuildingBlockManagementDetailComponent, isStandalone: true, selector: "valtimo-building-block-management-detail", providers: [BuildingBlockManagementDetailService], 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-tabs *ngIf=\"activeTabKey$ | async as activeTabKey\" type=\"line\">\n  <cds-tab\n    *ngIf=\"{active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL} as obs\"\n    [active]=\"obs.active\"\n    [heading]=\"'buildingBlockManagement.tabs.general' | translate\"\n    (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL)\"\n  >\n    <valtimo-building-block-management-general\n      *ngIf=\"obs.active\"\n    ></valtimo-building-block-management-general>\n  </cds-tab>\n\n  <cds-tab\n    *ngIf=\"{active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.DOCUMENT} as obs\"\n    [active]=\"obs.active\"\n    [heading]=\"'buildingBlockManagement.tabs.document' | translate\"\n    (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.DOCUMENT)\"\n  >\n    <valtimo-building-block-management-document\n      *ngIf=\"obs.active\"\n    ></valtimo-building-block-management-document>\n  </cds-tab>\n\n  <cds-tab\n    *ngIf=\"{active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES} as obs\"\n    [active]=\"obs.active\"\n    [heading]=\"'buildingBlockManagement.tabs.processes' | translate\"\n    (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES)\"\n  >\n    <valtimo-building-block-management-processes\n      *ngIf=\"obs.active\"\n    ></valtimo-building-block-management-processes>\n  </cds-tab>\n</cds-tabs>\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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "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.18", ngImport: i0, type: BuildingBlockManagementDetailComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-building-block-management-detail', imports: [
+                        CommonModule,
+                        CarbonListModule,
+                        ButtonModule,
+                        IconModule,
+                        TabsModule,
+                        TranslatePipe,
+                        BuildingBlockManagementGeneralComponent,
+                        BuildingBlockManagementDocumentComponent,
+                        BuildingBlockManagementProcessesComponent,
+                        RenderInPageHeaderDirective,
+                        BuildingBlockManagementDetailActionsComponent,
+                        DialogModule,
+                    ], providers: [BuildingBlockManagementDetailService], 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-tabs *ngIf=\"activeTabKey$ | async as activeTabKey\" type=\"line\">\n  <cds-tab\n    *ngIf=\"{active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL} as obs\"\n    [active]=\"obs.active\"\n    [heading]=\"'buildingBlockManagement.tabs.general' | translate\"\n    (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.GENERAL)\"\n  >\n    <valtimo-building-block-management-general\n      *ngIf=\"obs.active\"\n    ></valtimo-building-block-management-general>\n  </cds-tab>\n\n  <cds-tab\n    *ngIf=\"{active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.DOCUMENT} as obs\"\n    [active]=\"obs.active\"\n    [heading]=\"'buildingBlockManagement.tabs.document' | translate\"\n    (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.DOCUMENT)\"\n  >\n    <valtimo-building-block-management-document\n      *ngIf=\"obs.active\"\n    ></valtimo-building-block-management-document>\n  </cds-tab>\n\n  <cds-tab\n    *ngIf=\"{active: activeTabKey === BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES} as obs\"\n    [active]=\"obs.active\"\n    [heading]=\"'buildingBlockManagement.tabs.processes' | translate\"\n    (selected)=\"switchTab(BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES)\"\n  >\n    <valtimo-building-block-management-processes\n      *ngIf=\"obs.active\"\n    ></valtimo-building-block-management-processes>\n  </cds-tab>\n</cds-tabs>\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: i2$1.PageTitleService }] });
+
+/*
+ * Copyright 2015-2025 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 routes = [
+    {
+        path: 'building-block-management',
+        component: BuildingBlockManagementListComponent,
+        canActivate: [AuthGuardService],
+        data: { title: 'buildingBlockManagement.title', roles: [ROLE_ADMIN] },
+    },
+    {
+        path: 'building-block-management/building-block/:buildingBlockDefinitionKey/version/:buildingBlockDefinitionVersionTag/:tabKey',
+        component: BuildingBlockManagementDetailComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            title: 'buildingBlockManagement.detail.title',
+            roles: [ROLE_ADMIN],
+            customPageTitle: true,
+        },
+    },
+    {
+        path: `building-block-management/building-block/:buildingBlockDefinitionKey/version/:buildingBlockDefinitionVersionTag/${BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES}/create`,
+        component: ProcessManagementBuilderComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            title: 'Create new Process',
+            roles: [ROLE_ADMIN],
+            context: 'buildingBlock',
+        },
+    },
+    {
+        path: `building-block-management/building-block/:buildingBlockDefinitionKey/version/:buildingBlockDefinitionVersionTag/${BUILDING_BLOCK_MANAGEMENT_TABS.PROCESSES}/:processDefinitionKey`,
+        component: ProcessManagementBuilderComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            title: 'Process details',
+            roles: [ROLE_ADMIN],
+            customPageTitle: true,
+            context: 'buildingBlock',
+        },
+    },
+];
+class BuildingBlockManagementRouting {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementRouting, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementRouting, imports: [CommonModule, i3.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementRouting, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementRouting, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [CommonModule, RouterModule.forChild(routes)],
+                    exports: [RouterModule],
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2025 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.
+ */
+class BuildingBlockManagementModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementModule, imports: [BuildingBlockManagementRouting, BuildingBlockManagementListComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementModule, imports: [BuildingBlockManagementRouting, BuildingBlockManagementListComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: BuildingBlockManagementModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [BuildingBlockManagementRouting, BuildingBlockManagementListComponent],
+                    providers: [],
+                }]
+        }] });
+
+/*
+ * Copyright 2015-2025 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.
+ */
+/*
+ * Public API Surface of building-block-management
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BuildingBlockManagementApiService, BuildingBlockManagementDetailService, BuildingBlockManagementModule, BuildingBlockManagementService };
+//# sourceMappingURL=valtimo-building-block-management.mjs.map