@valtimo-plugins/freemarker 6.0.0 → 7.0.0

package/fesm2022/valtimo-plugins-freemarker.mjs

@@ -1,24 +1,25 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, Injectable, ChangeDetectionStrategy, ViewChild, NgModule } from '@angular/core';
-import { BehaviorSubject, combineLatest, take, switchMap, of, map, tap, filter } from 'rxjs';
-import * as i3 from '@angular/common';
+import { EventEmitter, Output, Input, Component, Injectable, ChangeDetectionStrategy, ViewChild, NgModule } from '@angular/core';
+import { BehaviorSubject, combineLatest, take, map, switchMap, of, tap, filter, startWith } from 'rxjs';
+import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1 from '@valtimo/components';
-import { CARBON_CONSTANTS, ViewType, CarbonListComponent, FormModule, ParagraphModule, SelectModule, ConfirmationModalModule, CarbonListModule, EditorModule, InputModule, RenderInPageHeaderDirectiveModule } from '@valtimo/components';
+import { ConfirmationModalModule, CARBON_CONSTANTS, ViewType, CarbonListModule, CarbonListComponent, ValtimoCdsOverflowButtonDirectiveModule, EditorModule, RenderInPageHeaderDirectiveModule, FormModule, ParagraphModule, SelectModule, InputModule as InputModule$1 } from '@valtimo/components';
 import * as i6 from '@valtimo/plugin';
 import { PluginTranslatePipeModule } from '@valtimo/plugin';
 import * as i2$1 from '@valtimo/document';
-import * as i1$1 from '@valtimo/config';
-import { ROLE_ADMIN, CASE_MANAGEMENT_TAB_TOKEN } from '@valtimo/config';
 import * as i2 from '@angular/common/http';
-import * as i4 from 'carbon-components-angular';
-import { NotificationService, ButtonModule, DialogModule, DropdownModule, IconModule, InputModule as InputModule$1, LoadingModule, ModalModule, NotificationModule, TabsModule } from 'carbon-components-angular';
-import * as i2$2 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import * as i1$2 from '@angular/forms';
-import { Validators, ReactiveFormsModule } from '@angular/forms';
+import { HttpHeaders } from '@angular/common/http';
+import * as i3 from '@valtimo/shared';
+import { InterceptorSkip, getCaseManagementRouteParams, ROLE_ADMIN, CASE_MANAGEMENT_TAB_TOKEN } from '@valtimo/shared';
+import * as i4$1 from 'carbon-components-angular';
+import { ButtonModule, ModalModule, InputModule, TabsModule, DialogModule, NotificationService, DropdownModule, IconModule, LoadingModule, NotificationModule } from 'carbon-components-angular';
 import * as i5 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
+import * as i1$1 from '@angular/forms';
+import { Validators, ReactiveFormsModule } from '@angular/forms';
+import * as i2$2 from '@angular/router';
+import { RouterModule } from '@angular/router';
 import { AuthGuardService } from '@valtimo/security';
 
 /*
@@ -104,12 +105,12 @@ class MailTemplateConfigurationComponent {
     }
     injectCaseTab() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MailTemplateConfigurationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MailTemplateConfigurationComponent, 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: i1.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i1.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"], outputs: ["valueChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MailTemplateConfigurationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i1.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"], outputs: ["valueChange"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MailTemplateConfigurationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MailTemplateConfigurationComponent, decorators: [{
             type: Component,
-            args: [{ 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" }]
+            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$: [{
                 type: Input
             }], disabled$: [{
@@ -145,15 +146,16 @@ class FreemarkerTemplateManagementService {
         this.http = http;
         this.valtimoEndpointUri = `${this.configService.config.valtimoApi.endpointUri}management/`;
     }
-    getAllMailTemplates(caseDefinitionName) {
-        return this.getTemplates(caseDefinitionName, 'mail', undefined, 0, 10000);
+    getAllMailTemplates(caseDefinitionKey, caseDefinitionVersionTag) {
+        return this.getTemplates(caseDefinitionKey, caseDefinitionVersionTag, 'mail', undefined, 0, 10000);
     }
-    getAllTextTemplates(caseDefinitionName) {
-        return this.getTemplates(caseDefinitionName, 'text', undefined, 0, 10000);
+    getAllTextTemplates(caseDefinitionKey, caseDefinitionVersionTag) {
+        return this.getTemplates(caseDefinitionKey, caseDefinitionVersionTag, 'text', undefined, 0, 10000);
     }
-    getTemplates(caseDefinitionName, templateType, templateKey, page, pageSize) {
+    getTemplates(caseDefinitionKey, caseDefinitionVersionTag, templateType, templateKey, page, pageSize) {
         const params = {
-            caseDefinitionName,
+            caseDefinitionKey,
+            caseDefinitionVersionTag,
             templateType,
             templateKey,
             page,
@@ -166,14 +168,14 @@ class FreemarkerTemplateManagementService {
         });
         return this.http.get(`${this.valtimoEndpointUri}v1/template`, { params });
     }
-    getMailTemplate(caseDefinitionName, key) {
-        return this.getTemplate(caseDefinitionName, 'mail', key);
+    getMailTemplate(caseDefinitionKey, caseDefinitionVersionTag, key) {
+        return this.getTemplate(caseDefinitionKey, caseDefinitionVersionTag, 'mail', key);
     }
-    getTextTemplate(caseDefinitionName, key) {
-        return this.getTemplate(caseDefinitionName, 'text', key);
+    getTextTemplate(caseDefinitionKey, caseDefinitionVersionTag, key) {
+        return this.getTemplate(caseDefinitionKey, caseDefinitionVersionTag, 'text', key);
     }
-    getTemplate(caseDefinitionName, templateType, key) {
-        return this.http.get(`${this.valtimoEndpointUri}v1/case-definition/${caseDefinitionName}/template-type/${templateType}/template/${key}`);
+    getTemplate(caseDefinitionKey, caseDefinitionVersionTag, templateType, key) {
+        return this.http.get(`${this.valtimoEndpointUri}v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/template-type/${templateType}/template/${key}`);
     }
     addTemplate(template) {
         return this.http.post(`${this.valtimoEndpointUri}v1/template`, template);
@@ -184,15 +186,22 @@ class FreemarkerTemplateManagementService {
     updateTemplate(template) {
         return this.http.put(`${this.valtimoEndpointUri}v1/template`, template);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FreemarkerTemplateManagementService, deps: [{ token: i1$1.ConfigService }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FreemarkerTemplateManagementService, providedIn: 'root' }); }
+    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));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FreemarkerTemplateManagementService, deps: [{ token: i3.ConfigService }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FreemarkerTemplateManagementService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: FreemarkerTemplateManagementService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: FreemarkerTemplateManagementService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$1.ConfigService }, { type: i2.HttpClient }] });
+        }], ctorParameters: () => [{ type: i3.ConfigService }, { type: i2.HttpClient }] });
 
 /*
  * Copyright 2015-2024 Ritense BV, the Netherlands.
@@ -275,12 +284,12 @@ class GenerateMailContentComponent {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GenerateMailContentComponent, deps: [{ token: i1.ModalService }, { token: i2$1.DocumentService }, { token: FreemarkerTemplateManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: GenerateMailContentComponent, selector: "valtimo-generate-mail-content-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<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: i1.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i1.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i1.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i1.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"], outputs: ["valueChange"] }, { kind: "component", type: i4.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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GenerateMailContentComponent, deps: [{ token: i1.ModalService }, { token: i2$1.DocumentService }, { token: FreemarkerTemplateManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: GenerateMailContentComponent, isStandalone: false, selector: "valtimo-generate-mail-content-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<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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i1.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i1.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i1.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"], outputs: ["valueChange"] }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GenerateMailContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GenerateMailContentComponent, decorators: [{
             type: Component,
-            args: [{ 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" }]
+            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: i1.ModalService }, { type: i2$1.DocumentService }, { type: FreemarkerTemplateManagementService }], propDecorators: { save$: [{
                 type: Input
             }], disabled$: [{
@@ -360,12 +369,12 @@ class GenerateMailFileComponent {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GenerateMailFileComponent, deps: [{ token: i1.ModalService }, { token: i2$1.DocumentService }, { token: FreemarkerTemplateManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: GenerateMailFileComponent, selector: "valtimo-generate-mail-file-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<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: i1.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i1.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i1.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i1.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"], outputs: ["valueChange"] }, { kind: "component", type: i4.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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GenerateMailFileComponent, deps: [{ token: i1.ModalService }, { token: i2$1.DocumentService }, { token: FreemarkerTemplateManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: GenerateMailFileComponent, isStandalone: false, selector: "valtimo-generate-mail-file-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<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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i1.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i1.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i1.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"], outputs: ["valueChange"] }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GenerateMailFileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GenerateMailFileComponent, decorators: [{
             type: Component,
-            args: [{ 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" }]
+            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: i1.ModalService }, { type: i2$1.DocumentService }, { type: FreemarkerTemplateManagementService }], propDecorators: { save$: [{
                 type: Input
             }], disabled$: [{
@@ -380,6 +389,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Output
             }] } });
 
+/*
+ * Copyright 2015-2023 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class MailTemplateDeleteModalComponent {
+    constructor() {
+        this.deleteEvent = new EventEmitter();
+    }
+    onDelete(templates) {
+        this.deleteEvent.emit(templates);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MailTemplateDeleteModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: i1.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.14", ngImport: i0, type: MailTemplateDeleteModalComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-mail-template-delete-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        ConfirmationModalModule
+                    ], 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" }]
+        }], propDecorators: { deleteRowKeys: [{
+                type: Input
+            }], showDeleteModal$: [{
+                type: Input
+            }], deleteEvent: [{
+                type: Output
+            }] } });
+
 /*
  * Copyright 2015-2023 Ritense BV, the Netherlands.
  *
@@ -442,13 +489,20 @@ class MailTemplateAddEditModalComponent {
             }
         }, CARBON_CONSTANTS.modalAnimationMs);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MailTemplateAddEditModalComponent, deps: [{ token: i1$2.FormBuilder }, { token: i1.KeyGeneratorService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MailTemplateAddEditModalComponent, 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: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { 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: "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: "pipe", type: i5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MailTemplateAddEditModalComponent, deps: [{ token: i1$1.FormBuilder }, { token: i1.KeyGeneratorService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: i4.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$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.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: "17.3.12", ngImport: i0, type: MailTemplateAddEditModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MailTemplateAddEditModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-mail-template-add-edit-modal', changeDetection: ChangeDetectionStrategy.OnPush, 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$2.FormBuilder }, { type: i1.KeyGeneratorService }], propDecorators: { open: [{
+            args: [{ standalone: true, selector: 'valtimo-mail-template-add-edit-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        ButtonModule,
+                        TranslateModule,
+                        ModalModule,
+                        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$1.FormBuilder }, { type: i1.KeyGeneratorService }], propDecorators: { open: [{
                 type: Input
             }], type: [{
                 type: Input
@@ -458,42 +512,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Output
             }] } });
 
-/*
- * Copyright 2015-2023 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class MailTemplateDeleteModalComponent {
-    constructor() {
-        this.deleteEvent = new EventEmitter();
-    }
-    onDelete(templates) {
-        this.deleteEvent.emit(templates);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MailTemplateDeleteModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MailTemplateDeleteModalComponent, 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: "component", type: i1.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: "17.3.12", ngImport: i0, type: MailTemplateDeleteModalComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'valtimo-mail-template-delete-modal', changeDetection: ChangeDetectionStrategy.OnPush, 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" }]
-        }], propDecorators: { deleteRowKeys: [{
-                type: Input
-            }], showDeleteModal$: [{
-                type: Input
-            }], deleteEvent: [{
-                type: Output
-            }] } });
-
 /*
  * Copyright 2015-2024 Ritense BV, the Netherlands.
  *
@@ -510,23 +528,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * limitations under the License.
  */
 class MailTemplateListComponent {
-    constructor(templateService, router, route) {
+    constructor(templateService, router, route, environmentService) {
         this.templateService = templateService;
         this.router = router;
         this.route = route;
+        this.environmentService = environmentService;
         this.fields = [
             {
                 viewType: ViewType.TEXT,
                 key: 'key',
                 label: 'Key',
             },
-            {
-                viewType: ViewType.BOOLEAN,
-                key: 'readOnly',
-                label: 'Read only',
-            },
         ];
-        this._caseDefinitionName$ = this.route.params.pipe(map(params => params?.name), filter(caseDefinitionName => !!caseDefinitionName));
+        this._caseDefinitionId$ = getCaseManagementRouteParams(this.route).pipe(filter((params) => !!params?.caseDefinitionKey));
+        this.readOnly$ = this._caseDefinitionId$.pipe(switchMap(caseDefinitionId => combineLatest([
+            this.environmentService.canUpdateGlobalConfiguration(),
+            this.templateService.isFinal(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag)
+        ]).pipe(map(([canUpdateGlobal, isFinalCase]) => !canUpdateGlobal || isFinalCase), startWith(true))));
         this.templates$ = new BehaviorSubject(null);
         this.showAddModal$ = new BehaviorSubject(false);
         this.showDeleteModal$ = new BehaviorSubject(false);
@@ -544,9 +562,13 @@ class MailTemplateListComponent {
             this.showAddModal$.next(false);
             return;
         }
-        this._caseDefinitionName$.pipe(take(1), switchMap(caseDefinitionName => this.templateService.addTemplate({ caseDefinitionName, type: 'mail', ...data }))).subscribe(template => {
+        this._caseDefinitionId$.pipe(take(1), switchMap(caseDefinitionId => this.templateService.addTemplate({
+            caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
+            caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
+            type: 'mail', ...data
+        }))).subscribe(template => {
             this.showAddModal$.next(false);
-            this.gotoMailTemplateEditor(template.caseDefinitionName, template.key);
+            this.gotoMailTemplateEditor(template.caseDefinitionKey, template.caseDefinitionVersionTag, template.key);
         });
     }
     showDeleteModal() {
@@ -555,19 +577,24 @@ class MailTemplateListComponent {
     }
     onDelete(templates) {
         this.loading$.next(true);
-        this._caseDefinitionName$.pipe(take(1), switchMap(caseDefinitionName => this.templateService.deleteTemplates({ caseDefinitionName, type: 'mail', templates }))).subscribe(_ => {
+        this._caseDefinitionId$.pipe(take(1), switchMap(caseDefinitionId => this.templateService.deleteTemplates({
+            caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
+            caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
+            type: 'mail',
+            templates
+        }))).subscribe(_ => {
             this.reloadTemplateList();
         });
     }
     onRowClick(template) {
-        this._caseDefinitionName$.pipe(take(1)).subscribe(caseDefinitionName => this.gotoMailTemplateEditor(caseDefinitionName, template.key));
+        this._caseDefinitionId$.pipe(take(1)).subscribe(caseDefinitionId => this.gotoMailTemplateEditor(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag, template.key));
     }
-    gotoMailTemplateEditor(caseDefinitionName, key) {
-        this.router.navigate([`/dossier-management/dossier/${caseDefinitionName}/mail-template/${key}`]);
+    gotoMailTemplateEditor(caseDefinitionKey, caseDefinitionVersionTag, key) {
+        this.router.navigate([`/case-management/case/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/mail-template/${key}`]);
     }
     reloadTemplateList() {
         this.loading$.next(true);
-        this._caseDefinitionName$.pipe(switchMap(caseDefinitionName => this.templateService.getAllMailTemplates(caseDefinitionName)), map(templatePage => templatePage.content), take(1)).subscribe(templateListItems => {
+        this._caseDefinitionId$.pipe(switchMap((caseDefinitionId) => this.templateService.getAllMailTemplates(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag)), map(templatePage => templatePage.content), take(1)).subscribe(templateListItems => {
             this.templates$.next(templateListItems);
             this.loading$.next(false);
         });
@@ -575,13 +602,20 @@ class MailTemplateListComponent {
     setSelectedTemplateKeys() {
         this.selectedRowKeys$.next(this.carbonList.selectedItems.map((template) => template.key));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MailTemplateListComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$2.Router }, { token: i2$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MailTemplateListComponent, 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]=\"true\"\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\" (click)=\"openAddModal()\">\n        {{ 'Add' }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "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: i1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: MailTemplateAddEditModalComponent, selector: "valtimo-mail-template-add-edit-modal", inputs: ["open", "type", "defaultKeyValue"], outputs: ["closeEvent"] }, { kind: "component", type: MailTemplateDeleteModalComponent, selector: "valtimo-mail-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MailTemplateListComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$2.Router }, { token: i2$2.ActivatedRoute }, { token: i3.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i1.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "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: i1.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: "17.3.12", ngImport: i0, type: MailTemplateListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MailTemplateListComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, 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]=\"true\"\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\" (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 }], propDecorators: { carbonList: [{
+            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        CarbonListModule,
+                        ButtonModule,
+                        TranslateModule,
+                        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.EnvironmentService }], propDecorators: { carbonList: [{
                 type: ViewChild,
                 args: [CarbonListComponent]
             }] } });
@@ -602,7 +636,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * limitations under the License.
  */
 class MailTemplateEditorComponent {
-    constructor(templateService, route, pageTitleService, router, notificationService, translateService, breadcrumbService) {
+    constructor(templateService, route, pageTitleService, router, notificationService, translateService, breadcrumbService, environmentService) {
         this.templateService = templateService;
         this.route = route;
         this.pageTitleService = pageTitleService;
@@ -610,6 +644,7 @@ class MailTemplateEditorComponent {
         this.notificationService = notificationService;
         this.translateService = translateService;
         this.breadcrumbService = breadcrumbService;
+        this.environmentService = environmentService;
         this.model$ = new BehaviorSubject(null);
         this.template$ = new BehaviorSubject(null);
         this.saveDisabled$ = new BehaviorSubject(true);
@@ -617,8 +652,12 @@ class MailTemplateEditorComponent {
         this.moreDisabled$ = new BehaviorSubject(true);
         this.showDeleteModal$ = new BehaviorSubject(false);
         this.updatedModelValue$ = new BehaviorSubject('');
-        this._caseDefinitionName$ = this.route.params.pipe(map(params => params?.name), filter(caseDefinitionName => !!caseDefinitionName));
-        this.templateKey$ = this.route.params.pipe(map(params => params?.key), filter(templateKey => !!templateKey));
+        this._caseDefinitionId$ = getCaseManagementRouteParams(this.route).pipe(filter((params) => !!params?.caseDefinitionKey));
+        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.environmentService.canUpdateGlobalConfiguration(),
+            this.templateService.isFinal(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag)
+        ]).pipe(map(([canUpdateGlobal, isFinalCase]) => !canUpdateGlobal || isFinalCase), startWith(true))));
     }
     ngOnInit() {
         this.loadTemplate();
@@ -629,6 +668,7 @@ class MailTemplateEditorComponent {
     ngOnDestroy() {
         this.pageTitleService.enableReset();
         this.breadcrumbService.clearThirdBreadcrumb();
+        this.breadcrumbService.clearFourthBreadcrumb();
     }
     onValid(valid) {
         this.saveDisabled$.next(valid === false);
@@ -640,9 +680,10 @@ class MailTemplateEditorComponent {
         this.disableEditor();
         this.disableSave();
         this.disableMore();
-        combineLatest([this.updatedModelValue$, this._caseDefinitionName$, this.templateKey$]).pipe(switchMap(([updatedModelValue, caseDefinitionName, templateKey]) => this.templateService.updateTemplate({
+        combineLatest([this.updatedModelValue$, this._caseDefinitionId$, this.templateKey$]).pipe(switchMap(([updatedModelValue, caseDefinitionId, templateKey]) => this.templateService.updateTemplate({
             key: templateKey,
-            caseDefinitionName,
+            caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
+            caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
             type: 'mail',
             content: updatedModelValue,
         })), take(1)).subscribe({
@@ -665,15 +706,20 @@ class MailTemplateEditorComponent {
         this.disableEditor();
         this.disableSave();
         this.disableMore();
-        this._caseDefinitionName$.pipe(take(1)).subscribe(caseDefinitionName => this.templateService.deleteTemplates({ caseDefinitionName, type: 'mail', templates }).pipe(take(1)).subscribe(_ => this.router.navigate([`/dossier-management/dossier/${caseDefinitionName}`])));
+        this._caseDefinitionId$.pipe(take(1)).subscribe(caseDefinitionId => this.templateService.deleteTemplates({
+            caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
+            caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
+            type: 'mail',
+            templates
+        }).pipe(take(1)).subscribe(_ => this.router.navigate([`/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}/mail-template`])));
     }
     showDeleteModal() {
         this.showDeleteModal$.next(true);
     }
     loadTemplate() {
-        combineLatest([this._caseDefinitionName$, this.templateKey$]).pipe(tap(([_, key]) => {
+        combineLatest([this._caseDefinitionId$, this.templateKey$]).pipe(tap(([_, key]) => {
             this.pageTitleService.setCustomPageTitle(`Mail template: ${key}`, true);
-        }), switchMap(([caseDefinitionName, key]) => this.templateService.getMailTemplate(caseDefinitionName, key)), take(1)).subscribe(result => {
+        }), switchMap(([caseDefinitionId, key]) => this.templateService.getMailTemplate(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag, key)), take(1)).subscribe(result => {
             this.enableMore();
             this.enableSave();
             this.enableEditor();
@@ -712,15 +758,23 @@ class MailTemplateEditorComponent {
     }
     refreshViewer(html) {
         setTimeout(() => {
-            document.getElementById('html-viewer-iframe').srcdoc = html;
-        });
+            const htmlViewer = document.getElementById('html-viewer-iframe');
+            if (htmlViewer) {
+                htmlViewer.srcdoc = html;
+            }
+        }, 100);
     }
     initBreadcrumb() {
-        this._caseDefinitionName$.subscribe(caseDefinitionName => {
+        this._caseDefinitionId$.subscribe(caseDefinitionId => {
             this.breadcrumbService.setThirdBreadcrumb({
-                route: [`/dossier-management/dossier/${caseDefinitionName}`],
-                content: caseDefinitionName,
-                href: `/dossier-management/dossier/${caseDefinitionName}`,
+                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`,
             });
         });
     }
@@ -735,13 +789,24 @@ class MailTemplateEditorComponent {
             title: this.translateService.instant('Saved successfully'),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MailTemplateEditorComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$2.ActivatedRoute }, { token: i1.PageTitleService }, { token: i2$2.Router }, { token: i4.NotificationService }, { token: i5.TranslateService }, { token: i1.BreadcrumbService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: MailTemplateEditorComponent, 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/reference/modules/value-resolver\">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) || obs.template?.readOnly\"\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 || obs.template?.readOnly\"\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) || obs.template?.readOnly\"\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]=\"[obs.templateKey]\"\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: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageExtraSpace"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i4.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "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: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "directive", type: i1.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { 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: "component", type: MailTemplateDeleteModalComponent, selector: "valtimo-mail-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MailTemplateEditorComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$2.ActivatedRoute }, { token: i1.PageTitleService }, { token: i2$2.Router }, { token: i4$1.NotificationService }, { token: i5.TranslateService }, { token: i1.BreadcrumbService }, { token: i3.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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/reference/modules/value-resolver\">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]=\"[obs.templateKey]\"\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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.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: "ngmodule", type: ValtimoCdsOverflowButtonDirectiveModule }, { 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: i1.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageExtraSpace"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "ngmodule", type: RenderInPageHeaderDirectiveModule }, { kind: "directive", type: i1.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MailTemplateEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MailTemplateEditorComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, providers: [NotificationService], 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/reference/modules/value-resolver\">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) || obs.template?.readOnly\"\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 || obs.template?.readOnly\"\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) || obs.template?.readOnly\"\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]=\"[obs.templateKey]\"\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: i1.PageTitleService }, { type: i2$2.Router }, { type: i4.NotificationService }, { type: i5.TranslateService }, { type: i1.BreadcrumbService }] });
+            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [NotificationService], imports: [
+                        CommonModule,
+                        TranslateModule,
+                        TabsModule,
+                        DialogModule,
+                        ValtimoCdsOverflowButtonDirectiveModule,
+                        MailTemplateDeleteModalComponent,
+                        CarbonListModule,
+                        ButtonModule,
+                        EditorModule,
+                        RenderInPageHeaderDirectiveModule,
+                    ], 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/reference/modules/value-resolver\">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]=\"[obs.templateKey]\"\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: i1.PageTitleService }, { type: i2$2.Router }, { type: i4$1.NotificationService }, { type: i5.TranslateService }, { type: i1.BreadcrumbService }, { type: i3.EnvironmentService }] });
 
 /*
  * Copyright 2015-2023 Ritense BV, the Netherlands.
@@ -760,7 +825,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  */
 const routes$1 = [
     {
-        path: 'dossier-management/dossier/:name/mail-template/:key',
+        path: 'case-management/case/:caseDefinitionKey/version/:caseDefinitionVersionTag/mail-template/:templateKey',
         component: MailTemplateEditorComponent,
         canActivate: [AuthGuardService],
         data: {
@@ -771,11 +836,11 @@ const routes$1 = [
     },
 ];
 let TemplateManagementRoutingModule$1 = class TemplateManagementRoutingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TemplateManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TemplateManagementRoutingModule, imports: [CommonModule, i2$2.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TemplateManagementRoutingModule, imports: [CommonModule, RouterModule.forChild(routes$1), RouterModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TemplateManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: TemplateManagementRoutingModule, imports: [CommonModule, i2$2.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TemplateManagementRoutingModule, imports: [CommonModule, RouterModule.forChild(routes$1), RouterModule] }); }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TemplateManagementRoutingModule$1, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TemplateManagementRoutingModule$1, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterModule.forChild(routes$1)],
@@ -799,14 +864,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * limitations under the License.
  */
 class MailTemplatePluginModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MailTemplatePluginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: MailTemplatePluginModule, declarations: [MailTemplateConfigurationComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MailTemplatePluginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: MailTemplatePluginModule, declarations: [MailTemplateConfigurationComponent,
             GenerateMailFileComponent,
-            GenerateMailContentComponent,
-            MailTemplateAddEditModalComponent,
-            MailTemplateEditorComponent,
-            MailTemplateDeleteModalComponent,
-            MailTemplateListComponent], imports: [CommonModule,
+            GenerateMailContentComponent], imports: [CommonModule,
             PluginTranslatePipeModule,
             TemplateManagementRoutingModule$1,
             FormModule,
@@ -817,28 +878,26 @@ class MailTemplatePluginModule {
             ReactiveFormsModule,
             CarbonListModule,
             EditorModule,
-            InputModule,
+            InputModule$1,
             ButtonModule,
             DialogModule,
             DropdownModule,
             IconModule,
-            InputModule$1,
+            InputModule,
             LoadingModule,
             ModalModule,
             NotificationModule,
             RenderInPageHeaderDirectiveModule,
-            TabsModule], exports: [MailTemplateConfigurationComponent,
+            TabsModule,
+            ValtimoCdsOverflowButtonDirectiveModule,
+            MailTemplateDeleteModalComponent], exports: [MailTemplateConfigurationComponent,
             GenerateMailFileComponent,
-            GenerateMailContentComponent,
-            MailTemplateAddEditModalComponent,
-            MailTemplateEditorComponent,
-            MailTemplateDeleteModalComponent,
-            MailTemplateListComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MailTemplatePluginModule, providers: [
+            GenerateMailContentComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MailTemplatePluginModule, providers: [
             {
                 provide: CASE_MANAGEMENT_TAB_TOKEN,
                 useValue: {
-                    translationKey: 'Mail templates',
+                    translationKey: 'mail-template',
                     component: MailTemplateListComponent,
                 },
                 multi: true,
@@ -854,29 +913,27 @@ class MailTemplatePluginModule {
             ReactiveFormsModule,
             CarbonListModule,
             EditorModule,
-            InputModule,
+            InputModule$1,
             ButtonModule,
             DialogModule,
             DropdownModule,
             IconModule,
-            InputModule$1,
+            InputModule,
             LoadingModule,
             ModalModule,
             NotificationModule,
             RenderInPageHeaderDirectiveModule,
-            TabsModule] }); }
+            TabsModule,
+            ValtimoCdsOverflowButtonDirectiveModule,
+            MailTemplateDeleteModalComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: MailTemplatePluginModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MailTemplatePluginModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
                         MailTemplateConfigurationComponent,
                         GenerateMailFileComponent,
                         GenerateMailContentComponent,
-                        MailTemplateAddEditModalComponent,
-                        MailTemplateEditorComponent,
-                        MailTemplateDeleteModalComponent,
-                        MailTemplateListComponent,
                     ],
                     imports: [
                         CommonModule,
@@ -890,32 +947,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         ReactiveFormsModule,
                         CarbonListModule,
                         EditorModule,
-                        InputModule,
+                        InputModule$1,
                         ButtonModule,
                         DialogModule,
                         DropdownModule,
                         IconModule,
-                        InputModule$1,
+                        InputModule,
                         LoadingModule,
                         ModalModule,
                         NotificationModule,
                         RenderInPageHeaderDirectiveModule,
                         TabsModule,
+                        ValtimoCdsOverflowButtonDirectiveModule,
+                        MailTemplateDeleteModalComponent,
                     ],
                     exports: [
                         MailTemplateConfigurationComponent,
                         GenerateMailFileComponent,
                         GenerateMailContentComponent,
-                        MailTemplateAddEditModalComponent,
-                        MailTemplateEditorComponent,
-                        MailTemplateDeleteModalComponent,
-                        MailTemplateListComponent,
                     ],
                     providers: [
                         {
                             provide: CASE_MANAGEMENT_TAB_TOKEN,
                             useValue: {
-                                translationKey: 'Mail templates',
+                                translationKey: 'mail-template',
                                 component: MailTemplateListComponent,
                             },
                             multi: true,
@@ -1109,12 +1164,12 @@ class TextTemplateConfigurationComponent {
     }
     injectCaseTab() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextTemplateConfigurationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TextTemplateConfigurationComponent, 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: i1.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i1.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"], outputs: ["valueChange"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TextTemplateConfigurationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i1.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"], outputs: ["valueChange"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextTemplateConfigurationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TextTemplateConfigurationComponent, decorators: [{
             type: Component,
-            args: [{ 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" }]
+            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$: [{
                 type: Input
             }], disabled$: [{
@@ -1129,6 +1184,44 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Output
             }] } });
 
+/*
+ * Copyright 2015-2023 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class TextTemplateDeleteModalComponent {
+    constructor() {
+        this.deleteEvent = new EventEmitter();
+    }
+    onDelete(templates) {
+        this.deleteEvent.emit(templates);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TextTemplateDeleteModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: i1.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.14", ngImport: i0, type: TextTemplateDeleteModalComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'valtimo-text-template-delete-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        ConfirmationModalModule
+                    ], 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" }]
+        }], propDecorators: { deleteRowKeys: [{
+                type: Input
+            }], showDeleteModal$: [{
+                type: Input
+            }], deleteEvent: [{
+                type: Output
+            }] } });
+
 /*
  * Copyright 2015-2023 Ritense BV, the Netherlands.
  *
@@ -1191,13 +1284,20 @@ class TextTemplateAddEditModalComponent {
             }
         }, CARBON_CONSTANTS.modalAnimationMs);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextTemplateAddEditModalComponent, deps: [{ token: i1$2.FormBuilder }, { token: i1.KeyGeneratorService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TextTemplateAddEditModalComponent, 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: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { 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: "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: "pipe", type: i5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TextTemplateAddEditModalComponent, deps: [{ token: i1$1.FormBuilder }, { token: i1.KeyGeneratorService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: i4.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$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.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: "17.3.12", ngImport: i0, type: TextTemplateAddEditModalComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TextTemplateAddEditModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'valtimo-text-template-add-edit-modal', changeDetection: ChangeDetectionStrategy.OnPush, 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$2.FormBuilder }, { type: i1.KeyGeneratorService }], propDecorators: { open: [{
+            args: [{ standalone: true, selector: 'valtimo-text-template-add-edit-modal', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        ButtonModule,
+                        TranslateModule,
+                        ModalModule,
+                        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$1.FormBuilder }, { type: i1.KeyGeneratorService }], propDecorators: { open: [{
                 type: Input
             }], type: [{
                 type: Input
@@ -1207,42 +1307,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Output
             }] } });
 
-/*
- * Copyright 2015-2023 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class TextTemplateDeleteModalComponent {
-    constructor() {
-        this.deleteEvent = new EventEmitter();
-    }
-    onDelete(templates) {
-        this.deleteEvent.emit(templates);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextTemplateDeleteModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TextTemplateDeleteModalComponent, 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: "component", type: i1.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: "17.3.12", ngImport: i0, type: TextTemplateDeleteModalComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'valtimo-text-template-delete-modal', changeDetection: ChangeDetectionStrategy.OnPush, 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" }]
-        }], propDecorators: { deleteRowKeys: [{
-                type: Input
-            }], showDeleteModal$: [{
-                type: Input
-            }], deleteEvent: [{
-                type: Output
-            }] } });
-
 /*
  * Copyright 2015-2024 Ritense BV, the Netherlands.
  *
@@ -1259,10 +1323,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * limitations under the License.
  */
 class TextTemplateListComponent {
-    constructor(templateService, router, route) {
+    constructor(templateService, router, route, environmentService) {
         this.templateService = templateService;
         this.router = router;
         this.route = route;
+        this.environmentService = environmentService;
         this.fields = [
             {
                 viewType: ViewType.TEXT,
@@ -1275,7 +1340,11 @@ class TextTemplateListComponent {
                 label: 'Read only',
             },
         ];
-        this._caseDefinitionName$ = this.route.params.pipe(map(params => params?.name), filter(caseDefinitionName => !!caseDefinitionName));
+        this._caseDefinitionId$ = getCaseManagementRouteParams(this.route).pipe(filter((params) => !!params?.caseDefinitionKey));
+        this.readOnly$ = this._caseDefinitionId$.pipe(switchMap(caseDefinitionId => combineLatest([
+            this.environmentService.canUpdateGlobalConfiguration(),
+            this.templateService.isFinal(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag)
+        ]).pipe(map(([canUpdateGlobal, isFinalCase]) => !canUpdateGlobal || isFinalCase), startWith(true))));
         this.templates$ = new BehaviorSubject(null);
         this.showAddModal$ = new BehaviorSubject(false);
         this.showDeleteModal$ = new BehaviorSubject(false);
@@ -1293,9 +1362,13 @@ class TextTemplateListComponent {
             this.showAddModal$.next(false);
             return;
         }
-        this._caseDefinitionName$.pipe(take(1), switchMap(caseDefinitionName => this.templateService.addTemplate({ caseDefinitionName, type: 'text', ...data }))).subscribe(template => {
+        this._caseDefinitionId$.pipe(take(1), switchMap(caseDefinitionId => this.templateService.addTemplate({
+            caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
+            caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
+            type: 'text', ...data
+        }))).subscribe(template => {
             this.showAddModal$.next(false);
-            this.gotoTextTemplateEditor(template.caseDefinitionName, template.key);
+            this.gotoTextTemplateEditor(template.caseDefinitionKey, template.caseDefinitionVersionTag, template.key);
         });
     }
     showDeleteModal() {
@@ -1304,19 +1377,24 @@ class TextTemplateListComponent {
     }
     onDelete(templates) {
         this.loading$.next(true);
-        this._caseDefinitionName$.pipe(take(1), switchMap(caseDefinitionName => this.templateService.deleteTemplates({ caseDefinitionName, type: 'text', templates }))).subscribe(_ => {
+        this._caseDefinitionId$.pipe(take(1), switchMap(caseDefinitionId => this.templateService.deleteTemplates({
+            caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
+            caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
+            type: 'text',
+            templates
+        }))).subscribe(_ => {
             this.reloadTemplateList();
         });
     }
     onRowClick(template) {
-        this._caseDefinitionName$.pipe(take(1)).subscribe(caseDefinitionName => this.gotoTextTemplateEditor(caseDefinitionName, template.key));
+        this._caseDefinitionId$.pipe(take(1)).subscribe(caseDefinitionId => this.gotoTextTemplateEditor(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag, template.key));
     }
-    gotoTextTemplateEditor(caseDefinitionName, key) {
-        this.router.navigate([`/dossier-management/dossier/${caseDefinitionName}/text-template/${key}`]);
+    gotoTextTemplateEditor(caseDefinitionKey, caseDefinitionVersionTag, key) {
+        this.router.navigate([`/case-management/case/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/text-template/${key}`]);
     }
     reloadTemplateList() {
         this.loading$.next(true);
-        this._caseDefinitionName$.pipe(switchMap(caseDefinitionName => this.templateService.getAllTextTemplates(caseDefinitionName)), map(templatePage => templatePage.content), take(1)).subscribe(templateListItems => {
+        this._caseDefinitionId$.pipe(switchMap(caseDefinitionId => this.templateService.getAllTextTemplates(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag)), map(templatePage => templatePage.content), take(1)).subscribe(templateListItems => {
             this.templates$.next(templateListItems);
             this.loading$.next(false);
         });
@@ -1324,13 +1402,20 @@ class TextTemplateListComponent {
     setSelectedTemplateKeys() {
         this.selectedRowKeys$.next(this.carbonList.selectedItems.map((template) => template.key));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextTemplateListComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$2.Router }, { token: i2$2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TextTemplateListComponent, 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]=\"true\"\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\" (click)=\"openAddModal()\">\n        {{ 'Add' }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "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: i1.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: TextTemplateAddEditModalComponent, selector: "valtimo-text-template-add-edit-modal", inputs: ["open", "type", "defaultKeyValue"], outputs: ["closeEvent"] }, { kind: "component", type: TextTemplateDeleteModalComponent, selector: "valtimo-text-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TextTemplateListComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$2.Router }, { token: i2$2.ActivatedRoute }, { token: i3.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i1.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "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: i1.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: "17.3.12", ngImport: i0, type: TextTemplateListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TextTemplateListComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, 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]=\"true\"\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\" (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 }], propDecorators: { carbonList: [{
+            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        CommonModule,
+                        CarbonListModule,
+                        ButtonModule,
+                        TranslateModule,
+                        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.EnvironmentService }], propDecorators: { carbonList: [{
                 type: ViewChild,
                 args: [CarbonListComponent]
             }] } });
@@ -1351,7 +1436,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * limitations under the License.
  */
 class TextTemplateEditorComponent {
-    constructor(templateService, route, pageTitleService, router, notificationService, translateService, breadcrumbService) {
+    constructor(templateService, route, pageTitleService, router, notificationService, translateService, breadcrumbService, environmentService) {
         this.templateService = templateService;
         this.route = route;
         this.pageTitleService = pageTitleService;
@@ -1359,6 +1444,7 @@ class TextTemplateEditorComponent {
         this.notificationService = notificationService;
         this.translateService = translateService;
         this.breadcrumbService = breadcrumbService;
+        this.environmentService = environmentService;
         this.model$ = new BehaviorSubject(null);
         this.template$ = new BehaviorSubject(null);
         this.saveDisabled$ = new BehaviorSubject(true);
@@ -1366,8 +1452,13 @@ class TextTemplateEditorComponent {
         this.moreDisabled$ = new BehaviorSubject(true);
         this.showDeleteModal$ = new BehaviorSubject(false);
         this.updatedModelValue$ = new BehaviorSubject('');
-        this._caseDefinitionName$ = this.route.params.pipe(map(params => params?.name), filter(caseDefinitionName => !!caseDefinitionName));
-        this.templateKey$ = this.route.params.pipe(map(params => params?.key), filter(templateKey => !!templateKey));
+        this.canUpdateGlobalConfiguration$ = this.environmentService.canUpdateGlobalConfiguration();
+        this._caseDefinitionId$ = getCaseManagementRouteParams(this.route).pipe(filter((params) => !!params?.caseDefinitionKey));
+        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.environmentService.canUpdateGlobalConfiguration(),
+            this.templateService.isFinal(caseDefinitionId.caseDefinitionKey, caseDefinitionId.caseDefinitionVersionTag)
+        ]).pipe(map(([canUpdateGlobal, isFinalCase]) => !canUpdateGlobal || isFinalCase), startWith(true))));
     }
     ngOnInit() {
         this.loadTemplate();
@@ -1378,6 +1469,7 @@ class TextTemplateEditorComponent {
     ngOnDestroy() {
         this.pageTitleService.enableReset();
         this.breadcrumbService.clearThirdBreadcrumb();
+        this.breadcrumbService.clearFourthBreadcrumb();
     }
     onValid(valid) {
         this.saveDisabled$.next(valid === false);
@@ -1389,9 +1481,10 @@ class TextTemplateEditorComponent {
         this.disableEditor();
         this.disableSave();
         this.disableMore();
-        combineLatest([this.updatedModelValue$, this._caseDefinitionName$, this.templateKey$]).pipe(switchMap(([updatedModelValue, caseDefinitionName, templateKey]) => this.templateService.updateTemplate({
+        combineLatest([this.updatedModelValue$, this._caseDefinitionId$, this.templateKey$]).pipe(switchMap(([updatedModelValue, caseDefinitionId, templateKey]) => this.templateService.updateTemplate({
             key: templateKey,
-            caseDefinitionName,
+            caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
+            caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
             type: 'text',
             content: updatedModelValue,
         })), take(1)).subscribe({
@@ -1414,15 +1507,20 @@ class TextTemplateEditorComponent {
         this.disableEditor();
         this.disableSave();
         this.disableMore();
-        this._caseDefinitionName$.pipe(take(1)).subscribe(caseDefinitionName => this.templateService.deleteTemplates({ caseDefinitionName, type: 'text', templates }).pipe(take(1)).subscribe(_ => this.router.navigate([`/dossier-management/dossier/${caseDefinitionName}`])));
+        this._caseDefinitionId$.pipe(take(1)).subscribe(caseDefinitionId => this.templateService.deleteTemplates({
+            caseDefinitionKey: caseDefinitionId.caseDefinitionKey,
+            caseDefinitionVersionTag: caseDefinitionId.caseDefinitionVersionTag,
+            type: 'text',
+            templates
+        }).pipe(take(1)).subscribe(_ => this.router.navigate([`/case-management/case/${caseDefinitionId.caseDefinitionKey}/version/${caseDefinitionId.caseDefinitionVersionTag}/text-template`])));
     }
     showDeleteModal() {
         this.showDeleteModal$.next(true);
     }
     loadTemplate() {
-        combineLatest([this._caseDefinitionName$, this.templateKey$]).pipe(tap(([_, key]) => {
-            this.pageTitleService.setCustomPageTitle(`Text Template: ${key}`, true);
-        }), switchMap(([caseDefinitionName, key]) => this.templateService.getTextTemplate(caseDefinitionName, key)), take(1)).subscribe(result => {
+        combineLatest([this._caseDefinitionId$, this.templateKey$]).pipe(tap(([_, 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();
@@ -1456,11 +1554,16 @@ class TextTemplateEditorComponent {
         this.editorDisabled$.next(false);
     }
     initBreadcrumb() {
-        this._caseDefinitionName$.subscribe(caseDefinitionName => {
+        this._caseDefinitionId$.subscribe(caseDefinitionId => {
             this.breadcrumbService.setThirdBreadcrumb({
-                route: [`/dossier-management/dossier/${caseDefinitionName}`],
-                content: caseDefinitionName,
-                href: `/dossier-management/dossier/${caseDefinitionName}`,
+                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`,
             });
         });
     }
@@ -1475,13 +1578,24 @@ class TextTemplateEditorComponent {
             title: this.translateService.instant('Saved successfully'),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextTemplateEditorComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$2.ActivatedRoute }, { token: i1.PageTitleService }, { token: i2$2.Router }, { token: i4.NotificationService }, { token: i5.TranslateService }, { token: i1.BreadcrumbService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TextTemplateEditorComponent, 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/reference/modules/value-resolver\">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) || obs.template?.readOnly\"\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 || obs.template?.readOnly\"\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) || obs.template?.readOnly\"\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]=\"[obs.templateKey]\"\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: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageExtraSpace"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "component", type: i4.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "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: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "directive", type: i1.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: TextTemplateDeleteModalComponent, selector: "valtimo-text-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TextTemplateEditorComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$2.ActivatedRoute }, { token: i1.PageTitleService }, { token: i2$2.Router }, { token: i4$1.NotificationService }, { token: i5.TranslateService }, { token: i1.BreadcrumbService }, { token: i3.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", 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/reference/modules/value-resolver\">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]=\"[obs.templateKey]\"\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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i4.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: "ngmodule", type: ValtimoCdsOverflowButtonDirectiveModule }, { 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: i1.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageExtraSpace"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "ngmodule", type: RenderInPageHeaderDirectiveModule }, { kind: "directive", type: i1.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextTemplateEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TextTemplateEditorComponent, decorators: [{
             type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, providers: [NotificationService], 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/reference/modules/value-resolver\">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) || obs.template?.readOnly\"\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 || obs.template?.readOnly\"\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) || obs.template?.readOnly\"\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]=\"[obs.templateKey]\"\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: i1.PageTitleService }, { type: i2$2.Router }, { type: i4.NotificationService }, { type: i5.TranslateService }, { type: i1.BreadcrumbService }] });
+            args: [{ standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, providers: [NotificationService], imports: [
+                        CommonModule,
+                        TranslateModule,
+                        TabsModule,
+                        DialogModule,
+                        ValtimoCdsOverflowButtonDirectiveModule,
+                        TextTemplateDeleteModalComponent,
+                        CarbonListModule,
+                        ButtonModule,
+                        EditorModule,
+                        RenderInPageHeaderDirectiveModule,
+                    ], 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/reference/modules/value-resolver\">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]=\"[obs.templateKey]\"\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: i1.PageTitleService }, { type: i2$2.Router }, { type: i4$1.NotificationService }, { type: i5.TranslateService }, { type: i1.BreadcrumbService }, { type: i3.EnvironmentService }] });
 
 /*
  * Copyright 2015-2023 Ritense BV, the Netherlands.
@@ -1500,7 +1614,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  */
 const routes = [
     {
-        path: 'dossier-management/dossier/:name/text-template/:key',
+        path: 'case-management/case/:caseDefinitionKey/version/:caseDefinitionVersionTag/text-template/:templateKey',
         component: TextTemplateEditorComponent,
         canActivate: [AuthGuardService],
         data: {
@@ -1511,11 +1625,11 @@ const routes = [
     },
 ];
 class TemplateManagementRoutingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TemplateManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TemplateManagementRoutingModule, imports: [CommonModule, i2$2.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TemplateManagementRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TemplateManagementRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: TemplateManagementRoutingModule, imports: [CommonModule, i2$2.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TemplateManagementRoutingModule, imports: [CommonModule, RouterModule.forChild(routes), RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TemplateManagementRoutingModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TemplateManagementRoutingModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, RouterModule.forChild(routes)],
@@ -1588,12 +1702,12 @@ class GenerateTextFileComponent {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GenerateTextFileComponent, deps: [{ token: i1.ModalService }, { token: i2$1.DocumentService }, { token: FreemarkerTemplateManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: GenerateTextFileComponent, selector: "valtimo-generate-text-file-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<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: i1.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i1.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i1.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i1.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"], outputs: ["valueChange"] }, { kind: "component", type: i4.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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GenerateTextFileComponent, deps: [{ token: i1.ModalService }, { token: i2$1.DocumentService }, { token: FreemarkerTemplateManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: GenerateTextFileComponent, isStandalone: false, selector: "valtimo-generate-text-file-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<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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i1.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i1.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i1.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"], outputs: ["valueChange"] }, { kind: "component", type: i4$1.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: GenerateTextFileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: GenerateTextFileComponent, decorators: [{
             type: Component,
-            args: [{ 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" }]
+            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: i1.ModalService }, { type: i2$1.DocumentService }, { type: FreemarkerTemplateManagementService }], propDecorators: { save$: [{
                 type: Input
             }], disabled$: [{
@@ -1624,13 +1738,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * limitations under the License.
  */
 class TextTemplatePluginModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextTemplatePluginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: TextTemplatePluginModule, declarations: [GenerateTextFileComponent,
-            TextTemplateConfigurationComponent,
-            TextTemplateAddEditModalComponent,
-            TextTemplateEditorComponent,
-            TextTemplateDeleteModalComponent,
-            TextTemplateListComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TextTemplatePluginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: TextTemplatePluginModule, declarations: [GenerateTextFileComponent,
+            TextTemplateConfigurationComponent], imports: [CommonModule,
             PluginTranslatePipeModule,
             TemplateManagementRoutingModule,
             FormModule,
@@ -1641,27 +1751,22 @@ class TextTemplatePluginModule {
             ReactiveFormsModule,
             CarbonListModule,
             EditorModule,
-            InputModule,
+            InputModule$1,
             ButtonModule,
             DialogModule,
             DropdownModule,
             IconModule,
-            InputModule$1,
+            InputModule,
             LoadingModule,
             ModalModule,
             NotificationModule,
             RenderInPageHeaderDirectiveModule,
-            TabsModule], exports: [GenerateTextFileComponent,
-            TextTemplateConfigurationComponent,
-            TextTemplateAddEditModalComponent,
-            TextTemplateEditorComponent,
-            TextTemplateDeleteModalComponent,
-            TextTemplateListComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextTemplatePluginModule, providers: [
+            TabsModule], exports: [GenerateTextFileComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TextTemplatePluginModule, providers: [
             {
                 provide: CASE_MANAGEMENT_TAB_TOKEN,
                 useValue: {
-                    translationKey: 'Text templates',
+                    translationKey: 'text-template',
                     component: TextTemplateListComponent,
                 },
                 multi: true,
@@ -1677,28 +1782,24 @@ class TextTemplatePluginModule {
             ReactiveFormsModule,
             CarbonListModule,
             EditorModule,
-            InputModule,
+            InputModule$1,
             ButtonModule,
             DialogModule,
             DropdownModule,
             IconModule,
-            InputModule$1,
+            InputModule,
             LoadingModule,
             ModalModule,
             NotificationModule,
             RenderInPageHeaderDirectiveModule,
             TabsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextTemplatePluginModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TextTemplatePluginModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
                         GenerateTextFileComponent,
                         TextTemplateConfigurationComponent,
-                        TextTemplateAddEditModalComponent,
-                        TextTemplateEditorComponent,
-                        TextTemplateDeleteModalComponent,
-                        TextTemplateListComponent,
                     ],
                     imports: [
                         CommonModule,
@@ -1712,12 +1813,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         ReactiveFormsModule,
                         CarbonListModule,
                         EditorModule,
-                        InputModule,
+                        InputModule$1,
                         ButtonModule,
                         DialogModule,
                         DropdownModule,
                         IconModule,
-                        InputModule$1,
+                        InputModule,
                         LoadingModule,
                         ModalModule,
                         NotificationModule,
@@ -1726,17 +1827,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                     ],
                     exports: [
                         GenerateTextFileComponent,
-                        TextTemplateConfigurationComponent,
-                        TextTemplateAddEditModalComponent,
-                        TextTemplateEditorComponent,
-                        TextTemplateDeleteModalComponent,
-                        TextTemplateListComponent,
                     ],
                     providers: [
                         {
                             provide: CASE_MANAGEMENT_TAB_TOKEN,
                             useValue: {
-                                translationKey: 'Text templates',
+                                translationKey: 'text-template',
                                 component: TextTemplateListComponent,
                             },
                             multi: true,