@valtimo-plugins/freemarker 8.2.0 → 8.3.2

package/fesm2022/valtimo-plugins-freemarker.mjs

@@ -1,23 +1,23 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Output, Input, Component, ChangeDetectionStrategy, Injectable, ViewChild, NgModule } from '@angular/core';
-import { BehaviorSubject, combineLatest, take, map, filter, switchMap, startWith, tap, of, Subscription } from 'rxjs';
-import * as i2 from '@angular/common';
+import { BehaviorSubject, combineLatest, take, map, filter, merge, switchMap, startWith, Subject, takeUntil, combineLatestWith, of, Subscription, tap, catchError } from 'rxjs';
+import * as i3 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i3 from '@valtimo/components';
+import * as i4 from '@valtimo/components';
 import { ConfirmationModalModule, CARBON_CONSTANTS, ValtimoCdsModalDirective, ViewType, CarbonListModule, CarbonListComponent, EditorModule, RenderInPageHeaderDirective, FormModule, ParagraphModule, SelectModule, InputModule as InputModule$1 } from '@valtimo/components';
-import * as i5 from '@valtimo/plugin';
-import { PluginTranslatePipeModule } from '@valtimo/plugin';
-import * as i4 from 'carbon-components-angular';
+import * as i6 from '@valtimo/plugin';
+import { PluginTranslatePipeModule, PluginManagementService } from '@valtimo/plugin';
+import * as i4$1 from 'carbon-components-angular';
 import { ButtonModule, ModalModule, InputModule, ComboBoxModule, TabsModule, DialogModule, NotificationService, DropdownModule, IconModule, LoadingModule, NotificationModule } from 'carbon-components-angular';
 import * as i3$1 from '@valtimo/shared';
-import { InterceptorSkip, getCaseManagementRouteParams, ROLE_ADMIN, CASE_MANAGEMENT_TAB_TOKEN } from '@valtimo/shared';
-import * as i5$1 from '@ngx-translate/core';
+import { InterceptorSkip, getCaseManagementRouteParams, getBuildingBlockManagementRouteParams, ROLE_ADMIN, CASE_MANAGEMENT_TAB_TOKEN, BUILDING_BLOCK_MANAGEMENT_TAB_TOKEN } from '@valtimo/shared';
+import * as i5 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import * as i1 from '@angular/forms';
 import { Validators, ReactiveFormsModule } from '@angular/forms';
-import * as i2$1 from '@angular/common/http';
+import * as i2 from '@angular/common/http';
 import { HttpHeaders } from '@angular/common/http';
-import * as i2$2 from '@angular/router';
+import * as i2$1 from '@angular/router';
 import { RouterModule } from '@angular/router';
 import { AuthGuardService } from '@valtimo/security';
 
@@ -105,10 +105,10 @@ class DocumentGeneratorConfigurationComponent {
     }
     injectCaseTab() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DocumentGeneratorConfigurationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DocumentGeneratorConfigurationComponent, isStandalone: false, selector: "valtimo-document-template-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 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<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null\n  } as obs\"\n>\n  <v-input\n    name=\"configurationTitle\"\n    [title]=\"'configurationTitle' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [disabled]=\"obs.disabled\"\n    [defaultValue]=\"obs.prefill?.configurationTitle\"\n    [required]=\"true\"\n    [tooltip]=\"'configurationTitleTooltip' | pluginTranslate: pluginId | async\"\n    [widthPx]=\"350\"\n    placeholder=\"Document Generator Plugin\"\n  >\n  </v-input>\n</v-form>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentGeneratorConfigurationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DocumentGeneratorConfigurationComponent, isStandalone: false, selector: "valtimo-document-template-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 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<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null\n  } as obs\"\n>\n  <v-input\n    name=\"configurationTitle\"\n    [title]=\"'configurationTitle' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [disabled]=\"obs.disabled\"\n    [defaultValue]=\"obs.prefill?.configurationTitle\"\n    [required]=\"true\"\n    [tooltip]=\"'configurationTitleTooltip' | pluginTranslate: pluginId | async\"\n    [widthPx]=\"350\"\n    placeholder=\"Document Generator Plugin\"\n  >\n  </v-input>\n</v-form>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i4.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DocumentGeneratorConfigurationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentGeneratorConfigurationComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-document-template-configuration', template: "<!--\n  ~ Copyright 2015-2022 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<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null\n  } as obs\"\n>\n  <v-input\n    name=\"configurationTitle\"\n    [title]=\"'configurationTitle' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [disabled]=\"obs.disabled\"\n    [defaultValue]=\"obs.prefill?.configurationTitle\"\n    [required]=\"true\"\n    [tooltip]=\"'configurationTitleTooltip' | pluginTranslate: pluginId | async\"\n    [widthPx]=\"350\"\n    placeholder=\"Document Generator Plugin\"\n  >\n  </v-input>\n</v-form>\n" }]
         }], ctorParameters: () => [], propDecorators: { save$: [{
@@ -147,10 +147,10 @@ class DocumentTemplateDeleteModalComponent {
     onDelete(templates) {
         this.deleteEvent.emit(templates);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DocumentTemplateDeleteModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DocumentTemplateDeleteModalComponent, isStandalone: true, selector: "valtimo-document-template-delete-modal", inputs: { deleteRowKeys: "deleteRowKeys", showDeleteModal$: "showDeleteModal$" }, outputs: { deleteEvent: "deleteEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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-confirmation-modal\n  confirmButtonDocumentTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"template.deleteModalContent\"\n  [outputOnConfirm]=\"deleteRowKeys\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDelete($event)\"\n></valtimo-confirmation-modal>\n", dependencies: [{ kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i3.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentTemplateDeleteModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DocumentTemplateDeleteModalComponent, isStandalone: true, selector: "valtimo-document-template-delete-modal", inputs: { deleteRowKeys: "deleteRowKeys", showDeleteModal$: "showDeleteModal$" }, outputs: { deleteEvent: "deleteEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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-confirmation-modal\n  confirmButtonDocumentTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"template.deleteModalContent\"\n  [outputOnConfirm]=\"deleteRowKeys\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDelete($event)\"\n></valtimo-confirmation-modal>\n", dependencies: [{ kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i4.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DocumentTemplateDeleteModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentTemplateDeleteModalComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'valtimo-document-template-delete-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         ConfirmationModalModule
@@ -242,10 +242,10 @@ class DocumentTemplateAddEditModalComponent {
             }
         }, CARBON_CONSTANTS.modalAnimationMs);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DocumentTemplateAddEditModalComponent, deps: [{ token: i1.FormBuilder }, { token: i3.KeyGeneratorService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DocumentTemplateAddEditModalComponent, isStandalone: true, selector: "valtimo-document-template-add-edit-modal", inputs: { open: "open", modalType: "modalType", defaultKeyValue: "defaultKeyValue", defaultTypeValue: "defaultTypeValue" }, outputs: { closeEvent: "closeEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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    isAdd: modalType === 'add'\n  } as vars\"\n        [open]=\"open\"\n        showFooter=\"true\"\n        [title]=\"vars.title\"\n        valtimoCdsModal\n>\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n        <h3 cdsModalHeaderHeading>\n            {{\n                vars.isAdd\n                    ? 'Add'\n                    : 'Edit'\n            }}\n        </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent>\n        <form [formGroup]=\"form\">\n            <cds-label [invalid]=\"key.dirty && key.invalid\">\n                {{ 'Key' }}\n\n                <input\n                        formControlName=\"key\"\n                        cdsText\n                        placeholder=\"{{ 'key' }}\"\n                        [attr.modal-primary-focus]=\"true\"\n                />\n            </cds-label>\n            <cds-combo-box\n                    formControlName=\"type\"\n                    [label]=\"'Document type'\"\n                    [dropUp]=\"false\"\n                    [items]=\"documentTypeSelectItems\"\n            >\n                <cds-dropdown-list></cds-dropdown-list>\n            </cds-combo-box>\n        </form>\n    </section>\n\n    <cds-modal-footer>\n        <button cdsButton=\"ghost\" (click)=\"onCancel()\">\n            {{ 'interface.cancel' | translate }}\n        </button>\n\n        <button [disabled]=\"this.form.invalid\" (click)=\"onConfirm()\" cdsButton=\"primary\">\n            {{ vars.isAdd ? ('interface.create' | translate) : ('interface.save' | translate) }}\n        </button>\n    </cds-modal-footer>\n</cds-modal>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i4.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i4.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i4.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i4.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i4.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ComboBoxModule }, { kind: "component", type: i4.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "labelId", "items", "type", "size", "itemValueKey", "label", "hideLabel", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled", "readonly", "fluid"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i4.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentTemplateAddEditModalComponent, deps: [{ token: i1.FormBuilder }, { token: i4.KeyGeneratorService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DocumentTemplateAddEditModalComponent, isStandalone: true, selector: "valtimo-document-template-add-edit-modal", inputs: { open: "open", modalType: "modalType", defaultKeyValue: "defaultKeyValue", defaultTypeValue: "defaultTypeValue" }, outputs: { closeEvent: "closeEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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    isAdd: modalType === 'add'\n  } as vars\"\n        [open]=\"open\"\n        showFooter=\"true\"\n        [title]=\"vars.title\"\n        valtimoCdsModal\n>\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n        <h3 cdsModalHeaderHeading>\n            {{\n                vars.isAdd\n                    ? 'Add'\n                    : 'Edit'\n            }}\n        </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent>\n        <form [formGroup]=\"form\">\n            <cds-label [invalid]=\"key.dirty && key.invalid\">\n                {{ 'Key' }}\n\n                <input\n                        formControlName=\"key\"\n                        cdsText\n                        placeholder=\"{{ 'key' }}\"\n                        [attr.modal-primary-focus]=\"true\"\n                />\n            </cds-label>\n            <cds-combo-box\n                    formControlName=\"type\"\n                    [label]=\"'Document type'\"\n                    [dropUp]=\"true\"\n                    [items]=\"documentTypeSelectItems\"\n            >\n                <cds-dropdown-list></cds-dropdown-list>\n            </cds-combo-box>\n        </form>\n    </section>\n\n    <cds-modal-footer>\n        <button cdsButton=\"ghost\" (click)=\"onCancel()\">\n            {{ 'interface.cancel' | translate }}\n        </button>\n\n        <button [disabled]=\"this.form.invalid\" (click)=\"onConfirm()\" cdsButton=\"primary\">\n            {{ vars.isAdd ? ('interface.create' | translate) : ('interface.save' | translate) }}\n        </button>\n    </cds-modal-footer>\n</cds-modal>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i4$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i4$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i4$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i4$1.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i4$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }, { kind: "ngmodule", type: ComboBoxModule }, { kind: "component", type: i4$1.ComboBox, selector: "cds-combo-box, ibm-combo-box", inputs: ["placeholder", "openMenuAria", "closeMenuAria", "clearSelectionsTitle", "clearSelectionsAria", "clearSelectionTitle", "clearSelectionAria", "id", "labelId", "items", "type", "size", "itemValueKey", "label", "hideLabel", "helperText", "appendInline", "invalid", "invalidText", "warn", "warnText", "maxLength", "theme", "selectionFeedback", "autocomplete", "dropUp", "disabled", "readonly", "fluid"], outputs: ["selected", "submit", "close", "search", "clear"] }, { kind: "component", type: i4$1.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "directive", type: ValtimoCdsModalDirective, selector: "[valtimoCdsModal]", inputs: ["minContentHeight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DocumentTemplateAddEditModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentTemplateAddEditModalComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'valtimo-document-template-add-edit-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
@@ -256,8 +256,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         InputModule,
                         ComboBoxModule,
                         ValtimoCdsModalDirective,
-                    ], template: "<!--\n  ~ Copyright 2015-2023 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    isAdd: modalType === 'add'\n  } as vars\"\n        [open]=\"open\"\n        showFooter=\"true\"\n        [title]=\"vars.title\"\n        valtimoCdsModal\n>\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n        <h3 cdsModalHeaderHeading>\n            {{\n                vars.isAdd\n                    ? 'Add'\n                    : 'Edit'\n            }}\n        </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent>\n        <form [formGroup]=\"form\">\n            <cds-label [invalid]=\"key.dirty && key.invalid\">\n                {{ 'Key' }}\n\n                <input\n                        formControlName=\"key\"\n                        cdsText\n                        placeholder=\"{{ 'key' }}\"\n                        [attr.modal-primary-focus]=\"true\"\n                />\n            </cds-label>\n            <cds-combo-box\n                    formControlName=\"type\"\n                    [label]=\"'Document type'\"\n                    [dropUp]=\"false\"\n                    [items]=\"documentTypeSelectItems\"\n            >\n                <cds-dropdown-list></cds-dropdown-list>\n            </cds-combo-box>\n        </form>\n    </section>\n\n    <cds-modal-footer>\n        <button cdsButton=\"ghost\" (click)=\"onCancel()\">\n            {{ 'interface.cancel' | translate }}\n        </button>\n\n        <button [disabled]=\"this.form.invalid\" (click)=\"onConfirm()\" cdsButton=\"primary\">\n            {{ vars.isAdd ? ('interface.create' | translate) : ('interface.save' | translate) }}\n        </button>\n    </cds-modal-footer>\n</cds-modal>\n" }]
-        }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i3.KeyGeneratorService }], propDecorators: { open: [{
+                    ], template: "<!--\n  ~ Copyright 2015-2023 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    isAdd: modalType === 'add'\n  } as vars\"\n        [open]=\"open\"\n        showFooter=\"true\"\n        [title]=\"vars.title\"\n        valtimoCdsModal\n>\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n        <h3 cdsModalHeaderHeading>\n            {{\n                vars.isAdd\n                    ? 'Add'\n                    : 'Edit'\n            }}\n        </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent>\n        <form [formGroup]=\"form\">\n            <cds-label [invalid]=\"key.dirty && key.invalid\">\n                {{ 'Key' }}\n\n                <input\n                        formControlName=\"key\"\n                        cdsText\n                        placeholder=\"{{ 'key' }}\"\n                        [attr.modal-primary-focus]=\"true\"\n                />\n            </cds-label>\n            <cds-combo-box\n                    formControlName=\"type\"\n                    [label]=\"'Document type'\"\n                    [dropUp]=\"true\"\n                    [items]=\"documentTypeSelectItems\"\n            >\n                <cds-dropdown-list></cds-dropdown-list>\n            </cds-combo-box>\n        </form>\n    </section>\n\n    <cds-modal-footer>\n        <button cdsButton=\"ghost\" (click)=\"onCancel()\">\n            {{ 'interface.cancel' | translate }}\n        </button>\n\n        <button [disabled]=\"this.form.invalid\" (click)=\"onConfirm()\" cdsButton=\"primary\">\n            {{ vars.isAdd ? ('interface.create' | translate) : ('interface.save' | translate) }}\n        </button>\n    </cds-modal-footer>\n</cds-modal>\n" }]
+        }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i4.KeyGeneratorService }], propDecorators: { open: [{
                 type: Input
             }], modalType: [{
                 type: Input
@@ -290,22 +290,24 @@ class FreemarkerTemplateManagementService {
         this.http = http;
         this.valtimoEndpointUri = `${this.configService.config.valtimoApi.endpointUri}management/`;
     }
-    getAllMailTemplates(caseDefinitionKey, caseDefinitionVersionTag) {
-        return this.getTemplates(caseDefinitionKey, caseDefinitionVersionTag, 'mail', undefined, undefined, 0, 10000);
+    getAllMailTemplates(caseParam = null, buildingBlock = null) {
+        return this.getTemplates(caseParam, buildingBlock, 'mail', undefined, undefined, 0, 10000);
     }
-    getAllTextTemplates(caseDefinitionKey, caseDefinitionVersionTag) {
-        return this.getTemplates(caseDefinitionKey, caseDefinitionVersionTag, 'text', undefined, undefined, 0, 10000);
+    getAllTextTemplates(caseParam = null, buildingBlock = null) {
+        return this.getTemplates(caseParam, buildingBlock, 'text', undefined, undefined, 0, 10000);
     }
-    getAllDocumentTemplates(caseDefinitionKey, caseDefinitionVersionTag) {
-        return this.getTemplates(caseDefinitionKey, caseDefinitionVersionTag, undefined, ['csv', 'pdf'], undefined, 0, 10000);
+    getAllDocumentTemplates(caseParam = null, buildingBlock = null) {
+        return this.getTemplates(caseParam, buildingBlock, undefined, ['csv', 'pdf'], undefined, 0, 10000);
     }
-    getAllTemplates(caseDefinitionKey, caseDefinitionVersionTag, templateType) {
-        return this.getTemplates(caseDefinitionKey, caseDefinitionVersionTag, templateType, undefined, undefined, 0, 10000);
+    getAllTemplates(caseParam = null, buildingBlock = null, templateType) {
+        return this.getTemplates(caseParam, buildingBlock, templateType, undefined, undefined, 0, 10000);
     }
-    getTemplates(caseDefinitionKey, caseDefinitionVersionTag, templateType, templateTypes, templateKey, page, pageSize) {
+    getTemplates(caseParam, buildingBlock, templateType, templateTypes, templateKey, page, pageSize) {
         const params = {
-            caseDefinitionKey,
-            caseDefinitionVersionTag,
+            caseDefinitionKey: caseParam?.caseDefinitionKey,
+            caseDefinitionVersionTag: caseParam?.caseDefinitionVersionTag,
+            buildingBlockDefinitionKey: buildingBlock?.buildingBlockDefinitionKey,
+            buildingBlockDefinitionVersionTag: buildingBlock?.buildingBlockDefinitionVersionTag,
             templateType,
             templateTypes,
             templateKey,
@@ -319,14 +321,27 @@ class FreemarkerTemplateManagementService {
         });
         return this.http.get(`${this.valtimoEndpointUri}v1/template`, { params });
     }
-    getMailTemplate(caseDefinitionKey, caseDefinitionVersionTag, key) {
-        return this.getTemplate(caseDefinitionKey, caseDefinitionVersionTag, 'mail', key);
+    getMailTemplate(caseParam, buildingBlock, key) {
+        return this.getTemplate(caseParam, buildingBlock, 'mail', key);
     }
-    getTextTemplate(caseDefinitionKey, caseDefinitionVersionTag, key) {
-        return this.getTemplate(caseDefinitionKey, caseDefinitionVersionTag, 'text', key);
+    getTextTemplate(caseParam, buildingBlock, key) {
+        return this.getTemplate(caseParam, buildingBlock, 'text', key);
     }
-    getTemplate(caseDefinitionKey, caseDefinitionVersionTag, templateType, key) {
-        return this.http.get(`${this.valtimoEndpointUri}v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/template-type/${templateType}/template/${key}`);
+    getTemplate(caseParam, buildingBlock, templateType, key) {
+        const params = {
+            caseDefinitionKey: caseParam?.caseDefinitionKey,
+            caseDefinitionVersionTag: caseParam?.caseDefinitionVersionTag,
+            buildingBlockDefinitionKey: buildingBlock?.buildingBlockDefinitionKey,
+            buildingBlockDefinitionVersionTag: buildingBlock?.buildingBlockDefinitionVersionTag,
+            templateType,
+            key
+        };
+        Object.keys(params).forEach(key => {
+            if (params[key] == undefined) {
+                delete params[key];
+            }
+        });
+        return this.http.get(`${this.valtimoEndpointUri}v1/template-type/${templateType}/template/${key}`, { params });
     }
     addTemplate(template) {
         return this.http.post(`${this.valtimoEndpointUri}v1/template`, template);
@@ -340,22 +355,31 @@ class FreemarkerTemplateManagementService {
     previewTemplate(template) {
         return this.http.post(`${this.valtimoEndpointUri}v1/template/preview`, template, { responseType: 'blob' });
     }
-    isFinal(caseDefinitionKey, caseDefinitionVersionTag) {
-        return this.http
-            .get(`${this.valtimoEndpointUri}v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}`, {
-            headers: new HttpHeaders().set(InterceptorSkip, '403'),
-        })
-            .pipe(map(caseDefinition => caseDefinition.final));
+    isFinal(caseParam = null, buildingBlock = null) {
+        if (caseParam?.caseDefinitionKey) {
+            return this.http
+                .get(`${this.valtimoEndpointUri}v1/case-definition/${caseParam.caseDefinitionKey}/version/${caseParam.caseDefinitionVersionTag}`, {
+                headers: new HttpHeaders().set(InterceptorSkip, '403'),
+            })
+                .pipe(map(caseDefinition => caseDefinition.final));
+        }
+        else {
+            return this.http
+                .get(`${this.valtimoEndpointUri}v1/building-block/${buildingBlock.buildingBlockDefinitionKey}/version/${buildingBlock.buildingBlockDefinitionVersionTag}`, {
+                headers: new HttpHeaders().set(InterceptorSkip, '403'),
+            })
+                .pipe(map(buildingBlockDefinition => buildingBlockDefinition.final));
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FreemarkerTemplateManagementService, deps: [{ token: i3$1.ConfigService }, { token: i2$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FreemarkerTemplateManagementService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FreemarkerTemplateManagementService, deps: [{ token: i3$1.ConfigService }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FreemarkerTemplateManagementService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: FreemarkerTemplateManagementService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: FreemarkerTemplateManagementService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i3$1.ConfigService }, { type: i2$1.HttpClient }] });
+        }], ctorParameters: () => [{ type: i3$1.ConfigService }, { type: i2.HttpClient }] });
 
 /*
  * Copyright 2015-2024 Ritense BV, the Netherlands.
@@ -407,9 +431,11 @@ class DocumentTemplateListComponent {
             },
         ];
         this._caseDefinitionId$ = getCaseManagementRouteParams(this.route).pipe(filter((params) => !!params?.caseDefinitionKey));
-        this.readOnly$ = this._caseDefinitionId$.pipe(switchMap(caseDefinitionId => combineLatest([
+        this._buildingBlockDefinitionId$ = getBuildingBlockManagementRouteParams(this.route).pipe(filter((params) => !!params?.buildingBlockDefinitionKey));
+        this._params$ = merge(this._caseDefinitionId$.pipe(map(params => ({ case: params }))), this._buildingBlockDefinitionId$.pipe(map(params => ({ buildingBlock: params }))));
+        this.readOnly$ = this._params$.pipe(switchMap(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => combineLatest([
             this.environmentService.canUpdateGlobalConfiguration(),
-            this.templateService.isFinal(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag)
+            this.templateService.isFinal(caseDefinitionId, buildingBlockDefinitionId)
         ]).pipe(map(([canUpdateGlobal, isFinalCase]) => !canUpdateGlobal || isFinalCase), startWith(true))));
         this.templates$ = new BehaviorSubject(null);
         this.showAddModal$ = new BehaviorSubject(false);
@@ -428,15 +454,17 @@ class DocumentTemplateListComponent {
             this.showAddModal$.next(false);
             return;
         }
-        this._caseDefinitionId$.pipe(take(1), switchMap(caseDefinitionId => this.templateService.addTemplate({
-            caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
-            caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
+        this._params$.pipe(take(1), switchMap(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => this.templateService.addTemplate({
+            caseDefinitionKey: caseDefinitionId?.caseDefinitionKey,
+            caseDefinitionVersionTag: caseDefinitionId?.caseDefinitionVersionTag,
+            buildingBlockDefinitionKey: buildingBlockDefinitionId?.buildingBlockDefinitionKey,
+            buildingBlockDefinitionVersionTag: buildingBlockDefinitionId?.buildingBlockDefinitionVersionTag,
             key: data.key,
             type: data.type.id,
             content: ''
         }))).subscribe(template => {
             this.showAddModal$.next(false);
-            this.gotoDocumentTemplateEditor(template.caseDefinitionKey, template.caseDefinitionVersionTag, template.key, template.type);
+            this.gotoDocumentTemplateEditor(template.caseDefinitionKey, template.caseDefinitionVersionTag, template.buildingBlockDefinitionKey, template.buildingBlockDefinitionVersionTag, template.key, template.type);
         });
     }
     showDeleteModal() {
@@ -444,25 +472,31 @@ class DocumentTemplateListComponent {
         this.showDeleteModal$.next(true);
     }
     onDelete(templates) {
-        console.log(templates);
         this.loading$.next(true);
-        this._caseDefinitionId$.pipe(take(1), switchMap(caseDefinitionId => this.templateService.deleteTemplates({
-            caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
-            caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
+        this._params$.pipe(take(1), switchMap(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => this.templateService.deleteTemplates({
+            caseDefinitionKey: caseDefinitionId?.caseDefinitionKey,
+            caseDefinitionVersionTag: caseDefinitionId?.caseDefinitionVersionTag,
+            buildingBlockDefinitionKey: buildingBlockDefinitionId?.buildingBlockDefinitionKey,
+            buildingBlockDefinitionVersionTag: buildingBlockDefinitionId?.buildingBlockDefinitionVersionTag,
             templates
         }))).subscribe(_ => {
             this.reloadTemplateList();
         });
     }
     onRowClick(template) {
-        this._caseDefinitionId$.pipe(take(1)).subscribe(caseDefinitionId => this.gotoDocumentTemplateEditor(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag, template.key, template.type));
+        this._params$.pipe(take(1)).subscribe(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => this.gotoDocumentTemplateEditor(caseDefinitionId?.caseDefinitionKey, caseDefinitionId?.caseDefinitionVersionTag, buildingBlockDefinitionId?.buildingBlockDefinitionKey, buildingBlockDefinitionId?.buildingBlockDefinitionVersionTag, template.key, template.type));
     }
-    gotoDocumentTemplateEditor(caseDefinitionKey, caseDefinitionVersionTag, key, type) {
-        this.router.navigate([`/case-management/case/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/document-template/${key}/${type}`]);
+    gotoDocumentTemplateEditor(caseDefinitionKey, caseDefinitionVersionTag, buildingBlockDefinitionKey, buildingBlockDefinitionVersionTag, key, type) {
+        if (caseDefinitionKey) {
+            this.router.navigate([`/case-management/case/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/document-template/${key}/${type}`]);
+        }
+        else {
+            this.router.navigate([`/building-block-management/building-block/${buildingBlockDefinitionKey}/version/${buildingBlockDefinitionVersionTag}/document-template/${key}/${type}`]);
+        }
     }
     reloadTemplateList() {
         this.loading$.next(true);
-        this._caseDefinitionId$.pipe(switchMap(caseDefinitionId => this.templateService.getAllDocumentTemplates(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag)), map(templatePage => templatePage.content), take(1)).subscribe(templateListItems => {
+        this._params$.pipe(switchMap(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => this.templateService.getAllDocumentTemplates(caseDefinitionId, buildingBlockDefinitionId)), map(templatePage => templatePage.content), take(1)).subscribe(templateListItems => {
             this.templates$.next(templateListItems);
             this.loading$.next(false);
         });
@@ -470,10 +504,10 @@ class DocumentTemplateListComponent {
     setSelectedTemplateKeys() {
         this.selectedRowKeys$.next(this.carbonList.selectedItems.map((template) => ({ key: template.key, type: template.type })));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DocumentTemplateListComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$2.Router }, { token: i2$2.ActivatedRoute }, { token: i3$1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DocumentTemplateListComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "carbonList", first: true, predicate: CarbonListComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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        [header]=\"false\"\n        [items]=\"templates$ | async\"\n        [fields]=\"fields\"\n        [loading]=\"loading$ | async\"\n        [showSelectionColumn]=\"!(readOnly$ | async)\"\n        (rowClicked)=\"onRowClick($event)\"\n>\n    <ng-container header> {{ 'Title' }}</ng-container>\n\n    <div carbonToolbarContent>\n        <ng-container [ngTemplateOutlet]=\"addTemplateButton\"></ng-container>\n    </div>\n\n    <ng-container carbonToolbarActions>\n        <button cdsButton=\"primary\" (click)=\"showDeleteModal()\">\n            {{ 'interface.delete' | translate }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n        </button>\n    </ng-container>\n\n    <valtimo-no-results\n            [action]=\"addTemplateButton\"\n            description=\"{{ 'Come back later.' }}\"\n            title=\"{{ 'No templates found' }}\"\n    ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-document-template-add-edit-modal\n        [open]=\"showAddModal$ | async\"\n        (closeEvent)=\"onAdd($event)\"\n></valtimo-document-template-add-edit-modal>\n\n<ng-container *ngIf=\"{selectedRowKeys: selectedRowKeys$ | async} as obs\">\n    <valtimo-document-template-delete-modal\n            [deleteRowKeys]=\"obs.selectedRowKeys\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-document-template-delete-modal>\n</ng-container>\n\n<ng-template #addTemplateButton>\n    <button cdsButton=\"primary\"\n            [disabled]=\"readOnly$ | async\"\n            (click)=\"openAddModal()\">\n        {{ 'Add' }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i3.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i3.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }, { kind: "component", type: DocumentTemplateDeleteModalComponent, selector: "valtimo-document-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "component", type: DocumentTemplateAddEditModalComponent, selector: "valtimo-document-template-add-edit-modal", inputs: ["open", "modalType", "defaultKeyValue", "defaultTypeValue"], outputs: ["closeEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentTemplateListComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$1.Router }, { token: i2$1.ActivatedRoute }, { token: i3$1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: DocumentTemplateListComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "carbonList", first: true, predicate: CarbonListComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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        [header]=\"false\"\n        [items]=\"templates$ | async\"\n        [fields]=\"fields\"\n        [loading]=\"loading$ | async\"\n        [showSelectionColumn]=\"!(readOnly$ | async)\"\n        (rowClicked)=\"onRowClick($event)\"\n>\n    <ng-container header> {{ 'Title' }}</ng-container>\n\n    <div carbonToolbarContent>\n        <ng-container [ngTemplateOutlet]=\"addTemplateButton\"></ng-container>\n    </div>\n\n    <ng-container carbonToolbarActions>\n        <button cdsButton=\"primary\" (click)=\"showDeleteModal()\">\n            {{ 'interface.delete' | translate }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n        </button>\n    </ng-container>\n\n    <valtimo-no-results\n            [action]=\"addTemplateButton\"\n            description=\"{{ 'Come back later.' }}\"\n            title=\"{{ 'No templates found' }}\"\n    ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-document-template-add-edit-modal\n        [open]=\"showAddModal$ | async\"\n        (closeEvent)=\"onAdd($event)\"\n></valtimo-document-template-add-edit-modal>\n\n<ng-container *ngIf=\"{selectedRowKeys: selectedRowKeys$ | async} as obs\">\n    <valtimo-document-template-delete-modal\n            [deleteRowKeys]=\"obs.selectedRowKeys\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-document-template-delete-modal>\n</ng-container>\n\n<ng-template #addTemplateButton>\n    <button cdsButton=\"primary\"\n            [disabled]=\"readOnly$ | async\"\n            (click)=\"openAddModal()\">\n        {{ 'Add' }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i4.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: i4.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "component", type: DocumentTemplateDeleteModalComponent, selector: "valtimo-document-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "component", type: DocumentTemplateAddEditModalComponent, selector: "valtimo-document-template-add-edit-modal", inputs: ["open", "modalType", "defaultKeyValue", "defaultTypeValue"], outputs: ["closeEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DocumentTemplateListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentTemplateListComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
@@ -483,7 +517,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         DocumentTemplateDeleteModalComponent,
                         DocumentTemplateAddEditModalComponent
                     ], template: "<!--\n  ~ Copyright 2015-2023 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        [header]=\"false\"\n        [items]=\"templates$ | async\"\n        [fields]=\"fields\"\n        [loading]=\"loading$ | async\"\n        [showSelectionColumn]=\"!(readOnly$ | async)\"\n        (rowClicked)=\"onRowClick($event)\"\n>\n    <ng-container header> {{ 'Title' }}</ng-container>\n\n    <div carbonToolbarContent>\n        <ng-container [ngTemplateOutlet]=\"addTemplateButton\"></ng-container>\n    </div>\n\n    <ng-container carbonToolbarActions>\n        <button cdsButton=\"primary\" (click)=\"showDeleteModal()\">\n            {{ 'interface.delete' | translate }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n        </button>\n    </ng-container>\n\n    <valtimo-no-results\n            [action]=\"addTemplateButton\"\n            description=\"{{ 'Come back later.' }}\"\n            title=\"{{ 'No templates found' }}\"\n    ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-document-template-add-edit-modal\n        [open]=\"showAddModal$ | async\"\n        (closeEvent)=\"onAdd($event)\"\n></valtimo-document-template-add-edit-modal>\n\n<ng-container *ngIf=\"{selectedRowKeys: selectedRowKeys$ | async} as obs\">\n    <valtimo-document-template-delete-modal\n            [deleteRowKeys]=\"obs.selectedRowKeys\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-document-template-delete-modal>\n</ng-container>\n\n<ng-template #addTemplateButton>\n    <button cdsButton=\"primary\"\n            [disabled]=\"readOnly$ | async\"\n            (click)=\"openAddModal()\">\n        {{ 'Add' }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: FreemarkerTemplateManagementService }, { type: i2$2.Router }, { type: i2$2.ActivatedRoute }, { type: i3$1.EnvironmentService }], propDecorators: { carbonList: [{
+        }], ctorParameters: () => [{ type: FreemarkerTemplateManagementService }, { type: i2$1.Router }, { type: i2$1.ActivatedRoute }, { type: i3$1.EnvironmentService }], propDecorators: { carbonList: [{
                 type: ViewChild,
                 args: [CarbonListComponent]
             }] } });
@@ -520,12 +554,15 @@ class DocumentTemplateEditorComponent {
         this.moreDisabled$ = new BehaviorSubject(true);
         this.showDeleteModal$ = new BehaviorSubject(false);
         this.updatedModelValue$ = new BehaviorSubject('');
+        this._destroy$ = new Subject();
         this._caseDefinitionId$ = getCaseManagementRouteParams(this.route).pipe(filter((params) => !!params?.caseDefinitionKey));
+        this._buildingBlockDefinitionId$ = getBuildingBlockManagementRouteParams(this.route).pipe(filter((params) => !!params?.buildingBlockDefinitionKey));
+        this._params$ = merge(this._caseDefinitionId$.pipe(map(params => ({ case: params }))), this._buildingBlockDefinitionId$.pipe(map(params => ({ buildingBlock: params }))));
         this.templateKey$ = combineLatest([this.route.params, this.route.parent.params]).pipe(map(([params, parentParams]) => params?.templateKey || parentParams?.templateKey), filter(templateKey => !!templateKey));
         this.templateType$ = combineLatest([this.route.params, this.route.parent.params]).pipe(map(([params, parentParams]) => params?.templateType || parentParams?.templateType), filter(templateType => !!templateType));
-        this.readOnly$ = this._caseDefinitionId$.pipe(switchMap(caseDefinitionId => combineLatest([
+        this.readOnly$ = this._params$.pipe(switchMap(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => combineLatest([
             this.environmentService.canUpdateGlobalConfiguration(),
-            this.templateService.isFinal(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag)
+            this.isFinal(caseDefinitionId, buildingBlockDefinitionId)
         ]).pipe(map(([canUpdateGlobal, isFinalCase]) => !canUpdateGlobal || isFinalCase), startWith(true))));
     }
     ngOnInit() {
@@ -538,6 +575,8 @@ class DocumentTemplateEditorComponent {
         this.pageTitleService.enableReset();
         this.breadcrumbService.clearThirdBreadcrumb();
         this.breadcrumbService.clearFourthBreadcrumb();
+        this._destroy$.next();
+        this._destroy$.complete();
     }
     onValid(valid) {
         this.saveDisabled$.next(valid === false);
@@ -549,13 +588,15 @@ class DocumentTemplateEditorComponent {
         this.disableEditor();
         this.disableSave();
         this.disableMore();
-        combineLatest([this.updatedModelValue$, this._caseDefinitionId$, this.templateKey$, this.templateType$]).pipe(switchMap(([updatedModelValue, caseDefinitionId, templateKey, templateType]) => this.templateService.updateTemplate({
+        combineLatest([this.updatedModelValue$, this._params$, this.templateKey$, this.templateType$]).pipe(take(1), switchMap(([updatedModelValue, { case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }, templateKey, templateType]) => this.templateService.updateTemplate({
             key: templateKey,
-            caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
-            caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
+            caseDefinitionKey: caseDefinitionId?.caseDefinitionKey,
+            caseDefinitionVersionTag: caseDefinitionId?.caseDefinitionVersionTag,
+            buildingBlockDefinitionKey: buildingBlockDefinitionId?.buildingBlockDefinitionKey,
+            buildingBlockDefinitionVersionTag: buildingBlockDefinitionId?.buildingBlockDefinitionVersionTag,
             type: templateType,
             content: updatedModelValue,
-        })), take(1)).subscribe({
+        })), takeUntil(this._destroy$)).subscribe({
             next: result => {
                 this.enableMore();
                 this.enableSave();
@@ -572,23 +613,36 @@ class DocumentTemplateEditorComponent {
         });
     }
     onDelete(templates) {
-        console.log(templates);
         this.disableEditor();
         this.disableSave();
         this.disableMore();
-        this._caseDefinitionId$.pipe(take(1)).subscribe(caseDefinitionId => this.templateService.deleteTemplates({
-            caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
-            caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
-            templates
-        }).pipe(take(1)).subscribe(_ => this.router.navigate([`/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}/document-template`])));
+        this._params$.pipe(take(1), switchMap(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => {
+            if (caseDefinitionId?.caseDefinitionKey) {
+                return this.templateService.deleteTemplates({
+                    caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
+                    caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
+                    templates
+                }).pipe(map(() => `/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}/document-template`));
+            }
+            else {
+                return this.templateService.deleteTemplates({
+                    buildingBlockDefinitionKey: buildingBlockDefinitionId.buildingBlockDefinitionKey,
+                    buildingBlockDefinitionVersionTag: buildingBlockDefinitionId.buildingBlockDefinitionVersionTag,
+                    templates
+                }).pipe(map(() => `/building-block-management/building-block/${buildingBlockDefinitionId.buildingBlockDefinitionKey}/version/${buildingBlockDefinitionId.buildingBlockDefinitionVersionTag}/document-template`));
+            }
+        }), takeUntil(this._destroy$)).subscribe(targetUrl => {
+            this.router.navigate([targetUrl]);
+        });
     }
     showDeleteModal() {
         this.showDeleteModal$.next(true);
     }
     loadTemplate() {
-        combineLatest([this._caseDefinitionId$, this.templateKey$, this.templateType$]).pipe(tap(([_, key, type]) => {
+        this._params$.pipe(combineLatestWith(this.templateKey$, this.templateType$), switchMap(([{ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }, key, type]) => {
+            return this.templateService.getTemplate(caseDefinitionId, buildingBlockDefinitionId, type, key).pipe(map(result => ({ result, key, type })));
+        }), take(1), takeUntil(this._destroy$)).subscribe(({ result, key, type }) => {
             this.pageTitleService.setCustomPageTitle(`Document: ${key}.${type}`, true);
-        }), switchMap(([caseDefinitionId, key, type]) => this.templateService.getTemplate(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag, type, key)), take(1)).subscribe(result => {
             this.enableMore();
             this.enableSave();
             this.enableEditor();
@@ -642,18 +696,35 @@ class DocumentTemplateEditorComponent {
             }
         }, 100);
     }
+    isFinal(caseDefinitionId, buildingBlockDefinitionId) {
+        return this.templateService.isFinal(caseDefinitionId, buildingBlockDefinitionId);
+    }
     initBreadcrumb() {
-        this._caseDefinitionId$.subscribe(caseDefinitionId => {
-            this.breadcrumbService.setThirdBreadcrumb({
-                route: [`/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}`],
-                content: `${caseDefinitionId.caseDefinitionKey}:${caseDefinitionId.caseDefinitionVersionTag}`,
-                href: `/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}`,
-            });
-            this.breadcrumbService.setFourthBreadcrumb({
-                route: [`/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}/document-template`],
-                content: 'Document template',
-                href: `/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}/document-template`,
-            });
+        this._params$.pipe(takeUntil(this._destroy$)).subscribe(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => {
+            if (caseDefinitionId) {
+                this.breadcrumbService.setThirdBreadcrumb({
+                    route: [`/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}`],
+                    content: `${caseDefinitionId.caseDefinitionKey}:${caseDefinitionId.caseDefinitionVersionTag}`,
+                    href: `/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}`,
+                });
+                this.breadcrumbService.setFourthBreadcrumb({
+                    route: [`/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}/document-template`],
+                    content: 'Document template',
+                    href: `/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}/document-template`,
+                });
+            }
+            else if (buildingBlockDefinitionId) {
+                this.breadcrumbService.setThirdBreadcrumb({
+                    route: [`/building-block-management/building-block/${buildingBlockDefinitionId.buildingBlockDefinitionKey}/version/${buildingBlockDefinitionId.buildingBlockDefinitionVersionTag}`],
+                    content: `${buildingBlockDefinitionId.buildingBlockDefinitionKey}:${buildingBlockDefinitionId.buildingBlockDefinitionVersionTag}`,
+                    href: `/building-block-management/building-block/${buildingBlockDefinitionId.buildingBlockDefinitionKey}/version/${buildingBlockDefinitionId.buildingBlockDefinitionVersionTag}`,
+                });
+                this.breadcrumbService.setFourthBreadcrumb({
+                    route: [`/building-block-management/building-block/${buildingBlockDefinitionId.buildingBlockDefinitionKey}/version/${buildingBlockDefinitionId.buildingBlockDefinitionVersionTag}/document-template`],
+                    content: 'Document template',
+                    href: `/building-block-management/building-block/${buildingBlockDefinitionId.buildingBlockDefinitionKey}/version/${buildingBlockDefinitionId.buildingBlockDefinitionVersionTag}/document-template`,
+                });
+            }
         });
     }
     showSuccessMessage(key) {
@@ -667,10 +738,10 @@ class DocumentTemplateEditorComponent {
             title: this.translateService.instant('Saved successfully'),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DocumentTemplateEditorComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$2.ActivatedRoute }, { token: i3.PageTitleService }, { token: i2$2.Router }, { token: i4.NotificationService }, { token: i5$1.TranslateService }, { token: i3.BreadcrumbService }, { token: i3$1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: DocumentTemplateEditorComponent, isStandalone: true, selector: "ng-component", providers: [NotificationService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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    model: model$ | async,\n    updatedModelValue: updatedModelValue$ | async,\n    template: template$ | async,\n  } as obs\">\n\n    <div class=\"template-explanation\">\n        @if (obs?.template?.type === 'pdf') {\n            <p>\n                <strong>PDF Templates</strong> use HTML in combination with\n                <a href=\"https://freemarker.apache.org/docs/dgui_quickstart_basics.html\" target=\"_blank\"\n                   rel=\"noopener noreferrer\">\n                    FreeMarker\n                </a>\n                to define placeholders within the HTML structure. The FreeMarker data model is based on nested\n                <a href=\"https://docs.valtimo.nl/features/value-resolvers\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    Valtimo value resolvers\n                </a>,\n                but uses a slightly different syntax.\n            </p>\n            <p>\n                For example, <code>$&#123;doc.firstName&#125;</code> retrieves the\n                <code>firstName</code> value from the case.\n            </p>\n            <p>\n                The notation <code>&lt;#list docs as doc&gt;...&lt;/#list&gt;</code> streams all documents in the\n                current case.\n            </p>\n        } @else {\n            <p>\n                <strong>CSV Templates</strong> use a semicolon (<code>;</code>) as a separator.\n                <a href=\"https://freemarker.apache.org/docs/dgui_quickstart_basics.html\" target=\"_blank\"\n                   rel=\"noopener noreferrer\">\n                    FreeMarker\n                </a>\n                is used to define placeholders within the CSV content. The FreeMarker data model is based on nested\n                <a href=\"https://docs.valtimo.nl/features/value-resolvers\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    Valtimo value resolvers\n                </a>,\n                but uses a slightly different syntax.\n            </p>\n            <p>\n                For example, <code>$&#123;doc.firstName&#125;</code> retrieves the\n                <code>firstName</code> value from the case.\n            </p>\n            <p>\n                The notation <code>&lt;#list docs as doc&gt;...&lt;/#list&gt;</code> streams all documents in the\n                current case.\n            </p>\n        }\n    </div>\n\n    <cds-tabs type=\"contained\">\n        <cds-tab [active]=\"true\" [heading]=\"'Editor'\">\n            <valtimo-editor\n                    [model]=\"obs.model\"\n                    [disabled]=\"(editorDisabled$ | async) || (readOnly$ | async)\"\n                    (validEvent)=\"onValid($event)\"\n                    (valueChangeEvent)=\"onValueChange($event)\"\n                    [fitPage]=\"true\"\n                    [fitPageExtraSpace]=\"80\"\n            ></valtimo-editor>\n        </cds-tab>\n        <cds-tab [heading]=\"'Preview'\" (selected)=\"onSelectedTabPreview()\">\n            <iframe title=\"Preview\" id=\"preview-iframe\">\n            </iframe>\n        </cds-tab>\n    </cds-tabs>\n\n</ng-container>\n\n<ng-container renderInPageHeader>\n    <ng-template>\n        <div *ngIf=\"{\n                model: model$ | async,\n                moreDisabled: moreDisabled$ | async,\n                template: template$ | async,\n             } as obs\"\n             class=\"buttons-container\"\n        >\n            <cds-overflow-menu class=\"overflow-button\">\n                <cds-overflow-menu-option\n                        [disabled]=\"obs.moreDisabled || (readOnly$ | async)\"\n                        type=\"danger\"\n                        (selected)=\"showDeleteModal()\"\n                >{{ 'interface.delete' | translate }}\n                </cds-overflow-menu-option\n                >\n            </cds-overflow-menu>\n\n            <button\n                    [disabled]=\"(saveDisabled$ | async) || (readOnly$ | async)\"\n                    cdsButton=\"primary\"\n                    size=\"md\"\n                    (click)=\"updateTemplate()\"\n            >\n                {{ 'interface.save' | translate }}\n\n                <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n            </button>\n        </div>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"{templateKey: templateKey$ | async, templateType: templateType$ | async} as obs\">\n    <valtimo-document-template-delete-modal\n            [deleteRowKeys]=\"[{key: obs.templateKey, type: obs.templateType}]\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-document-template-delete-modal>\n</ng-container>\n", styles: ["::ng-deep .cds--tab-content{background:var(--cds-layer)!important}::ng-deep #preview-iframe{width:100%;height:calc(100vh - 219px)}.loading-container{display:flex;width:100%;justify-content:center}.overflow-button{margin-right:16px}.buttons-container{display:flex;flex-direction:row}.template-explanation{margin-top:16px;margin-bottom:24px}\n/*!\n * Copyright 2015-2023 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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i4.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i4.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "description", "flip", "placement", "open", "customTrigger", "offset", "wrapperClass", "triggerClass"], outputs: ["openChange"] }, { kind: "component", type: i4.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "component", type: DocumentTemplateDeleteModalComponent, selector: "valtimo-document-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: EditorModule }, { kind: "component", type: i3.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageSpaceAdjustment"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentTemplateEditorComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$1.ActivatedRoute }, { token: i4.PageTitleService }, { token: i2$1.Router }, { token: i4$1.NotificationService }, { token: i5.TranslateService }, { token: i4.BreadcrumbService }, { token: i3$1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: DocumentTemplateEditorComponent, isStandalone: true, selector: "ng-component", providers: [NotificationService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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    model: model$ | async,\n    updatedModelValue: updatedModelValue$ | async,\n    template: template$ | async,\n  } as obs\">\n\n    <div class=\"template-explanation\">\n        @if (obs?.template?.type === 'pdf') {\n            <p>\n                <strong>PDF Templates</strong> use HTML in combination with\n                <a href=\"https://freemarker.apache.org/docs/dgui_quickstart_basics.html\" target=\"_blank\"\n                   rel=\"noopener noreferrer\">\n                    FreeMarker\n                </a>\n                to define placeholders within the HTML structure. The FreeMarker data model is based on nested\n                <a href=\"https://docs.valtimo.nl/features/value-resolvers\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    Valtimo value resolvers\n                </a>,\n                but uses a slightly different syntax.\n            </p>\n            <p>\n                For example, <code>$&#123;doc.firstName&#125;</code> retrieves the\n                <code>firstName</code> value from the case.\n            </p>\n            <p>\n                The notation <code>&lt;#list docs as doc&gt;...&lt;/#list&gt;</code> streams all documents in the\n                current case.\n            </p>\n        } @else {\n            <p>\n                <strong>CSV Templates</strong> use a semicolon (<code>;</code>) as a separator.\n                <a href=\"https://freemarker.apache.org/docs/dgui_quickstart_basics.html\" target=\"_blank\"\n                   rel=\"noopener noreferrer\">\n                    FreeMarker\n                </a>\n                is used to define placeholders within the CSV content. The FreeMarker data model is based on nested\n                <a href=\"https://docs.valtimo.nl/features/value-resolvers\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    Valtimo value resolvers\n                </a>,\n                but uses a slightly different syntax.\n            </p>\n            <p>\n                For example, <code>$&#123;doc.firstName&#125;</code> retrieves the\n                <code>firstName</code> value from the case.\n            </p>\n            <p>\n                The notation <code>&lt;#list docs as doc&gt;...&lt;/#list&gt;</code> streams all documents in the\n                current case.\n            </p>\n        }\n    </div>\n\n    <cds-tabs type=\"contained\">\n        <cds-tab [active]=\"true\" [heading]=\"'Editor'\">\n            <valtimo-editor\n                    [model]=\"obs.model\"\n                    [disabled]=\"(editorDisabled$ | async) || (readOnly$ | async)\"\n                    (validEvent)=\"onValid($event)\"\n                    (valueChangeEvent)=\"onValueChange($event)\"\n                    [fitPage]=\"true\"\n                    [fitPageExtraSpace]=\"80\"\n            ></valtimo-editor>\n        </cds-tab>\n        <cds-tab [heading]=\"'Preview'\" (selected)=\"onSelectedTabPreview()\">\n            <iframe title=\"Preview\" id=\"preview-iframe\">\n            </iframe>\n        </cds-tab>\n    </cds-tabs>\n\n</ng-container>\n\n<ng-container renderInPageHeader>\n    <ng-template>\n        <div *ngIf=\"{\n                model: model$ | async,\n                moreDisabled: moreDisabled$ | async,\n                template: template$ | async,\n             } as obs\"\n             class=\"buttons-container\"\n        >\n            <cds-overflow-menu class=\"overflow-button\">\n                <cds-overflow-menu-option\n                        [disabled]=\"obs.moreDisabled || (readOnly$ | async)\"\n                        type=\"danger\"\n                        (selected)=\"showDeleteModal()\"\n                >{{ 'interface.delete' | translate }}\n                </cds-overflow-menu-option\n                >\n            </cds-overflow-menu>\n\n            <button\n                    [disabled]=\"(saveDisabled$ | async) || (readOnly$ | async)\"\n                    cdsButton=\"primary\"\n                    size=\"md\"\n                    (click)=\"updateTemplate()\"\n            >\n                {{ 'interface.save' | translate }}\n\n                <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n            </button>\n        </div>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"{templateKey: templateKey$ | async, templateType: templateType$ | async} as obs\">\n    <valtimo-document-template-delete-modal\n            [deleteRowKeys]=\"[{key: obs.templateKey, type: obs.templateType}]\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-document-template-delete-modal>\n</ng-container>\n", styles: ["::ng-deep .cds--tab-content{background:var(--cds-layer)!important}::ng-deep #preview-iframe{width:100%;height:calc(100vh - 219px)}.loading-container{display:flex;width:100%;justify-content:center}.overflow-button{margin-right:16px}.buttons-container{display:flex;flex-direction:row}.template-explanation{margin-top:16px;margin-bottom:24px}\n/*!\n * Copyright 2015-2023 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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i4$1.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i4$1.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4$1.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "description", "flip", "placement", "open", "customTrigger", "offset", "wrapperClass", "triggerClass"], outputs: ["openChange"] }, { kind: "component", type: i4$1.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "component", type: DocumentTemplateDeleteModalComponent, selector: "valtimo-document-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: EditorModule }, { kind: "component", type: i4.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageSpaceAdjustment"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DocumentTemplateEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentTemplateEditorComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [NotificationService], imports: [
                         CommonModule,
@@ -683,7 +754,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         EditorModule,
                         RenderInPageHeaderDirective,
                     ], template: "<!--\n  ~ Copyright 2015-2023 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    model: model$ | async,\n    updatedModelValue: updatedModelValue$ | async,\n    template: template$ | async,\n  } as obs\">\n\n    <div class=\"template-explanation\">\n        @if (obs?.template?.type === 'pdf') {\n            <p>\n                <strong>PDF Templates</strong> use HTML in combination with\n                <a href=\"https://freemarker.apache.org/docs/dgui_quickstart_basics.html\" target=\"_blank\"\n                   rel=\"noopener noreferrer\">\n                    FreeMarker\n                </a>\n                to define placeholders within the HTML structure. The FreeMarker data model is based on nested\n                <a href=\"https://docs.valtimo.nl/features/value-resolvers\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    Valtimo value resolvers\n                </a>,\n                but uses a slightly different syntax.\n            </p>\n            <p>\n                For example, <code>$&#123;doc.firstName&#125;</code> retrieves the\n                <code>firstName</code> value from the case.\n            </p>\n            <p>\n                The notation <code>&lt;#list docs as doc&gt;...&lt;/#list&gt;</code> streams all documents in the\n                current case.\n            </p>\n        } @else {\n            <p>\n                <strong>CSV Templates</strong> use a semicolon (<code>;</code>) as a separator.\n                <a href=\"https://freemarker.apache.org/docs/dgui_quickstart_basics.html\" target=\"_blank\"\n                   rel=\"noopener noreferrer\">\n                    FreeMarker\n                </a>\n                is used to define placeholders within the CSV content. The FreeMarker data model is based on nested\n                <a href=\"https://docs.valtimo.nl/features/value-resolvers\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    Valtimo value resolvers\n                </a>,\n                but uses a slightly different syntax.\n            </p>\n            <p>\n                For example, <code>$&#123;doc.firstName&#125;</code> retrieves the\n                <code>firstName</code> value from the case.\n            </p>\n            <p>\n                The notation <code>&lt;#list docs as doc&gt;...&lt;/#list&gt;</code> streams all documents in the\n                current case.\n            </p>\n        }\n    </div>\n\n    <cds-tabs type=\"contained\">\n        <cds-tab [active]=\"true\" [heading]=\"'Editor'\">\n            <valtimo-editor\n                    [model]=\"obs.model\"\n                    [disabled]=\"(editorDisabled$ | async) || (readOnly$ | async)\"\n                    (validEvent)=\"onValid($event)\"\n                    (valueChangeEvent)=\"onValueChange($event)\"\n                    [fitPage]=\"true\"\n                    [fitPageExtraSpace]=\"80\"\n            ></valtimo-editor>\n        </cds-tab>\n        <cds-tab [heading]=\"'Preview'\" (selected)=\"onSelectedTabPreview()\">\n            <iframe title=\"Preview\" id=\"preview-iframe\">\n            </iframe>\n        </cds-tab>\n    </cds-tabs>\n\n</ng-container>\n\n<ng-container renderInPageHeader>\n    <ng-template>\n        <div *ngIf=\"{\n                model: model$ | async,\n                moreDisabled: moreDisabled$ | async,\n                template: template$ | async,\n             } as obs\"\n             class=\"buttons-container\"\n        >\n            <cds-overflow-menu class=\"overflow-button\">\n                <cds-overflow-menu-option\n                        [disabled]=\"obs.moreDisabled || (readOnly$ | async)\"\n                        type=\"danger\"\n                        (selected)=\"showDeleteModal()\"\n                >{{ 'interface.delete' | translate }}\n                </cds-overflow-menu-option\n                >\n            </cds-overflow-menu>\n\n            <button\n                    [disabled]=\"(saveDisabled$ | async) || (readOnly$ | async)\"\n                    cdsButton=\"primary\"\n                    size=\"md\"\n                    (click)=\"updateTemplate()\"\n            >\n                {{ 'interface.save' | translate }}\n\n                <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n            </button>\n        </div>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"{templateKey: templateKey$ | async, templateType: templateType$ | async} as obs\">\n    <valtimo-document-template-delete-modal\n            [deleteRowKeys]=\"[{key: obs.templateKey, type: obs.templateType}]\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-document-template-delete-modal>\n</ng-container>\n", styles: ["::ng-deep .cds--tab-content{background:var(--cds-layer)!important}::ng-deep #preview-iframe{width:100%;height:calc(100vh - 219px)}.loading-container{display:flex;width:100%;justify-content:center}.overflow-button{margin-right:16px}.buttons-container{display:flex;flex-direction:row}.template-explanation{margin-top:16px;margin-bottom:24px}\n/*!\n * Copyright 2015-2023 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: FreemarkerTemplateManagementService }, { type: i2$2.ActivatedRoute }, { type: i3.PageTitleService }, { type: i2$2.Router }, { type: i4.NotificationService }, { type: i5$1.TranslateService }, { type: i3.BreadcrumbService }, { type: i3$1.EnvironmentService }] });
+        }], ctorParameters: () => [{ type: FreemarkerTemplateManagementService }, { type: i2$1.ActivatedRoute }, { type: i4.PageTitleService }, { type: i2$1.Router }, { type: i4$1.NotificationService }, { type: i5.TranslateService }, { type: i4.BreadcrumbService }, { type: i3$1.EnvironmentService }] });
 
 /*
  * Copyright 2015-2023 Ritense BV, the Netherlands.
@@ -711,13 +782,23 @@ const routes$2 = [
             customPageTitle: true,
         },
     },
+    {
+        path: 'building-block-management/building-block/:buildingBlockDefinitionKey/version/:buildingBlockDefinitionVersionTag/document-template/:templateKey/:templateType',
+        component: DocumentTemplateEditorComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            title: 'Document Template Editor',
+            templates: [ROLE_ADMIN],
+            customPageTitle: true,
+        },
+    },
 ];
 let TemplateManagementRoutingModule$2 = class TemplateManagementRoutingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TemplateManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: TemplateManagementRoutingModule, imports: [CommonModule, i2$2.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TemplateManagementRoutingModule, imports: [CommonModule, RouterModule.forChild(routes$2), RouterModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TemplateManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: TemplateManagementRoutingModule, imports: [CommonModule, i2$1.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TemplateManagementRoutingModule, imports: [CommonModule, RouterModule.forChild(routes$2), RouterModule] }); }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TemplateManagementRoutingModule$2, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TemplateManagementRoutingModule$2, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterModule.forChild(routes$2)],
@@ -741,34 +822,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * limitations under the License.
  */
 class GenerateCsvComponent {
-    constructor(templateService) {
+    constructor(templateService, route) {
         this.templateService = templateService;
+        this.route = route;
         this.valid = new EventEmitter();
         this.configuration = new EventEmitter();
+        this.buildingBlockParams$ = getBuildingBlockManagementRouteParams(this.route);
         this.formValue$ = new BehaviorSubject(null);
         this.valid$ = new BehaviorSubject(false);
+        this._subscriptions = new Subscription();
         this.loading$ = new BehaviorSubject(true);
-        this.templateListItems$ = new BehaviorSubject(undefined);
+        this.templateListItems$ = new BehaviorSubject([]);
+        this._destroy$ = new Subject();
     }
     ngOnInit() {
-        this.loadTemplateListItems();
         this.openSaveSubscription();
+        this.initContextHandling();
     }
     ngOnDestroy() {
-        this.saveSubscription?.unsubscribe();
+        this._subscriptions.unsubscribe();
+        this._destroy$.next();
+        this._destroy$.complete();
     }
     formValueChange(formValue) {
         this.formValue$.next(formValue);
         this.handleValid(formValue);
     }
-    loadTemplateListItems() {
-        this.context$.pipe(switchMap(([_, params]) => this.templateService.getAllTemplates(params.caseDefinitionKey, params.caseDefinitionVersionTag, 'csv')), map(results => results.content.map(template => ({
+    initContextHandling() {
+        const caseParams$ = this.context$ ? this.context$.pipe(filter(([managementContext, caseParams]) => managementContext === 'case' && !!caseParams?.caseDefinitionKey), map(([managementContext, caseParams]) => ({ managementContext, caseParams }))) : of(null);
+        const buildingBlockParams$ = this.buildingBlockParams$.pipe(filter(buildingBlockParams => !!buildingBlockParams?.buildingBlockDefinitionKey), map(buildingBlockParams => ({ managementContext: 'buildingBlock', buildingBlockParams })));
+        merge(caseParams$, buildingBlockParams$).pipe(filter(params => !!params), switchMap(params => {
+            if (params.managementContext === 'case') {
+                return this.templateService.getAllTemplates(params.caseParams, null, 'csv');
+            }
+            else if (params.managementContext === 'buildingBlock') {
+                return this.templateService.getAllTemplates(null, params.buildingBlockParams, 'csv');
+            }
+            else {
+                console.error(`Freemarker plugin does not support '${params.managementContext}' templates`);
+                return of(null);
+            }
+        }), map(results => results?.content.map(template => ({
             id: template.key,
             text: template.key,
-        })))).subscribe(templateListItems => {
-            this.templateListItems$.next(templateListItems);
-            this.loading$.next(false);
-        });
+        })) || []), tap(() => this.loading$.next(false)), takeUntil(this._destroy$)).subscribe(results => this.templateListItems$.next(results));
     }
     handleValid(formValue) {
         const valid = !!(formValue.templateKey && formValue.processVariableName);
@@ -776,7 +873,7 @@ class GenerateCsvComponent {
         this.valid.emit(valid);
     }
     openSaveSubscription() {
-        this.saveSubscription = this.save$?.subscribe(save => {
+        const saveSubscription = this.save$?.subscribe(save => {
             combineLatest([this.formValue$, this.valid$])
                 .pipe(take(1))
                 .subscribe(([formValue, valid]) => {
@@ -785,14 +882,15 @@ class GenerateCsvComponent {
                 }
             });
         });
+        this._subscriptions.add(saveSubscription);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GenerateCsvComponent, deps: [{ token: FreemarkerTemplateManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GenerateCsvComponent, isStandalone: false, selector: "valtimo-generate-csv-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$", context$: "context$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 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=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    templateListItems: templateListItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateDocumentFileDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.templateListItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"templateKey\"\n                    [title]=\"'csvTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.templateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.templateListItems\"\n                    [tooltip]=\"'templateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'contentId'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i3.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i3.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GenerateCsvComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: GenerateCsvComponent, isStandalone: false, selector: "valtimo-generate-csv-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$", context$: "context$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 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=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    templateListItems: templateListItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateDocumentFileDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.templateListItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"templateKey\"\n                    [title]=\"'csvTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.templateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.templateListItems\"\n                    [tooltip]=\"'templateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'contentId'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i4.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i4.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i4.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GenerateCsvComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GenerateCsvComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-generate-csv-configuration', template: "<!--\n  ~ Copyright 2015-2022 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=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    templateListItems: templateListItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateDocumentFileDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.templateListItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"templateKey\"\n                    [title]=\"'csvTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.templateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.templateListItems\"\n                    [tooltip]=\"'templateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'contentId'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: FreemarkerTemplateManagementService }], propDecorators: { save$: [{
+        }], ctorParameters: () => [{ type: FreemarkerTemplateManagementService }, { type: i2$1.ActivatedRoute }], propDecorators: { save$: [{
                 type: Input
             }], disabled$: [{
                 type: Input
@@ -824,34 +922,50 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * limitations under the License.
  */
 class GeneratePdfComponent {
-    constructor(templateService) {
+    constructor(templateService, route) {
         this.templateService = templateService;
+        this.route = route;
         this.valid = new EventEmitter();
         this.configuration = new EventEmitter();
+        this.buildingBlockParams$ = getBuildingBlockManagementRouteParams(this.route);
         this.formValue$ = new BehaviorSubject(null);
         this.valid$ = new BehaviorSubject(false);
+        this._subscriptions = new Subscription();
         this.loading$ = new BehaviorSubject(true);
-        this.templateListItems$ = new BehaviorSubject(undefined);
+        this.templateListItems$ = new BehaviorSubject([]);
+        this._destroy$ = new Subject();
     }
     ngOnInit() {
-        this.loadTemplateListItems();
         this.openSaveSubscription();
+        this.initContextHandling();
     }
     ngOnDestroy() {
-        this.saveSubscription?.unsubscribe();
+        this._subscriptions.unsubscribe();
+        this._destroy$.next();
+        this._destroy$.complete();
     }
     formValueChange(formValue) {
         this.formValue$.next(formValue);
         this.handleValid(formValue);
     }
-    loadTemplateListItems() {
-        this.context$.pipe(switchMap(([_, params]) => this.templateService.getAllTemplates(params.caseDefinitionKey, params.caseDefinitionVersionTag, 'pdf')), map(results => results.content.map(template => ({
+    initContextHandling() {
+        const caseParams$ = this.context$ ? this.context$.pipe(filter(([managementContext, caseParams]) => managementContext === 'case' && !!caseParams?.caseDefinitionKey), map(([managementContext, caseParams]) => ({ managementContext, caseParams }))) : of(null);
+        const buildingBlockParams$ = this.buildingBlockParams$.pipe(filter(buildingBlockParams => !!buildingBlockParams?.buildingBlockDefinitionKey), map(buildingBlockParams => ({ managementContext: 'buildingBlock', buildingBlockParams })));
+        merge(caseParams$, buildingBlockParams$).pipe(filter(params => !!params), switchMap(params => {
+            if (params.managementContext === 'case') {
+                return this.templateService.getAllTemplates(params.caseParams, null, 'pdf');
+            }
+            else if (params.managementContext === 'buildingBlock') {
+                return this.templateService.getAllTemplates(null, params.buildingBlockParams, 'pdf');
+            }
+            else {
+                console.error(`Freemarker plugin does not support '${params.managementContext}' templates`);
+                return of(null);
+            }
+        }), map(results => results?.content.map(template => ({
             id: template.key,
             text: template.key,
-        })))).subscribe(templateListItems => {
-            this.templateListItems$.next(templateListItems);
-            this.loading$.next(false);
-        });
+        })) || []), tap(() => this.loading$.next(false)), takeUntil(this._destroy$)).subscribe(results => this.templateListItems$.next(results));
     }
     handleValid(formValue) {
         const valid = !!(formValue.templateKey && formValue.processVariableName);
@@ -859,7 +973,7 @@ class GeneratePdfComponent {
         this.valid.emit(valid);
     }
     openSaveSubscription() {
-        this.saveSubscription = this.save$?.subscribe(save => {
+        const saveSubscription = this.save$?.subscribe(save => {
             combineLatest([this.formValue$, this.valid$])
                 .pipe(take(1))
                 .subscribe(([formValue, valid]) => {
@@ -868,14 +982,15 @@ class GeneratePdfComponent {
                 }
             });
         });
+        this._subscriptions.add(saveSubscription);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GeneratePdfComponent, deps: [{ token: FreemarkerTemplateManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GeneratePdfComponent, isStandalone: false, selector: "valtimo-generate-pdf-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$", context$: "context$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 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=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    templateListItems: templateListItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateDocumentFileDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.templateListItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"templateKey\"\n                    [title]=\"'pdfTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.templateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.templateListItems\"\n                    [tooltip]=\"'templateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'contentId'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i3.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i3.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GeneratePdfComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: GeneratePdfComponent, isStandalone: false, selector: "valtimo-generate-pdf-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$", context$: "context$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 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=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    templateListItems: templateListItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateDocumentFileDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.templateListItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"templateKey\"\n                    [title]=\"'pdfTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.templateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.templateListItems\"\n                    [tooltip]=\"'templateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'contentId'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i4.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i4.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i4.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GeneratePdfComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GeneratePdfComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-generate-pdf-configuration', template: "<!--\n  ~ Copyright 2015-2022 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=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    templateListItems: templateListItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateDocumentFileDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.templateListItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"templateKey\"\n                    [title]=\"'pdfTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.templateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.templateListItems\"\n                    [tooltip]=\"'templateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'contentId'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: FreemarkerTemplateManagementService }], propDecorators: { save$: [{
+        }], ctorParameters: () => [{ type: FreemarkerTemplateManagementService }, { type: i2$1.ActivatedRoute }], propDecorators: { save$: [{
                 type: Input
             }], disabled$: [{
                 type: Input
@@ -907,10 +1022,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * limitations under the License.
  */
 class DocumentGeneratorPluginModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DocumentGeneratorPluginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: DocumentGeneratorPluginModule, declarations: [GenerateCsvComponent,
-            GeneratePdfComponent,
-            DocumentGeneratorConfigurationComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentGeneratorPluginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: DocumentGeneratorPluginModule, declarations: [GenerateCsvComponent, GeneratePdfComponent, DocumentGeneratorConfigurationComponent], imports: [CommonModule,
             PluginTranslatePipeModule,
             TemplateManagementRoutingModule$2,
             FormModule,
@@ -931,17 +1044,30 @@ class DocumentGeneratorPluginModule {
             ModalModule,
             NotificationModule,
             RenderInPageHeaderDirective,
-            TabsModule], exports: [GenerateCsvComponent,
-            GeneratePdfComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DocumentGeneratorPluginModule, providers: [
+            TabsModule], exports: [GenerateCsvComponent, GeneratePdfComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentGeneratorPluginModule, providers: [
             {
                 provide: CASE_MANAGEMENT_TAB_TOKEN,
-                useValue: {
-                    translationKey: 'document-template',
+                useFactory: (pluginManagementService) => ({
+                    translationKey: "Document template",
                     component: DocumentTemplateListComponent,
-                },
+                    tabRoute: "document-template",
+                    enabled$: pluginManagementService.getAllPluginConfigurations().pipe(map((pluginConfigs) => pluginConfigs.find((pluginConfig) => pluginConfig.pluginDefinition?.key === "document-generator")), catchError(() => of(false))),
+                }),
+                deps: [PluginManagementService],
                 multi: true,
-            }
+            },
+            {
+                provide: BUILDING_BLOCK_MANAGEMENT_TAB_TOKEN,
+                useFactory: (pluginManagementService) => ({
+                    translationKey: "Document template",
+                    component: DocumentTemplateListComponent,
+                    tabRoute: "document-template",
+                    enabled$: pluginManagementService.getAllPluginConfigurations().pipe(map((pluginConfigs) => pluginConfigs.find((pluginConfig) => pluginConfig.pluginDefinition?.key === "document-generator")), catchError(() => of(false))),
+                }),
+                deps: [PluginManagementService],
+                multi: true,
+            },
         ], imports: [CommonModule,
             PluginTranslatePipeModule,
             TemplateManagementRoutingModule$2,
@@ -964,14 +1090,10 @@ class DocumentGeneratorPluginModule {
             NotificationModule,
             TabsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DocumentGeneratorPluginModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: DocumentGeneratorPluginModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        GenerateCsvComponent,
-                        GeneratePdfComponent,
-                        DocumentGeneratorConfigurationComponent,
-                    ],
+                    declarations: [GenerateCsvComponent, GeneratePdfComponent, DocumentGeneratorConfigurationComponent],
                     imports: [
                         CommonModule,
                         PluginTranslatePipeModule,
@@ -996,20 +1118,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         RenderInPageHeaderDirective,
                         TabsModule,
                     ],
-                    exports: [
-                        GenerateCsvComponent,
-                        GeneratePdfComponent,
-                    ],
+                    exports: [GenerateCsvComponent, GeneratePdfComponent],
                     providers: [
                         {
                             provide: CASE_MANAGEMENT_TAB_TOKEN,
-                            useValue: {
-                                translationKey: 'document-template',
+                            useFactory: (pluginManagementService) => ({
+                                translationKey: "Document template",
                                 component: DocumentTemplateListComponent,
-                            },
+                                tabRoute: "document-template",
+                                enabled$: pluginManagementService.getAllPluginConfigurations().pipe(map((pluginConfigs) => pluginConfigs.find((pluginConfig) => pluginConfig.pluginDefinition?.key === "document-generator")), catchError(() => of(false))),
+                            }),
+                            deps: [PluginManagementService],
+                            multi: true,
+                        },
+                        {
+                            provide: BUILDING_BLOCK_MANAGEMENT_TAB_TOKEN,
+                            useFactory: (pluginManagementService) => ({
+                                translationKey: "Document template",
+                                component: DocumentTemplateListComponent,
+                                tabRoute: "document-template",
+                                enabled$: pluginManagementService.getAllPluginConfigurations().pipe(map((pluginConfigs) => pluginConfigs.find((pluginConfig) => pluginConfig.pluginDefinition?.key === "document-generator")), catchError(() => of(false))),
+                            }),
+                            deps: [PluginManagementService],
                             multi: true,
-                        }
-                    ]
+                        },
+                    ],
                 }]
         }] });
 
@@ -1198,10 +1331,10 @@ class MailTemplateConfigurationComponent {
     }
     injectCaseTab() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MailTemplateConfigurationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: MailTemplateConfigurationComponent, isStandalone: false, selector: "valtimo-mail-template-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 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<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null\n  } as obs\"\n>\n  <v-input\n    name=\"configurationTitle\"\n    [title]=\"'configurationTitle' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [disabled]=\"obs.disabled\"\n    [defaultValue]=\"obs.prefill?.configurationTitle\"\n    [required]=\"true\"\n    [tooltip]=\"'configurationTitleTooltip' | pluginTranslate: pluginId | async\"\n    [widthPx]=\"350\"\n    placeholder=\"Mail Template Plugin\"\n  >\n  </v-input>\n</v-form>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MailTemplateConfigurationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: MailTemplateConfigurationComponent, isStandalone: false, selector: "valtimo-mail-template-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 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<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null\n  } as obs\"\n>\n  <v-input\n    name=\"configurationTitle\"\n    [title]=\"'configurationTitle' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [disabled]=\"obs.disabled\"\n    [defaultValue]=\"obs.prefill?.configurationTitle\"\n    [required]=\"true\"\n    [tooltip]=\"'configurationTitleTooltip' | pluginTranslate: pluginId | async\"\n    [widthPx]=\"350\"\n    placeholder=\"Mail Template Plugin\"\n  >\n  </v-input>\n</v-form>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i4.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MailTemplateConfigurationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MailTemplateConfigurationComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-mail-template-configuration', template: "<!--\n  ~ Copyright 2015-2022 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<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null\n  } as obs\"\n>\n  <v-input\n    name=\"configurationTitle\"\n    [title]=\"'configurationTitle' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [disabled]=\"obs.disabled\"\n    [defaultValue]=\"obs.prefill?.configurationTitle\"\n    [required]=\"true\"\n    [tooltip]=\"'configurationTitleTooltip' | pluginTranslate: pluginId | async\"\n    [widthPx]=\"350\"\n    placeholder=\"Mail Template Plugin\"\n  >\n  </v-input>\n</v-form>\n" }]
         }], ctorParameters: () => [], propDecorators: { save$: [{
@@ -1234,15 +1367,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * limitations under the License.
  */
 class GenerateMailContentComponent {
-    constructor(templateService) {
+    constructor(templateService, route) {
         this.templateService = templateService;
+        this.route = route;
         this.valid = new EventEmitter();
         this.configuration = new EventEmitter();
+        this.buildingBlockParams$ = getBuildingBlockManagementRouteParams(this.route);
         this.formValue$ = new BehaviorSubject(null);
         this.valid$ = new BehaviorSubject(false);
         this._subscriptions = new Subscription();
         this.loading$ = new BehaviorSubject(true);
         this.mailTemplateItems$ = new BehaviorSubject([]);
+        this._destroy$ = new Subject();
     }
     ngOnInit() {
         this.openSaveSubscription();
@@ -1250,6 +1386,8 @@ class GenerateMailContentComponent {
     }
     ngOnDestroy() {
         this._subscriptions.unsubscribe();
+        this._destroy$.next();
+        this._destroy$.complete();
     }
     formValueChange(formValue) {
         this.formValue$.next(formValue);
@@ -1273,12 +1411,14 @@ class GenerateMailContentComponent {
         this._subscriptions.add(saveSubscription);
     }
     initContextHandling() {
-        if (!this.context$) {
-            return;
-        }
-        const contextSub = this.context$.pipe(switchMap(([managementContext, caseDefinitionId]) => {
-            if (managementContext == 'case') {
-                return this.templateService.getAllMailTemplates(caseDefinitionId?.caseDefinitionKey, caseDefinitionId?.caseDefinitionVersionTag);
+        const caseParams$ = this.context$ ? this.context$.pipe(filter(([managementContext, caseParams]) => managementContext === 'case' && !!caseParams?.caseDefinitionKey), map(([managementContext, caseParams]) => ({ managementContext, caseParams }))) : of(null);
+        const buildingBlockParams$ = this.buildingBlockParams$.pipe(filter(buildingBlockParams => !!buildingBlockParams?.buildingBlockDefinitionKey), map(buildingBlockParams => ({ managementContext: 'buildingBlock', buildingBlockParams })));
+        merge(caseParams$, buildingBlockParams$).pipe(filter(params => !!params), switchMap(params => {
+            if (params.managementContext === 'case') {
+                return this.templateService.getAllMailTemplates(params.caseParams, null);
+            }
+            else if (params.managementContext === 'buildingBlock') {
+                return this.templateService.getAllMailTemplates(null, params.buildingBlockParams);
             }
             else {
                 console.error('Freemarker plugin does not support global templates');
@@ -1287,17 +1427,15 @@ class GenerateMailContentComponent {
         }), map(results => results?.content.map(template => ({
             id: template.key,
             text: template.key,
-        })) || []), tap(() => this.loading$.next(false)))
-            .subscribe(results => this.mailTemplateItems$.next(results));
-        this._subscriptions.add(contextSub);
+        })) || []), tap(() => this.loading$.next(false)), takeUntil(this._destroy$)).subscribe(results => this.mailTemplateItems$.next(results));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GenerateMailContentComponent, deps: [{ token: FreemarkerTemplateManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GenerateMailContentComponent, isStandalone: false, selector: "valtimo-generate-mail-content-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", context$: "context$", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 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=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    mailTemplateItems: mailTemplateItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateMailContentDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.mailTemplateItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"mailTemplateKey\"\n                    [title]=\"'mailTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.mailTemplateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.mailTemplateItems\"\n                    [tooltip]=\"'mailTemplateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'content'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i3.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i3.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GenerateMailContentComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: GenerateMailContentComponent, isStandalone: false, selector: "valtimo-generate-mail-content-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", context$: "context$", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 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=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    mailTemplateItems: mailTemplateItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateMailContentDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.mailTemplateItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"mailTemplateKey\"\n                    [title]=\"'mailTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.mailTemplateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.mailTemplateItems\"\n                    [tooltip]=\"'mailTemplateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'content'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i4.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i4.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i4.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GenerateMailContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GenerateMailContentComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-generate-mail-content-configuration', template: "<!--\n  ~ Copyright 2015-2022 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=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    mailTemplateItems: mailTemplateItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateMailContentDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.mailTemplateItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"mailTemplateKey\"\n                    [title]=\"'mailTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.mailTemplateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.mailTemplateItems\"\n                    [tooltip]=\"'mailTemplateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'content'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: FreemarkerTemplateManagementService }], propDecorators: { save$: [{
+        }], ctorParameters: () => [{ type: FreemarkerTemplateManagementService }, { type: i2$1.ActivatedRoute }], propDecorators: { save$: [{
                 type: Input
             }], disabled$: [{
                 type: Input
@@ -1329,15 +1467,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * limitations under the License.
  */
 class GenerateMailFileComponent {
-    constructor(templateService) {
+    constructor(templateService, route) {
         this.templateService = templateService;
+        this.route = route;
         this.valid = new EventEmitter();
         this.configuration = new EventEmitter();
+        this.buildingBlockParams$ = getBuildingBlockManagementRouteParams(this.route);
         this.formValue$ = new BehaviorSubject(null);
         this.valid$ = new BehaviorSubject(false);
         this._subscriptions = new Subscription();
         this.loading$ = new BehaviorSubject(true);
         this.mailTemplateItems$ = new BehaviorSubject([]);
+        this._destroy$ = new Subject();
     }
     ngOnInit() {
         this.openSaveSubscription();
@@ -1345,6 +1486,8 @@ class GenerateMailFileComponent {
     }
     ngOnDestroy() {
         this._subscriptions.unsubscribe();
+        this._destroy$.next();
+        this._destroy$.complete();
     }
     formValueChange(formValue) {
         this.formValue$.next(formValue);
@@ -1368,31 +1511,31 @@ class GenerateMailFileComponent {
         this._subscriptions.add(saveSubscription);
     }
     initContextHandling() {
-        if (!this.context$) {
-            return;
-        }
-        const contextSub = this.context$.pipe(switchMap(([managementContext, caseDefinitionId]) => {
-            if (managementContext == 'case') {
-                return this.templateService.getAllMailTemplates(caseDefinitionId?.caseDefinitionKey, caseDefinitionId?.caseDefinitionVersionTag);
+        const caseParams$ = this.context$.pipe(filter(([managementContext, caseParams]) => managementContext === 'case' && !!caseParams?.caseDefinitionKey), map(([managementContext, caseParams]) => ({ managementContext, caseParams })));
+        const buildingBlockParams$ = this.buildingBlockParams$.pipe(filter(buildingBlockParams => !!buildingBlockParams?.buildingBlockDefinitionKey), map(buildingBlockParams => ({ managementContext: 'buildingBlock', buildingBlockParams })));
+        merge(caseParams$, buildingBlockParams$).pipe(filter(params => !!params), switchMap(params => {
+            if (params.managementContext === 'case') {
+                return this.templateService.getAllMailTemplates(params.caseParams, null);
+            }
+            else if (params.managementContext === 'buildingBlock') {
+                return this.templateService.getAllMailTemplates(null, params.buildingBlockParams);
             }
             else {
-                console.error('Freemarker plugin does not support global templates');
+                console.error(`Freemarker plugin does not support '${params.managementContext}' templates`);
                 return of(null);
             }
         }), map(results => results?.content.map(template => ({
             id: template.key,
             text: template.key,
-        })) || []), tap(() => this.loading$.next(false)))
-            .subscribe(results => this.mailTemplateItems$.next(results));
-        this._subscriptions.add(contextSub);
+        })) || []), tap(() => this.loading$.next(false)), takeUntil(this._destroy$)).subscribe(results => this.mailTemplateItems$.next(results));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GenerateMailFileComponent, deps: [{ token: FreemarkerTemplateManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GenerateMailFileComponent, isStandalone: false, selector: "valtimo-generate-mail-file-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", context$: "context$", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 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=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    mailTemplateItems: mailTemplateItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateMailFileDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.mailTemplateItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"mailTemplateKey\"\n                    [title]=\"'mailTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.mailTemplateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.mailTemplateItems\"\n                    [tooltip]=\"'mailTemplateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'contentId'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i3.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i3.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GenerateMailFileComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: GenerateMailFileComponent, isStandalone: false, selector: "valtimo-generate-mail-file-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", context$: "context$", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 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=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    mailTemplateItems: mailTemplateItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateMailFileDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.mailTemplateItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"mailTemplateKey\"\n                    [title]=\"'mailTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.mailTemplateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.mailTemplateItems\"\n                    [tooltip]=\"'mailTemplateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'contentId'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i4.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i4.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i4.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GenerateMailFileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GenerateMailFileComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-generate-mail-file-configuration', template: "<!--\n  ~ Copyright 2015-2022 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=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    mailTemplateItems: mailTemplateItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateMailFileDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.mailTemplateItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"mailTemplateKey\"\n                    [title]=\"'mailTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.mailTemplateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.mailTemplateItems\"\n                    [tooltip]=\"'mailTemplateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'contentId'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: FreemarkerTemplateManagementService }], propDecorators: { save$: [{
+        }], ctorParameters: () => [{ type: FreemarkerTemplateManagementService }, { type: i2$1.ActivatedRoute }], propDecorators: { save$: [{
                 type: Input
             }], disabled$: [{
                 type: Input
@@ -1430,10 +1573,10 @@ class MailTemplateDeleteModalComponent {
     onDelete(templates) {
         this.deleteEvent.emit(templates);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MailTemplateDeleteModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: MailTemplateDeleteModalComponent, isStandalone: true, selector: "valtimo-mail-template-delete-modal", inputs: { deleteRowKeys: "deleteRowKeys", showDeleteModal$: "showDeleteModal$" }, outputs: { deleteEvent: "deleteEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"template.deleteModalContent\"\n  [outputOnConfirm]=\"deleteRowKeys\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDelete($event)\"\n></valtimo-confirmation-modal>\n", dependencies: [{ kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i3.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MailTemplateDeleteModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: MailTemplateDeleteModalComponent, isStandalone: true, selector: "valtimo-mail-template-delete-modal", inputs: { deleteRowKeys: "deleteRowKeys", showDeleteModal$: "showDeleteModal$" }, outputs: { deleteEvent: "deleteEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"template.deleteModalContent\"\n  [outputOnConfirm]=\"deleteRowKeys\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDelete($event)\"\n></valtimo-confirmation-modal>\n", dependencies: [{ kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i4.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MailTemplateDeleteModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MailTemplateDeleteModalComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'valtimo-mail-template-delete-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         ConfirmationModalModule
@@ -1508,10 +1651,10 @@ class MailTemplateAddEditModalComponent {
             }
         }, CARBON_CONSTANTS.modalAnimationMs);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MailTemplateAddEditModalComponent, deps: [{ token: i1.FormBuilder }, { token: i3.KeyGeneratorService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: MailTemplateAddEditModalComponent, isStandalone: true, selector: "valtimo-mail-template-add-edit-modal", inputs: { open: "open", type: "type", defaultKeyValue: "defaultKeyValue" }, outputs: { closeEvent: "closeEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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    isAdd: type === 'add'\n  } as vars\"\n  [open]=\"open\"\n  showFooter=\"true\"\n  [title]=\"vars.title\"\n  valtimoCdsModal\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        vars.isAdd\n          ? 'Add'\n          : 'Edit'\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <form [formGroup]=\"form\">\n      <cds-label [invalid]=\"key.dirty && key.invalid\">\n        {{ 'Key' }}\n\n        <input\n          formControlName=\"key\"\n          cdsText\n          placeholder=\"{{ 'key' }}\"\n          [attr.modal-primary-focus]=\"true\"\n          [invalid]=\"key.dirty && key.invalid\"\n        />\n      </cds-label>\n    </form>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button [disabled]=\"this.form.invalid\" (click)=\"onConfirm()\" cdsButton=\"primary\">\n      {{ vars.isAdd ? ('interface.create' | translate) : ('interface.save' | translate) }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i4.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i4.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i4.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i4.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i4.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MailTemplateAddEditModalComponent, deps: [{ token: i1.FormBuilder }, { token: i4.KeyGeneratorService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: MailTemplateAddEditModalComponent, isStandalone: true, selector: "valtimo-mail-template-add-edit-modal", inputs: { open: "open", type: "type", defaultKeyValue: "defaultKeyValue" }, outputs: { closeEvent: "closeEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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    isAdd: type === 'add'\n  } as vars\"\n  [open]=\"open\"\n  showFooter=\"true\"\n  [title]=\"vars.title\"\n  valtimoCdsModal\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        vars.isAdd\n          ? 'Add'\n          : 'Edit'\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <form [formGroup]=\"form\">\n      <cds-label [invalid]=\"key.dirty && key.invalid\">\n        {{ 'Key' }}\n\n        <input\n          formControlName=\"key\"\n          cdsText\n          placeholder=\"{{ 'key' }}\"\n          [attr.modal-primary-focus]=\"true\"\n          [invalid]=\"key.dirty && key.invalid\"\n        />\n      </cds-label>\n    </form>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button [disabled]=\"this.form.invalid\" (click)=\"onConfirm()\" cdsButton=\"primary\">\n      {{ vars.isAdd ? ('interface.create' | translate) : ('interface.save' | translate) }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i4$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i4$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i4$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i4$1.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i4$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MailTemplateAddEditModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MailTemplateAddEditModalComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'valtimo-mail-template-add-edit-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
@@ -1521,7 +1664,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         ReactiveFormsModule,
                         InputModule
                     ], template: "<!--\n  ~ Copyright 2015-2023 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    isAdd: type === 'add'\n  } as vars\"\n  [open]=\"open\"\n  showFooter=\"true\"\n  [title]=\"vars.title\"\n  valtimoCdsModal\n>\n  <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n    <h3 cdsModalHeaderHeading>\n      {{\n        vars.isAdd\n          ? 'Add'\n          : 'Edit'\n      }}\n    </h3>\n  </cds-modal-header>\n\n  <section cdsModalContent>\n    <form [formGroup]=\"form\">\n      <cds-label [invalid]=\"key.dirty && key.invalid\">\n        {{ 'Key' }}\n\n        <input\n          formControlName=\"key\"\n          cdsText\n          placeholder=\"{{ 'key' }}\"\n          [attr.modal-primary-focus]=\"true\"\n          [invalid]=\"key.dirty && key.invalid\"\n        />\n      </cds-label>\n    </form>\n  </section>\n\n  <cds-modal-footer>\n    <button cdsButton=\"ghost\" (click)=\"onCancel()\">\n      {{ 'interface.cancel' | translate }}\n    </button>\n\n    <button [disabled]=\"this.form.invalid\" (click)=\"onConfirm()\" cdsButton=\"primary\">\n      {{ vars.isAdd ? ('interface.create' | translate) : ('interface.save' | translate) }}\n    </button>\n  </cds-modal-footer>\n</cds-modal>\n" }]
-        }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i3.KeyGeneratorService }], propDecorators: { open: [{
+        }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i4.KeyGeneratorService }], propDecorators: { open: [{
                 type: Input
             }], type: [{
                 type: Input
@@ -1560,9 +1703,11 @@ class MailTemplateListComponent {
             },
         ];
         this._caseDefinitionId$ = getCaseManagementRouteParams(this.route).pipe(filter((params) => !!params?.caseDefinitionKey));
-        this.readOnly$ = this._caseDefinitionId$.pipe(switchMap(caseDefinitionId => combineLatest([
+        this._buildingBlockDefinitionId$ = getBuildingBlockManagementRouteParams(this.route).pipe(filter((params) => !!params?.buildingBlockDefinitionKey));
+        this._params$ = merge(this._caseDefinitionId$.pipe(map(params => ({ case: params }))), this._buildingBlockDefinitionId$.pipe(map(params => ({ buildingBlock: params }))));
+        this.readOnly$ = this._params$.pipe(switchMap(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => combineLatest([
             this.environmentService.canUpdateGlobalConfiguration(),
-            this.templateService.isFinal(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag)
+            this.templateService.isFinal(caseDefinitionId, buildingBlockDefinitionId)
         ]).pipe(map(([canUpdateGlobal, isFinalCase]) => !canUpdateGlobal || isFinalCase), startWith(true))));
         this.templates$ = new BehaviorSubject(null);
         this.showAddModal$ = new BehaviorSubject(false);
@@ -1581,13 +1726,15 @@ class MailTemplateListComponent {
             this.showAddModal$.next(false);
             return;
         }
-        this._caseDefinitionId$.pipe(take(1), switchMap(caseDefinitionId => this.templateService.addTemplate({
-            caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
-            caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
+        this._params$.pipe(take(1), switchMap(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => this.templateService.addTemplate({
+            caseDefinitionKey: caseDefinitionId?.caseDefinitionKey,
+            caseDefinitionVersionTag: caseDefinitionId?.caseDefinitionVersionTag,
+            buildingBlockDefinitionKey: buildingBlockDefinitionId?.buildingBlockDefinitionKey,
+            buildingBlockDefinitionVersionTag: buildingBlockDefinitionId?.buildingBlockDefinitionVersionTag,
             type: 'mail', ...data
         }))).subscribe(template => {
             this.showAddModal$.next(false);
-            this.gotoMailTemplateEditor(template.caseDefinitionKey, template.caseDefinitionVersionTag, template.key);
+            this.gotoMailTemplateEditor(template.caseDefinitionKey, template.caseDefinitionVersionTag, template.buildingBlockDefinitionKey, template.buildingBlockDefinitionVersionTag, template.key);
         });
     }
     showDeleteModal() {
@@ -1596,23 +1743,30 @@ class MailTemplateListComponent {
     }
     onDelete(templates) {
         this.loading$.next(true);
-        this._caseDefinitionId$.pipe(take(1), switchMap(caseDefinitionId => this.templateService.deleteTemplates({
-            caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
-            caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
+        this._params$.pipe(take(1), switchMap(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => this.templateService.deleteTemplates({
+            caseDefinitionKey: caseDefinitionId?.caseDefinitionKey,
+            caseDefinitionVersionTag: caseDefinitionId?.caseDefinitionVersionTag,
+            buildingBlockDefinitionKey: buildingBlockDefinitionId?.buildingBlockDefinitionKey,
+            buildingBlockDefinitionVersionTag: buildingBlockDefinitionId?.buildingBlockDefinitionVersionTag,
             templates
         }))).subscribe(_ => {
             this.reloadTemplateList();
         });
     }
     onRowClick(template) {
-        this._caseDefinitionId$.pipe(take(1)).subscribe(caseDefinitionId => this.gotoMailTemplateEditor(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag, template.key));
+        this._params$.pipe(take(1)).subscribe(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => this.gotoMailTemplateEditor(caseDefinitionId?.caseDefinitionKey, caseDefinitionId?.caseDefinitionVersionTag, buildingBlockDefinitionId?.buildingBlockDefinitionKey, buildingBlockDefinitionId?.buildingBlockDefinitionVersionTag, template.key));
     }
-    gotoMailTemplateEditor(caseDefinitionKey, caseDefinitionVersionTag, key) {
-        this.router.navigate([`/case-management/case/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/mail-template/${key}`]);
+    gotoMailTemplateEditor(caseDefinitionKey, caseDefinitionVersionTag, buildingBlockDefinitionKey, buildingBlockDefinitionVersionTag, key) {
+        if (caseDefinitionKey) {
+            this.router.navigate([`/case-management/case/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/mail-template/${key}`]);
+        }
+        else {
+            this.router.navigate([`/building-block-management/building-block/${buildingBlockDefinitionKey}/version/${buildingBlockDefinitionVersionTag}/mail-template/${key}`]);
+        }
     }
     reloadTemplateList() {
         this.loading$.next(true);
-        this._caseDefinitionId$.pipe(switchMap((caseDefinitionId) => this.templateService.getAllMailTemplates(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag)), map(templatePage => templatePage.content), take(1)).subscribe(templateListItems => {
+        this._params$.pipe(switchMap(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => this.templateService.getAllMailTemplates(caseDefinitionId, buildingBlockDefinitionId)), map(templatePage => templatePage.content), take(1)).subscribe(templateListItems => {
             this.templates$.next(templateListItems);
             this.loading$.next(false);
         });
@@ -1620,10 +1774,10 @@ class MailTemplateListComponent {
     setSelectedTemplateKeys() {
         this.selectedRowKeys$.next(this.carbonList.selectedItems.map((template) => ({ key: template.key, type: template.type })));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MailTemplateListComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$2.Router }, { token: i2$2.ActivatedRoute }, { token: i3$1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: MailTemplateListComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "carbonList", first: true, predicate: CarbonListComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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        [header]=\"false\"\n        [items]=\"templates$ | async\"\n        [fields]=\"fields\"\n        [loading]=\"loading$ | async\"\n        [showSelectionColumn]=\"!(readOnly$ | async)\"\n        (rowClicked)=\"onRowClick($event)\"\n>\n    <ng-container header> {{ 'Title' }}</ng-container>\n\n    <div carbonToolbarContent>\n        <ng-container [ngTemplateOutlet]=\"addTemplateButton\"></ng-container>\n    </div>\n\n    <ng-container carbonToolbarActions>\n        <button cdsButton=\"primary\" (click)=\"showDeleteModal()\">\n            {{ 'interface.delete' | translate }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n        </button>\n    </ng-container>\n\n    <valtimo-no-results\n            [action]=\"addTemplateButton\"\n            description=\"{{ 'Come back later.' }}\"\n            title=\"{{ 'No templates found' }}\"\n    ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-mail-template-add-edit-modal\n        [open]=\"showAddModal$ | async\"\n        (closeEvent)=\"onAdd($event)\"\n></valtimo-mail-template-add-edit-modal>\n\n<ng-container *ngIf=\"{selectedRowKeys: selectedRowKeys$ | async} as obs\">\n    <valtimo-mail-template-delete-modal\n            [deleteRowKeys]=\"obs.selectedRowKeys\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-mail-template-delete-modal>\n</ng-container>\n\n<ng-template #addTemplateButton>\n    <button cdsButton=\"primary\"\n            [disabled]=\"readOnly$ | async\"\n            (click)=\"openAddModal()\">\n        {{ 'Add' }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i3.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i3.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }, { kind: "component", type: MailTemplateDeleteModalComponent, selector: "valtimo-mail-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "component", type: MailTemplateAddEditModalComponent, selector: "valtimo-mail-template-add-edit-modal", inputs: ["open", "type", "defaultKeyValue"], outputs: ["closeEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MailTemplateListComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$1.Router }, { token: i2$1.ActivatedRoute }, { token: i3$1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: MailTemplateListComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "carbonList", first: true, predicate: CarbonListComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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        [header]=\"false\"\n        [items]=\"templates$ | async\"\n        [fields]=\"fields\"\n        [loading]=\"loading$ | async\"\n        [showSelectionColumn]=\"!(readOnly$ | async)\"\n        (rowClicked)=\"onRowClick($event)\"\n>\n    <ng-container header> {{ 'Title' }}</ng-container>\n\n    <div carbonToolbarContent>\n        <ng-container [ngTemplateOutlet]=\"addTemplateButton\"></ng-container>\n    </div>\n\n    <ng-container carbonToolbarActions>\n        <button cdsButton=\"primary\" (click)=\"showDeleteModal()\">\n            {{ 'interface.delete' | translate }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n        </button>\n    </ng-container>\n\n    <valtimo-no-results\n            [action]=\"addTemplateButton\"\n            description=\"{{ 'Come back later.' }}\"\n            title=\"{{ 'No templates found' }}\"\n    ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-mail-template-add-edit-modal\n        [open]=\"showAddModal$ | async\"\n        (closeEvent)=\"onAdd($event)\"\n></valtimo-mail-template-add-edit-modal>\n\n<ng-container *ngIf=\"{selectedRowKeys: selectedRowKeys$ | async} as obs\">\n    <valtimo-mail-template-delete-modal\n            [deleteRowKeys]=\"obs.selectedRowKeys\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-mail-template-delete-modal>\n</ng-container>\n\n<ng-template #addTemplateButton>\n    <button cdsButton=\"primary\"\n            [disabled]=\"readOnly$ | async\"\n            (click)=\"openAddModal()\">\n        {{ 'Add' }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i4.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: i4.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "component", type: MailTemplateDeleteModalComponent, selector: "valtimo-mail-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "component", type: MailTemplateAddEditModalComponent, selector: "valtimo-mail-template-add-edit-modal", inputs: ["open", "type", "defaultKeyValue"], outputs: ["closeEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MailTemplateListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MailTemplateListComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
@@ -1633,7 +1787,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         MailTemplateDeleteModalComponent,
                         MailTemplateAddEditModalComponent
                     ], template: "<!--\n  ~ Copyright 2015-2023 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        [header]=\"false\"\n        [items]=\"templates$ | async\"\n        [fields]=\"fields\"\n        [loading]=\"loading$ | async\"\n        [showSelectionColumn]=\"!(readOnly$ | async)\"\n        (rowClicked)=\"onRowClick($event)\"\n>\n    <ng-container header> {{ 'Title' }}</ng-container>\n\n    <div carbonToolbarContent>\n        <ng-container [ngTemplateOutlet]=\"addTemplateButton\"></ng-container>\n    </div>\n\n    <ng-container carbonToolbarActions>\n        <button cdsButton=\"primary\" (click)=\"showDeleteModal()\">\n            {{ 'interface.delete' | translate }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n        </button>\n    </ng-container>\n\n    <valtimo-no-results\n            [action]=\"addTemplateButton\"\n            description=\"{{ 'Come back later.' }}\"\n            title=\"{{ 'No templates found' }}\"\n    ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-mail-template-add-edit-modal\n        [open]=\"showAddModal$ | async\"\n        (closeEvent)=\"onAdd($event)\"\n></valtimo-mail-template-add-edit-modal>\n\n<ng-container *ngIf=\"{selectedRowKeys: selectedRowKeys$ | async} as obs\">\n    <valtimo-mail-template-delete-modal\n            [deleteRowKeys]=\"obs.selectedRowKeys\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-mail-template-delete-modal>\n</ng-container>\n\n<ng-template #addTemplateButton>\n    <button cdsButton=\"primary\"\n            [disabled]=\"readOnly$ | async\"\n            (click)=\"openAddModal()\">\n        {{ 'Add' }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: FreemarkerTemplateManagementService }, { type: i2$2.Router }, { type: i2$2.ActivatedRoute }, { type: i3$1.EnvironmentService }], propDecorators: { carbonList: [{
+        }], ctorParameters: () => [{ type: FreemarkerTemplateManagementService }, { type: i2$1.Router }, { type: i2$1.ActivatedRoute }, { type: i3$1.EnvironmentService }], propDecorators: { carbonList: [{
                 type: ViewChild,
                 args: [CarbonListComponent]
             }] } });
@@ -1670,11 +1824,14 @@ class MailTemplateEditorComponent {
         this.moreDisabled$ = new BehaviorSubject(true);
         this.showDeleteModal$ = new BehaviorSubject(false);
         this.updatedModelValue$ = new BehaviorSubject('');
+        this._destroy$ = new Subject();
         this._caseDefinitionId$ = getCaseManagementRouteParams(this.route).pipe(filter((params) => !!params?.caseDefinitionKey));
+        this._buildingBlockDefinitionId$ = getBuildingBlockManagementRouteParams(this.route).pipe(filter((params) => !!params?.buildingBlockDefinitionKey));
+        this._params$ = merge(this._caseDefinitionId$.pipe(map(params => ({ case: params }))), this._buildingBlockDefinitionId$.pipe(map(params => ({ buildingBlock: params }))));
         this.templateKey$ = combineLatest([this.route.params, this.route.parent.params]).pipe(map(([params, parentParams]) => params?.templateKey || parentParams?.templateKey), filter(templateKey => !!templateKey));
-        this.readOnly$ = this._caseDefinitionId$.pipe(switchMap(caseDefinitionId => combineLatest([
+        this.readOnly$ = this._params$.pipe(switchMap(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => combineLatest([
             this.environmentService.canUpdateGlobalConfiguration(),
-            this.templateService.isFinal(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag)
+            this.isFinal(caseDefinitionId, buildingBlockDefinitionId)
         ]).pipe(map(([canUpdateGlobal, isFinalCase]) => !canUpdateGlobal || isFinalCase), startWith(true))));
     }
     ngOnInit() {
@@ -1687,6 +1844,8 @@ class MailTemplateEditorComponent {
         this.pageTitleService.enableReset();
         this.breadcrumbService.clearThirdBreadcrumb();
         this.breadcrumbService.clearFourthBreadcrumb();
+        this._destroy$.next();
+        this._destroy$.complete();
     }
     onValid(valid) {
         this.saveDisabled$.next(valid === false);
@@ -1698,13 +1857,15 @@ class MailTemplateEditorComponent {
         this.disableEditor();
         this.disableSave();
         this.disableMore();
-        combineLatest([this.updatedModelValue$, this._caseDefinitionId$, this.templateKey$]).pipe(switchMap(([updatedModelValue, caseDefinitionId, templateKey]) => this.templateService.updateTemplate({
+        combineLatest([this.updatedModelValue$, this._params$, this.templateKey$]).pipe(take(1), switchMap(([updatedModelValue, { case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }, templateKey]) => this.templateService.updateTemplate({
             key: templateKey,
-            caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
-            caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
+            caseDefinitionKey: caseDefinitionId?.caseDefinitionKey,
+            caseDefinitionVersionTag: caseDefinitionId?.caseDefinitionVersionTag,
+            buildingBlockDefinitionKey: buildingBlockDefinitionId?.buildingBlockDefinitionKey,
+            buildingBlockDefinitionVersionTag: buildingBlockDefinitionId?.buildingBlockDefinitionVersionTag,
             type: 'mail',
             content: updatedModelValue,
-        })), take(1)).subscribe({
+        })), takeUntil(this._destroy$)).subscribe({
             next: result => {
                 this.enableMore();
                 this.enableSave();
@@ -1724,19 +1885,33 @@ class MailTemplateEditorComponent {
         this.disableEditor();
         this.disableSave();
         this.disableMore();
-        this._caseDefinitionId$.pipe(take(1)).subscribe(caseDefinitionId => this.templateService.deleteTemplates({
-            caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
-            caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
-            templates
-        }).pipe(take(1)).subscribe(_ => this.router.navigate([`/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}/mail-template`])));
+        this._params$.pipe(take(1), switchMap(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => {
+            if (caseDefinitionId?.caseDefinitionKey) {
+                return this.templateService.deleteTemplates({
+                    caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
+                    caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
+                    templates
+                }).pipe(map(() => `/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}/mail-template`));
+            }
+            else {
+                return this.templateService.deleteTemplates({
+                    buildingBlockDefinitionKey: buildingBlockDefinitionId.buildingBlockDefinitionKey,
+                    buildingBlockDefinitionVersionTag: buildingBlockDefinitionId.buildingBlockDefinitionVersionTag,
+                    templates
+                }).pipe(map(() => `/building-block-management/building-block/${buildingBlockDefinitionId.buildingBlockDefinitionKey}/version/${buildingBlockDefinitionId.buildingBlockDefinitionVersionTag}/mail-template`));
+            }
+        }), takeUntil(this._destroy$)).subscribe(targetUrl => {
+            this.router.navigate([targetUrl]);
+        });
     }
     showDeleteModal() {
         this.showDeleteModal$.next(true);
     }
     loadTemplate() {
-        combineLatest([this._caseDefinitionId$, this.templateKey$]).pipe(tap(([_, key]) => {
+        this._params$.pipe(combineLatestWith(this.templateKey$), switchMap(([{ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }, key]) => {
+            return this.templateService.getMailTemplate(caseDefinitionId, buildingBlockDefinitionId, key).pipe(map(result => ({ result, key })));
+        }), take(1), takeUntil(this._destroy$)).subscribe(({ result, key }) => {
             this.pageTitleService.setCustomPageTitle(`Mail template: ${key}`, true);
-        }), switchMap(([caseDefinitionId, key]) => this.templateService.getMailTemplate(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag, key)), take(1)).subscribe(result => {
             this.enableMore();
             this.enableSave();
             this.enableEditor();
@@ -1771,7 +1946,7 @@ class MailTemplateEditorComponent {
         this.editorDisabled$.next(false);
     }
     onSelectedTabViewer() {
-        this.updatedModelValue$.pipe(take(1)).subscribe(html => this.refreshViewer(html));
+        this.updatedModelValue$.pipe(take(1), takeUntil(this._destroy$)).subscribe(html => this.refreshViewer(html));
     }
     refreshViewer(html) {
         setTimeout(() => {
@@ -1781,18 +1956,35 @@ class MailTemplateEditorComponent {
             }
         }, 100);
     }
+    isFinal(caseDefinitionId, buildingBlockDefinitionId) {
+        return this.templateService.isFinal(caseDefinitionId, buildingBlockDefinitionId);
+    }
     initBreadcrumb() {
-        this._caseDefinitionId$.subscribe(caseDefinitionId => {
-            this.breadcrumbService.setThirdBreadcrumb({
-                route: [`/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}`],
-                content: `${caseDefinitionId.caseDefinitionKey}:${caseDefinitionId.caseDefinitionVersionTag}`,
-                href: `/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}`,
-            });
-            this.breadcrumbService.setFourthBreadcrumb({
-                route: [`/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}/mail-template`],
-                content: 'Mail template',
-                href: `/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}/mail-template`,
-            });
+        this._params$.pipe(takeUntil(this._destroy$)).subscribe(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => {
+            if (caseDefinitionId) {
+                this.breadcrumbService.setThirdBreadcrumb({
+                    route: [`/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}`],
+                    content: `${caseDefinitionId.caseDefinitionKey}:${caseDefinitionId.caseDefinitionVersionTag}`,
+                    href: `/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}`,
+                });
+                this.breadcrumbService.setFourthBreadcrumb({
+                    route: [`/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}/mail-template`],
+                    content: 'Mail template',
+                    href: `/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}/mail-template`,
+                });
+            }
+            else if (buildingBlockDefinitionId) {
+                this.breadcrumbService.setThirdBreadcrumb({
+                    route: [`/building-block-management/building-block/${buildingBlockDefinitionId.buildingBlockDefinitionKey}/version/${buildingBlockDefinitionId.buildingBlockDefinitionVersionTag}`],
+                    content: `${buildingBlockDefinitionId.buildingBlockDefinitionKey}:${buildingBlockDefinitionId.buildingBlockDefinitionVersionTag}`,
+                    href: `/building-block-management/building-block/${buildingBlockDefinitionId.buildingBlockDefinitionKey}/version/${buildingBlockDefinitionId.buildingBlockDefinitionVersionTag}`,
+                });
+                this.breadcrumbService.setFourthBreadcrumb({
+                    route: [`/building-block-management/building-block/${buildingBlockDefinitionId.buildingBlockDefinitionKey}/version/${buildingBlockDefinitionId.buildingBlockDefinitionVersionTag}/mail-template`],
+                    content: 'Mail template',
+                    href: `/building-block-management/building-block/${buildingBlockDefinitionId.buildingBlockDefinitionKey}/version/${buildingBlockDefinitionId.buildingBlockDefinitionVersionTag}/mail-template`,
+                });
+            }
         });
     }
     showSuccessMessage(key) {
@@ -1806,10 +1998,10 @@ class MailTemplateEditorComponent {
             title: this.translateService.instant('Saved successfully'),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MailTemplateEditorComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$2.ActivatedRoute }, { token: i3.PageTitleService }, { token: i2$2.Router }, { token: i4.NotificationService }, { token: i5$1.TranslateService }, { token: i3.BreadcrumbService }, { token: i3$1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: MailTemplateEditorComponent, isStandalone: true, selector: "ng-component", providers: [NotificationService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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    model: model$ | async,\n    updatedModelValue: updatedModelValue$ | async,\n    template: template$ | async,\n  } as obs\">\n\n    <div class=\"template-explanation\">\n        Mail templates use <a target=\"_blank\" href=\"https://www.w3schools.com/html/html_intro.asp\">HTML</a> for the mail\n        layout. <a target=\"_blank\" href=\"https://freemarker.apache.org/docs/dgui_quickstart_basics.html\">FreeMarker</a>\n        can be used to create placeholders inside the HTML. The data-model for FreeMarker is based upon <a\n            target=\"_blank\" href=\"https://docs.valtimo.nl/features/value-resolvers\">Valtimo value-resolvers</a>\n        with a slightly different notation. For example: $&#123;doc.firstName&#125;. Retrieves\n        the `firstName` from the case.\n    </div>\n\n    <cds-tabs type=\"contained\">\n        <cds-tab [active]=\"true\" [heading]=\"'Editor'\">\n            <valtimo-editor\n                    [model]=\"obs.model\"\n                    [disabled]=\"(editorDisabled$ | async) || (readOnly$ | async)\"\n                    (validEvent)=\"onValid($event)\"\n                    (valueChangeEvent)=\"onValueChange($event)\"\n                    [fitPage]=\"true\"\n                    [fitPageExtraSpace]=\"80\"\n            ></valtimo-editor>\n        </cds-tab>\n        <cds-tab [heading]=\"'Viewer'\" (selected)=\"onSelectedTabViewer()\">\n            <iframe title=\"HTML Viewer\" id=\"html-viewer-iframe\">\n            </iframe>\n        </cds-tab>\n    </cds-tabs>\n</ng-container>\n\n<ng-container renderInPageHeader>\n    <ng-template>\n        <div *ngIf=\"{\n                model: model$ | async,\n                moreDisabled: moreDisabled$ | async,\n                template: template$ | async,\n             } as obs\"\n             class=\"buttons-container\"\n        >\n            <cds-overflow-menu class=\"overflow-button\">\n                <cds-overflow-menu-option\n                        [disabled]=\"obs.moreDisabled || (readOnly$ | async)\"\n                        type=\"danger\"\n                        (selected)=\"showDeleteModal()\"\n                >{{ 'interface.delete' | translate }}\n                </cds-overflow-menu-option\n                >\n            </cds-overflow-menu>\n\n            <button\n                    [disabled]=\"(saveDisabled$ | async) || (readOnly$ | async)\"\n                    cdsButton=\"primary\"\n                    size=\"md\"\n                    (click)=\"updateTemplate()\"\n            >\n                {{ 'interface.save' | translate }}\n\n                <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n            </button>\n        </div>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"{templateKey: templateKey$ | async} as obs\">\n    <valtimo-mail-template-delete-modal\n            [deleteRowKeys]=\"[{key: obs.templateKey, type: 'mail'}]\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-mail-template-delete-modal>\n</ng-container>\n", styles: ["::ng-deep .cds--tab-content{background:var(--cds-layer)!important}::ng-deep #html-viewer-iframe{width:100%;height:calc(100vh - 219px)}.loading-container{display:flex;width:100%;justify-content:center}.overflow-button{margin-right:16px}.buttons-container{display:flex;flex-direction:row}.template-explanation{margin-top:16px;margin-bottom:24px}\n/*!\n * Copyright 2015-2023 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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i4.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i4.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "description", "flip", "placement", "open", "customTrigger", "offset", "wrapperClass", "triggerClass"], outputs: ["openChange"] }, { kind: "component", type: i4.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "component", type: MailTemplateDeleteModalComponent, selector: "valtimo-mail-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: EditorModule }, { kind: "component", type: i3.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageSpaceAdjustment"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MailTemplateEditorComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$1.ActivatedRoute }, { token: i4.PageTitleService }, { token: i2$1.Router }, { token: i4$1.NotificationService }, { token: i5.TranslateService }, { token: i4.BreadcrumbService }, { token: i3$1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: MailTemplateEditorComponent, isStandalone: true, selector: "ng-component", providers: [NotificationService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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    model: model$ | async,\n    updatedModelValue: updatedModelValue$ | async,\n    template: template$ | async,\n  } as obs\">\n\n    <div class=\"template-explanation\">\n        Mail templates use <a target=\"_blank\" href=\"https://www.w3schools.com/html/html_intro.asp\">HTML</a> for the mail\n        layout. <a target=\"_blank\" href=\"https://freemarker.apache.org/docs/dgui_quickstart_basics.html\">FreeMarker</a>\n        can be used to create placeholders inside the HTML. The data-model for FreeMarker is based upon <a\n            target=\"_blank\" href=\"https://docs.valtimo.nl/features/value-resolvers\">Valtimo value-resolvers</a>\n        with a slightly different notation. For example: $&#123;doc.firstName&#125;. Retrieves\n        the `firstName` from the case.\n    </div>\n\n    <cds-tabs type=\"contained\">\n        <cds-tab [active]=\"true\" [heading]=\"'Editor'\">\n            <valtimo-editor\n                    [model]=\"obs.model\"\n                    [disabled]=\"(editorDisabled$ | async) || (readOnly$ | async)\"\n                    (validEvent)=\"onValid($event)\"\n                    (valueChangeEvent)=\"onValueChange($event)\"\n                    [fitPage]=\"true\"\n                    [fitPageExtraSpace]=\"80\"\n            ></valtimo-editor>\n        </cds-tab>\n        <cds-tab [heading]=\"'Viewer'\" (selected)=\"onSelectedTabViewer()\">\n            <iframe title=\"HTML Viewer\" id=\"html-viewer-iframe\">\n            </iframe>\n        </cds-tab>\n    </cds-tabs>\n</ng-container>\n\n<ng-container renderInPageHeader>\n    <ng-template>\n        <div *ngIf=\"{\n                model: model$ | async,\n                moreDisabled: moreDisabled$ | async,\n                template: template$ | async,\n             } as obs\"\n             class=\"buttons-container\"\n        >\n            <cds-overflow-menu class=\"overflow-button\">\n                <cds-overflow-menu-option\n                        [disabled]=\"obs.moreDisabled || (readOnly$ | async)\"\n                        type=\"danger\"\n                        (selected)=\"showDeleteModal()\"\n                >{{ 'interface.delete' | translate }}\n                </cds-overflow-menu-option\n                >\n            </cds-overflow-menu>\n\n            <button\n                    [disabled]=\"(saveDisabled$ | async) || (readOnly$ | async)\"\n                    cdsButton=\"primary\"\n                    size=\"md\"\n                    (click)=\"updateTemplate()\"\n            >\n                {{ 'interface.save' | translate }}\n\n                <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n            </button>\n        </div>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"{templateKey: templateKey$ | async} as obs\">\n    <valtimo-mail-template-delete-modal\n            [deleteRowKeys]=\"[{key: obs.templateKey, type: 'mail'}]\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-mail-template-delete-modal>\n</ng-container>\n", styles: ["::ng-deep .cds--tab-content{background:var(--cds-layer)!important}::ng-deep #html-viewer-iframe{width:100%;height:calc(100vh - 219px)}.loading-container{display:flex;width:100%;justify-content:center}.overflow-button{margin-right:16px}.buttons-container{display:flex;flex-direction:row}.template-explanation{margin-top:16px;margin-bottom:24px}\n/*!\n * Copyright 2015-2023 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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i4$1.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i4$1.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4$1.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "description", "flip", "placement", "open", "customTrigger", "offset", "wrapperClass", "triggerClass"], outputs: ["openChange"] }, { kind: "component", type: i4$1.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "component", type: MailTemplateDeleteModalComponent, selector: "valtimo-mail-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: EditorModule }, { kind: "component", type: i4.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageSpaceAdjustment"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MailTemplateEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MailTemplateEditorComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [NotificationService], imports: [
                         CommonModule,
@@ -1823,7 +2015,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         RenderInPageHeaderDirective,
                         IconModule,
                     ], template: "<!--\n  ~ Copyright 2015-2023 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    model: model$ | async,\n    updatedModelValue: updatedModelValue$ | async,\n    template: template$ | async,\n  } as obs\">\n\n    <div class=\"template-explanation\">\n        Mail templates use <a target=\"_blank\" href=\"https://www.w3schools.com/html/html_intro.asp\">HTML</a> for the mail\n        layout. <a target=\"_blank\" href=\"https://freemarker.apache.org/docs/dgui_quickstart_basics.html\">FreeMarker</a>\n        can be used to create placeholders inside the HTML. The data-model for FreeMarker is based upon <a\n            target=\"_blank\" href=\"https://docs.valtimo.nl/features/value-resolvers\">Valtimo value-resolvers</a>\n        with a slightly different notation. For example: $&#123;doc.firstName&#125;. Retrieves\n        the `firstName` from the case.\n    </div>\n\n    <cds-tabs type=\"contained\">\n        <cds-tab [active]=\"true\" [heading]=\"'Editor'\">\n            <valtimo-editor\n                    [model]=\"obs.model\"\n                    [disabled]=\"(editorDisabled$ | async) || (readOnly$ | async)\"\n                    (validEvent)=\"onValid($event)\"\n                    (valueChangeEvent)=\"onValueChange($event)\"\n                    [fitPage]=\"true\"\n                    [fitPageExtraSpace]=\"80\"\n            ></valtimo-editor>\n        </cds-tab>\n        <cds-tab [heading]=\"'Viewer'\" (selected)=\"onSelectedTabViewer()\">\n            <iframe title=\"HTML Viewer\" id=\"html-viewer-iframe\">\n            </iframe>\n        </cds-tab>\n    </cds-tabs>\n</ng-container>\n\n<ng-container renderInPageHeader>\n    <ng-template>\n        <div *ngIf=\"{\n                model: model$ | async,\n                moreDisabled: moreDisabled$ | async,\n                template: template$ | async,\n             } as obs\"\n             class=\"buttons-container\"\n        >\n            <cds-overflow-menu class=\"overflow-button\">\n                <cds-overflow-menu-option\n                        [disabled]=\"obs.moreDisabled || (readOnly$ | async)\"\n                        type=\"danger\"\n                        (selected)=\"showDeleteModal()\"\n                >{{ 'interface.delete' | translate }}\n                </cds-overflow-menu-option\n                >\n            </cds-overflow-menu>\n\n            <button\n                    [disabled]=\"(saveDisabled$ | async) || (readOnly$ | async)\"\n                    cdsButton=\"primary\"\n                    size=\"md\"\n                    (click)=\"updateTemplate()\"\n            >\n                {{ 'interface.save' | translate }}\n\n                <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n            </button>\n        </div>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"{templateKey: templateKey$ | async} as obs\">\n    <valtimo-mail-template-delete-modal\n            [deleteRowKeys]=\"[{key: obs.templateKey, type: 'mail'}]\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-mail-template-delete-modal>\n</ng-container>\n", styles: ["::ng-deep .cds--tab-content{background:var(--cds-layer)!important}::ng-deep #html-viewer-iframe{width:100%;height:calc(100vh - 219px)}.loading-container{display:flex;width:100%;justify-content:center}.overflow-button{margin-right:16px}.buttons-container{display:flex;flex-direction:row}.template-explanation{margin-top:16px;margin-bottom:24px}\n/*!\n * Copyright 2015-2023 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: FreemarkerTemplateManagementService }, { type: i2$2.ActivatedRoute }, { type: i3.PageTitleService }, { type: i2$2.Router }, { type: i4.NotificationService }, { type: i5$1.TranslateService }, { type: i3.BreadcrumbService }, { type: i3$1.EnvironmentService }] });
+        }], ctorParameters: () => [{ type: FreemarkerTemplateManagementService }, { type: i2$1.ActivatedRoute }, { type: i4.PageTitleService }, { type: i2$1.Router }, { type: i4$1.NotificationService }, { type: i5.TranslateService }, { type: i4.BreadcrumbService }, { type: i3$1.EnvironmentService }] });
 
 /*
  * Copyright 2015-2023 Ritense BV, the Netherlands.
@@ -1851,13 +2043,23 @@ const routes$1 = [
             customPageTitle: true,
         },
     },
+    {
+        path: 'building-block-management/building-block/:buildingBlockDefinitionKey/version/:buildingBlockDefinitionVersionTag/mail-template/:templateKey',
+        component: MailTemplateEditorComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            title: 'Mail Template Editor',
+            templates: [ROLE_ADMIN],
+            customPageTitle: true,
+        },
+    },
 ];
 let TemplateManagementRoutingModule$1 = class TemplateManagementRoutingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TemplateManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: TemplateManagementRoutingModule, imports: [CommonModule, i2$2.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TemplateManagementRoutingModule, imports: [CommonModule, RouterModule.forChild(routes$1), RouterModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TemplateManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: TemplateManagementRoutingModule, imports: [CommonModule, i2$1.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TemplateManagementRoutingModule, imports: [CommonModule, RouterModule.forChild(routes$1), RouterModule] }); }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TemplateManagementRoutingModule$1, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TemplateManagementRoutingModule$1, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterModule.forChild(routes$1)],
@@ -1881,10 +2083,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * limitations under the License.
  */
 class MailTemplatePluginModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MailTemplatePluginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: MailTemplatePluginModule, declarations: [MailTemplateConfigurationComponent,
-            GenerateMailFileComponent,
-            GenerateMailContentComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MailTemplatePluginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: MailTemplatePluginModule, declarations: [MailTemplateConfigurationComponent, GenerateMailFileComponent, GenerateMailContentComponent], imports: [CommonModule,
             PluginTranslatePipeModule,
             TemplateManagementRoutingModule$1,
             FormModule,
@@ -1906,18 +2106,30 @@ class MailTemplatePluginModule {
             NotificationModule,
             RenderInPageHeaderDirective,
             TabsModule,
-            MailTemplateDeleteModalComponent], exports: [MailTemplateConfigurationComponent,
-            GenerateMailFileComponent,
-            GenerateMailContentComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MailTemplatePluginModule, providers: [
+            MailTemplateDeleteModalComponent], exports: [MailTemplateConfigurationComponent, GenerateMailFileComponent, GenerateMailContentComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MailTemplatePluginModule, providers: [
             {
                 provide: CASE_MANAGEMENT_TAB_TOKEN,
-                useValue: {
-                    translationKey: 'mail-template',
+                useFactory: (pluginManagementService) => ({
+                    translationKey: "Mail template",
                     component: MailTemplateListComponent,
-                },
+                    tabRoute: "mail-template",
+                    enabled$: pluginManagementService.getAllPluginConfigurations().pipe(map((pluginConfigs) => pluginConfigs.find((pluginConfig) => pluginConfig.pluginDefinition?.key === "mail-template")), catchError(() => of(false))),
+                }),
+                deps: [PluginManagementService],
                 multi: true,
-            }
+            },
+            {
+                provide: BUILDING_BLOCK_MANAGEMENT_TAB_TOKEN,
+                useFactory: (pluginManagementService) => ({
+                    translationKey: "Mail template",
+                    component: MailTemplateListComponent,
+                    tabRoute: "mail-template",
+                    enabled$: pluginManagementService.getAllPluginConfigurations().pipe(map((pluginConfigs) => pluginConfigs.find((pluginConfig) => pluginConfig.pluginDefinition?.key === "mail-template")), catchError(() => of(false))),
+                }),
+                deps: [PluginManagementService],
+                multi: true,
+            },
         ], imports: [CommonModule,
             PluginTranslatePipeModule,
             TemplateManagementRoutingModule$1,
@@ -1941,14 +2153,10 @@ class MailTemplatePluginModule {
             TabsModule,
             MailTemplateDeleteModalComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MailTemplatePluginModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MailTemplatePluginModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        MailTemplateConfigurationComponent,
-                        GenerateMailFileComponent,
-                        GenerateMailContentComponent,
-                    ],
+                    declarations: [MailTemplateConfigurationComponent, GenerateMailFileComponent, GenerateMailContentComponent],
                     imports: [
                         CommonModule,
                         PluginTranslatePipeModule,
@@ -1974,21 +2182,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         TabsModule,
                         MailTemplateDeleteModalComponent,
                     ],
-                    exports: [
-                        MailTemplateConfigurationComponent,
-                        GenerateMailFileComponent,
-                        GenerateMailContentComponent,
-                    ],
+                    exports: [MailTemplateConfigurationComponent, GenerateMailFileComponent, GenerateMailContentComponent],
                     providers: [
                         {
                             provide: CASE_MANAGEMENT_TAB_TOKEN,
-                            useValue: {
-                                translationKey: 'mail-template',
+                            useFactory: (pluginManagementService) => ({
+                                translationKey: "Mail template",
                                 component: MailTemplateListComponent,
-                            },
+                                tabRoute: "mail-template",
+                                enabled$: pluginManagementService.getAllPluginConfigurations().pipe(map((pluginConfigs) => pluginConfigs.find((pluginConfig) => pluginConfig.pluginDefinition?.key === "mail-template")), catchError(() => of(false))),
+                            }),
+                            deps: [PluginManagementService],
                             multi: true,
-                        }
-                    ]
+                        },
+                        {
+                            provide: BUILDING_BLOCK_MANAGEMENT_TAB_TOKEN,
+                            useFactory: (pluginManagementService) => ({
+                                translationKey: "Mail template",
+                                component: MailTemplateListComponent,
+                                tabRoute: "mail-template",
+                                enabled$: pluginManagementService.getAllPluginConfigurations().pipe(map((pluginConfigs) => pluginConfigs.find((pluginConfig) => pluginConfig.pluginDefinition?.key === "mail-template")), catchError(() => of(false))),
+                            }),
+                            deps: [PluginManagementService],
+                            multi: true,
+                        },
+                    ],
                 }]
         }] });
 
@@ -2041,55 +2259,41 @@ const MAIL_TEMPLATE_PLUGIN_LOGO_BASE64 = 'data:image/svg+xml;base64,PD94bWwgdmVy
  * limitations under the License.
  */
 const mailTemplatePluginSpecification = {
-    pluginId: 'mail-template',
+    pluginId: "mail-template",
     pluginConfigurationComponent: MailTemplateConfigurationComponent,
     pluginLogoBase64: MAIL_TEMPLATE_PLUGIN_LOGO_BASE64,
     functionConfigurationComponents: {
-        'generate-mail-file': GenerateMailFileComponent,
-        'generate-mail-content': GenerateMailContentComponent,
+        "generate-mail-file": GenerateMailFileComponent,
+        "generate-mail-content": GenerateMailContentComponent,
     },
     pluginTranslations: {
         nl: {
-            title: 'Mail sjablonen',
-            'generate-mail-file': 'Genereer Mailbestand',
-            'generate-mail-content': 'Genereer Mailinhoud',
-            description: 'Maak Mail sjablonen met Freemarker.',
-            configurationTitle: 'Configuratienaam',
-            configurationTitleTooltip: 'De naam van de huidige plug-in configuratie. Onder deze naam kan de configuratie worden gevonden in de rest van de applicatie.',
-            generateMailContentDescription: 'Deze actie genereert de inhoud van een mail op basis van een sjabloon. De mail tekst wordt opgeslagen in een Proces Variabele.',
-            generateMailFileDescription: 'Deze actie genereert de inhoud van een mail en slaat het resultaat op in een tijdelijk bestand. Het ID van het bestand wordt opgeslagen in een Proces Variabele.',
-            mailTemplateKey: 'Mail sjabloon',
-            mailTemplateKeyTooltip: 'Op bases van deze sjabloon wordt de mail gegenereerd',
-            processVariableName: 'Procesvariabelenaam',
-            processVariableNameTooltip: 'Het resultaat wordt opgeslagen in een procesvariabele met deze naam',
+            title: "Mail sjablonen",
+            "generate-mail-file": "Genereer Mailbestand",
+            "generate-mail-content": "Genereer Mailinhoud (verouderd)",
+            description: "Maak Mail sjablonen met Freemarker.",
+            configurationTitle: "Configuratienaam",
+            configurationTitleTooltip: "De naam van de huidige plug-in configuratie. Onder deze naam kan de configuratie worden gevonden in de rest van de applicatie.",
+            generateMailContentDescription: 'Deze actie is verouderd. Gebruik "Genereer Mailbestand". Deze actie genereert de inhoud van een mail op basis van een sjabloon. De mail tekst wordt opgeslagen in een Proces Variabele.',
+            generateMailFileDescription: "Deze actie genereert de inhoud van een mail en slaat het resultaat op in een tijdelijk bestand. Het ID van het bestand wordt opgeslagen in een Proces Variabele.",
+            mailTemplateKey: "Mail sjabloon",
+            mailTemplateKeyTooltip: "Op bases van deze sjabloon wordt de mail gegenereerd",
+            processVariableName: "Procesvariabelenaam",
+            processVariableNameTooltip: "Het resultaat wordt opgeslagen in een procesvariabele met deze naam",
         },
         en: {
-            title: 'Mail Templates',
-            'generate-mail-file': 'Generate Mail File',
-            'generate-mail-content': 'Generate Mail Content (deprecated)',
-            description: 'Create mail templates with Freemarker.',
-            configurationTitle: 'Configuration Name',
-            configurationTitleTooltip: 'The name of the current plug-in configuration. The configuration can be found under this name in the rest of the application.',
+            title: "Mail Templates",
+            "generate-mail-file": "Generate Mail File",
+            "generate-mail-content": "Generate Mail Content (deprecated)",
+            description: "Create mail templates with Freemarker.",
+            configurationTitle: "Configuration Name",
+            configurationTitleTooltip: "The name of the current plug-in configuration. The configuration can be found under this name in the rest of the application.",
             generateMailContentDescription: 'This action generates the content of an mail based on a template. The mail text is then stored in a Process Variable. This action is deprecated because the mail text can be bigger than a Process Variable can store. Please use action "Generate Mail File" instead',
-            generateMailFileDescription: 'This action generates the content of an mail and saves the result in a temporary file. The file ID is then stored in a Process Variable.',
-            mailTemplateKey: 'Mail Template',
-            mailTemplateKeyTooltip: 'The mail will be generated based on this template.',
-            processVariableName: 'Process Variable Name',
-            processVariableNameTooltip: 'The result will be stored in a process variable with this name.',
-        },
-        de: {
-            title: 'Mail-Vorlagen',
-            'generate-mail-file': 'Mail-Datei generieren',
-            'generate-mail-content': 'Mail-Inhalt generieren',
-            description: 'Erstellen Sie Mail-Vorlagen mit Freemarker.',
-            configurationTitle: 'Konfigurationsname',
-            configurationTitleTooltip: 'Der Name der aktuellen Plug-in-Konfiguration. Unter diesem Namen kann die Konfiguration im Rest der Anwendung gefunden werden.',
-            generateMailContentDescription: 'Diese Aktion generiert den Inhalt einer Mail basierend auf einer Vorlage. Der Mail-Text wird in einer Prozessvariablen gespeichert.',
-            generateMailFileDescription: 'Diese Aktion generiert den Inhalt einer Mail und speichert das Ergebnis in einer temporären Datei. Die Datei-ID wird in einer Prozessvariablen gespeichert.',
-            mailTemplateKey: 'Mail-Vorlage',
-            mailTemplateKeyTooltip: 'Die Mail wird basierend auf dieser Vorlage generiert.',
-            processVariableName: 'Prozessvariablenname',
-            processVariableNameTooltip: 'Das Ergebnis wird in einer Prozessvariablen mit diesem Namen gespeichert.',
+            generateMailFileDescription: "This action generates the content of an mail and saves the result in a temporary file. The file ID is then stored in a Process Variable.",
+            mailTemplateKey: "Mail Template",
+            mailTemplateKeyTooltip: "The mail will be generated based on this template.",
+            processVariableName: "Process Variable Name",
+            processVariableNameTooltip: "The result will be stored in a process variable with this name.",
         },
     },
 };
@@ -2177,10 +2381,10 @@ class TextTemplateConfigurationComponent {
     }
     injectCaseTab() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextTemplateConfigurationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TextTemplateConfigurationComponent, isStandalone: false, selector: "valtimo-text-template-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 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<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null\n  } as obs\"\n>\n  <v-input\n    name=\"configurationTitle\"\n    [title]=\"'configurationTitle' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [disabled]=\"obs.disabled\"\n    [defaultValue]=\"obs.prefill?.configurationTitle\"\n    [required]=\"true\"\n    [tooltip]=\"'configurationTitleTooltip' | pluginTranslate: pluginId | async\"\n    [widthPx]=\"350\"\n    placeholder=\"Text Template Plugin\"\n  >\n  </v-input>\n</v-form>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextTemplateConfigurationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TextTemplateConfigurationComponent, isStandalone: false, selector: "valtimo-text-template-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 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<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null\n  } as obs\"\n>\n  <v-input\n    name=\"configurationTitle\"\n    [title]=\"'configurationTitle' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [disabled]=\"obs.disabled\"\n    [defaultValue]=\"obs.prefill?.configurationTitle\"\n    [required]=\"true\"\n    [tooltip]=\"'configurationTitleTooltip' | pluginTranslate: pluginId | async\"\n    [widthPx]=\"350\"\n    placeholder=\"Text Template Plugin\"\n  >\n  </v-input>\n</v-form>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i4.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextTemplateConfigurationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextTemplateConfigurationComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-text-template-configuration', template: "<!--\n  ~ Copyright 2015-2022 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<v-form\n  (valueChange)=\"formValueChange($event)\"\n  *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null\n  } as obs\"\n>\n  <v-input\n    name=\"configurationTitle\"\n    [title]=\"'configurationTitle' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [disabled]=\"obs.disabled\"\n    [defaultValue]=\"obs.prefill?.configurationTitle\"\n    [required]=\"true\"\n    [tooltip]=\"'configurationTitleTooltip' | pluginTranslate: pluginId | async\"\n    [widthPx]=\"350\"\n    placeholder=\"Text Template Plugin\"\n  >\n  </v-input>\n</v-form>\n" }]
         }], ctorParameters: () => [], propDecorators: { save$: [{
@@ -2219,10 +2423,10 @@ class TextTemplateDeleteModalComponent {
     onDelete(templates) {
         this.deleteEvent.emit(templates);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextTemplateDeleteModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TextTemplateDeleteModalComponent, isStandalone: true, selector: "valtimo-text-template-delete-modal", inputs: { deleteRowKeys: "deleteRowKeys", showDeleteModal$: "showDeleteModal$" }, outputs: { deleteEvent: "deleteEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"template.deleteModalContent\"\n  [outputOnConfirm]=\"deleteRowKeys\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDelete($event)\"\n></valtimo-confirmation-modal>\n", dependencies: [{ kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i3.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextTemplateDeleteModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TextTemplateDeleteModalComponent, isStandalone: true, selector: "valtimo-text-template-delete-modal", inputs: { deleteRowKeys: "deleteRowKeys", showDeleteModal$: "showDeleteModal$" }, outputs: { deleteEvent: "deleteEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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-confirmation-modal\n  confirmButtonTextTranslationKey=\"interface.delete\"\n  confirmButtonType=\"danger\"\n  contentTranslationKey=\"template.deleteModalContent\"\n  [outputOnConfirm]=\"deleteRowKeys\"\n  [showModalSubject$]=\"showDeleteModal$\"\n  titleTranslationKey=\"interface.delete\"\n  (confirmEvent)=\"onDelete($event)\"\n></valtimo-confirmation-modal>\n", dependencies: [{ kind: "ngmodule", type: ConfirmationModalModule }, { kind: "component", type: i4.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextTemplateDeleteModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextTemplateDeleteModalComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'valtimo-text-template-delete-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         ConfirmationModalModule
@@ -2297,10 +2501,10 @@ class TextTemplateAddEditModalComponent {
             }
         }, CARBON_CONSTANTS.modalAnimationMs);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextTemplateAddEditModalComponent, deps: [{ token: i1.FormBuilder }, { token: i3.KeyGeneratorService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TextTemplateAddEditModalComponent, isStandalone: true, selector: "valtimo-text-template-add-edit-modal", inputs: { open: "open", type: "type", defaultKeyValue: "defaultKeyValue" }, outputs: { closeEvent: "closeEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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    isAdd: type === 'add'\n  } as vars\"\n        [open]=\"open\"\n        showFooter=\"true\"\n        [title]=\"vars.title\"\n        valtimoCdsModal\n>\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n        <h3 cdsModalHeaderHeading>\n            {{\n                vars.isAdd\n                    ? 'Add'\n                    : 'Edit'\n            }}\n        </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent>\n        <form [formGroup]=\"form\">\n            <cds-label [invalid]=\"key.dirty && key.invalid\">\n                {{ 'Key' }}\n\n                <input\n                        formControlName=\"key\"\n                        cdsText\n                        placeholder=\"{{ 'key' }}\"\n                        [attr.modal-primary-focus]=\"true\"\n                        [invalid]=\"key.dirty && key.invalid\"\n                />\n            </cds-label>\n        </form>\n    </section>\n\n    <cds-modal-footer>\n        <button cdsButton=\"ghost\" (click)=\"onCancel()\">\n            {{ 'interface.cancel' | translate }}\n        </button>\n\n        <button [disabled]=\"this.form.invalid\" (click)=\"onConfirm()\" cdsButton=\"primary\">\n            {{ vars.isAdd ? ('interface.create' | translate) : ('interface.save' | translate) }}\n        </button>\n    </cds-modal-footer>\n</cds-modal>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i4.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i4.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i4.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i4.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i4.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextTemplateAddEditModalComponent, deps: [{ token: i1.FormBuilder }, { token: i4.KeyGeneratorService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TextTemplateAddEditModalComponent, isStandalone: true, selector: "valtimo-text-template-add-edit-modal", inputs: { open: "open", type: "type", defaultKeyValue: "defaultKeyValue" }, outputs: { closeEvent: "closeEvent" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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    isAdd: type === 'add'\n  } as vars\"\n        [open]=\"open\"\n        showFooter=\"true\"\n        [title]=\"vars.title\"\n        valtimoCdsModal\n>\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n        <h3 cdsModalHeaderHeading>\n            {{\n                vars.isAdd\n                    ? 'Add'\n                    : 'Edit'\n            }}\n        </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent>\n        <form [formGroup]=\"form\">\n            <cds-label [invalid]=\"key.dirty && key.invalid\">\n                {{ 'Key' }}\n\n                <input\n                        formControlName=\"key\"\n                        cdsText\n                        placeholder=\"{{ 'key' }}\"\n                        [attr.modal-primary-focus]=\"true\"\n                        [invalid]=\"key.dirty && key.invalid\"\n                />\n            </cds-label>\n        </form>\n    </section>\n\n    <cds-modal-footer>\n        <button cdsButton=\"ghost\" (click)=\"onCancel()\">\n            {{ 'interface.cancel' | translate }}\n        </button>\n\n        <button [disabled]=\"this.form.invalid\" (click)=\"onConfirm()\" cdsButton=\"primary\">\n            {{ vars.isAdd ? ('interface.create' | translate) : ('interface.save' | translate) }}\n        </button>\n    </cds-modal-footer>\n</cds-modal>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: ModalModule }, { kind: "component", type: i4$1.Modal, selector: "cds-modal, ibm-modal", inputs: ["size", "theme", "ariaLabel", "open", "trigger", "hasScrollingContent"], outputs: ["overlaySelected", "close"] }, { kind: "component", type: i4$1.ModalHeader, selector: "cds-modal-header, ibm-modal-header", inputs: ["theme", "closeLabel", "showCloseButton"], outputs: ["closeSelect"] }, { kind: "component", type: i4$1.ModalFooter, selector: "cds-modal-footer, ibm-modal-footer" }, { kind: "directive", type: i4$1.ModalContent, selector: "[cdsModalContent], [ibmModalContent]", inputs: ["hasForm"] }, { kind: "directive", type: i4$1.ModalHeaderHeading, selector: "[cdsModalHeaderHeading], [ibmModalHeaderHeading]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i4$1.Label, selector: "cds-label, ibm-label", inputs: ["labelInputID", "disabled", "skeleton", "helperText", "invalidText", "invalid", "warn", "warnText", "ariaLabel"] }, { kind: "directive", type: i4$1.TextInput, selector: "[cdsText], [ibmText]", inputs: ["theme", "size", "invalid", "warn", "skeleton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextTemplateAddEditModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextTemplateAddEditModalComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'valtimo-text-template-add-edit-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
@@ -2310,7 +2514,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         ReactiveFormsModule,
                         InputModule
                     ], template: "<!--\n  ~ Copyright 2015-2023 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    isAdd: type === 'add'\n  } as vars\"\n        [open]=\"open\"\n        showFooter=\"true\"\n        [title]=\"vars.title\"\n        valtimoCdsModal\n>\n    <cds-modal-header [showCloseButton]=\"true\" (closeSelect)=\"onCancel()\">\n        <h3 cdsModalHeaderHeading>\n            {{\n                vars.isAdd\n                    ? 'Add'\n                    : 'Edit'\n            }}\n        </h3>\n    </cds-modal-header>\n\n    <section cdsModalContent>\n        <form [formGroup]=\"form\">\n            <cds-label [invalid]=\"key.dirty && key.invalid\">\n                {{ 'Key' }}\n\n                <input\n                        formControlName=\"key\"\n                        cdsText\n                        placeholder=\"{{ 'key' }}\"\n                        [attr.modal-primary-focus]=\"true\"\n                        [invalid]=\"key.dirty && key.invalid\"\n                />\n            </cds-label>\n        </form>\n    </section>\n\n    <cds-modal-footer>\n        <button cdsButton=\"ghost\" (click)=\"onCancel()\">\n            {{ 'interface.cancel' | translate }}\n        </button>\n\n        <button [disabled]=\"this.form.invalid\" (click)=\"onConfirm()\" cdsButton=\"primary\">\n            {{ vars.isAdd ? ('interface.create' | translate) : ('interface.save' | translate) }}\n        </button>\n    </cds-modal-footer>\n</cds-modal>\n" }]
-        }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i3.KeyGeneratorService }], propDecorators: { open: [{
+        }], ctorParameters: () => [{ type: i1.FormBuilder }, { type: i4.KeyGeneratorService }], propDecorators: { open: [{
                 type: Input
             }], type: [{
                 type: Input
@@ -2354,9 +2558,11 @@ class TextTemplateListComponent {
             },
         ];
         this._caseDefinitionId$ = getCaseManagementRouteParams(this.route).pipe(filter((params) => !!params?.caseDefinitionKey));
-        this.readOnly$ = this._caseDefinitionId$.pipe(switchMap(caseDefinitionId => combineLatest([
+        this._buildingBlockDefinitionId$ = getBuildingBlockManagementRouteParams(this.route).pipe(filter((params) => !!params?.buildingBlockDefinitionKey));
+        this._params$ = merge(this._caseDefinitionId$.pipe(map(params => ({ case: params }))), this._buildingBlockDefinitionId$.pipe(map(params => ({ buildingBlock: params }))));
+        this.readOnly$ = this._params$.pipe(switchMap(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => combineLatest([
             this.environmentService.canUpdateGlobalConfiguration(),
-            this.templateService.isFinal(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag)
+            this.templateService.isFinal(caseDefinitionId, buildingBlockDefinitionId)
         ]).pipe(map(([canUpdateGlobal, isFinalCase]) => !canUpdateGlobal || isFinalCase), startWith(true))));
         this.templates$ = new BehaviorSubject(null);
         this.showAddModal$ = new BehaviorSubject(false);
@@ -2375,13 +2581,15 @@ class TextTemplateListComponent {
             this.showAddModal$.next(false);
             return;
         }
-        this._caseDefinitionId$.pipe(take(1), switchMap(caseDefinitionId => this.templateService.addTemplate({
-            caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
-            caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
+        this._params$.pipe(take(1), switchMap(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => this.templateService.addTemplate({
+            caseDefinitionKey: caseDefinitionId?.caseDefinitionKey,
+            caseDefinitionVersionTag: caseDefinitionId?.caseDefinitionVersionTag,
+            buildingBlockDefinitionKey: buildingBlockDefinitionId?.buildingBlockDefinitionKey,
+            buildingBlockDefinitionVersionTag: buildingBlockDefinitionId?.buildingBlockDefinitionVersionTag,
             type: 'text', ...data
         }))).subscribe(template => {
             this.showAddModal$.next(false);
-            this.gotoTextTemplateEditor(template.caseDefinitionKey, template.caseDefinitionVersionTag, template.key);
+            this.gotoTextTemplateEditor(template.caseDefinitionKey, template.caseDefinitionVersionTag, template.buildingBlockDefinitionKey, template.buildingBlockDefinitionVersionTag, template.key);
         });
     }
     showDeleteModal() {
@@ -2390,23 +2598,30 @@ class TextTemplateListComponent {
     }
     onDelete(templates) {
         this.loading$.next(true);
-        this._caseDefinitionId$.pipe(take(1), switchMap(caseDefinitionId => this.templateService.deleteTemplates({
-            caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
-            caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
+        this._params$.pipe(take(1), switchMap(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => this.templateService.deleteTemplates({
+            caseDefinitionKey: caseDefinitionId?.caseDefinitionKey,
+            caseDefinitionVersionTag: caseDefinitionId?.caseDefinitionVersionTag,
+            buildingBlockDefinitionKey: buildingBlockDefinitionId?.buildingBlockDefinitionKey,
+            buildingBlockDefinitionVersionTag: buildingBlockDefinitionId?.buildingBlockDefinitionVersionTag,
             templates
         }))).subscribe(_ => {
             this.reloadTemplateList();
         });
     }
     onRowClick(template) {
-        this._caseDefinitionId$.pipe(take(1)).subscribe(caseDefinitionId => this.gotoTextTemplateEditor(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag, template.key));
+        this._params$.pipe(take(1)).subscribe(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => this.gotoTextTemplateEditor(caseDefinitionId?.caseDefinitionKey, caseDefinitionId?.caseDefinitionVersionTag, buildingBlockDefinitionId?.buildingBlockDefinitionKey, buildingBlockDefinitionId?.buildingBlockDefinitionVersionTag, template.key));
     }
-    gotoTextTemplateEditor(caseDefinitionKey, caseDefinitionVersionTag, key) {
-        this.router.navigate([`/case-management/case/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/text-template/${key}`]);
+    gotoTextTemplateEditor(caseDefinitionKey, caseDefinitionVersionTag, buildingBlockDefinitionKey, buildingBlockDefinitionVersionTag, key) {
+        if (caseDefinitionKey) {
+            this.router.navigate([`/case-management/case/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/text-template/${key}`]);
+        }
+        else {
+            this.router.navigate([`/building-block-management/building-block/${buildingBlockDefinitionKey}/version/${buildingBlockDefinitionVersionTag}/text-template/${key}`]);
+        }
     }
     reloadTemplateList() {
         this.loading$.next(true);
-        this._caseDefinitionId$.pipe(switchMap(caseDefinitionId => this.templateService.getAllTextTemplates(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag)), map(templatePage => templatePage.content), take(1)).subscribe(templateListItems => {
+        this._params$.pipe(switchMap(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => this.templateService.getAllTextTemplates(caseDefinitionId, buildingBlockDefinitionId)), map(templatePage => templatePage.content), take(1)).subscribe(templateListItems => {
             this.templates$.next(templateListItems);
             this.loading$.next(false);
         });
@@ -2414,10 +2629,10 @@ class TextTemplateListComponent {
     setSelectedTemplateKeys() {
         this.selectedRowKeys$.next(this.carbonList.selectedItems.map((template) => ({ key: template.key, type: template.type })));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextTemplateListComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$2.Router }, { token: i2$2.ActivatedRoute }, { token: i3$1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TextTemplateListComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "carbonList", first: true, predicate: CarbonListComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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        [header]=\"false\"\n        [items]=\"templates$ | async\"\n        [fields]=\"fields\"\n        [loading]=\"loading$ | async\"\n        [showSelectionColumn]=\"!(readOnly$ | async)\"\n        (rowClicked)=\"onRowClick($event)\"\n>\n    <ng-container header> {{ 'Title' }}</ng-container>\n\n    <div carbonToolbarContent>\n        <ng-container [ngTemplateOutlet]=\"addTemplateButton\"></ng-container>\n    </div>\n\n    <ng-container carbonToolbarActions>\n        <button cdsButton=\"primary\" (click)=\"showDeleteModal()\">\n            {{ 'interface.delete' | translate }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n        </button>\n    </ng-container>\n\n    <valtimo-no-results\n            [action]=\"addTemplateButton\"\n            description=\"{{ 'Come back later.' }}\"\n            title=\"{{ 'No templates found' }}\"\n    ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-text-template-add-edit-modal\n        [open]=\"showAddModal$ | async\"\n        (closeEvent)=\"onAdd($event)\"\n></valtimo-text-template-add-edit-modal>\n\n<ng-container *ngIf=\"{selectedRowKeys: selectedRowKeys$ | async} as obs\">\n    <valtimo-text-template-delete-modal\n            [deleteRowKeys]=\"obs.selectedRowKeys\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-text-template-delete-modal>\n</ng-container>\n\n<ng-template #addTemplateButton>\n    <button cdsButton=\"primary\"\n            [disabled]=\"readOnly$ | async\"\n            (click)=\"openAddModal()\">\n        {{ 'Add' }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i3.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i3.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }, { kind: "component", type: TextTemplateDeleteModalComponent, selector: "valtimo-text-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "component", type: TextTemplateAddEditModalComponent, selector: "valtimo-text-template-add-edit-modal", inputs: ["open", "type", "defaultKeyValue"], outputs: ["closeEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextTemplateListComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$1.Router }, { token: i2$1.ActivatedRoute }, { token: i3$1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TextTemplateListComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "carbonList", first: true, predicate: CarbonListComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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        [header]=\"false\"\n        [items]=\"templates$ | async\"\n        [fields]=\"fields\"\n        [loading]=\"loading$ | async\"\n        [showSelectionColumn]=\"!(readOnly$ | async)\"\n        (rowClicked)=\"onRowClick($event)\"\n>\n    <ng-container header> {{ 'Title' }}</ng-container>\n\n    <div carbonToolbarContent>\n        <ng-container [ngTemplateOutlet]=\"addTemplateButton\"></ng-container>\n    </div>\n\n    <ng-container carbonToolbarActions>\n        <button cdsButton=\"primary\" (click)=\"showDeleteModal()\">\n            {{ 'interface.delete' | translate }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n        </button>\n    </ng-container>\n\n    <valtimo-no-results\n            [action]=\"addTemplateButton\"\n            description=\"{{ 'Come back later.' }}\"\n            title=\"{{ 'No templates found' }}\"\n    ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-text-template-add-edit-modal\n        [open]=\"showAddModal$ | async\"\n        (closeEvent)=\"onAdd($event)\"\n></valtimo-text-template-add-edit-modal>\n\n<ng-container *ngIf=\"{selectedRowKeys: selectedRowKeys$ | async} as obs\">\n    <valtimo-text-template-delete-modal\n            [deleteRowKeys]=\"obs.selectedRowKeys\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-text-template-delete-modal>\n</ng-container>\n\n<ng-template #addTemplateButton>\n    <button cdsButton=\"primary\"\n            [disabled]=\"readOnly$ | async\"\n            (click)=\"openAddModal()\">\n        {{ 'Add' }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i4.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: i4.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "component", type: TextTemplateDeleteModalComponent, selector: "valtimo-text-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "component", type: TextTemplateAddEditModalComponent, selector: "valtimo-text-template-add-edit-modal", inputs: ["open", "type", "defaultKeyValue"], outputs: ["closeEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextTemplateListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextTemplateListComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CommonModule,
@@ -2427,7 +2642,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         TextTemplateDeleteModalComponent,
                         TextTemplateAddEditModalComponent
                     ], template: "<!--\n  ~ Copyright 2015-2023 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        [header]=\"false\"\n        [items]=\"templates$ | async\"\n        [fields]=\"fields\"\n        [loading]=\"loading$ | async\"\n        [showSelectionColumn]=\"!(readOnly$ | async)\"\n        (rowClicked)=\"onRowClick($event)\"\n>\n    <ng-container header> {{ 'Title' }}</ng-container>\n\n    <div carbonToolbarContent>\n        <ng-container [ngTemplateOutlet]=\"addTemplateButton\"></ng-container>\n    </div>\n\n    <ng-container carbonToolbarActions>\n        <button cdsButton=\"primary\" (click)=\"showDeleteModal()\">\n            {{ 'interface.delete' | translate }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n        </button>\n    </ng-container>\n\n    <valtimo-no-results\n            [action]=\"addTemplateButton\"\n            description=\"{{ 'Come back later.' }}\"\n            title=\"{{ 'No templates found' }}\"\n    ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-text-template-add-edit-modal\n        [open]=\"showAddModal$ | async\"\n        (closeEvent)=\"onAdd($event)\"\n></valtimo-text-template-add-edit-modal>\n\n<ng-container *ngIf=\"{selectedRowKeys: selectedRowKeys$ | async} as obs\">\n    <valtimo-text-template-delete-modal\n            [deleteRowKeys]=\"obs.selectedRowKeys\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-text-template-delete-modal>\n</ng-container>\n\n<ng-template #addTemplateButton>\n    <button cdsButton=\"primary\"\n            [disabled]=\"readOnly$ | async\"\n            (click)=\"openAddModal()\">\n        {{ 'Add' }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: FreemarkerTemplateManagementService }, { type: i2$2.Router }, { type: i2$2.ActivatedRoute }, { type: i3$1.EnvironmentService }], propDecorators: { carbonList: [{
+        }], ctorParameters: () => [{ type: FreemarkerTemplateManagementService }, { type: i2$1.Router }, { type: i2$1.ActivatedRoute }, { type: i3$1.EnvironmentService }], propDecorators: { carbonList: [{
                 type: ViewChild,
                 args: [CarbonListComponent]
             }] } });
@@ -2464,11 +2679,14 @@ class TextTemplateEditorComponent {
         this.moreDisabled$ = new BehaviorSubject(true);
         this.showDeleteModal$ = new BehaviorSubject(false);
         this.updatedModelValue$ = new BehaviorSubject('');
+        this._destroy$ = new Subject();
         this._caseDefinitionId$ = getCaseManagementRouteParams(this.route).pipe(filter((params) => !!params?.caseDefinitionKey));
+        this._buildingBlockDefinitionId$ = getBuildingBlockManagementRouteParams(this.route).pipe(filter((params) => !!params?.buildingBlockDefinitionKey));
+        this._params$ = merge(this._caseDefinitionId$.pipe(map(params => ({ case: params }))), this._buildingBlockDefinitionId$.pipe(map(params => ({ buildingBlock: params }))));
         this.templateKey$ = combineLatest([this.route.params, this.route.parent.params]).pipe(map(([params, parentParams]) => params?.templateKey || parentParams?.templateKey), filter(templateKey => !!templateKey));
-        this.readOnly$ = this._caseDefinitionId$.pipe(switchMap(caseDefinitionId => combineLatest([
+        this.readOnly$ = this._params$.pipe(switchMap(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => combineLatest([
             this.environmentService.canUpdateGlobalConfiguration(),
-            this.templateService.isFinal(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag)
+            this.isFinal(caseDefinitionId, buildingBlockDefinitionId)
         ]).pipe(map(([canUpdateGlobal, isFinalCase]) => !canUpdateGlobal || isFinalCase), startWith(true))));
     }
     ngOnInit() {
@@ -2481,6 +2699,8 @@ class TextTemplateEditorComponent {
         this.pageTitleService.enableReset();
         this.breadcrumbService.clearThirdBreadcrumb();
         this.breadcrumbService.clearFourthBreadcrumb();
+        this._destroy$.next();
+        this._destroy$.complete();
     }
     onValid(valid) {
         this.saveDisabled$.next(valid === false);
@@ -2492,13 +2712,15 @@ class TextTemplateEditorComponent {
         this.disableEditor();
         this.disableSave();
         this.disableMore();
-        combineLatest([this.updatedModelValue$, this._caseDefinitionId$, this.templateKey$]).pipe(switchMap(([updatedModelValue, caseDefinitionId, templateKey]) => this.templateService.updateTemplate({
+        combineLatest([this.updatedModelValue$, this._params$, this.templateKey$]).pipe(take(1), switchMap(([updatedModelValue, { case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }, templateKey]) => this.templateService.updateTemplate({
             key: templateKey,
-            caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
-            caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
+            caseDefinitionKey: caseDefinitionId?.caseDefinitionKey,
+            caseDefinitionVersionTag: caseDefinitionId?.caseDefinitionVersionTag,
+            buildingBlockDefinitionKey: buildingBlockDefinitionId?.buildingBlockDefinitionKey,
+            buildingBlockDefinitionVersionTag: buildingBlockDefinitionId?.buildingBlockDefinitionVersionTag,
             type: 'text',
             content: updatedModelValue,
-        })), take(1)).subscribe({
+        })), takeUntil(this._destroy$)).subscribe({
             next: result => {
                 this.enableMore();
                 this.enableSave();
@@ -2518,19 +2740,33 @@ class TextTemplateEditorComponent {
         this.disableEditor();
         this.disableSave();
         this.disableMore();
-        this._caseDefinitionId$.pipe(take(1)).subscribe(caseDefinitionId => this.templateService.deleteTemplates({
-            caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
-            caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
-            templates
-        }).pipe(take(1)).subscribe(_ => this.router.navigate([`/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}/text-template`])));
+        this._params$.pipe(take(1), switchMap(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => {
+            if (caseDefinitionId?.caseDefinitionKey) {
+                return this.templateService.deleteTemplates({
+                    caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
+                    caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
+                    templates
+                }).pipe(map(() => `/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}/text-template`));
+            }
+            else {
+                return this.templateService.deleteTemplates({
+                    buildingBlockDefinitionKey: buildingBlockDefinitionId.buildingBlockDefinitionKey,
+                    buildingBlockDefinitionVersionTag: buildingBlockDefinitionId.buildingBlockDefinitionVersionTag,
+                    templates
+                }).pipe(map(() => `/building-block-management/building-block/${buildingBlockDefinitionId.buildingBlockDefinitionKey}/version/${buildingBlockDefinitionId.buildingBlockDefinitionVersionTag}/text-template`));
+            }
+        }), takeUntil(this._destroy$)).subscribe(targetUrl => {
+            this.router.navigate([targetUrl]);
+        });
     }
     showDeleteModal() {
         this.showDeleteModal$.next(true);
     }
     loadTemplate() {
-        combineLatest([this._caseDefinitionId$, this.templateKey$]).pipe(tap(([_, key]) => {
+        this._params$.pipe(combineLatestWith(this.templateKey$), switchMap(([{ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }, key]) => {
+            return this.templateService.getTextTemplate(caseDefinitionId, buildingBlockDefinitionId, key).pipe(map(result => ({ result, key })));
+        }), take(1), takeUntil(this._destroy$)).subscribe(({ result, key }) => {
             this.pageTitleService.setCustomPageTitle(`Text template: ${key}`, true);
-        }), switchMap(([caseDefinitionId, key]) => this.templateService.getTextTemplate(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag, key)), take(1)).subscribe(result => {
             this.enableMore();
             this.enableSave();
             this.enableEditor();
@@ -2563,18 +2799,35 @@ class TextTemplateEditorComponent {
     enableEditor() {
         this.editorDisabled$.next(false);
     }
+    isFinal(caseDefinitionId, buildingBlockDefinitionId) {
+        return this.templateService.isFinal(caseDefinitionId, buildingBlockDefinitionId);
+    }
     initBreadcrumb() {
-        this._caseDefinitionId$.subscribe(caseDefinitionId => {
-            this.breadcrumbService.setThirdBreadcrumb({
-                route: [`/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}`],
-                content: `${caseDefinitionId.caseDefinitionKey}:${caseDefinitionId.caseDefinitionVersionTag}`,
-                href: `/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}`,
-            });
-            this.breadcrumbService.setFourthBreadcrumb({
-                route: [`/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}/text-template`],
-                content: 'Text template',
-                href: `/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}/text-template`,
-            });
+        this._params$.pipe(takeUntil(this._destroy$)).subscribe(({ case: caseDefinitionId, buildingBlock: buildingBlockDefinitionId }) => {
+            if (caseDefinitionId) {
+                this.breadcrumbService.setThirdBreadcrumb({
+                    route: [`/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}`],
+                    content: `${caseDefinitionId.caseDefinitionKey}:${caseDefinitionId.caseDefinitionVersionTag}`,
+                    href: `/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}`,
+                });
+                this.breadcrumbService.setFourthBreadcrumb({
+                    route: [`/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}/text-template`],
+                    content: 'Text template',
+                    href: `/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}/text-template`,
+                });
+            }
+            else if (buildingBlockDefinitionId) {
+                this.breadcrumbService.setThirdBreadcrumb({
+                    route: [`/building-block-management/building-block/${buildingBlockDefinitionId.buildingBlockDefinitionKey}/version/${buildingBlockDefinitionId.buildingBlockDefinitionVersionTag}`],
+                    content: `${buildingBlockDefinitionId.buildingBlockDefinitionKey}:${buildingBlockDefinitionId.buildingBlockDefinitionVersionTag}`,
+                    href: `/building-block-management/building-block/${buildingBlockDefinitionId.buildingBlockDefinitionKey}/version/${buildingBlockDefinitionId.buildingBlockDefinitionVersionTag}`,
+                });
+                this.breadcrumbService.setFourthBreadcrumb({
+                    route: [`/building-block-management/building-block/${buildingBlockDefinitionId.buildingBlockDefinitionKey}/version/${buildingBlockDefinitionId.buildingBlockDefinitionVersionTag}/text-template`],
+                    content: 'Text template',
+                    href: `/building-block-management/building-block/${buildingBlockDefinitionId.buildingBlockDefinitionKey}/version/${buildingBlockDefinitionId.buildingBlockDefinitionVersionTag}/text-template`,
+                });
+            }
         });
     }
     showSuccessMessage(key) {
@@ -2588,10 +2841,10 @@ class TextTemplateEditorComponent {
             title: this.translateService.instant('Saved successfully'),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextTemplateEditorComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$2.ActivatedRoute }, { token: i3.PageTitleService }, { token: i2$2.Router }, { token: i4.NotificationService }, { token: i5$1.TranslateService }, { token: i3.BreadcrumbService }, { token: i3$1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TextTemplateEditorComponent, isStandalone: true, selector: "ng-component", providers: [NotificationService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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    model: model$ | async,\n    updatedModelValue: updatedModelValue$ | async,\n    template: template$ | async,\n  } as obs\">\n\n    <div class=\"template-explanation\">\n        Text Templates use <a target=\"_blank\" href=\"https://freemarker.apache.org/docs/dgui_quickstart_basics.html\">FreeMarker</a>\n        to create placeholders inside the text. The data-model for FreeMarker is based upon nested <a\n            target=\"_blank\" href=\"https://docs.valtimo.nl/features/value-resolvers\">Valtimo value-resolvers</a>\n        with a slightly different notation. For example: $&#123;doc.firstName&#125;. Retrieves\n        the `firstName` from the case.\n\n        Text Templates can be used as value resolvers. For example: $&#123;template.my-text-template&#125; or\n        `template:my-text-template`.\n    </div>\n\n    <valtimo-editor\n            [model]=\"obs.model\"\n            [disabled]=\"(editorDisabled$ | async) || (readOnly$ | async)\"\n            (validEvent)=\"onValid($event)\"\n            (valueChangeEvent)=\"onValueChange($event)\"\n            [fitPage]=\"true\"\n            [fitPageExtraSpace]=\"80\"\n    ></valtimo-editor>\n</ng-container>\n\n<ng-container renderInPageHeader>\n    <ng-template>\n        <div *ngIf=\"{\n                model: model$ | async,\n                moreDisabled: moreDisabled$ | async,\n                template: template$ | async,\n             } as obs\"\n             class=\"buttons-container\"\n        >\n            <cds-overflow-menu class=\"overflow-button\">\n                <cds-overflow-menu-option\n                        [disabled]=\"obs.moreDisabled || (readOnly$ | async)\"\n                        type=\"danger\"\n                        (selected)=\"showDeleteModal()\"\n                >{{ 'interface.delete' | translate }}\n                </cds-overflow-menu-option\n                >\n            </cds-overflow-menu>\n\n            <button\n                    [disabled]=\"(saveDisabled$ | async) || (readOnly$ | async)\"\n                    cdsButton=\"primary\"\n                    size=\"md\"\n                    (click)=\"updateTemplate()\"\n            >\n                {{ 'interface.save' | translate }}\n\n                <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n            </button>\n        </div>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"{templateKey: templateKey$ | async} as obs\">\n    <valtimo-text-template-delete-modal\n            [deleteRowKeys]=\"[{key: obs.templateKey, type: 'text'}]\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-text-template-delete-modal>\n</ng-container>\n", styles: [".loading-container{display:flex;width:100%;justify-content:center}.overflow-button{margin-right:16px}.buttons-container{display:flex;flex-direction:row}.template-explanation{margin-top:16px;margin-bottom:24px}\n/*!\n * Copyright 2015-2023 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: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabsModule }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "description", "flip", "placement", "open", "customTrigger", "offset", "wrapperClass", "triggerClass"], outputs: ["openChange"] }, { kind: "component", type: i4.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "component", type: TextTemplateDeleteModalComponent, selector: "valtimo-text-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: EditorModule }, { kind: "component", type: i3.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageSpaceAdjustment"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextTemplateEditorComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$1.ActivatedRoute }, { token: i4.PageTitleService }, { token: i2$1.Router }, { token: i4$1.NotificationService }, { token: i5.TranslateService }, { token: i4.BreadcrumbService }, { token: i3$1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: TextTemplateEditorComponent, isStandalone: true, selector: "ng-component", providers: [NotificationService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 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    model: model$ | async,\n    updatedModelValue: updatedModelValue$ | async,\n    template: template$ | async,\n  } as obs\">\n\n    <div class=\"template-explanation\">\n        Text Templates use <a target=\"_blank\" href=\"https://freemarker.apache.org/docs/dgui_quickstart_basics.html\">FreeMarker</a>\n        to create placeholders inside the text. The data-model for FreeMarker is based upon nested <a\n            target=\"_blank\" href=\"https://docs.valtimo.nl/features/value-resolvers\">Valtimo value-resolvers</a>\n        with a slightly different notation. For example: $&#123;doc.firstName&#125;. Retrieves\n        the `firstName` from the case.\n\n        Text Templates can be used as value resolvers. For example: $&#123;template.my-text-template&#125; or\n        `template:my-text-template`.\n    </div>\n\n    <valtimo-editor\n            [model]=\"obs.model\"\n            [disabled]=\"(editorDisabled$ | async) || (readOnly$ | async)\"\n            (validEvent)=\"onValid($event)\"\n            (valueChangeEvent)=\"onValueChange($event)\"\n            [fitPage]=\"true\"\n            [fitPageExtraSpace]=\"80\"\n    ></valtimo-editor>\n</ng-container>\n\n<ng-container renderInPageHeader>\n    <ng-template>\n        <div *ngIf=\"{\n                model: model$ | async,\n                moreDisabled: moreDisabled$ | async,\n                template: template$ | async,\n             } as obs\"\n             class=\"buttons-container\"\n        >\n            <cds-overflow-menu class=\"overflow-button\">\n                <cds-overflow-menu-option\n                        [disabled]=\"obs.moreDisabled || (readOnly$ | async)\"\n                        type=\"danger\"\n                        (selected)=\"showDeleteModal()\"\n                >{{ 'interface.delete' | translate }}\n                </cds-overflow-menu-option\n                >\n            </cds-overflow-menu>\n\n            <button\n                    [disabled]=\"(saveDisabled$ | async) || (readOnly$ | async)\"\n                    cdsButton=\"primary\"\n                    size=\"md\"\n                    (click)=\"updateTemplate()\"\n            >\n                {{ 'interface.save' | translate }}\n\n                <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n            </button>\n        </div>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"{templateKey: templateKey$ | async} as obs\">\n    <valtimo-text-template-delete-modal\n            [deleteRowKeys]=\"[{key: obs.templateKey, type: 'text'}]\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-text-template-delete-modal>\n</ng-container>\n", styles: [".loading-container{display:flex;width:100%;justify-content:center}.overflow-button{margin-right:16px}.buttons-container{display:flex;flex-direction:row}.template-explanation{margin-top:16px;margin-bottom:24px}\n/*!\n * Copyright 2015-2023 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: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabsModule }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4$1.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "description", "flip", "placement", "open", "customTrigger", "offset", "wrapperClass", "triggerClass"], outputs: ["openChange"] }, { kind: "component", type: i4$1.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "component", type: TextTemplateDeleteModalComponent, selector: "valtimo-text-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4$1.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: EditorModule }, { kind: "component", type: i4.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageSpaceAdjustment"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextTemplateEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextTemplateEditorComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [NotificationService], imports: [
                         CommonModule,
@@ -2605,7 +2858,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         RenderInPageHeaderDirective,
                         IconModule,
                     ], template: "<!--\n  ~ Copyright 2015-2023 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    model: model$ | async,\n    updatedModelValue: updatedModelValue$ | async,\n    template: template$ | async,\n  } as obs\">\n\n    <div class=\"template-explanation\">\n        Text Templates use <a target=\"_blank\" href=\"https://freemarker.apache.org/docs/dgui_quickstart_basics.html\">FreeMarker</a>\n        to create placeholders inside the text. The data-model for FreeMarker is based upon nested <a\n            target=\"_blank\" href=\"https://docs.valtimo.nl/features/value-resolvers\">Valtimo value-resolvers</a>\n        with a slightly different notation. For example: $&#123;doc.firstName&#125;. Retrieves\n        the `firstName` from the case.\n\n        Text Templates can be used as value resolvers. For example: $&#123;template.my-text-template&#125; or\n        `template:my-text-template`.\n    </div>\n\n    <valtimo-editor\n            [model]=\"obs.model\"\n            [disabled]=\"(editorDisabled$ | async) || (readOnly$ | async)\"\n            (validEvent)=\"onValid($event)\"\n            (valueChangeEvent)=\"onValueChange($event)\"\n            [fitPage]=\"true\"\n            [fitPageExtraSpace]=\"80\"\n    ></valtimo-editor>\n</ng-container>\n\n<ng-container renderInPageHeader>\n    <ng-template>\n        <div *ngIf=\"{\n                model: model$ | async,\n                moreDisabled: moreDisabled$ | async,\n                template: template$ | async,\n             } as obs\"\n             class=\"buttons-container\"\n        >\n            <cds-overflow-menu class=\"overflow-button\">\n                <cds-overflow-menu-option\n                        [disabled]=\"obs.moreDisabled || (readOnly$ | async)\"\n                        type=\"danger\"\n                        (selected)=\"showDeleteModal()\"\n                >{{ 'interface.delete' | translate }}\n                </cds-overflow-menu-option\n                >\n            </cds-overflow-menu>\n\n            <button\n                    [disabled]=\"(saveDisabled$ | async) || (readOnly$ | async)\"\n                    cdsButton=\"primary\"\n                    size=\"md\"\n                    (click)=\"updateTemplate()\"\n            >\n                {{ 'interface.save' | translate }}\n\n                <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n            </button>\n        </div>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"{templateKey: templateKey$ | async} as obs\">\n    <valtimo-text-template-delete-modal\n            [deleteRowKeys]=\"[{key: obs.templateKey, type: 'text'}]\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-text-template-delete-modal>\n</ng-container>\n", styles: [".loading-container{display:flex;width:100%;justify-content:center}.overflow-button{margin-right:16px}.buttons-container{display:flex;flex-direction:row}.template-explanation{margin-top:16px;margin-bottom:24px}\n/*!\n * Copyright 2015-2023 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: FreemarkerTemplateManagementService }, { type: i2$2.ActivatedRoute }, { type: i3.PageTitleService }, { type: i2$2.Router }, { type: i4.NotificationService }, { type: i5$1.TranslateService }, { type: i3.BreadcrumbService }, { type: i3$1.EnvironmentService }] });
+        }], ctorParameters: () => [{ type: FreemarkerTemplateManagementService }, { type: i2$1.ActivatedRoute }, { type: i4.PageTitleService }, { type: i2$1.Router }, { type: i4$1.NotificationService }, { type: i5.TranslateService }, { type: i4.BreadcrumbService }, { type: i3$1.EnvironmentService }] });
 
 /*
  * Copyright 2015-2023 Ritense BV, the Netherlands.
@@ -2633,13 +2886,23 @@ const routes = [
             customPageTitle: true,
         },
     },
+    {
+        path: 'building-block-management/building-block/:buildingBlockDefinitionKey/version/:buildingBlockDefinitionVersionTag/text-template/:templateKey',
+        component: TextTemplateEditorComponent,
+        canActivate: [AuthGuardService],
+        data: {
+            title: 'Text Template Editor',
+            templates: [ROLE_ADMIN],
+            customPageTitle: true,
+        },
+    },
 ];
 class TemplateManagementRoutingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TemplateManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: TemplateManagementRoutingModule, imports: [CommonModule, i2$2.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TemplateManagementRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TemplateManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: TemplateManagementRoutingModule, imports: [CommonModule, i2$1.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TemplateManagementRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TemplateManagementRoutingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TemplateManagementRoutingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterModule.forChild(routes)],
@@ -2663,15 +2926,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * limitations under the License.
  */
 class GenerateTextFileComponent {
-    constructor(templateService) {
+    constructor(templateService, route) {
         this.templateService = templateService;
+        this.route = route;
         this.valid = new EventEmitter();
         this.configuration = new EventEmitter();
+        this.buildingBlockParams$ = getBuildingBlockManagementRouteParams(this.route);
         this.formValue$ = new BehaviorSubject(null);
         this.valid$ = new BehaviorSubject(false);
         this._subscriptions = new Subscription();
         this.loading$ = new BehaviorSubject(true);
         this.textTemplateItems$ = new BehaviorSubject([]);
+        this._destroy$ = new Subject();
     }
     ngOnInit() {
         this.openSaveSubscription();
@@ -2679,6 +2945,8 @@ class GenerateTextFileComponent {
     }
     ngOnDestroy() {
         this._subscriptions.unsubscribe();
+        this._destroy$.next();
+        this._destroy$.complete();
     }
     formValueChange(formValue) {
         this.formValue$.next(formValue);
@@ -2702,31 +2970,31 @@ class GenerateTextFileComponent {
         this._subscriptions.add(saveSubscription);
     }
     initContextHandling() {
-        if (!this.context$) {
-            return;
-        }
-        const contextSub = this.context$.pipe(switchMap(([managementContext, caseDefinitionId]) => {
-            if (managementContext == 'case') {
-                return this.templateService.getAllTextTemplates(caseDefinitionId?.caseDefinitionKey, caseDefinitionId?.caseDefinitionVersionTag);
+        const caseParams$ = this.context$ ? this.context$.pipe(filter(([managementContext, caseParams]) => managementContext === 'case' && !!caseParams?.caseDefinitionKey), map(([managementContext, caseParams]) => ({ managementContext, caseParams }))) : of(null);
+        const buildingBlockParams$ = this.buildingBlockParams$.pipe(filter(buildingBlockParams => !!buildingBlockParams?.buildingBlockDefinitionKey), map(buildingBlockParams => ({ managementContext: 'buildingBlock', buildingBlockParams })));
+        merge(caseParams$, buildingBlockParams$).pipe(filter(params => !!params), switchMap(params => {
+            if (params.managementContext === 'case') {
+                return this.templateService.getAllTextTemplates(params.caseParams, null);
+            }
+            else if (params.managementContext === 'buildingBlock') {
+                return this.templateService.getAllTextTemplates(null, params.buildingBlockParams);
             }
             else {
-                console.error('Freemarker plugin does not support global templates');
+                console.error(`Freemarker plugin does not support '${params.managementContext}' templates`);
                 return of(null);
             }
         }), map(results => results?.content.map(template => ({
             id: template.key,
             text: template.key,
-        })) || []), tap(() => this.loading$.next(false)))
-            .subscribe(results => this.textTemplateItems$.next(results));
-        this._subscriptions.add(contextSub);
+        })) || []), tap(() => this.loading$.next(false)), takeUntil(this._destroy$)).subscribe(results => this.textTemplateItems$.next(results));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GenerateTextFileComponent, deps: [{ token: FreemarkerTemplateManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GenerateTextFileComponent, isStandalone: false, selector: "valtimo-generate-text-file-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", context$: "context$", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 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=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    textTemplateItems: textTemplateItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateTextFileDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.textTemplateItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"textTemplateKey\"\n                    [title]=\"'textTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.textTemplateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.textTemplateItems\"\n                    [tooltip]=\"'textTemplateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'contentId'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i3.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i3.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GenerateTextFileComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: GenerateTextFileComponent, isStandalone: false, selector: "valtimo-generate-text-file-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", context$: "context$", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 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=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    textTemplateItems: textTemplateItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateTextFileDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.textTemplateItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"textTemplateKey\"\n                    [title]=\"'textTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.textTemplateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.textTemplateItems\"\n                    [tooltip]=\"'textTemplateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'contentId'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i4.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i4.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i4.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GenerateTextFileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: GenerateTextFileComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, selector: 'valtimo-generate-text-file-configuration', template: "<!--\n  ~ Copyright 2015-2022 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=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    textTemplateItems: textTemplateItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateTextFileDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.textTemplateItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"textTemplateKey\"\n                    [title]=\"'textTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.textTemplateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.textTemplateItems\"\n                    [tooltip]=\"'textTemplateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'contentId'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n" }]
-        }], ctorParameters: () => [{ type: FreemarkerTemplateManagementService }], propDecorators: { save$: [{
+        }], ctorParameters: () => [{ type: FreemarkerTemplateManagementService }, { type: i2$1.ActivatedRoute }], propDecorators: { save$: [{
                 type: Input
             }], disabled$: [{
                 type: Input
@@ -2758,9 +3026,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
  * limitations under the License.
  */
 class TextTemplatePluginModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextTemplatePluginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.15", ngImport: i0, type: TextTemplatePluginModule, declarations: [GenerateTextFileComponent,
-            TextTemplateConfigurationComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextTemplatePluginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: TextTemplatePluginModule, declarations: [GenerateTextFileComponent, TextTemplateConfigurationComponent], imports: [CommonModule,
             PluginTranslatePipeModule,
             TemplateManagementRoutingModule,
             FormModule,
@@ -2782,15 +3049,31 @@ class TextTemplatePluginModule {
             NotificationModule,
             RenderInPageHeaderDirective,
             TabsModule], exports: [GenerateTextFileComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextTemplatePluginModule, providers: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextTemplatePluginModule, providers: [
             {
                 provide: CASE_MANAGEMENT_TAB_TOKEN,
-                useValue: {
-                    translationKey: 'text-template',
+                useFactory: (pluginManagementService) => ({
+                    translationKey: "Text template",
                     component: TextTemplateListComponent,
+                    tabRoute: "text-template",
+                    enabled$: pluginManagementService.getAllPluginConfigurations().pipe(map((pluginConfigs) => pluginConfigs.find((pluginConfig) => pluginConfig.pluginDefinition?.key === "text-template")), catchError(() => of(false))),
+                }),
+                deps: [PluginManagementService],
+                multi: true,
+            },
+            {
+                provide: BUILDING_BLOCK_MANAGEMENT_TAB_TOKEN,
+                useFactory: (pluginManagementService) => {
+                    return {
+                        translationKey: "Text template",
+                        component: TextTemplateListComponent,
+                        tabRoute: "text-template",
+                        enabled$: pluginManagementService.getAllPluginConfigurations().pipe(map((pluginConfigs) => pluginConfigs.find((pluginConfig) => pluginConfig.pluginDefinition?.key === "text-template")), catchError(() => of(false))),
+                    };
                 },
+                deps: [PluginManagementService],
                 multi: true,
-            }
+            },
         ], imports: [CommonModule,
             PluginTranslatePipeModule,
             TemplateManagementRoutingModule,
@@ -2813,13 +3096,10 @@ class TextTemplatePluginModule {
             NotificationModule,
             TabsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextTemplatePluginModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: TextTemplatePluginModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        GenerateTextFileComponent,
-                        TextTemplateConfigurationComponent,
-                    ],
+                    declarations: [GenerateTextFileComponent, TextTemplateConfigurationComponent],
                     imports: [
                         CommonModule,
                         PluginTranslatePipeModule,
@@ -2844,19 +3124,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImpo
                         RenderInPageHeaderDirective,
                         TabsModule,
                     ],
-                    exports: [
-                        GenerateTextFileComponent,
-                    ],
+                    exports: [GenerateTextFileComponent],
                     providers: [
                         {
                             provide: CASE_MANAGEMENT_TAB_TOKEN,
-                            useValue: {
-                                translationKey: 'text-template',
+                            useFactory: (pluginManagementService) => ({
+                                translationKey: "Text template",
                                 component: TextTemplateListComponent,
+                                tabRoute: "text-template",
+                                enabled$: pluginManagementService.getAllPluginConfigurations().pipe(map((pluginConfigs) => pluginConfigs.find((pluginConfig) => pluginConfig.pluginDefinition?.key === "text-template")), catchError(() => of(false))),
+                            }),
+                            deps: [PluginManagementService],
+                            multi: true,
+                        },
+                        {
+                            provide: BUILDING_BLOCK_MANAGEMENT_TAB_TOKEN,
+                            useFactory: (pluginManagementService) => {
+                                return {
+                                    translationKey: "Text template",
+                                    component: TextTemplateListComponent,
+                                    tabRoute: "text-template",
+                                    enabled$: pluginManagementService.getAllPluginConfigurations().pipe(map((pluginConfigs) => pluginConfigs.find((pluginConfig) => pluginConfig.pluginDefinition?.key === "text-template")), catchError(() => of(false))),
+                                };
                             },
+                            deps: [PluginManagementService],
                             multi: true,
-                        }
-                    ]
+                        },
+                    ],
                 }]
         }] });