@valtimo-plugins/freemarker 7.0.0 → 7.0.1

package/README.md

@@ -0,0 +1 @@
+This is the freemarker plugin.

package/fesm2022/valtimo-plugins-freemarker.mjs

@@ -4,7 +4,7 @@ import { BehaviorSubject, combineLatest, take, map, switchMap, of, tap, filter,
 import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1 from '@valtimo/components';
-import { ConfirmationModalModule, CARBON_CONSTANTS, ViewType, CarbonListModule, CarbonListComponent, ValtimoCdsOverflowButtonDirectiveModule, EditorModule, RenderInPageHeaderDirectiveModule, FormModule, ParagraphModule, SelectModule, InputModule as InputModule$1 } from '@valtimo/components';
+import { ConfirmationModalModule, CARBON_CONSTANTS, ViewType, CarbonListModule, CarbonListComponent, EditorModule, RenderInPageHeaderDirective, 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';
@@ -13,7 +13,7 @@ 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 { ButtonModule, ModalModule, InputModule, TabsModule, DialogModule, IconModule, NotificationService, DropdownModule, 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';
@@ -285,7 +285,7 @@ class GenerateMailContentComponent {
         });
     }
     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" }] }); }
+    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", "clearable", "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: "19.2.14", ngImport: i0, type: GenerateMailContentComponent, decorators: [{
             type: Component,
@@ -370,7 +370,7 @@ class GenerateMailFileComponent {
         });
     }
     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" }] }); }
+    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", "clearable", "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: "19.2.14", ngImport: i0, type: GenerateMailFileComponent, decorators: [{
             type: Component,
@@ -603,7 +603,7 @@ class MailTemplateListComponent {
         this.selectedRowKeys$.next(this.carbonList.selectedItems.map((template) => template.key));
     }
     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 }); }
+    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", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: 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: "19.2.14", ngImport: i0, type: MailTemplateListComponent, decorators: [{
             type: Component,
@@ -790,7 +790,7 @@ class MailTemplateEditorComponent {
         });
     }
     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 }); }
+    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: "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: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MailTemplateEditorComponent, decorators: [{
             type: Component,
@@ -799,12 +799,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         TranslateModule,
                         TabsModule,
                         DialogModule,
-                        ValtimoCdsOverflowButtonDirectiveModule,
                         MailTemplateDeleteModalComponent,
                         CarbonListModule,
                         ButtonModule,
                         EditorModule,
-                        RenderInPageHeaderDirectiveModule,
+                        RenderInPageHeaderDirective,
+                        IconModule,
                     ], template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n        *ngIf=\"{\n    model: model$ | async,\n    updatedModelValue: updatedModelValue$ | async,\n    template: template$ | async,\n  } as obs\">\n\n    <div class=\"template-explanation\">\n        Mail templates use <a target=\"_blank\" href=\"https://www.w3schools.com/html/html_intro.asp\">HTML</a> for the mail\n        layout. <a target=\"_blank\" href=\"https://freemarker.apache.org/docs/dgui_quickstart_basics.html\">FreeMarker</a>\n        can be used to create placeholders inside the HTML. The data-model for FreeMarker is based upon <a\n            target=\"_blank\" href=\"https://docs.valtimo.nl/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 }] });
 
@@ -887,9 +887,8 @@ class MailTemplatePluginModule {
             LoadingModule,
             ModalModule,
             NotificationModule,
-            RenderInPageHeaderDirectiveModule,
+            RenderInPageHeaderDirective,
             TabsModule,
-            ValtimoCdsOverflowButtonDirectiveModule,
             MailTemplateDeleteModalComponent], exports: [MailTemplateConfigurationComponent,
             GenerateMailFileComponent,
             GenerateMailContentComponent] }); }
@@ -922,9 +921,7 @@ class MailTemplatePluginModule {
             LoadingModule,
             ModalModule,
             NotificationModule,
-            RenderInPageHeaderDirectiveModule,
             TabsModule,
-            ValtimoCdsOverflowButtonDirectiveModule,
             MailTemplateDeleteModalComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MailTemplatePluginModule, decorators: [{
@@ -956,9 +953,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         LoadingModule,
                         ModalModule,
                         NotificationModule,
-                        RenderInPageHeaderDirectiveModule,
+                        RenderInPageHeaderDirective,
                         TabsModule,
-                        ValtimoCdsOverflowButtonDirectiveModule,
                         MailTemplateDeleteModalComponent,
                     ],
                     exports: [
@@ -1403,7 +1399,7 @@ class TextTemplateListComponent {
         this.selectedRowKeys$.next(this.carbonList.selectedItems.map((template) => template.key));
     }
     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 }); }
+    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", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: 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: "19.2.14", ngImport: i0, type: TextTemplateListComponent, decorators: [{
             type: Component,
@@ -1579,7 +1575,7 @@ class TextTemplateEditorComponent {
         });
     }
     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 }); }
+    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: "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: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4$1.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TextTemplateEditorComponent, decorators: [{
             type: Component,
@@ -1588,12 +1584,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         TranslateModule,
                         TabsModule,
                         DialogModule,
-                        ValtimoCdsOverflowButtonDirectiveModule,
                         TextTemplateDeleteModalComponent,
                         CarbonListModule,
                         ButtonModule,
                         EditorModule,
-                        RenderInPageHeaderDirectiveModule,
+                        RenderInPageHeaderDirective,
+                        IconModule,
                     ], template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n        *ngIf=\"{\n    model: model$ | async,\n    updatedModelValue: updatedModelValue$ | async,\n    template: template$ | async,\n  } as obs\">\n\n    <div class=\"template-explanation\">\n        Text Templates use <a target=\"_blank\" href=\"https://freemarker.apache.org/docs/dgui_quickstart_basics.html\">FreeMarker</a>\n        to create placeholders inside the text. The data-model for FreeMarker is based upon nested <a\n            target=\"_blank\" href=\"https://docs.valtimo.nl/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 }] });
 
@@ -1703,7 +1699,7 @@ class GenerateTextFileComponent {
         });
     }
     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" }] }); }
+    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", "clearable", "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: "19.2.14", ngImport: i0, type: GenerateTextFileComponent, decorators: [{
             type: Component,
@@ -1760,7 +1756,7 @@ class TextTemplatePluginModule {
             LoadingModule,
             ModalModule,
             NotificationModule,
-            RenderInPageHeaderDirectiveModule,
+            RenderInPageHeaderDirective,
             TabsModule], exports: [GenerateTextFileComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TextTemplatePluginModule, providers: [
             {
@@ -1791,7 +1787,6 @@ class TextTemplatePluginModule {
             LoadingModule,
             ModalModule,
             NotificationModule,
-            RenderInPageHeaderDirectiveModule,
             TabsModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: TextTemplatePluginModule, decorators: [{
@@ -1822,7 +1817,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         LoadingModule,
                         ModalModule,
                         NotificationModule,
-                        RenderInPageHeaderDirectiveModule,
+                        RenderInPageHeaderDirective,
                         TabsModule,
                     ],
                     exports: [