@valtimo-plugins/freemarker 8.1.1 → 8.2.0

package/fesm2022/valtimo-plugins-freemarker.mjs

@@ -471,7 +471,7 @@ class DocumentTemplateListComponent {
         this.selectedRowKeys$.next(this.carbonList.selectedItems.map((template) => ({ key: template.key, type: template.type })));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DocumentTemplateListComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$2.Router }, { token: i2$2.ActivatedRoute }, { token: i3$1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DocumentTemplateListComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "carbonList", first: true, predicate: CarbonListComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-carbon-list\n        [header]=\"false\"\n        [items]=\"templates$ | async\"\n        [fields]=\"fields\"\n        [loading]=\"loading$ | async\"\n        [showSelectionColumn]=\"!(readOnly$ | async)\"\n        (rowClicked)=\"onRowClick($event)\"\n>\n    <ng-container header> {{ 'Title' }}</ng-container>\n\n    <div carbonToolbarContent>\n        <ng-container [ngTemplateOutlet]=\"addTemplateButton\"></ng-container>\n    </div>\n\n    <ng-container carbonToolbarActions>\n        <button cdsButton=\"primary\" (click)=\"showDeleteModal()\">\n            {{ 'interface.delete' | translate }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n        </button>\n    </ng-container>\n\n    <valtimo-no-results\n            [action]=\"addTemplateButton\"\n            description=\"{{ 'Come back later.' }}\"\n            title=\"{{ 'No templates found' }}\"\n    ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-document-template-add-edit-modal\n        [open]=\"showAddModal$ | async\"\n        (closeEvent)=\"onAdd($event)\"\n></valtimo-document-template-add-edit-modal>\n\n<ng-container *ngIf=\"{selectedRowKeys: selectedRowKeys$ | async} as obs\">\n    <valtimo-document-template-delete-modal\n            [deleteRowKeys]=\"obs.selectedRowKeys\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-document-template-delete-modal>\n</ng-container>\n\n<ng-template #addTemplateButton>\n    <button cdsButton=\"primary\"\n            [disabled]=\"readOnly$ | async\"\n            (click)=\"openAddModal()\">\n        {{ 'Add' }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i3.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i3.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }, { kind: "component", type: DocumentTemplateDeleteModalComponent, selector: "valtimo-document-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "component", type: DocumentTemplateAddEditModalComponent, selector: "valtimo-document-template-add-edit-modal", inputs: ["open", "modalType", "defaultKeyValue", "defaultTypeValue"], outputs: ["closeEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: DocumentTemplateListComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "carbonList", first: true, predicate: CarbonListComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-carbon-list\n        [header]=\"false\"\n        [items]=\"templates$ | async\"\n        [fields]=\"fields\"\n        [loading]=\"loading$ | async\"\n        [showSelectionColumn]=\"!(readOnly$ | async)\"\n        (rowClicked)=\"onRowClick($event)\"\n>\n    <ng-container header> {{ 'Title' }}</ng-container>\n\n    <div carbonToolbarContent>\n        <ng-container [ngTemplateOutlet]=\"addTemplateButton\"></ng-container>\n    </div>\n\n    <ng-container carbonToolbarActions>\n        <button cdsButton=\"primary\" (click)=\"showDeleteModal()\">\n            {{ 'interface.delete' | translate }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n        </button>\n    </ng-container>\n\n    <valtimo-no-results\n            [action]=\"addTemplateButton\"\n            description=\"{{ 'Come back later.' }}\"\n            title=\"{{ 'No templates found' }}\"\n    ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-document-template-add-edit-modal\n        [open]=\"showAddModal$ | async\"\n        (closeEvent)=\"onAdd($event)\"\n></valtimo-document-template-add-edit-modal>\n\n<ng-container *ngIf=\"{selectedRowKeys: selectedRowKeys$ | async} as obs\">\n    <valtimo-document-template-delete-modal\n            [deleteRowKeys]=\"obs.selectedRowKeys\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-document-template-delete-modal>\n</ng-container>\n\n<ng-template #addTemplateButton>\n    <button cdsButton=\"primary\"\n            [disabled]=\"readOnly$ | async\"\n            (click)=\"openAddModal()\">\n        {{ 'Add' }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i3.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i3.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }, { kind: "component", type: DocumentTemplateDeleteModalComponent, selector: "valtimo-document-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "component", type: DocumentTemplateAddEditModalComponent, selector: "valtimo-document-template-add-edit-modal", inputs: ["open", "modalType", "defaultKeyValue", "defaultTypeValue"], outputs: ["closeEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DocumentTemplateListComponent, decorators: [{
             type: Component,
@@ -668,7 +668,7 @@ class DocumentTemplateEditorComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DocumentTemplateEditorComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$2.ActivatedRoute }, { token: i3.PageTitleService }, { token: i2$2.Router }, { token: i4.NotificationService }, { token: i5$1.TranslateService }, { token: i3.BreadcrumbService }, { token: i3$1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: DocumentTemplateEditorComponent, isStandalone: true, selector: "ng-component", providers: [NotificationService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n        *ngIf=\"{\n    model: model$ | async,\n    updatedModelValue: updatedModelValue$ | async,\n    template: template$ | async,\n  } as obs\">\n\n    <div class=\"template-explanation\">\n        @if (obs?.template?.type === 'pdf') {\n            <p>\n                <strong>PDF Templates</strong> use HTML in combination with\n                <a href=\"https://freemarker.apache.org/docs/dgui_quickstart_basics.html\" target=\"_blank\"\n                   rel=\"noopener noreferrer\">\n                    FreeMarker\n                </a>\n                to define placeholders within the HTML structure. The FreeMarker data model is based on nested\n                <a href=\"https://docs.valtimo.nl/features/value-resolvers\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    Valtimo value resolvers\n                </a>,\n                but uses a slightly different syntax.\n            </p>\n            <p>\n                For example, <code>$&#123;doc.firstName&#125;</code> retrieves the\n                <code>firstName</code> value from the case.\n            </p>\n            <p>\n                The notation <code>&lt;#list docs as doc&gt;...&lt;/#list&gt;</code> streams all documents in the\n                current case.\n            </p>\n        } @else {\n            <p>\n                <strong>CSV Templates</strong> use a semicolon (<code>;</code>) as a separator.\n                <a href=\"https://freemarker.apache.org/docs/dgui_quickstart_basics.html\" target=\"_blank\"\n                   rel=\"noopener noreferrer\">\n                    FreeMarker\n                </a>\n                is used to define placeholders within the CSV content. The FreeMarker data model is based on nested\n                <a href=\"https://docs.valtimo.nl/features/value-resolvers\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    Valtimo value resolvers\n                </a>,\n                but uses a slightly different syntax.\n            </p>\n            <p>\n                For example, <code>$&#123;doc.firstName&#125;</code> retrieves the\n                <code>firstName</code> value from the case.\n            </p>\n            <p>\n                The notation <code>&lt;#list docs as doc&gt;...&lt;/#list&gt;</code> streams all documents in the\n                current case.\n            </p>\n        }\n    </div>\n\n    <cds-tabs type=\"contained\">\n        <cds-tab [active]=\"true\" [heading]=\"'Editor'\">\n            <valtimo-editor\n                    [model]=\"obs.model\"\n                    [disabled]=\"(editorDisabled$ | async) || (readOnly$ | async)\"\n                    (validEvent)=\"onValid($event)\"\n                    (valueChangeEvent)=\"onValueChange($event)\"\n                    [fitPage]=\"true\"\n                    [fitPageExtraSpace]=\"80\"\n            ></valtimo-editor>\n        </cds-tab>\n        <cds-tab [heading]=\"'Preview'\" (selected)=\"onSelectedTabPreview()\">\n            <iframe title=\"Preview\" id=\"preview-iframe\">\n            </iframe>\n        </cds-tab>\n    </cds-tabs>\n\n</ng-container>\n\n<ng-container renderInPageHeader>\n    <ng-template>\n        <div *ngIf=\"{\n                model: model$ | async,\n                moreDisabled: moreDisabled$ | async,\n                template: template$ | async,\n             } as obs\"\n             class=\"buttons-container\"\n        >\n            <cds-overflow-menu class=\"overflow-button\">\n                <cds-overflow-menu-option\n                        [disabled]=\"obs.moreDisabled || (readOnly$ | async)\"\n                        type=\"danger\"\n                        (selected)=\"showDeleteModal()\"\n                >{{ 'interface.delete' | translate }}\n                </cds-overflow-menu-option\n                >\n            </cds-overflow-menu>\n\n            <button\n                    [disabled]=\"(saveDisabled$ | async) || (readOnly$ | async)\"\n                    cdsButton=\"primary\"\n                    size=\"md\"\n                    (click)=\"updateTemplate()\"\n            >\n                {{ 'interface.save' | translate }}\n\n                <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n            </button>\n        </div>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"{templateKey: templateKey$ | async, templateType: templateType$ | async} as obs\">\n    <valtimo-document-template-delete-modal\n            [deleteRowKeys]=\"[{key: obs.templateKey, type: obs.templateType}]\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-document-template-delete-modal>\n</ng-container>\n", styles: ["::ng-deep .cds--tab-content{background:var(--cds-layer)!important}::ng-deep #preview-iframe{width:100%;height:calc(100vh - 219px)}.loading-container{display:flex;width:100%;justify-content:center}.overflow-button{margin-right:16px}.buttons-container{display:flex;flex-direction:row}.template-explanation{margin-top:16px;margin-bottom:24px}\n/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i4.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i4.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "description", "flip", "placement", "open", "customTrigger", "offset", "wrapperClass", "triggerClass"], outputs: ["openChange"] }, { kind: "component", type: i4.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "component", type: DocumentTemplateDeleteModalComponent, selector: "valtimo-document-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: EditorModule }, { kind: "component", type: i3.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageExtraSpace"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.15", type: DocumentTemplateEditorComponent, isStandalone: true, selector: "ng-component", providers: [NotificationService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n        *ngIf=\"{\n    model: model$ | async,\n    updatedModelValue: updatedModelValue$ | async,\n    template: template$ | async,\n  } as obs\">\n\n    <div class=\"template-explanation\">\n        @if (obs?.template?.type === 'pdf') {\n            <p>\n                <strong>PDF Templates</strong> use HTML in combination with\n                <a href=\"https://freemarker.apache.org/docs/dgui_quickstart_basics.html\" target=\"_blank\"\n                   rel=\"noopener noreferrer\">\n                    FreeMarker\n                </a>\n                to define placeholders within the HTML structure. The FreeMarker data model is based on nested\n                <a href=\"https://docs.valtimo.nl/features/value-resolvers\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    Valtimo value resolvers\n                </a>,\n                but uses a slightly different syntax.\n            </p>\n            <p>\n                For example, <code>$&#123;doc.firstName&#125;</code> retrieves the\n                <code>firstName</code> value from the case.\n            </p>\n            <p>\n                The notation <code>&lt;#list docs as doc&gt;...&lt;/#list&gt;</code> streams all documents in the\n                current case.\n            </p>\n        } @else {\n            <p>\n                <strong>CSV Templates</strong> use a semicolon (<code>;</code>) as a separator.\n                <a href=\"https://freemarker.apache.org/docs/dgui_quickstart_basics.html\" target=\"_blank\"\n                   rel=\"noopener noreferrer\">\n                    FreeMarker\n                </a>\n                is used to define placeholders within the CSV content. The FreeMarker data model is based on nested\n                <a href=\"https://docs.valtimo.nl/features/value-resolvers\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    Valtimo value resolvers\n                </a>,\n                but uses a slightly different syntax.\n            </p>\n            <p>\n                For example, <code>$&#123;doc.firstName&#125;</code> retrieves the\n                <code>firstName</code> value from the case.\n            </p>\n            <p>\n                The notation <code>&lt;#list docs as doc&gt;...&lt;/#list&gt;</code> streams all documents in the\n                current case.\n            </p>\n        }\n    </div>\n\n    <cds-tabs type=\"contained\">\n        <cds-tab [active]=\"true\" [heading]=\"'Editor'\">\n            <valtimo-editor\n                    [model]=\"obs.model\"\n                    [disabled]=\"(editorDisabled$ | async) || (readOnly$ | async)\"\n                    (validEvent)=\"onValid($event)\"\n                    (valueChangeEvent)=\"onValueChange($event)\"\n                    [fitPage]=\"true\"\n                    [fitPageExtraSpace]=\"80\"\n            ></valtimo-editor>\n        </cds-tab>\n        <cds-tab [heading]=\"'Preview'\" (selected)=\"onSelectedTabPreview()\">\n            <iframe title=\"Preview\" id=\"preview-iframe\">\n            </iframe>\n        </cds-tab>\n    </cds-tabs>\n\n</ng-container>\n\n<ng-container renderInPageHeader>\n    <ng-template>\n        <div *ngIf=\"{\n                model: model$ | async,\n                moreDisabled: moreDisabled$ | async,\n                template: template$ | async,\n             } as obs\"\n             class=\"buttons-container\"\n        >\n            <cds-overflow-menu class=\"overflow-button\">\n                <cds-overflow-menu-option\n                        [disabled]=\"obs.moreDisabled || (readOnly$ | async)\"\n                        type=\"danger\"\n                        (selected)=\"showDeleteModal()\"\n                >{{ 'interface.delete' | translate }}\n                </cds-overflow-menu-option\n                >\n            </cds-overflow-menu>\n\n            <button\n                    [disabled]=\"(saveDisabled$ | async) || (readOnly$ | async)\"\n                    cdsButton=\"primary\"\n                    size=\"md\"\n                    (click)=\"updateTemplate()\"\n            >\n                {{ 'interface.save' | translate }}\n\n                <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n            </button>\n        </div>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"{templateKey: templateKey$ | async, templateType: templateType$ | async} as obs\">\n    <valtimo-document-template-delete-modal\n            [deleteRowKeys]=\"[{key: obs.templateKey, type: obs.templateType}]\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-document-template-delete-modal>\n</ng-container>\n", styles: ["::ng-deep .cds--tab-content{background:var(--cds-layer)!important}::ng-deep #preview-iframe{width:100%;height:calc(100vh - 219px)}.loading-container{display:flex;width:100%;justify-content:center}.overflow-button{margin-right:16px}.buttons-container{display:flex;flex-direction:row}.template-explanation{margin-top:16px;margin-bottom:24px}\n/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i4.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i4.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "description", "flip", "placement", "open", "customTrigger", "offset", "wrapperClass", "triggerClass"], outputs: ["openChange"] }, { kind: "component", type: i4.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "component", type: DocumentTemplateDeleteModalComponent, selector: "valtimo-document-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: EditorModule }, { kind: "component", type: i3.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageSpaceAdjustment"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: DocumentTemplateEditorComponent, decorators: [{
             type: Component,
@@ -787,7 +787,7 @@ class GenerateCsvComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GenerateCsvComponent, deps: [{ token: FreemarkerTemplateManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GenerateCsvComponent, isStandalone: false, selector: "valtimo-generate-csv-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$", context$: "context$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    templateListItems: templateListItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateDocumentFileDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.templateListItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"templateKey\"\n                    [title]=\"'csvTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.templateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.templateListItems\"\n                    [tooltip]=\"'templateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'contentId'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i3.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i3.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GenerateCsvComponent, isStandalone: false, selector: "valtimo-generate-csv-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$", context$: "context$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    templateListItems: templateListItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateDocumentFileDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.templateListItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"templateKey\"\n                    [title]=\"'csvTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.templateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.templateListItems\"\n                    [tooltip]=\"'templateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'contentId'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i3.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i3.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GenerateCsvComponent, decorators: [{
             type: Component,
@@ -870,7 +870,7 @@ class GeneratePdfComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GeneratePdfComponent, deps: [{ token: FreemarkerTemplateManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GeneratePdfComponent, isStandalone: false, selector: "valtimo-generate-pdf-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$", context$: "context$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    templateListItems: templateListItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateDocumentFileDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.templateListItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"templateKey\"\n                    [title]=\"'pdfTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.templateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.templateListItems\"\n                    [tooltip]=\"'templateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'contentId'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i3.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i3.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GeneratePdfComponent, isStandalone: false, selector: "valtimo-generate-pdf-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$", context$: "context$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    templateListItems: templateListItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateDocumentFileDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.templateListItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"templateKey\"\n                    [title]=\"'pdfTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.templateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.templateListItems\"\n                    [tooltip]=\"'templateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'contentId'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i3.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i3.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GeneratePdfComponent, decorators: [{
             type: Component,
@@ -1292,7 +1292,7 @@ class GenerateMailContentComponent {
         this._subscriptions.add(contextSub);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GenerateMailContentComponent, deps: [{ token: FreemarkerTemplateManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GenerateMailContentComponent, isStandalone: false, selector: "valtimo-generate-mail-content-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", context$: "context$", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    mailTemplateItems: mailTemplateItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateMailContentDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.mailTemplateItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"mailTemplateKey\"\n                    [title]=\"'mailTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.mailTemplateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.mailTemplateItems\"\n                    [tooltip]=\"'mailTemplateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'content'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i3.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i3.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GenerateMailContentComponent, isStandalone: false, selector: "valtimo-generate-mail-content-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", context$: "context$", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    mailTemplateItems: mailTemplateItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateMailContentDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.mailTemplateItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"mailTemplateKey\"\n                    [title]=\"'mailTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.mailTemplateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.mailTemplateItems\"\n                    [tooltip]=\"'mailTemplateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'content'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i3.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i3.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GenerateMailContentComponent, decorators: [{
             type: Component,
@@ -1387,7 +1387,7 @@ class GenerateMailFileComponent {
         this._subscriptions.add(contextSub);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GenerateMailFileComponent, deps: [{ token: FreemarkerTemplateManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GenerateMailFileComponent, isStandalone: false, selector: "valtimo-generate-mail-file-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", context$: "context$", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    mailTemplateItems: mailTemplateItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateMailFileDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.mailTemplateItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"mailTemplateKey\"\n                    [title]=\"'mailTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.mailTemplateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.mailTemplateItems\"\n                    [tooltip]=\"'mailTemplateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'contentId'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i3.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i3.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GenerateMailFileComponent, isStandalone: false, selector: "valtimo-generate-mail-file-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", context$: "context$", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    mailTemplateItems: mailTemplateItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateMailFileDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.mailTemplateItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"mailTemplateKey\"\n                    [title]=\"'mailTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.mailTemplateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.mailTemplateItems\"\n                    [tooltip]=\"'mailTemplateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'contentId'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i3.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i3.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GenerateMailFileComponent, decorators: [{
             type: Component,
@@ -1621,7 +1621,7 @@ class MailTemplateListComponent {
         this.selectedRowKeys$.next(this.carbonList.selectedItems.map((template) => ({ key: template.key, type: template.type })));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MailTemplateListComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$2.Router }, { token: i2$2.ActivatedRoute }, { token: i3$1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: MailTemplateListComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "carbonList", first: true, predicate: CarbonListComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-carbon-list\n        [header]=\"false\"\n        [items]=\"templates$ | async\"\n        [fields]=\"fields\"\n        [loading]=\"loading$ | async\"\n        [showSelectionColumn]=\"!(readOnly$ | async)\"\n        (rowClicked)=\"onRowClick($event)\"\n>\n    <ng-container header> {{ 'Title' }}</ng-container>\n\n    <div carbonToolbarContent>\n        <ng-container [ngTemplateOutlet]=\"addTemplateButton\"></ng-container>\n    </div>\n\n    <ng-container carbonToolbarActions>\n        <button cdsButton=\"primary\" (click)=\"showDeleteModal()\">\n            {{ 'interface.delete' | translate }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n        </button>\n    </ng-container>\n\n    <valtimo-no-results\n            [action]=\"addTemplateButton\"\n            description=\"{{ 'Come back later.' }}\"\n            title=\"{{ 'No templates found' }}\"\n    ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-mail-template-add-edit-modal\n        [open]=\"showAddModal$ | async\"\n        (closeEvent)=\"onAdd($event)\"\n></valtimo-mail-template-add-edit-modal>\n\n<ng-container *ngIf=\"{selectedRowKeys: selectedRowKeys$ | async} as obs\">\n    <valtimo-mail-template-delete-modal\n            [deleteRowKeys]=\"obs.selectedRowKeys\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-mail-template-delete-modal>\n</ng-container>\n\n<ng-template #addTemplateButton>\n    <button cdsButton=\"primary\"\n            [disabled]=\"readOnly$ | async\"\n            (click)=\"openAddModal()\">\n        {{ 'Add' }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i3.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i3.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }, { kind: "component", type: MailTemplateDeleteModalComponent, selector: "valtimo-mail-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "component", type: MailTemplateAddEditModalComponent, selector: "valtimo-mail-template-add-edit-modal", inputs: ["open", "type", "defaultKeyValue"], outputs: ["closeEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: MailTemplateListComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "carbonList", first: true, predicate: CarbonListComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-carbon-list\n        [header]=\"false\"\n        [items]=\"templates$ | async\"\n        [fields]=\"fields\"\n        [loading]=\"loading$ | async\"\n        [showSelectionColumn]=\"!(readOnly$ | async)\"\n        (rowClicked)=\"onRowClick($event)\"\n>\n    <ng-container header> {{ 'Title' }}</ng-container>\n\n    <div carbonToolbarContent>\n        <ng-container [ngTemplateOutlet]=\"addTemplateButton\"></ng-container>\n    </div>\n\n    <ng-container carbonToolbarActions>\n        <button cdsButton=\"primary\" (click)=\"showDeleteModal()\">\n            {{ 'interface.delete' | translate }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n        </button>\n    </ng-container>\n\n    <valtimo-no-results\n            [action]=\"addTemplateButton\"\n            description=\"{{ 'Come back later.' }}\"\n            title=\"{{ 'No templates found' }}\"\n    ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-mail-template-add-edit-modal\n        [open]=\"showAddModal$ | async\"\n        (closeEvent)=\"onAdd($event)\"\n></valtimo-mail-template-add-edit-modal>\n\n<ng-container *ngIf=\"{selectedRowKeys: selectedRowKeys$ | async} as obs\">\n    <valtimo-mail-template-delete-modal\n            [deleteRowKeys]=\"obs.selectedRowKeys\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-mail-template-delete-modal>\n</ng-container>\n\n<ng-template #addTemplateButton>\n    <button cdsButton=\"primary\"\n            [disabled]=\"readOnly$ | async\"\n            (click)=\"openAddModal()\">\n        {{ 'Add' }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i3.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i3.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }, { kind: "component", type: MailTemplateDeleteModalComponent, selector: "valtimo-mail-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "component", type: MailTemplateAddEditModalComponent, selector: "valtimo-mail-template-add-edit-modal", inputs: ["open", "type", "defaultKeyValue"], outputs: ["closeEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MailTemplateListComponent, decorators: [{
             type: Component,
@@ -1807,7 +1807,7 @@ class MailTemplateEditorComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MailTemplateEditorComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$2.ActivatedRoute }, { token: i3.PageTitleService }, { token: i2$2.Router }, { token: i4.NotificationService }, { token: i5$1.TranslateService }, { token: i3.BreadcrumbService }, { token: i3$1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: MailTemplateEditorComponent, isStandalone: true, selector: "ng-component", providers: [NotificationService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n        *ngIf=\"{\n    model: model$ | async,\n    updatedModelValue: updatedModelValue$ | async,\n    template: template$ | async,\n  } as obs\">\n\n    <div class=\"template-explanation\">\n        Mail templates use <a target=\"_blank\" href=\"https://www.w3schools.com/html/html_intro.asp\">HTML</a> for the mail\n        layout. <a target=\"_blank\" href=\"https://freemarker.apache.org/docs/dgui_quickstart_basics.html\">FreeMarker</a>\n        can be used to create placeholders inside the HTML. The data-model for FreeMarker is based upon <a\n            target=\"_blank\" href=\"https://docs.valtimo.nl/features/value-resolvers\">Valtimo value-resolvers</a>\n        with a slightly different notation. For example: $&#123;doc.firstName&#125;. Retrieves\n        the `firstName` from the case.\n    </div>\n\n    <cds-tabs type=\"contained\">\n        <cds-tab [active]=\"true\" [heading]=\"'Editor'\">\n            <valtimo-editor\n                    [model]=\"obs.model\"\n                    [disabled]=\"(editorDisabled$ | async) || (readOnly$ | async)\"\n                    (validEvent)=\"onValid($event)\"\n                    (valueChangeEvent)=\"onValueChange($event)\"\n                    [fitPage]=\"true\"\n                    [fitPageExtraSpace]=\"80\"\n            ></valtimo-editor>\n        </cds-tab>\n        <cds-tab [heading]=\"'Viewer'\" (selected)=\"onSelectedTabViewer()\">\n            <iframe title=\"HTML Viewer\" id=\"html-viewer-iframe\">\n            </iframe>\n        </cds-tab>\n    </cds-tabs>\n</ng-container>\n\n<ng-container renderInPageHeader>\n    <ng-template>\n        <div *ngIf=\"{\n                model: model$ | async,\n                moreDisabled: moreDisabled$ | async,\n                template: template$ | async,\n             } as obs\"\n             class=\"buttons-container\"\n        >\n            <cds-overflow-menu class=\"overflow-button\">\n                <cds-overflow-menu-option\n                        [disabled]=\"obs.moreDisabled || (readOnly$ | async)\"\n                        type=\"danger\"\n                        (selected)=\"showDeleteModal()\"\n                >{{ 'interface.delete' | translate }}\n                </cds-overflow-menu-option\n                >\n            </cds-overflow-menu>\n\n            <button\n                    [disabled]=\"(saveDisabled$ | async) || (readOnly$ | async)\"\n                    cdsButton=\"primary\"\n                    size=\"md\"\n                    (click)=\"updateTemplate()\"\n            >\n                {{ 'interface.save' | translate }}\n\n                <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n            </button>\n        </div>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"{templateKey: templateKey$ | async} as obs\">\n    <valtimo-mail-template-delete-modal\n            [deleteRowKeys]=\"[{key: obs.templateKey, type: 'mail'}]\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-mail-template-delete-modal>\n</ng-container>\n", styles: ["::ng-deep .cds--tab-content{background:var(--cds-layer)!important}::ng-deep #html-viewer-iframe{width:100%;height:calc(100vh - 219px)}.loading-container{display:flex;width:100%;justify-content:center}.overflow-button{margin-right:16px}.buttons-container{display:flex;flex-direction:row}.template-explanation{margin-top:16px;margin-bottom:24px}\n/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i4.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i4.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "description", "flip", "placement", "open", "customTrigger", "offset", "wrapperClass", "triggerClass"], outputs: ["openChange"] }, { kind: "component", type: i4.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "component", type: MailTemplateDeleteModalComponent, selector: "valtimo-mail-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: EditorModule }, { kind: "component", type: i3.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageExtraSpace"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: MailTemplateEditorComponent, isStandalone: true, selector: "ng-component", providers: [NotificationService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n        *ngIf=\"{\n    model: model$ | async,\n    updatedModelValue: updatedModelValue$ | async,\n    template: template$ | async,\n  } as obs\">\n\n    <div class=\"template-explanation\">\n        Mail templates use <a target=\"_blank\" href=\"https://www.w3schools.com/html/html_intro.asp\">HTML</a> for the mail\n        layout. <a target=\"_blank\" href=\"https://freemarker.apache.org/docs/dgui_quickstart_basics.html\">FreeMarker</a>\n        can be used to create placeholders inside the HTML. The data-model for FreeMarker is based upon <a\n            target=\"_blank\" href=\"https://docs.valtimo.nl/features/value-resolvers\">Valtimo value-resolvers</a>\n        with a slightly different notation. For example: $&#123;doc.firstName&#125;. Retrieves\n        the `firstName` from the case.\n    </div>\n\n    <cds-tabs type=\"contained\">\n        <cds-tab [active]=\"true\" [heading]=\"'Editor'\">\n            <valtimo-editor\n                    [model]=\"obs.model\"\n                    [disabled]=\"(editorDisabled$ | async) || (readOnly$ | async)\"\n                    (validEvent)=\"onValid($event)\"\n                    (valueChangeEvent)=\"onValueChange($event)\"\n                    [fitPage]=\"true\"\n                    [fitPageExtraSpace]=\"80\"\n            ></valtimo-editor>\n        </cds-tab>\n        <cds-tab [heading]=\"'Viewer'\" (selected)=\"onSelectedTabViewer()\">\n            <iframe title=\"HTML Viewer\" id=\"html-viewer-iframe\">\n            </iframe>\n        </cds-tab>\n    </cds-tabs>\n</ng-container>\n\n<ng-container renderInPageHeader>\n    <ng-template>\n        <div *ngIf=\"{\n                model: model$ | async,\n                moreDisabled: moreDisabled$ | async,\n                template: template$ | async,\n             } as obs\"\n             class=\"buttons-container\"\n        >\n            <cds-overflow-menu class=\"overflow-button\">\n                <cds-overflow-menu-option\n                        [disabled]=\"obs.moreDisabled || (readOnly$ | async)\"\n                        type=\"danger\"\n                        (selected)=\"showDeleteModal()\"\n                >{{ 'interface.delete' | translate }}\n                </cds-overflow-menu-option\n                >\n            </cds-overflow-menu>\n\n            <button\n                    [disabled]=\"(saveDisabled$ | async) || (readOnly$ | async)\"\n                    cdsButton=\"primary\"\n                    size=\"md\"\n                    (click)=\"updateTemplate()\"\n            >\n                {{ 'interface.save' | translate }}\n\n                <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n            </button>\n        </div>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"{templateKey: templateKey$ | async} as obs\">\n    <valtimo-mail-template-delete-modal\n            [deleteRowKeys]=\"[{key: obs.templateKey, type: 'mail'}]\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-mail-template-delete-modal>\n</ng-container>\n", styles: ["::ng-deep .cds--tab-content{background:var(--cds-layer)!important}::ng-deep #html-viewer-iframe{width:100%;height:calc(100vh - 219px)}.loading-container{display:flex;width:100%;justify-content:center}.overflow-button{margin-right:16px}.buttons-container{display:flex;flex-direction:row}.template-explanation{margin-top:16px;margin-bottom:24px}\n/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i4.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i4.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "description", "flip", "placement", "open", "customTrigger", "offset", "wrapperClass", "triggerClass"], outputs: ["openChange"] }, { kind: "component", type: i4.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "component", type: MailTemplateDeleteModalComponent, selector: "valtimo-mail-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: EditorModule }, { kind: "component", type: i3.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageSpaceAdjustment"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: MailTemplateEditorComponent, decorators: [{
             type: Component,
@@ -2415,7 +2415,7 @@ class TextTemplateListComponent {
         this.selectedRowKeys$.next(this.carbonList.selectedItems.map((template) => ({ key: template.key, type: template.type })));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextTemplateListComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$2.Router }, { token: i2$2.ActivatedRoute }, { token: i3$1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TextTemplateListComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "carbonList", first: true, predicate: CarbonListComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-carbon-list\n        [header]=\"false\"\n        [items]=\"templates$ | async\"\n        [fields]=\"fields\"\n        [loading]=\"loading$ | async\"\n        [showSelectionColumn]=\"!(readOnly$ | async)\"\n        (rowClicked)=\"onRowClick($event)\"\n>\n    <ng-container header> {{ 'Title' }}</ng-container>\n\n    <div carbonToolbarContent>\n        <ng-container [ngTemplateOutlet]=\"addTemplateButton\"></ng-container>\n    </div>\n\n    <ng-container carbonToolbarActions>\n        <button cdsButton=\"primary\" (click)=\"showDeleteModal()\">\n            {{ 'interface.delete' | translate }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n        </button>\n    </ng-container>\n\n    <valtimo-no-results\n            [action]=\"addTemplateButton\"\n            description=\"{{ 'Come back later.' }}\"\n            title=\"{{ 'No templates found' }}\"\n    ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-text-template-add-edit-modal\n        [open]=\"showAddModal$ | async\"\n        (closeEvent)=\"onAdd($event)\"\n></valtimo-text-template-add-edit-modal>\n\n<ng-container *ngIf=\"{selectedRowKeys: selectedRowKeys$ | async} as obs\">\n    <valtimo-text-template-delete-modal\n            [deleteRowKeys]=\"obs.selectedRowKeys\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-text-template-delete-modal>\n</ng-container>\n\n<ng-template #addTemplateButton>\n    <button cdsButton=\"primary\"\n            [disabled]=\"readOnly$ | async\"\n            (click)=\"openAddModal()\">\n        {{ 'Add' }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i3.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i3.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }, { kind: "component", type: TextTemplateDeleteModalComponent, selector: "valtimo-text-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "component", type: TextTemplateAddEditModalComponent, selector: "valtimo-text-template-add-edit-modal", inputs: ["open", "type", "defaultKeyValue"], outputs: ["closeEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TextTemplateListComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "carbonList", first: true, predicate: CarbonListComponent, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<valtimo-carbon-list\n        [header]=\"false\"\n        [items]=\"templates$ | async\"\n        [fields]=\"fields\"\n        [loading]=\"loading$ | async\"\n        [showSelectionColumn]=\"!(readOnly$ | async)\"\n        (rowClicked)=\"onRowClick($event)\"\n>\n    <ng-container header> {{ 'Title' }}</ng-container>\n\n    <div carbonToolbarContent>\n        <ng-container [ngTemplateOutlet]=\"addTemplateButton\"></ng-container>\n    </div>\n\n    <ng-container carbonToolbarActions>\n        <button cdsButton=\"primary\" (click)=\"showDeleteModal()\">\n            {{ 'interface.delete' | translate }}\n\n            <svg class=\"cds--btn__icon\" cdsIcon=\"trash-can\" size=\"16\"></svg>\n        </button>\n    </ng-container>\n\n    <valtimo-no-results\n            [action]=\"addTemplateButton\"\n            description=\"{{ 'Come back later.' }}\"\n            title=\"{{ 'No templates found' }}\"\n    ></valtimo-no-results>\n</valtimo-carbon-list>\n\n<valtimo-text-template-add-edit-modal\n        [open]=\"showAddModal$ | async\"\n        (closeEvent)=\"onAdd($event)\"\n></valtimo-text-template-add-edit-modal>\n\n<ng-container *ngIf=\"{selectedRowKeys: selectedRowKeys$ | async} as obs\">\n    <valtimo-text-template-delete-modal\n            [deleteRowKeys]=\"obs.selectedRowKeys\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-text-template-delete-modal>\n</ng-container>\n\n<ng-template #addTemplateButton>\n    <button cdsButton=\"primary\"\n            [disabled]=\"readOnly$ | async\"\n            (click)=\"openAddModal()\">\n        {{ 'Add' }}\n\n        <svg class=\"cds--btn__icon\" cdsIcon=\"add\" size=\"16\"></svg>\n    </button>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: CarbonListModule }, { kind: "component", type: i3.CarbonListComponent, selector: "valtimo-carbon-list", inputs: ["items", "fields", "tableTranslations", "paginatorConfig", "pagination", "loading", "skeletonRowCount", "actions", "actionItems", "showActionItems", "header", "hideColumnHeader", "initialSortState", "sortState", "isSearchable", "enableSingleSelection", "lastColumnTemplate", "paginationIdentifier", "showSelectionColumn", "striped", "hideToolbar", "lockedTooltipTranslationKey", "movingRowsEnabled", "dragAndDrop", "dragAndDropDisabled"], outputs: ["rowClicked", "paginationClicked", "paginationSet", "search", "sortChanged", "moveRow", "itemsReordered"] }, { kind: "component", type: i3.CarbonNoResultsComponent, selector: "valtimo-no-results", inputs: ["action", "description", "illustration", "title", "smallPadding", "collapseVertically", "alwaysRenderVertically"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }, { kind: "component", type: TextTemplateDeleteModalComponent, selector: "valtimo-text-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "component", type: TextTemplateAddEditModalComponent, selector: "valtimo-text-template-add-edit-modal", inputs: ["open", "type", "defaultKeyValue"], outputs: ["closeEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextTemplateListComponent, decorators: [{
             type: Component,
@@ -2589,7 +2589,7 @@ class TextTemplateEditorComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextTemplateEditorComponent, deps: [{ token: FreemarkerTemplateManagementService }, { token: i2$2.ActivatedRoute }, { token: i3.PageTitleService }, { token: i2$2.Router }, { token: i4.NotificationService }, { token: i5$1.TranslateService }, { token: i3.BreadcrumbService }, { token: i3$1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TextTemplateEditorComponent, isStandalone: true, selector: "ng-component", providers: [NotificationService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n        *ngIf=\"{\n    model: model$ | async,\n    updatedModelValue: updatedModelValue$ | async,\n    template: template$ | async,\n  } as obs\">\n\n    <div class=\"template-explanation\">\n        Text Templates use <a target=\"_blank\" href=\"https://freemarker.apache.org/docs/dgui_quickstart_basics.html\">FreeMarker</a>\n        to create placeholders inside the text. The data-model for FreeMarker is based upon nested <a\n            target=\"_blank\" href=\"https://docs.valtimo.nl/features/value-resolvers\">Valtimo value-resolvers</a>\n        with a slightly different notation. For example: $&#123;doc.firstName&#125;. Retrieves\n        the `firstName` from the case.\n\n        Text Templates can be used as value resolvers. For example: $&#123;template.my-text-template&#125; or\n        `template:my-text-template`.\n    </div>\n\n    <valtimo-editor\n            [model]=\"obs.model\"\n            [disabled]=\"(editorDisabled$ | async) || (readOnly$ | async)\"\n            (validEvent)=\"onValid($event)\"\n            (valueChangeEvent)=\"onValueChange($event)\"\n            [fitPage]=\"true\"\n            [fitPageExtraSpace]=\"80\"\n    ></valtimo-editor>\n</ng-container>\n\n<ng-container renderInPageHeader>\n    <ng-template>\n        <div *ngIf=\"{\n                model: model$ | async,\n                moreDisabled: moreDisabled$ | async,\n                template: template$ | async,\n             } as obs\"\n             class=\"buttons-container\"\n        >\n            <cds-overflow-menu class=\"overflow-button\">\n                <cds-overflow-menu-option\n                        [disabled]=\"obs.moreDisabled || (readOnly$ | async)\"\n                        type=\"danger\"\n                        (selected)=\"showDeleteModal()\"\n                >{{ 'interface.delete' | translate }}\n                </cds-overflow-menu-option\n                >\n            </cds-overflow-menu>\n\n            <button\n                    [disabled]=\"(saveDisabled$ | async) || (readOnly$ | async)\"\n                    cdsButton=\"primary\"\n                    size=\"md\"\n                    (click)=\"updateTemplate()\"\n            >\n                {{ 'interface.save' | translate }}\n\n                <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n            </button>\n        </div>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"{templateKey: templateKey$ | async} as obs\">\n    <valtimo-text-template-delete-modal\n            [deleteRowKeys]=\"[{key: obs.templateKey, type: 'text'}]\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-text-template-delete-modal>\n</ng-container>\n", styles: [".loading-container{display:flex;width:100%;justify-content:center}.overflow-button{margin-right:16px}.buttons-container{display:flex;flex-direction:row}.template-explanation{margin-top:16px;margin-bottom:24px}\n/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabsModule }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "description", "flip", "placement", "open", "customTrigger", "offset", "wrapperClass", "triggerClass"], outputs: ["openChange"] }, { kind: "component", type: i4.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "component", type: TextTemplateDeleteModalComponent, selector: "valtimo-text-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: EditorModule }, { kind: "component", type: i3.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageExtraSpace"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: TextTemplateEditorComponent, isStandalone: true, selector: "ng-component", providers: [NotificationService], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2023 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container\n        *ngIf=\"{\n    model: model$ | async,\n    updatedModelValue: updatedModelValue$ | async,\n    template: template$ | async,\n  } as obs\">\n\n    <div class=\"template-explanation\">\n        Text Templates use <a target=\"_blank\" href=\"https://freemarker.apache.org/docs/dgui_quickstart_basics.html\">FreeMarker</a>\n        to create placeholders inside the text. The data-model for FreeMarker is based upon nested <a\n            target=\"_blank\" href=\"https://docs.valtimo.nl/features/value-resolvers\">Valtimo value-resolvers</a>\n        with a slightly different notation. For example: $&#123;doc.firstName&#125;. Retrieves\n        the `firstName` from the case.\n\n        Text Templates can be used as value resolvers. For example: $&#123;template.my-text-template&#125; or\n        `template:my-text-template`.\n    </div>\n\n    <valtimo-editor\n            [model]=\"obs.model\"\n            [disabled]=\"(editorDisabled$ | async) || (readOnly$ | async)\"\n            (validEvent)=\"onValid($event)\"\n            (valueChangeEvent)=\"onValueChange($event)\"\n            [fitPage]=\"true\"\n            [fitPageExtraSpace]=\"80\"\n    ></valtimo-editor>\n</ng-container>\n\n<ng-container renderInPageHeader>\n    <ng-template>\n        <div *ngIf=\"{\n                model: model$ | async,\n                moreDisabled: moreDisabled$ | async,\n                template: template$ | async,\n             } as obs\"\n             class=\"buttons-container\"\n        >\n            <cds-overflow-menu class=\"overflow-button\">\n                <cds-overflow-menu-option\n                        [disabled]=\"obs.moreDisabled || (readOnly$ | async)\"\n                        type=\"danger\"\n                        (selected)=\"showDeleteModal()\"\n                >{{ 'interface.delete' | translate }}\n                </cds-overflow-menu-option\n                >\n            </cds-overflow-menu>\n\n            <button\n                    [disabled]=\"(saveDisabled$ | async) || (readOnly$ | async)\"\n                    cdsButton=\"primary\"\n                    size=\"md\"\n                    (click)=\"updateTemplate()\"\n            >\n                {{ 'interface.save' | translate }}\n\n                <svg class=\"cds--btn__icon\" cdsIcon=\"save\" size=\"16\"></svg>\n            </button>\n        </div>\n    </ng-template>\n</ng-container>\n\n<ng-container *ngIf=\"{templateKey: templateKey$ | async} as obs\">\n    <valtimo-text-template-delete-modal\n            [deleteRowKeys]=\"[{key: obs.templateKey, type: 'text'}]\"\n            [showDeleteModal$]=\"showDeleteModal$\"\n            (deleteEvent)=\"onDelete($event)\"\n    >\n    </valtimo-text-template-delete-modal>\n</ng-container>\n", styles: [".loading-container{display:flex;width:100%;justify-content:center}.overflow-button{margin-right:16px}.buttons-container{display:flex;flex-direction:row}.template-explanation{margin-top:16px;margin-bottom:24px}\n/*!\n * Copyright 2015-2023 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: TabsModule }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i4.OverflowMenu, selector: "cds-overflow-menu, ibm-overflow-menu", inputs: ["buttonLabel", "description", "flip", "placement", "open", "customTrigger", "offset", "wrapperClass", "triggerClass"], outputs: ["openChange"] }, { kind: "component", type: i4.OverflowMenuOption, selector: "cds-overflow-menu-option, ibm-overflow-menu-option", inputs: ["divider", "type", "disabled", "href", "target", "innerClass"], outputs: ["selected"] }, { kind: "component", type: TextTemplateDeleteModalComponent, selector: "valtimo-text-template-delete-modal", inputs: ["deleteRowKeys", "showDeleteModal$"], outputs: ["deleteEvent"] }, { kind: "ngmodule", type: CarbonListModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i4.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "ngmodule", type: EditorModule }, { kind: "component", type: i3.EditorComponent, selector: "valtimo-editor", inputs: ["editorOptions", "model", "disabled", "formatOnLoad", "widthPx", "heightPx", "heightStyle", "jsonSchema", "fitPage", "fitPageSpaceAdjustment"], outputs: ["validEvent", "valueChangeEvent"] }, { kind: "directive", type: RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "ngmodule", type: IconModule }, { kind: "directive", type: i4.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: TextTemplateEditorComponent, decorators: [{
             type: Component,
@@ -2721,7 +2721,7 @@ class GenerateTextFileComponent {
         this._subscriptions.add(contextSub);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GenerateTextFileComponent, deps: [{ token: FreemarkerTemplateManagementService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GenerateTextFileComponent, isStandalone: false, selector: "valtimo-generate-text-file-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", context$: "context$", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    textTemplateItems: textTemplateItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateTextFileDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.textTemplateItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"textTemplateKey\"\n                    [title]=\"'textTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.textTemplateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.textTemplateItems\"\n                    [tooltip]=\"'textTemplateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'contentId'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i3.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i3.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.PluginTranslatePipe, name: "pluginTranslate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.15", type: GenerateTextFileComponent, isStandalone: false, selector: "valtimo-generate-text-file-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", context$: "context$", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<!--\n  ~ Copyright 2015-2022 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<ng-container *ngIf=\"{\n    disabled: disabled$ | async,\n    prefill: prefillConfiguration$ ? (prefillConfiguration$ | async) : null,\n    textTemplateItems: textTemplateItems$ | async,\n    loading: loading$ | async,\n  } as obs\"\n>\n    <ng-container *ngIf=\"obs.loading === false; else loading\">\n        <v-paragraph [margin]=\"true\" [italic]=\"true\">\n            {{ 'generateTextFileDescription' | pluginTranslate: pluginId | async }}\n        </v-paragraph>\n        <v-form (valueChange)=\"formValueChange($event)\">\n            <v-select\n                    [items]=\"obs.textTemplateItems\"\n                    [margin]=\"true\"\n                    [widthInPx]=\"350\"\n                    name=\"textTemplateKey\"\n                    [title]=\"'textTemplateKey' | pluginTranslate: pluginId | async\"\n                    [disabled]=\"obs.disabled\"\n                    [defaultSelectionId]=\"obs.prefill?.textTemplateKey\"\n                    [required]=\"true\"\n                    [loading]=\"!obs.textTemplateItems\"\n                    [tooltip]=\"'textTemplateKeyTooltip' | pluginTranslate: pluginId | async\"\n            ></v-select>\n            <v-input\n                    name=\"processVariableName\"\n                    [title]=\"'processVariableName' | pluginTranslate: pluginId | async\"\n                    [margin]=\"true\"\n                    [defaultValue]=\"obs.prefill?.processVariableName || 'contentId'\"\n                    [disabled]=\"obs.disabled\"\n                    [tooltip]=\"'processVariableNameTooltip' | pluginTranslate: pluginId | async\"\n            ></v-input>\n        </v-form>\n    </ng-container>\n</ng-container>\n\n<ng-template #loading>\n    <div class=\"loading-container\">\n        <cds-loading></cds-loading>\n    </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "component", type: i3.ParagraphComponent, selector: "v-paragraph", inputs: ["center", "fullWidth", "margin", "italic", "loading", "dataTestId"] }, { kind: "component", type: i3.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }, { kind: "component", type: i3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "component", type: i4.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.PluginTranslatePipe, name: "pluginTranslate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.15", ngImport: i0, type: GenerateTextFileComponent, decorators: [{
             type: Component,