@tilde-nlp/ngx-common 2.0.14 → 2.0.16

package/esm2020/lib/confirmation-modal/confirmation-modal.component.mjs

@@ -3,8 +3,9 @@ import { MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { Confirmation } from './models/confirmation.enum';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/material/dialog";
-import * as i2 from "@angular/material/button";
-import * as i3 from "@ngx-translate/core";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/button";
+import * as i4 from "@ngx-translate/core";
 export class ConfirmationModalComponent {
     constructor(dialogRef, data) {
         this.dialogRef = dialogRef;
@@ -13,12 +14,12 @@ export class ConfirmationModalComponent {
     }
 }
 ConfirmationModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ConfirmationModalComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-ConfirmationModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ConfirmationModalComponent, selector: "lib-confirmation-modal", ngImport: i0, template: "<h1 mat-dialog-title>{{ data.title | translate }}</h1>\r\n<div mat-dialog-content>\r\n  <p>{{ data.descriptioon | translate }}</p>\r\n</div>\r\n<div class=\"d-flex justify-content-center\" mat-dialog-actions>\r\n  <button mat-flat-button color=\"accent\" [mat-dialog-close]=\"confirmation.PRIMARY\">\r\n    {{ data.confirmationText | translate }}\r\n  </button>\r\n  <button mat-stroked-button color=\"accent\" class=\"ml-3\" [mat-dialog-close]=\"confirmation.SECONDARY\">\r\n    {{ data.rejectionText | translate }}\r\n  </button>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
+ConfirmationModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ConfirmationModalComponent, selector: "lib-confirmation-modal", ngImport: i0, template: "<h1 mat-dialog-title>{{ data.title | translate }}</h1>\r\n<div mat-dialog-content>\r\n  <p>{{ data.descriptioon | translate }}</p>\r\n  \r\n  <ul *ngIf=\"data.details\">\r\n    <li *ngFor=\"let extraData of data.details\">\r\n      {{ extraData }}\r\n    </li>\r\n  </ul>\r\n</div>\r\n<div class=\"d-flex justify-content-center\" mat-dialog-actions>\r\n  <button mat-flat-button color=\"accent\" [mat-dialog-close]=\"confirmation.PRIMARY\">\r\n    {{ data.confirmationText | translate }}\r\n  </button>\r\n  <button mat-stroked-button color=\"accent\" class=\"ml-3\" [mat-dialog-close]=\"confirmation.SECONDARY\">\r\n    {{ data.rejectionText | translate }}\r\n  </button>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ConfirmationModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-confirmation-modal', template: "<h1 mat-dialog-title>{{ data.title | translate }}</h1>\r\n<div mat-dialog-content>\r\n  <p>{{ data.descriptioon | translate }}</p>\r\n</div>\r\n<div class=\"d-flex justify-content-center\" mat-dialog-actions>\r\n  <button mat-flat-button color=\"accent\" [mat-dialog-close]=\"confirmation.PRIMARY\">\r\n    {{ data.confirmationText | translate }}\r\n  </button>\r\n  <button mat-stroked-button color=\"accent\" class=\"ml-3\" [mat-dialog-close]=\"confirmation.SECONDARY\">\r\n    {{ data.rejectionText | translate }}\r\n  </button>\r\n</div>\r\n" }]
+            args: [{ selector: 'lib-confirmation-modal', template: "<h1 mat-dialog-title>{{ data.title | translate }}</h1>\r\n<div mat-dialog-content>\r\n  <p>{{ data.descriptioon | translate }}</p>\r\n  \r\n  <ul *ngIf=\"data.details\">\r\n    <li *ngFor=\"let extraData of data.details\">\r\n      {{ extraData }}\r\n    </li>\r\n  </ul>\r\n</div>\r\n<div class=\"d-flex justify-content-center\" mat-dialog-actions>\r\n  <button mat-flat-button color=\"accent\" [mat-dialog-close]=\"confirmation.PRIMARY\">\r\n    {{ data.confirmationText | translate }}\r\n  </button>\r\n  <button mat-stroked-button color=\"accent\" class=\"ml-3\" [mat-dialog-close]=\"confirmation.SECONDARY\">\r\n    {{ data.rejectionText | translate }}\r\n  </button>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybWF0aW9uLW1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21tb24vc3JjL2xpYi9jb25maXJtYXRpb24tbW9kYWwvY29uZmlybWF0aW9uLW1vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21tb24vc3JjL2xpYi9jb25maXJtYXRpb24tbW9kYWwvY29uZmlybWF0aW9uLW1vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBZ0IsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFekUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7OztBQU8xRCxNQUFNLE9BQU8sMEJBQTBCO0lBR3JDLFlBQ1MsU0FBbUQsRUFDMUIsSUFBc0I7UUFEL0MsY0FBUyxHQUFULFNBQVMsQ0FBMEM7UUFDMUIsU0FBSSxHQUFKLElBQUksQ0FBa0I7UUFKeEQsaUJBQVksR0FBRyxZQUFZLENBQUM7SUFNNUIsQ0FBQzs7dUhBUFUsMEJBQTBCLDhDQUszQixlQUFlOzJHQUxkLDBCQUEwQiw4RENWdkMsbWlCQVlBOzJGREZhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSx3QkFBd0I7OzBCQVMvQixNQUFNOzJCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBNYXREaWFsb2dSZWYsIE1BVF9ESUFMT0dfREFUQSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XHJcbmltcG9ydCB7IENvbmZpcm1hdGlvbkJvZHkgfSBmcm9tICcuL21vZGVscy9jb25maXJtYXRpb24tYm9keS5tb2RlbCc7XHJcbmltcG9ydCB7IENvbmZpcm1hdGlvbiB9IGZyb20gJy4vbW9kZWxzL2NvbmZpcm1hdGlvbi5lbnVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWNvbmZpcm1hdGlvbi1tb2RhbCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbmZpcm1hdGlvbi1tb2RhbC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY29uZmlybWF0aW9uLW1vZGFsLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb25maXJtYXRpb25Nb2RhbENvbXBvbmVudCB7XHJcbiAgY29uZmlybWF0aW9uID0gQ29uZmlybWF0aW9uO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxDb25maXJtYXRpb25Nb2RhbENvbXBvbmVudD4sXHJcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSkgcHVibGljIGRhdGE6IENvbmZpcm1hdGlvbkJvZHlcclxuICApIHtcclxuICB9XHJcbn1cclxuIiwiPGgxIG1hdC1kaWFsb2ctdGl0bGU+e3sgZGF0YS50aXRsZSB8IHRyYW5zbGF0ZSB9fTwvaDE+XHJcbjxkaXYgbWF0LWRpYWxvZy1jb250ZW50PlxyXG4gIDxwPnt7IGRhdGEuZGVzY3JpcHRpb29uIHwgdHJhbnNsYXRlIH19PC9wPlxyXG48L2Rpdj5cclxuPGRpdiBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyXCIgbWF0LWRpYWxvZy1hY3Rpb25zPlxyXG4gIDxidXR0b24gbWF0LWZsYXQtYnV0dG9uIGNvbG9yPVwiYWNjZW50XCIgW21hdC1kaWFsb2ctY2xvc2VdPVwiY29uZmlybWF0aW9uLlBSSU1BUllcIj5cclxuICAgIHt7IGRhdGEuY29uZmlybWF0aW9uVGV4dCB8IHRyYW5zbGF0ZSB9fVxyXG4gIDwvYnV0dG9uPlxyXG4gIDxidXR0b24gbWF0LXN0cm9rZWQtYnV0dG9uIGNvbG9yPVwiYWNjZW50XCIgY2xhc3M9XCJtbC0zXCIgW21hdC1kaWFsb2ctY2xvc2VdPVwiY29uZmlybWF0aW9uLlNFQ09OREFSWVwiPlxyXG4gICAge3sgZGF0YS5yZWplY3Rpb25UZXh0IHwgdHJhbnNsYXRlIH19XHJcbiAgPC9idXR0b24+XHJcbjwvZGl2PlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybWF0aW9uLW1vZGFsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21tb24vc3JjL2xpYi9jb25maXJtYXRpb24tbW9kYWwvY29uZmlybWF0aW9uLW1vZGFsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21tb24vc3JjL2xpYi9jb25maXJtYXRpb24tbW9kYWwvY29uZmlybWF0aW9uLW1vZGFsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xELE9BQU8sRUFBZ0IsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFekUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7Ozs7QUFPMUQsTUFBTSxPQUFPLDBCQUEwQjtJQUdyQyxZQUNTLFNBQW1ELEVBQzFCLElBQXNCO1FBRC9DLGNBQVMsR0FBVCxTQUFTLENBQTBDO1FBQzFCLFNBQUksR0FBSixJQUFJLENBQWtCO1FBSnhELGlCQUFZLEdBQUcsWUFBWSxDQUFDO0lBTTVCLENBQUM7O3VIQVBVLDBCQUEwQiw4Q0FLM0IsZUFBZTsyR0FMZCwwQkFBMEIsOERDVnZDLGdyQkFrQkE7MkZEUmEsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLHdCQUF3Qjs7MEJBUy9CLE1BQU07MkJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdERpYWxvZ1JlZiwgTUFUX0RJQUxPR19EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuaW1wb3J0IHsgQ29uZmlybWF0aW9uQm9keSB9IGZyb20gJy4vbW9kZWxzL2NvbmZpcm1hdGlvbi1ib2R5Lm1vZGVsJztcclxuaW1wb3J0IHsgQ29uZmlybWF0aW9uIH0gZnJvbSAnLi9tb2RlbHMvY29uZmlybWF0aW9uLmVudW0nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItY29uZmlybWF0aW9uLW1vZGFsJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vY29uZmlybWF0aW9uLW1vZGFsLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9jb25maXJtYXRpb24tbW9kYWwuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENvbmZpcm1hdGlvbk1vZGFsQ29tcG9uZW50IHtcclxuICBjb25maXJtYXRpb24gPSBDb25maXJtYXRpb247XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHVibGljIGRpYWxvZ1JlZjogTWF0RGlhbG9nUmVmPENvbmZpcm1hdGlvbk1vZGFsQ29tcG9uZW50PixcclxuICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogQ29uZmlybWF0aW9uQm9keVxyXG4gICkge1xyXG4gIH1cclxufVxyXG4iLCI8aDEgbWF0LWRpYWxvZy10aXRsZT57eyBkYXRhLnRpdGxlIHwgdHJhbnNsYXRlIH19PC9oMT5cclxuPGRpdiBtYXQtZGlhbG9nLWNvbnRlbnQ+XHJcbiAgPHA+e3sgZGF0YS5kZXNjcmlwdGlvb24gfCB0cmFuc2xhdGUgfX08L3A+XHJcbiAgXHJcbiAgPHVsICpuZ0lmPVwiZGF0YS5kZXRhaWxzXCI+XHJcbiAgICA8bGkgKm5nRm9yPVwibGV0IGV4dHJhRGF0YSBvZiBkYXRhLmRldGFpbHNcIj5cclxuICAgICAge3sgZXh0cmFEYXRhIH19XHJcbiAgICA8L2xpPlxyXG4gIDwvdWw+XHJcbjwvZGl2PlxyXG48ZGl2IGNsYXNzPVwiZC1mbGV4IGp1c3RpZnktY29udGVudC1jZW50ZXJcIiBtYXQtZGlhbG9nLWFjdGlvbnM+XHJcbiAgPGJ1dHRvbiBtYXQtZmxhdC1idXR0b24gY29sb3I9XCJhY2NlbnRcIiBbbWF0LWRpYWxvZy1jbG9zZV09XCJjb25maXJtYXRpb24uUFJJTUFSWVwiPlxyXG4gICAge3sgZGF0YS5jb25maXJtYXRpb25UZXh0IHwgdHJhbnNsYXRlIH19XHJcbiAgPC9idXR0b24+XHJcbiAgPGJ1dHRvbiBtYXQtc3Ryb2tlZC1idXR0b24gY29sb3I9XCJhY2NlbnRcIiBjbGFzcz1cIm1sLTNcIiBbbWF0LWRpYWxvZy1jbG9zZV09XCJjb25maXJtYXRpb24uU0VDT05EQVJZXCI+XHJcbiAgICB7eyBkYXRhLnJlamVjdGlvblRleHQgfCB0cmFuc2xhdGUgfX1cclxuICA8L2J1dHRvbj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2020/lib/confirmation-modal/models/confirmation-body.model.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybWF0aW9uLWJvZHkubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tbW9uL3NyYy9saWIvY29uZmlybWF0aW9uLW1vZGFsL21vZGVscy9jb25maXJtYXRpb24tYm9keS5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBDb25maXJtYXRpb25Cb2R5IHtcclxuICB0aXRsZTogc3RyaW5nO1xyXG4gIGRlc2NyaXB0aW9vbjogc3RyaW5nO1xyXG4gIGNvbmZpcm1hdGlvblRleHQ6IHN0cmluZztcclxuICByZWplY3Rpb25UZXh0OiBzdHJpbmc7XHJcbn1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybWF0aW9uLWJvZHkubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtY29tbW9uL3NyYy9saWIvY29uZmlybWF0aW9uLW1vZGFsL21vZGVscy9jb25maXJtYXRpb24tYm9keS5tb2RlbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBDb25maXJtYXRpb25Cb2R5IHtcclxuICB0aXRsZTogc3RyaW5nO1xyXG4gIGRlc2NyaXB0aW9vbjogc3RyaW5nO1xyXG4gIGNvbmZpcm1hdGlvblRleHQ6IHN0cmluZztcclxuICByZWplY3Rpb25UZXh0OiBzdHJpbmc7XHJcblxyXG4gIC8qKiBwcm9wZXJ0eSB0byBkaXNwbGF5IGV4dHJhIGNvbmZpcm1hdGlvbiBkZXRhaWxzIChlZy4gc2VsZWN0ZWQgZW5naW5lIG5hbWVzKSAqL1xyXG4gIGRldGFpbHM/OiBzdHJpbmdbXTtcclxufVxyXG4iXX0=

package/esm2020/lib/multi-functional-table/multi-functional-table.component.mjs

@@ -188,10 +188,10 @@ export class MultiFunctionalTableComponent {
     }
 }
 MultiFunctionalTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MultiFunctionalTableComponent, deps: [{ token: i1.DOMService }, { token: i2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-MultiFunctionalTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: MultiFunctionalTableComponent, selector: "tld-multi-functional-table", inputs: { config: "config", highlightedElements: "highlightedElements", selection: "selection" }, outputs: { filterBarChange: "filterBarChange", exported: "exported", selectionChange: "selectionChange" }, queries: [{ propertyName: "noDataRow", first: true, predicate: MatNoDataRow, descendants: true }, { propertyName: "headerRowDefs", predicate: MatHeaderRowDef }, { propertyName: "rowDefs", predicate: MatRowDef, descendants: true }, { propertyName: "columnDefs", predicate: MatColumnDef }], viewQueries: [{ propertyName: "table", first: true, predicate: MatTable, descendants: true, static: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "tableElementRef", first: true, predicate: MatTable, descendants: true, read: ElementRef }], ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutGap=\"1rem\">\r\n\r\n  <div fxLayout=\"row\">\r\n    <div fxFlex fxLayoutGap=\"1rem\">\r\n      <button mat-button [matMenuTriggerFor]=\"columnMenu\" *ngIf=\"columnSelectActive\">\r\n        <span class=\"material-icons column-select-icon\">menu</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.COLUMN_SELECT' | translate}}</span>\r\n      </button>\r\n\r\n      <button mat-button *ngIf=\"filterActive\" (click)=\"toggleFilterBar()\">\r\n        <span class=\"material-icons\">filter_list</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.FILTER_TOGGLE' | translate}}</span>\r\n      </button>\r\n\r\n      <button mat-stroked-button *ngIf=\"exportActive\" (click)=\"export()\">\r\n        <span class=\"material-icons-outlined\">cloud_download</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.EXPORT' | translate}}</span>\r\n      </button>\r\n    </div>\r\n\r\n    <ng-content select=\"[additionalActions]\"></ng-content>\r\n  </div>\r\n\r\n  <mat-menu #columnMenu=\"matMenu\">\r\n    <div class=\"column-select-wrapper\" (click)=\"$event.stopPropagation()\">\r\n      <div *ngFor=\"let column of configurableColumns\">\r\n        <mat-checkbox [(ngModel)]=\"column.selected\" (change)=\"updateDisplayColumns()\">\r\n          {{column.displayName | translate}}\r\n        </mat-checkbox>\r\n      </div>\r\n    </div>\r\n  </mat-menu>\r\n\r\n  <tld-filter-bar [filterRowVisible]=\"!filterBarVisible\" [settings]=\"filterSettings\" *ngIf=\"filterEnabled\"\r\n    (filterBarChange)=\"filtersChanged($event)\">\r\n  </tld-filter-bar>\r\n  <table #table mat-table [dataSource]=\"config.dataSource\">\r\n    <ng-content></ng-content>\r\n    <ng-container [matColumnDef]=\"batchColumnName\">\r\n      <th class=\"row-select\" mat-header-cell *matHeaderCellDef disable-export>\r\n        <mat-checkbox [disabled]=\"config.batchConfig!.checkBoxesDisabled\" (change)=\"toggleAllRowSelection()\"\r\n          [checked]=\"matSelection.hasValue() && isAllSelected()\"\r\n          [indeterminate]=\"matSelection.hasValue() && !isAllSelected()\">\r\n        </mat-checkbox>\r\n      </th>\r\n      <td class=\"row-select\" mat-cell *matCellDef=\"let element\" disable-export>\r\n        <mat-checkbox *ngIf=\"hoveredRow === element || matSelection.isSelected(element)\" [disabled]=\"config.batchConfig!.checkBoxesDisabled\" (click)=\"$event.stopPropagation()\"\r\n          (change)=\"toggleElementSelection(element)\" [checked]=\"matSelection.isSelected(element)\">\r\n        </mat-checkbox>\r\n      </td>\r\n    </ng-container>\r\n    <tr mat-header-row *matHeaderRowDef=\"displayColumns\" sticky></tr>\r\n    <tr mat-row *matRowDef=\"let row; columns: displayColumns\" (mouseover)=\"hoveredRow = row\" (mouseleave)=\"hoveredRow = null\" [class.highlight]=\"highlightElement(row)\"></tr>\r\n\r\n    <ng-container *ngIf=\"noDataRowActive\">\r\n      <tr *matNoDataRow>\r\n        <!-- add random number to make sure it takes full width -->\r\n        <td colspan=\"99\">\r\n          <div class=\"no-engines-wrapper\">\r\n            <ng-container *ngIf=\"!noDataRowConfig.loading; else loading\">\r\n              <div>\r\n                <span class=\"material-icons-outlined\">\r\n                  {{noDataRowIcon}}\r\n                </span>\r\n              </div>\r\n              <div class=\"text-xl-semi-bold\" *ngIf=\"noDataRowConfig.title\"\r\n                [innerHtml]=\"noDataRowConfig.title | translate: noDataRowConfig.titleParams\">\r\n              </div>\r\n              <div class=\"text-l\" *ngIf=\"noDataRowConfig.description\"\r\n                [innerHtml]=\"noDataRowConfig.description | translate: noDataRowConfig.descriptionParams\"></div>\r\n            </ng-container>\r\n            <ng-template #loading>\r\n              <mat-spinner color=\"accent\"></mat-spinner>\r\n            </ng-template>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n    </ng-container>\r\n\r\n  </table>\r\n</div>\r\n", styles: [":host ::ng-deep tr.mat-row:hover,:host ::ng-deep tr.mat-row.highlight{background-color:var(--base-95)}table{width:100%}.column-select-icon{rotate:90deg}.column-select-wrapper{padding:1rem}.material-icons,.material-icons-outlined{margin-right:.5rem}.table-action-button{margin-bottom:1rem}.mat-no-data-row{text-align:center}.mat-no-data-row .no-engines-wrapper{margin-top:4rem}.mat-no-data-row .material-icons-outlined{font-size:4rem;color:var(--base-70)}mat-spinner{margin:auto}th.mat-header-cell:first-of-type,td.mat-cell:first-of-type,td.mat-footer-cell:first-of-type{padding:0 22px}.row-select{width:0}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i4.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "component", type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i7.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i9.FilterBarComponent, selector: "tld-filter-bar", inputs: ["settings", "filterRowVisible"], outputs: ["filterBarChange"] }, { kind: "directive", type: i10.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i10.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i10.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i11.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+MultiFunctionalTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: MultiFunctionalTableComponent, selector: "tld-multi-functional-table", inputs: { config: "config", highlightedElements: "highlightedElements", selection: "selection" }, outputs: { filterBarChange: "filterBarChange", exported: "exported", selectionChange: "selectionChange" }, queries: [{ propertyName: "noDataRow", first: true, predicate: MatNoDataRow, descendants: true }, { propertyName: "headerRowDefs", predicate: MatHeaderRowDef }, { propertyName: "rowDefs", predicate: MatRowDef, descendants: true }, { propertyName: "columnDefs", predicate: MatColumnDef }], viewQueries: [{ propertyName: "table", first: true, predicate: MatTable, descendants: true, static: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "tableElementRef", first: true, predicate: MatTable, descendants: true, read: ElementRef }], ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutGap=\"1rem\">\r\n\r\n  <div fxLayout=\"row\">\r\n    <div fxFlex fxLayoutGap=\"1rem\">\r\n      <button mat-button [matMenuTriggerFor]=\"columnMenu\" *ngIf=\"columnSelectActive\">\r\n        <span class=\"material-icons column-select-icon\">menu</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.COLUMN_SELECT' | translate}}</span>\r\n      </button>\r\n\r\n      <button mat-button *ngIf=\"filterActive\" (click)=\"toggleFilterBar()\">\r\n        <span class=\"material-icons\">filter_list</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.FILTER_TOGGLE' | translate}}</span>\r\n      </button>\r\n\r\n      <button mat-stroked-button *ngIf=\"exportActive\" (click)=\"export()\">\r\n        <span class=\"material-icons-outlined\">cloud_download</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.EXPORT' | translate}}</span>\r\n      </button>\r\n    </div>\r\n\r\n    <ng-content select=\"[additionalActions]\"></ng-content>\r\n  </div>\r\n\r\n  <mat-menu #columnMenu=\"matMenu\">\r\n    <div class=\"column-select-wrapper\" (click)=\"$event.stopPropagation()\">\r\n      <div *ngFor=\"let column of configurableColumns\">\r\n        <mat-checkbox [(ngModel)]=\"column.selected\" (change)=\"updateDisplayColumns()\">\r\n          {{column.displayName | translate}}\r\n        </mat-checkbox>\r\n      </div>\r\n    </div>\r\n  </mat-menu>\r\n\r\n  <tld-filter-bar [filterRowVisible]=\"!filterBarVisible\" [settings]=\"filterSettings\" *ngIf=\"filterEnabled\"\r\n    (filterBarChange)=\"filtersChanged($event)\">\r\n  </tld-filter-bar>\r\n  <table #table mat-table [dataSource]=\"config.dataSource\">\r\n    <ng-content></ng-content>\r\n    <ng-container [matColumnDef]=\"batchColumnName\">\r\n      <th class=\"row-select\" mat-header-cell *matHeaderCellDef disable-export>\r\n        <mat-checkbox [disabled]=\"config.batchConfig!.checkBoxesDisabled\" (change)=\"toggleAllRowSelection()\"\r\n          [checked]=\"matSelection.hasValue() && isAllSelected()\"\r\n          [indeterminate]=\"matSelection.hasValue() && !isAllSelected()\">\r\n        </mat-checkbox>\r\n      </th>\r\n      <td class=\"row-select\" mat-cell *matCellDef=\"let element\" disable-export>\r\n        <mat-checkbox *ngIf=\"hoveredRow === element || matSelection.isSelected(element)\" [disabled]=\"config.batchConfig!.checkBoxesDisabled\" (click)=\"$event.stopPropagation()\"\r\n          (change)=\"toggleElementSelection(element)\" [checked]=\"matSelection.isSelected(element)\">\r\n        </mat-checkbox>\r\n      </td>\r\n    </ng-container>\r\n    <tr mat-header-row *matHeaderRowDef=\"displayColumns\" sticky></tr>\r\n    <tr mat-row *matRowDef=\"let row; columns: displayColumns\" (mouseover)=\"hoveredRow = row\" (mouseleave)=\"hoveredRow = null\" [class.highlight]=\"highlightElement(row)\"></tr>\r\n\r\n    <ng-container *ngIf=\"noDataRowActive\">\r\n      <tr *matNoDataRow>\r\n        <!-- add random number to make sure it takes full width -->\r\n        <td colspan=\"99\">\r\n          <div class=\"no-engines-wrapper\">\r\n            <ng-container *ngIf=\"!noDataRowConfig.loading; else loading\">\r\n              <div>\r\n                <span class=\"material-icons-outlined\">\r\n                  {{noDataRowIcon}}\r\n                </span>\r\n              </div>\r\n              <div class=\"text-xl-semi-bold\" *ngIf=\"noDataRowConfig.title\"\r\n                [innerHtml]=\"noDataRowConfig.title | translate: noDataRowConfig.titleParams\">\r\n              </div>\r\n              <div class=\"text-l\" *ngIf=\"noDataRowConfig.description\"\r\n                [innerHtml]=\"noDataRowConfig.description | translate: noDataRowConfig.descriptionParams\"></div>\r\n            </ng-container>\r\n            <ng-template #loading>\r\n              <mat-spinner color=\"accent\"></mat-spinner>\r\n            </ng-template>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n    </ng-container>\r\n\r\n  </table>\r\n</div>\r\n", styles: [":host ::ng-deep th,:host ::ng-deep tr{white-space:nowrap}:host ::ng-deep td{padding-right:10px!important}:host ::ng-deep tr.mat-row:hover,:host ::ng-deep tr.mat-row.highlight{background-color:var(--base-95)}table{width:100%}.column-select-icon{rotate:90deg}.column-select-wrapper{padding:1rem}.material-icons,.material-icons-outlined{margin-right:.5rem}.table-action-button{margin-bottom:1rem}.mat-no-data-row{text-align:center}.mat-no-data-row .no-engines-wrapper{margin-top:4rem}.mat-no-data-row .material-icons-outlined{font-size:4rem;color:var(--base-70)}mat-spinner{margin:auto}th.mat-header-cell:first-of-type,td.mat-cell:first-of-type,td.mat-footer-cell:first-of-type{padding:0 22px}.row-select{width:0}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i4.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "component", type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i7.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i9.FilterBarComponent, selector: "tld-filter-bar", inputs: ["settings", "filterRowVisible"], outputs: ["filterBarChange"] }, { kind: "directive", type: i10.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i10.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i10.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i11.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MultiFunctionalTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tld-multi-functional-table', template: "<div fxLayout=\"column\" fxLayoutGap=\"1rem\">\r\n\r\n  <div fxLayout=\"row\">\r\n    <div fxFlex fxLayoutGap=\"1rem\">\r\n      <button mat-button [matMenuTriggerFor]=\"columnMenu\" *ngIf=\"columnSelectActive\">\r\n        <span class=\"material-icons column-select-icon\">menu</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.COLUMN_SELECT' | translate}}</span>\r\n      </button>\r\n\r\n      <button mat-button *ngIf=\"filterActive\" (click)=\"toggleFilterBar()\">\r\n        <span class=\"material-icons\">filter_list</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.FILTER_TOGGLE' | translate}}</span>\r\n      </button>\r\n\r\n      <button mat-stroked-button *ngIf=\"exportActive\" (click)=\"export()\">\r\n        <span class=\"material-icons-outlined\">cloud_download</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.EXPORT' | translate}}</span>\r\n      </button>\r\n    </div>\r\n\r\n    <ng-content select=\"[additionalActions]\"></ng-content>\r\n  </div>\r\n\r\n  <mat-menu #columnMenu=\"matMenu\">\r\n    <div class=\"column-select-wrapper\" (click)=\"$event.stopPropagation()\">\r\n      <div *ngFor=\"let column of configurableColumns\">\r\n        <mat-checkbox [(ngModel)]=\"column.selected\" (change)=\"updateDisplayColumns()\">\r\n          {{column.displayName | translate}}\r\n        </mat-checkbox>\r\n      </div>\r\n    </div>\r\n  </mat-menu>\r\n\r\n  <tld-filter-bar [filterRowVisible]=\"!filterBarVisible\" [settings]=\"filterSettings\" *ngIf=\"filterEnabled\"\r\n    (filterBarChange)=\"filtersChanged($event)\">\r\n  </tld-filter-bar>\r\n  <table #table mat-table [dataSource]=\"config.dataSource\">\r\n    <ng-content></ng-content>\r\n    <ng-container [matColumnDef]=\"batchColumnName\">\r\n      <th class=\"row-select\" mat-header-cell *matHeaderCellDef disable-export>\r\n        <mat-checkbox [disabled]=\"config.batchConfig!.checkBoxesDisabled\" (change)=\"toggleAllRowSelection()\"\r\n          [checked]=\"matSelection.hasValue() && isAllSelected()\"\r\n          [indeterminate]=\"matSelection.hasValue() && !isAllSelected()\">\r\n        </mat-checkbox>\r\n      </th>\r\n      <td class=\"row-select\" mat-cell *matCellDef=\"let element\" disable-export>\r\n        <mat-checkbox *ngIf=\"hoveredRow === element || matSelection.isSelected(element)\" [disabled]=\"config.batchConfig!.checkBoxesDisabled\" (click)=\"$event.stopPropagation()\"\r\n          (change)=\"toggleElementSelection(element)\" [checked]=\"matSelection.isSelected(element)\">\r\n        </mat-checkbox>\r\n      </td>\r\n    </ng-container>\r\n    <tr mat-header-row *matHeaderRowDef=\"displayColumns\" sticky></tr>\r\n    <tr mat-row *matRowDef=\"let row; columns: displayColumns\" (mouseover)=\"hoveredRow = row\" (mouseleave)=\"hoveredRow = null\" [class.highlight]=\"highlightElement(row)\"></tr>\r\n\r\n    <ng-container *ngIf=\"noDataRowActive\">\r\n      <tr *matNoDataRow>\r\n        <!-- add random number to make sure it takes full width -->\r\n        <td colspan=\"99\">\r\n          <div class=\"no-engines-wrapper\">\r\n            <ng-container *ngIf=\"!noDataRowConfig.loading; else loading\">\r\n              <div>\r\n                <span class=\"material-icons-outlined\">\r\n                  {{noDataRowIcon}}\r\n                </span>\r\n              </div>\r\n              <div class=\"text-xl-semi-bold\" *ngIf=\"noDataRowConfig.title\"\r\n                [innerHtml]=\"noDataRowConfig.title | translate: noDataRowConfig.titleParams\">\r\n              </div>\r\n              <div class=\"text-l\" *ngIf=\"noDataRowConfig.description\"\r\n                [innerHtml]=\"noDataRowConfig.description | translate: noDataRowConfig.descriptionParams\"></div>\r\n            </ng-container>\r\n            <ng-template #loading>\r\n              <mat-spinner color=\"accent\"></mat-spinner>\r\n            </ng-template>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n    </ng-container>\r\n\r\n  </table>\r\n</div>\r\n", styles: [":host ::ng-deep tr.mat-row:hover,:host ::ng-deep tr.mat-row.highlight{background-color:var(--base-95)}table{width:100%}.column-select-icon{rotate:90deg}.column-select-wrapper{padding:1rem}.material-icons,.material-icons-outlined{margin-right:.5rem}.table-action-button{margin-bottom:1rem}.mat-no-data-row{text-align:center}.mat-no-data-row .no-engines-wrapper{margin-top:4rem}.mat-no-data-row .material-icons-outlined{font-size:4rem;color:var(--base-70)}mat-spinner{margin:auto}th.mat-header-cell:first-of-type,td.mat-cell:first-of-type,td.mat-footer-cell:first-of-type{padding:0 22px}.row-select{width:0}\n"] }]
+            args: [{ selector: 'tld-multi-functional-table', template: "<div fxLayout=\"column\" fxLayoutGap=\"1rem\">\r\n\r\n  <div fxLayout=\"row\">\r\n    <div fxFlex fxLayoutGap=\"1rem\">\r\n      <button mat-button [matMenuTriggerFor]=\"columnMenu\" *ngIf=\"columnSelectActive\">\r\n        <span class=\"material-icons column-select-icon\">menu</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.COLUMN_SELECT' | translate}}</span>\r\n      </button>\r\n\r\n      <button mat-button *ngIf=\"filterActive\" (click)=\"toggleFilterBar()\">\r\n        <span class=\"material-icons\">filter_list</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.FILTER_TOGGLE' | translate}}</span>\r\n      </button>\r\n\r\n      <button mat-stroked-button *ngIf=\"exportActive\" (click)=\"export()\">\r\n        <span class=\"material-icons-outlined\">cloud_download</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.EXPORT' | translate}}</span>\r\n      </button>\r\n    </div>\r\n\r\n    <ng-content select=\"[additionalActions]\"></ng-content>\r\n  </div>\r\n\r\n  <mat-menu #columnMenu=\"matMenu\">\r\n    <div class=\"column-select-wrapper\" (click)=\"$event.stopPropagation()\">\r\n      <div *ngFor=\"let column of configurableColumns\">\r\n        <mat-checkbox [(ngModel)]=\"column.selected\" (change)=\"updateDisplayColumns()\">\r\n          {{column.displayName | translate}}\r\n        </mat-checkbox>\r\n      </div>\r\n    </div>\r\n  </mat-menu>\r\n\r\n  <tld-filter-bar [filterRowVisible]=\"!filterBarVisible\" [settings]=\"filterSettings\" *ngIf=\"filterEnabled\"\r\n    (filterBarChange)=\"filtersChanged($event)\">\r\n  </tld-filter-bar>\r\n  <table #table mat-table [dataSource]=\"config.dataSource\">\r\n    <ng-content></ng-content>\r\n    <ng-container [matColumnDef]=\"batchColumnName\">\r\n      <th class=\"row-select\" mat-header-cell *matHeaderCellDef disable-export>\r\n        <mat-checkbox [disabled]=\"config.batchConfig!.checkBoxesDisabled\" (change)=\"toggleAllRowSelection()\"\r\n          [checked]=\"matSelection.hasValue() && isAllSelected()\"\r\n          [indeterminate]=\"matSelection.hasValue() && !isAllSelected()\">\r\n        </mat-checkbox>\r\n      </th>\r\n      <td class=\"row-select\" mat-cell *matCellDef=\"let element\" disable-export>\r\n        <mat-checkbox *ngIf=\"hoveredRow === element || matSelection.isSelected(element)\" [disabled]=\"config.batchConfig!.checkBoxesDisabled\" (click)=\"$event.stopPropagation()\"\r\n          (change)=\"toggleElementSelection(element)\" [checked]=\"matSelection.isSelected(element)\">\r\n        </mat-checkbox>\r\n      </td>\r\n    </ng-container>\r\n    <tr mat-header-row *matHeaderRowDef=\"displayColumns\" sticky></tr>\r\n    <tr mat-row *matRowDef=\"let row; columns: displayColumns\" (mouseover)=\"hoveredRow = row\" (mouseleave)=\"hoveredRow = null\" [class.highlight]=\"highlightElement(row)\"></tr>\r\n\r\n    <ng-container *ngIf=\"noDataRowActive\">\r\n      <tr *matNoDataRow>\r\n        <!-- add random number to make sure it takes full width -->\r\n        <td colspan=\"99\">\r\n          <div class=\"no-engines-wrapper\">\r\n            <ng-container *ngIf=\"!noDataRowConfig.loading; else loading\">\r\n              <div>\r\n                <span class=\"material-icons-outlined\">\r\n                  {{noDataRowIcon}}\r\n                </span>\r\n              </div>\r\n              <div class=\"text-xl-semi-bold\" *ngIf=\"noDataRowConfig.title\"\r\n                [innerHtml]=\"noDataRowConfig.title | translate: noDataRowConfig.titleParams\">\r\n              </div>\r\n              <div class=\"text-l\" *ngIf=\"noDataRowConfig.description\"\r\n                [innerHtml]=\"noDataRowConfig.description | translate: noDataRowConfig.descriptionParams\"></div>\r\n            </ng-container>\r\n            <ng-template #loading>\r\n              <mat-spinner color=\"accent\"></mat-spinner>\r\n            </ng-template>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n    </ng-container>\r\n\r\n  </table>\r\n</div>\r\n", styles: [":host ::ng-deep th,:host ::ng-deep tr{white-space:nowrap}:host ::ng-deep td{padding-right:10px!important}:host ::ng-deep tr.mat-row:hover,:host ::ng-deep tr.mat-row.highlight{background-color:var(--base-95)}table{width:100%}.column-select-icon{rotate:90deg}.column-select-wrapper{padding:1rem}.material-icons,.material-icons-outlined{margin-right:.5rem}.table-action-button{margin-bottom:1rem}.mat-no-data-row{text-align:center}.mat-no-data-row .no-engines-wrapper{margin-top:4rem}.mat-no-data-row .material-icons-outlined{font-size:4rem;color:var(--base-70)}mat-spinner{margin:auto}th.mat-header-cell:first-of-type,td.mat-cell:first-of-type,td.mat-footer-cell:first-of-type{padding:0 22px}.row-select{width:0}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DOMService }, { type: i2.TranslateService }]; }, propDecorators: { config: [{
                 type: Input
             }], highlightedElements: [{

package/esm2020/lib/pipes/date-ago/date-ago.pipe.mjs

@@ -62,6 +62,9 @@ export class DateAgoPipe {
     get justNowSeconds() { return this.settings?.justNowSeconds ?? this.defaultSettings.justNowSeconds; }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     transform(value, enableMultiplePostfix = true) {
+        if (!value) {
+            return "";
+        }
         const dateAgo = this.calculateDateAgo(value, enableMultiplePostfix);
         if (!dateAgo) {
             return "";
@@ -108,4 +111,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
                 }, {
                     type: Optional
                 }] }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1hZ28ucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21tb24vc3JjL2xpYi9waXBlcy9kYXRlLWFnby9kYXRlLWFnby5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsTUFBTSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxhQUFhLEVBQW9CLE1BQU0scUJBQXFCLENBQUM7QUFDdEUsT0FBTyxFQUE0QixvQkFBb0IsRUFBRSxNQUFNLFVBQVUsQ0FBQzs7O0FBTTFFOztHQUVHO0FBQ0gsTUFBTSxPQUFPLFdBQVc7SUFxRHRCLFlBQTZCLFNBQTJCLEVBQ3JDLElBQXVCLEVBQ21CLFFBQXlCO1FBRnpELGNBQVMsR0FBVCxTQUFTLENBQWtCO1FBQ3JDLFNBQUksR0FBSixJQUFJLENBQW1CO1FBQ21CLGFBQVEsR0FBUixRQUFRLENBQWlCO1FBckQ3RSxvQkFBZSxHQUFvQjtZQUMxQyxTQUFTLEVBQUU7Z0JBQ1Q7b0JBQ0UsR0FBRyxFQUFFLE1BQU07b0JBQ1gsUUFBUSxFQUFFLFFBQVE7b0JBQ2xCLEdBQUcsRUFBRSxDQUFDO2lCQUNQO2dCQUNEO29CQUNFLEdBQUcsRUFBRSxPQUFPO29CQUNaLFFBQVEsRUFBRSxPQUFPO29CQUNqQixHQUFHLEVBQUUsQ0FBQztpQkFDUDtnQkFDRDtvQkFDRSxHQUFHLEVBQUUsTUFBTTtvQkFDWCxRQUFRLEVBQUUsTUFBTTtvQkFDaEIsR0FBRyxFQUFFLENBQUM7aUJBQ1A7Z0JBQ0Q7b0JBQ0UsR0FBRyxFQUFFLEtBQUs7b0JBQ1YsUUFBUSxFQUFFLEtBQUs7b0JBQ2YsR0FBRyxFQUFFLENBQUM7aUJBQ1A7Z0JBQ0Q7b0JBQ0UsR0FBRyxFQUFFLE1BQU07b0JBQ1gsUUFBUSxFQUFFLElBQUk7b0JBQ2QsR0FBRyxFQUFFLENBQUM7aUJBQ1A7Z0JBQ0Q7b0JBQ0UsR0FBRyxFQUFFLFFBQVE7b0JBQ2IsUUFBUSxFQUFFLEVBQUU7b0JBQ1osR0FBRyxFQUFFLENBQUM7aUJBQ1A7Z0JBQ0Q7b0JBQ0UsR0FBRyxFQUFFLFFBQVE7b0JBQ2IsUUFBUSxFQUFFLENBQUM7b0JBQ1gsR0FBRyxFQUFFLEVBQUU7aUJBQ1I7YUFDRjtZQUNELGtCQUFrQixFQUFFLFVBQVU7WUFDOUIsZUFBZSxFQUFFLEdBQUc7WUFDcEIsVUFBVSxFQUFFLFVBQVU7WUFDdEIsY0FBYyxFQUFFLEVBQUU7U0FFbkIsQ0FBQztJQVlGLENBQUM7SUFWRCxJQUFJLFNBQVMsS0FBSyxPQUFPLElBQUksQ0FBQyxRQUFRLEVBQUUsU0FBUyxJQUFJLElBQUksQ0FBQyxlQUFlLENBQUMsU0FBUyxDQUFBLENBQUMsQ0FBQztJQUNyRixJQUFJLGVBQWUsS0FBSyxPQUFPLElBQUksQ0FBQyxRQUFRLEVBQUUsZUFBZSxJQUFJLElBQUksQ0FBQyxlQUFlLENBQUMsZUFBZSxDQUFBLENBQUMsQ0FBQztJQUN2RyxJQUFJLGtCQUFrQixLQUFLLE9BQU8sSUFBSSxDQUFDLFFBQVEsRUFBRSxrQkFBa0IsSUFBSSxJQUFJLENBQUMsZUFBZSxDQUFDLGtCQUFrQixDQUFBLENBQUMsQ0FBQztJQUNoSCxJQUFJLFVBQVUsS0FBSyxPQUFPLElBQUksQ0FBQyxRQUFRLEVBQUUsVUFBVSxJQUFJLElBQUksQ0FBQyxlQUFlLENBQUMsVUFBVSxDQUFBLENBQUMsQ0FBQztJQUN4RixJQUFJLGNBQWMsS0FBSyxPQUFPLElBQUksQ0FBQyxRQUFRLEVBQUUsY0FBYyxJQUFJLElBQUksQ0FBQyxlQUFlLENBQUMsY0FBYyxDQUFBLENBQUMsQ0FBQztJQVFwRyw4REFBOEQ7SUFDOUQsU0FBUyxDQUFDLEtBQVcsRUFBRSxxQkFBcUIsR0FBRyxJQUFJO1FBQ2pELE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUUscUJBQXFCLENBQUMsQ0FBQztRQUNwRSxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ1osT0FBTyxFQUFFLENBQUM7U0FDWDtRQUVELE1BQU0sYUFBYSxHQUFHLElBQUksYUFBYSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ25FLE9BQU8sYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLElBQUksQ0FBQyxrQkFBa0IsSUFBSSxPQUFPLENBQUMsR0FBRyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsT0FBTyxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUM7SUFDMUcsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQVcsRUFBRSxxQkFBOEI7UUFDMUQsSUFBSSxLQUFLLEVBQUU7WUFDVCxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQyxPQUFPLEVBQUUsR0FBRyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxPQUFPLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQyxDQUFDO1lBQ3RGLElBQUksT0FBTyxHQUFHLElBQUksQ0FBQyxjQUFjLEVBQUUsbURBQW1EO2dCQUNwRixPQUFPLEVBQUUsR0FBRyxFQUFFLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUVsQyw4REFBOEQ7WUFFOUQsSUFBSSxPQUFnQixDQUFDO1lBQ3JCLElBQUksSUFBYSxDQUFDO1lBRWxCLEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sRUFBRSxDQUFDLEVBQUUsRUFBRTtnQkFDOUMsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDbkMsT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFHLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDbEQsSUFBSSxPQUFPLElBQUksUUFBUSxDQUFDLEdBQUcsRUFBRTtvQkFDM0IsSUFBSSxHQUFHLFFBQVEsQ0FBQyxHQUFHLENBQUM7b0JBQ3BCLElBQUkscUJBQXFCLElBQUksT0FBTyxHQUFHLENBQUMsRUFBRTt3QkFDeEMseUNBQXlDO3dCQUN6QyxJQUFJLElBQUksSUFBSSxDQUFDLGVBQWUsQ0FBQztxQkFDOUI7b0JBQ0QsTUFBTTtpQkFDUDthQUNGO1lBQ0QsT0FBTyxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxDQUFDO1NBQ3hDO1FBQ0QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDOzt3R0FoR1UsV0FBVyxtRkF1RFosb0JBQW9CO3NHQXZEbkIsV0FBVzsyRkFBWCxXQUFXO2tCQVB2QixJQUFJO21CQUFDO29CQUNKLElBQUksRUFBRSxTQUFTO29CQUNmLElBQUksRUFBRSxLQUFLO2lCQUNaOzswQkEyREksTUFBTTsyQkFBQyxvQkFBb0I7OzBCQUFHLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgSW5qZWN0LCBPcHRpb25hbCwgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBUcmFuc2xhdGVQaXBlLCBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XHJcbmltcG9ydCB7IERhdGVBZ28sIERhdGVBZ29TZXR0aW5ncywgRGF0ZUFnb1NldHRpbmdzVG9rZW4gfSBmcm9tICcuL21vZGVscyc7XHJcblxyXG5AUGlwZSh7XHJcbiAgbmFtZTogJ2RhdGVBZ28nLFxyXG4gIHB1cmU6IGZhbHNlXHJcbn0pXHJcbi8qKlxyXG4gKiBQaXBlIHRoYXQgY29udmVydHMgZGF0ZSB0byBkYXRlIGFnbyBhbmQgcmV0dXJucyB0cmFuc2xhdGVkIHN0cmluZy5cclxuICovXHJcbmV4cG9ydCBjbGFzcyBEYXRlQWdvUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xyXG5cclxuICByZWFkb25seSBkZWZhdWx0U2V0dGluZ3M6IERhdGVBZ29TZXR0aW5ncyA9IHtcclxuICAgIGludGVydmFsczogW1xyXG4gICAgICB7XHJcbiAgICAgICAga2V5OiBcIllFQVJcIixcclxuICAgICAgICBpbnRlcnZhbDogMzE1MzYwMDAsXHJcbiAgICAgICAgbWluOiAxXHJcbiAgICAgIH0sXHJcbiAgICAgIHtcclxuICAgICAgICBrZXk6IFwiTU9OVEhcIixcclxuICAgICAgICBpbnRlcnZhbDogMjU5MjAwMCxcclxuICAgICAgICBtaW46IDFcclxuICAgICAgfSxcclxuICAgICAge1xyXG4gICAgICAgIGtleTogXCJXRUVLXCIsXHJcbiAgICAgICAgaW50ZXJ2YWw6IDYwNDgwMCxcclxuICAgICAgICBtaW46IDJcclxuICAgICAgfSxcclxuICAgICAge1xyXG4gICAgICAgIGtleTogXCJEQVlcIixcclxuICAgICAgICBpbnRlcnZhbDogODY0MDAsXHJcbiAgICAgICAgbWluOiAxXHJcbiAgICAgIH0sXHJcbiAgICAgIHtcclxuICAgICAgICBrZXk6IFwiSE9VUlwiLFxyXG4gICAgICAgIGludGVydmFsOiAzNjAwLFxyXG4gICAgICAgIG1pbjogMVxyXG4gICAgICB9LFxyXG4gICAgICB7XHJcbiAgICAgICAga2V5OiBcIk1JTlVURVwiLFxyXG4gICAgICAgIGludGVydmFsOiA2MCxcclxuICAgICAgICBtaW46IDFcclxuICAgICAgfSxcclxuICAgICAge1xyXG4gICAgICAgIGtleTogXCJTRUNPTkRcIixcclxuICAgICAgICBpbnRlcnZhbDogMSxcclxuICAgICAgICBtaW46IDEwXHJcbiAgICAgIH1cclxuICAgIF0sXHJcbiAgICBsb2NhbGl6YXRpb25QcmVmaXg6IFwiREFURV9BR09cIixcclxuICAgIG11bHRpcGxlUG9zdGZpeDogXCJTXCIsXHJcbiAgICBqdXN0Tm93S2V5OiBcIkpVU1RfTk9XXCIsXHJcbiAgICBqdXN0Tm93U2Vjb25kczogMjlcclxuXHJcbiAgfTtcclxuXHJcbiAgZ2V0IGludGVydmFscygpIHsgcmV0dXJuIHRoaXMuc2V0dGluZ3M/LmludGVydmFscyA/PyB0aGlzLmRlZmF1bHRTZXR0aW5ncy5pbnRlcnZhbHMgfVxyXG4gIGdldCBtdWx0aXBsZVBvc3RmaXgoKSB7IHJldHVybiB0aGlzLnNldHRpbmdzPy5tdWx0aXBsZVBvc3RmaXggPz8gdGhpcy5kZWZhdWx0U2V0dGluZ3MubXVsdGlwbGVQb3N0Zml4IH1cclxuICBnZXQgbG9jYWxpemF0aW9uUHJlZml4KCkgeyByZXR1cm4gdGhpcy5zZXR0aW5ncz8ubG9jYWxpemF0aW9uUHJlZml4ID8/IHRoaXMuZGVmYXVsdFNldHRpbmdzLmxvY2FsaXphdGlvblByZWZpeCB9XHJcbiAgZ2V0IGp1c3ROb3dLZXkoKSB7IHJldHVybiB0aGlzLnNldHRpbmdzPy5qdXN0Tm93S2V5ID8/IHRoaXMuZGVmYXVsdFNldHRpbmdzLmp1c3ROb3dLZXkgfVxyXG4gIGdldCBqdXN0Tm93U2Vjb25kcygpIHsgcmV0dXJuIHRoaXMuc2V0dGluZ3M/Lmp1c3ROb3dTZWNvbmRzID8/IHRoaXMuZGVmYXVsdFNldHRpbmdzLmp1c3ROb3dTZWNvbmRzIH1cclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXHJcbiAgICBwcml2YXRlIHJlYWRvbmx5IF9yZWY6IENoYW5nZURldGVjdG9yUmVmLFxyXG4gICAgQEluamVjdChEYXRlQWdvU2V0dGluZ3NUb2tlbikgQE9wdGlvbmFsKCkgcHJpdmF0ZSByZWFkb25seSBzZXR0aW5nczogRGF0ZUFnb1NldHRpbmdzKSB7XHJcblxyXG4gIH1cclxuXHJcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby1leHBsaWNpdC1hbnlcclxuICB0cmFuc2Zvcm0odmFsdWU6IERhdGUsIGVuYWJsZU11bHRpcGxlUG9zdGZpeCA9IHRydWUpOiBzdHJpbmcge1xyXG4gICAgY29uc3QgZGF0ZUFnbyA9IHRoaXMuY2FsY3VsYXRlRGF0ZUFnbyh2YWx1ZSwgZW5hYmxlTXVsdGlwbGVQb3N0Zml4KTtcclxuICAgIGlmICghZGF0ZUFnbykge1xyXG4gICAgICByZXR1cm4gXCJcIjtcclxuICAgIH1cclxuXHJcbiAgICBjb25zdCB0cmFuc2xhdGVQaXBlID0gbmV3IFRyYW5zbGF0ZVBpcGUodGhpcy50cmFuc2xhdGUsIHRoaXMuX3JlZik7XHJcbiAgICByZXR1cm4gdHJhbnNsYXRlUGlwZS50cmFuc2Zvcm0oYCR7dGhpcy5sb2NhbGl6YXRpb25QcmVmaXh9LiR7ZGF0ZUFnby5rZXl9YCwgeyB2YWx1ZTogZGF0ZUFnby5ob3dNYW55IH0pO1xyXG4gIH1cclxuXHJcbiAgY2FsY3VsYXRlRGF0ZUFnbyh2YWx1ZTogRGF0ZSwgZW5hYmxlTXVsdGlwbGVQb3N0Zml4OiBib29sZWFuKTogRGF0ZUFnbyB8IG51bGwge1xyXG4gICAgaWYgKHZhbHVlKSB7XHJcbiAgICAgIGNvbnN0IHNlY29uZHMgPSBNYXRoLmZsb29yKChuZXcgRGF0ZSgpLmdldFRpbWUoKSAtIG5ldyBEYXRlKHZhbHVlKS5nZXRUaW1lKCkpIC8gMTAwMCk7XHJcbiAgICAgIGlmIChzZWNvbmRzIDwgdGhpcy5qdXN0Tm93U2Vjb25kcykgLy8gbGVzcyB0aGFuIDMwIHNlY29uZHMgYWdvIHdpbGwgc2hvdyBhcyAnSnVzdCBub3cnXHJcbiAgICAgICAgcmV0dXJuIHsga2V5OiB0aGlzLmp1c3ROb3dLZXkgfTtcclxuXHJcbiAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tZXhwbGljaXQtYW55XHJcblxyXG4gICAgICBsZXQgY291bnRlciE6IG51bWJlcjtcclxuICAgICAgbGV0IHR5cGUhOiBzdHJpbmc7XHJcblxyXG4gICAgICBmb3IgKGxldCBpID0gMDsgaSA8IHRoaXMuaW50ZXJ2YWxzLmxlbmd0aDsgaSsrKSB7XHJcbiAgICAgICAgY29uc3QgaW50ZXJ2YWwgPSB0aGlzLmludGVydmFsc1tpXTtcclxuICAgICAgICBjb3VudGVyID0gTWF0aC5mbG9vcihzZWNvbmRzIC8gaW50ZXJ2YWwuaW50ZXJ2YWwpO1xyXG4gICAgICAgIGlmIChjb3VudGVyID49IGludGVydmFsLm1pbikge1xyXG4gICAgICAgICAgdHlwZSA9IGludGVydmFsLmtleTtcclxuICAgICAgICAgIGlmIChlbmFibGVNdWx0aXBsZVBvc3RmaXggJiYgY291bnRlciA+IDEpIHtcclxuICAgICAgICAgICAgLy8gYWRkIFwiU1wiIGluIHRoZSBlbmQgb2YgbG9jYWxpemF0aW9uIGtleVxyXG4gICAgICAgICAgICB0eXBlICs9IHRoaXMubXVsdGlwbGVQb3N0Zml4O1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgICAgYnJlYWs7XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICAgIHJldHVybiB7IGtleTogdHlwZSwgaG93TWFueTogY291bnRlciB9O1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIG51bGw7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1hZ28ucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1jb21tb24vc3JjL2xpYi9waXBlcy9kYXRlLWFnby9kYXRlLWFnby5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBcUIsTUFBTSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxhQUFhLEVBQW9CLE1BQU0scUJBQXFCLENBQUM7QUFDdEUsT0FBTyxFQUE0QixvQkFBb0IsRUFBRSxNQUFNLFVBQVUsQ0FBQzs7O0FBTTFFOztHQUVHO0FBQ0gsTUFBTSxPQUFPLFdBQVc7SUFxRHRCLFlBQTZCLFNBQTJCLEVBQ3JDLElBQXVCLEVBQ21CLFFBQXlCO1FBRnpELGNBQVMsR0FBVCxTQUFTLENBQWtCO1FBQ3JDLFNBQUksR0FBSixJQUFJLENBQW1CO1FBQ21CLGFBQVEsR0FBUixRQUFRLENBQWlCO1FBckQ3RSxvQkFBZSxHQUFvQjtZQUMxQyxTQUFTLEVBQUU7Z0JBQ1Q7b0JBQ0UsR0FBRyxFQUFFLE1BQU07b0JBQ1gsUUFBUSxFQUFFLFFBQVE7b0JBQ2xCLEdBQUcsRUFBRSxDQUFDO2lCQUNQO2dCQUNEO29CQUNFLEdBQUcsRUFBRSxPQUFPO29CQUNaLFFBQVEsRUFBRSxPQUFPO29CQUNqQixHQUFHLEVBQUUsQ0FBQztpQkFDUDtnQkFDRDtvQkFDRSxHQUFHLEVBQUUsTUFBTTtvQkFDWCxRQUFRLEVBQUUsTUFBTTtvQkFDaEIsR0FBRyxFQUFFLENBQUM7aUJBQ1A7Z0JBQ0Q7b0JBQ0UsR0FBRyxFQUFFLEtBQUs7b0JBQ1YsUUFBUSxFQUFFLEtBQUs7b0JBQ2YsR0FBRyxFQUFFLENBQUM7aUJBQ1A7Z0JBQ0Q7b0JBQ0UsR0FBRyxFQUFFLE1BQU07b0JBQ1gsUUFBUSxFQUFFLElBQUk7b0JBQ2QsR0FBRyxFQUFFLENBQUM7aUJBQ1A7Z0JBQ0Q7b0JB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O29CQUMzQixJQUFJLEdBQUcsUUFBUSxDQUFDLEdBQUcsQ0FBQztvQkFDcEIsSUFBSSxxQkFBcUIsSUFBSSxPQUFPLEdBQUcsQ0FBQyxFQUFFO3dCQUN4Qyx5Q0FBeUM7d0JBQ3pDLElBQUksSUFBSSxJQUFJLENBQUMsZUFBZSxDQUFDO3FCQUM5QjtvQkFDRCxNQUFNO2lCQUNQO2FBQ0Y7WUFDRCxPQUFPLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLENBQUM7U0FDeEM7UUFDRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7O3dHQXBHVSxXQUFXLG1GQXVEWixvQkFBb0I7c0dBdkRuQixXQUFXOzJGQUFYLFdBQVc7a0JBUHZCLElBQUk7bUJBQUM7b0JBQ0osSUFBSSxFQUFFLFNBQVM7b0JBQ2YsSUFBSSxFQUFFLEtBQUs7aUJBQ1o7OzBCQTJESSxNQUFNOzJCQUFDLG9CQUFvQjs7MEJBQUcsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBJbmplY3QsIE9wdGlvbmFsLCBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZVBpcGUsIFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcclxuaW1wb3J0IHsgRGF0ZUFnbywgRGF0ZUFnb1NldHRpbmdzLCBEYXRlQWdvU2V0dGluZ3NUb2tlbiB9IGZyb20gJy4vbW9kZWxzJztcclxuXHJcbkBQaXBlKHtcclxuICBuYW1lOiAnZGF0ZUFnbycsXHJcbiAgcHVyZTogZmFsc2VcclxufSlcclxuLyoqXHJcbiAqIFBpcGUgdGhhdCBjb252ZXJ0cyBkYXRlIHRvIGRhdGUgYWdvIGFuZCByZXR1cm5zIHRyYW5zbGF0ZWQgc3RyaW5nLlxyXG4gKi9cclxuZXhwb3J0IGNsYXNzIERhdGVBZ29QaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XHJcblxyXG4gIHJlYWRvbmx5IGRlZmF1bHRTZXR0aW5nczogRGF0ZUFnb1NldHRpbmdzID0ge1xyXG4gICAgaW50ZXJ2YWxzOiBbXHJcbiAgICAgIHtcclxuICAgICAgICBrZXk6IFwiWUVBUlwiLFxyXG4gICAgICAgIGludGVydmFsOiAzMTUzNjAwMCxcclxuICAgICAgICBtaW46IDFcclxuICAgICAgfSxcclxuICAgICAge1xyXG4gICAgICAgIGtleTogXCJNT05USFwiLFxyXG4gICAgICAgIGludGVydmFsOiAyNTkyMDAwLFxyXG4gICAgICAgIG1pbjogMVxyXG4gICAgICB9LFxyXG4gICAgICB7XHJcbiAgICAgICAga2V5OiBcIldFRUtcIixcclxuICAgICAgICBpbnRlcnZhbDogNjA0ODAwLFxyXG4gICAgICAgIG1pbjogMlxyXG4gICAgICB9LFxyXG4gICAgICB7XHJcbiAgICAgICAga2V5OiBcIkRBWVwiLFxyXG4gICAgICAgIGludGVydmFsOiA4NjQwMCxcclxuICAgICAgICBtaW46IDFcclxuICAgICAgfSxcclxuICAgICAge1xyXG4gICAgICAgIGtleTogXCJIT1VSXCIsXHJcbiAgICAgICAgaW50ZXJ2YWw6IDM2MDAsXHJcbiAgICAgICAgbWluOiAxXHJcbiAgICAgIH0sXHJcbiAgICAgIHtcclxuICAgICAgICBrZXk6IFwiTUlOVVRFXCIsXHJcbiAgICAgICAgaW50ZXJ2YWw6IDYwLFxyXG4gICAgICAgIG1pbjogMVxyXG4gICAgICB9LFxyXG4gICAgICB7XHJcbiAgICAgICAga2V5OiBcIlNFQ09ORFwiLFxyXG4gICAgICAgIGludGVydmFsOiAxLFxyXG4gICAgICAgIG1pbjogMTBcclxuICAgICAgfVxyXG4gICAgXSxcclxuICAgIGxvY2FsaXphdGlvblByZWZpeDogXCJEQVRFX0FHT1wiLFxyXG4gICAgbXVsdGlwbGVQb3N0Zml4OiBcIlNcIixcclxuICAgIGp1c3ROb3dLZXk6IFwiSlVTVF9OT1dcIixcclxuICAgIGp1c3ROb3dTZWNvbmRzOiAyOVxyXG5cclxuICB9O1xyXG5cclxuICBnZXQgaW50ZXJ2YWxzKCkgeyByZXR1cm4gdGhpcy5zZXR0aW5ncz8uaW50ZXJ2YWxzID8/IHRoaXMuZGVmYXVsdFNldHRpbmdzLmludGVydmFscyB9XHJcbiAgZ2V0IG11bHRpcGxlUG9zdGZpeCgpIHsgcmV0dXJuIHRoaXMuc2V0dGluZ3M/Lm11bHRpcGxlUG9zdGZpeCA/PyB0aGlzLmRlZmF1bHRTZXR0aW5ncy5tdWx0aXBsZVBvc3RmaXggfVxyXG4gIGdldCBsb2NhbGl6YXRpb25QcmVmaXgoKSB7IHJldHVybiB0aGlzLnNldHRpbmdzPy5sb2NhbGl6YXRpb25QcmVmaXggPz8gdGhpcy5kZWZhdWx0U2V0dGluZ3MubG9jYWxpemF0aW9uUHJlZml4IH1cclxuICBnZXQganVzdE5vd0tleSgpIHsgcmV0dXJuIHRoaXMuc2V0dGluZ3M/Lmp1c3ROb3dLZXkgPz8gdGhpcy5kZWZhdWx0U2V0dGluZ3MuanVzdE5vd0tleSB9XHJcbiAgZ2V0IGp1c3ROb3dTZWNvbmRzKCkgeyByZXR1cm4gdGhpcy5zZXR0aW5ncz8uanVzdE5vd1NlY29uZHMgPz8gdGhpcy5kZWZhdWx0U2V0dGluZ3MuanVzdE5vd1NlY29uZHMgfVxyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcclxuICAgIHByaXZhdGUgcmVhZG9ubHkgX3JlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgICBASW5qZWN0KERhdGVBZ29TZXR0aW5nc1Rva2VuKSBAT3B0aW9uYWwoKSBwcml2YXRlIHJlYWRvbmx5IHNldHRpbmdzOiBEYXRlQWdvU2V0dGluZ3MpIHtcclxuXHJcbiAgfVxyXG5cclxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxyXG4gIHRyYW5zZm9ybSh2YWx1ZTogRGF0ZSwgZW5hYmxlTXVsdGlwbGVQb3N0Zml4ID0gdHJ1ZSk6IHN0cmluZyB7XHJcbiAgICBpZiAoIXZhbHVlKSB7XHJcbiAgICAgIHJldHVybiBcIlwiO1xyXG4gICAgfVxyXG5cclxuICAgIGNvbnN0IGRhdGVBZ28gPSB0aGlzLmNhbGN1bGF0ZURhdGVBZ28odmFsdWUsIGVuYWJsZU11bHRpcGxlUG9zdGZpeCk7XHJcbiAgICBpZiAoIWRhdGVBZ28pIHtcclxuICAgICAgcmV0dXJuIFwiXCI7XHJcbiAgICB9XHJcblxyXG4gICAgY29uc3QgdHJhbnNsYXRlUGlwZSA9IG5ldyBUcmFuc2xhdGVQaXBlKHRoaXMudHJhbnNsYXRlLCB0aGlzLl9yZWYpO1xyXG4gICAgcmV0dXJuIHRyYW5zbGF0ZVBpcGUudHJhbnNmb3JtKGAke3RoaXMubG9jYWxpemF0aW9uUHJlZml4fS4ke2RhdGVBZ28ua2V5fWAsIHsgdmFsdWU6IGRhdGVBZ28uaG93TWFueSB9KTtcclxuICB9XHJcblxyXG4gIGNhbGN1bGF0ZURhdGVBZ28odmFsdWU6IERhdGUsIGVuYWJsZU11bHRpcGxlUG9zdGZpeDogYm9vbGVhbik6IERhdGVBZ28gfCBudWxsIHtcclxuICAgIGlmICh2YWx1ZSkge1xyXG4gICAgICBjb25zdCBzZWNvbmRzID0gTWF0aC5mbG9vcigobmV3IERhdGUoKS5nZXRUaW1lKCkgLSBuZXcgRGF0ZSh2YWx1ZSkuZ2V0VGltZSgpKSAvIDEwMDApO1xyXG4gICAgICBpZiAoc2Vjb25kcyA8IHRoaXMuanVzdE5vd1NlY29uZHMpIC8vIGxlc3MgdGhhbiAzMCBzZWNvbmRzIGFnbyB3aWxsIHNob3cgYXMgJ0p1c3Qgbm93J1xyXG4gICAgICAgIHJldHVybiB7IGtleTogdGhpcy5qdXN0Tm93S2V5IH07XHJcblxyXG4gICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueVxyXG5cclxuICAgICAgbGV0IGNvdW50ZXIhOiBudW1iZXI7XHJcbiAgICAgIGxldCB0eXBlITogc3RyaW5nO1xyXG5cclxuICAgICAgZm9yIChsZXQgaSA9IDA7IGkgPCB0aGlzLmludGVydmFscy5sZW5ndGg7IGkrKykge1xyXG4gICAgICAgIGNvbnN0IGludGVydmFsID0gdGhpcy5pbnRlcnZhbHNbaV07XHJcbiAgICAgICAgY291bnRlciA9IE1hdGguZmxvb3Ioc2Vjb25kcyAvIGludGVydmFsLmludGVydmFsKTtcclxuICAgICAgICBpZiAoY291bnRlciA+PSBpbnRlcnZhbC5taW4pIHtcclxuICAgICAgICAgIHR5cGUgPSBpbnRlcnZhbC5rZXk7XHJcbiAgICAgICAgICBpZiAoZW5hYmxlTXVsdGlwbGVQb3N0Zml4ICYmIGNvdW50ZXIgPiAxKSB7XHJcbiAgICAgICAgICAgIC8vIGFkZCBcIlNcIiBpbiB0aGUgZW5kIG9mIGxvY2FsaXphdGlvbiBrZXlcclxuICAgICAgICAgICAgdHlwZSArPSB0aGlzLm11bHRpcGxlUG9zdGZpeDtcclxuICAgICAgICAgIH1cclxuICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgICByZXR1cm4geyBrZXk6IHR5cGUsIGhvd01hbnk6IGNvdW50ZXIgfTtcclxuICAgIH1cclxuICAgIHJldHVybiBudWxsO1xyXG4gIH1cclxuXHJcbn1cclxuIl19

package/fesm2015/tilde-nlp-ngx-common.mjs

@@ -434,6 +434,9 @@ class DateAgoPipe {
     get justNowSeconds() { var _a, _b; return (_b = (_a = this.settings) === null || _a === void 0 ? void 0 : _a.justNowSeconds) !== null && _b !== void 0 ? _b : this.defaultSettings.justNowSeconds; }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     transform(value, enableMultiplePostfix = true) {
+        if (!value) {
+            return "";
+        }
         const dateAgo = this.calculateDateAgo(value, enableMultiplePostfix);
         if (!dateAgo) {
             return "";
@@ -1511,10 +1514,10 @@ class MultiFunctionalTableComponent {
     }
 }
 MultiFunctionalTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MultiFunctionalTableComponent, deps: [{ token: DOMService }, { token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
-MultiFunctionalTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: MultiFunctionalTableComponent, selector: "tld-multi-functional-table", inputs: { config: "config", highlightedElements: "highlightedElements", selection: "selection" }, outputs: { filterBarChange: "filterBarChange", exported: "exported", selectionChange: "selectionChange" }, queries: [{ propertyName: "noDataRow", first: true, predicate: MatNoDataRow, descendants: true }, { propertyName: "headerRowDefs", predicate: MatHeaderRowDef }, { propertyName: "rowDefs", predicate: MatRowDef, descendants: true }, { propertyName: "columnDefs", predicate: MatColumnDef }], viewQueries: [{ propertyName: "table", first: true, predicate: MatTable, descendants: true, static: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "tableElementRef", first: true, predicate: MatTable, descendants: true, read: ElementRef }], ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutGap=\"1rem\">\r\n\r\n  <div fxLayout=\"row\">\r\n    <div fxFlex fxLayoutGap=\"1rem\">\r\n      <button mat-button [matMenuTriggerFor]=\"columnMenu\" *ngIf=\"columnSelectActive\">\r\n        <span class=\"material-icons column-select-icon\">menu</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.COLUMN_SELECT' | translate}}</span>\r\n      </button>\r\n\r\n      <button mat-button *ngIf=\"filterActive\" (click)=\"toggleFilterBar()\">\r\n        <span class=\"material-icons\">filter_list</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.FILTER_TOGGLE' | translate}}</span>\r\n      </button>\r\n\r\n      <button mat-stroked-button *ngIf=\"exportActive\" (click)=\"export()\">\r\n        <span class=\"material-icons-outlined\">cloud_download</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.EXPORT' | translate}}</span>\r\n      </button>\r\n    </div>\r\n\r\n    <ng-content select=\"[additionalActions]\"></ng-content>\r\n  </div>\r\n\r\n  <mat-menu #columnMenu=\"matMenu\">\r\n    <div class=\"column-select-wrapper\" (click)=\"$event.stopPropagation()\">\r\n      <div *ngFor=\"let column of configurableColumns\">\r\n        <mat-checkbox [(ngModel)]=\"column.selected\" (change)=\"updateDisplayColumns()\">\r\n          {{column.displayName | translate}}\r\n        </mat-checkbox>\r\n      </div>\r\n    </div>\r\n  </mat-menu>\r\n\r\n  <tld-filter-bar [filterRowVisible]=\"!filterBarVisible\" [settings]=\"filterSettings\" *ngIf=\"filterEnabled\"\r\n    (filterBarChange)=\"filtersChanged($event)\">\r\n  </tld-filter-bar>\r\n  <table #table mat-table [dataSource]=\"config.dataSource\">\r\n    <ng-content></ng-content>\r\n    <ng-container [matColumnDef]=\"batchColumnName\">\r\n      <th class=\"row-select\" mat-header-cell *matHeaderCellDef disable-export>\r\n        <mat-checkbox [disabled]=\"config.batchConfig!.checkBoxesDisabled\" (change)=\"toggleAllRowSelection()\"\r\n          [checked]=\"matSelection.hasValue() && isAllSelected()\"\r\n          [indeterminate]=\"matSelection.hasValue() && !isAllSelected()\">\r\n        </mat-checkbox>\r\n      </th>\r\n      <td class=\"row-select\" mat-cell *matCellDef=\"let element\" disable-export>\r\n        <mat-checkbox *ngIf=\"hoveredRow === element || matSelection.isSelected(element)\" [disabled]=\"config.batchConfig!.checkBoxesDisabled\" (click)=\"$event.stopPropagation()\"\r\n          (change)=\"toggleElementSelection(element)\" [checked]=\"matSelection.isSelected(element)\">\r\n        </mat-checkbox>\r\n      </td>\r\n    </ng-container>\r\n    <tr mat-header-row *matHeaderRowDef=\"displayColumns\" sticky></tr>\r\n    <tr mat-row *matRowDef=\"let row; columns: displayColumns\" (mouseover)=\"hoveredRow = row\" (mouseleave)=\"hoveredRow = null\" [class.highlight]=\"highlightElement(row)\"></tr>\r\n\r\n    <ng-container *ngIf=\"noDataRowActive\">\r\n      <tr *matNoDataRow>\r\n        <!-- add random number to make sure it takes full width -->\r\n        <td colspan=\"99\">\r\n          <div class=\"no-engines-wrapper\">\r\n            <ng-container *ngIf=\"!noDataRowConfig.loading; else loading\">\r\n              <div>\r\n                <span class=\"material-icons-outlined\">\r\n                  {{noDataRowIcon}}\r\n                </span>\r\n              </div>\r\n              <div class=\"text-xl-semi-bold\" *ngIf=\"noDataRowConfig.title\"\r\n                [innerHtml]=\"noDataRowConfig.title | translate: noDataRowConfig.titleParams\">\r\n              </div>\r\n              <div class=\"text-l\" *ngIf=\"noDataRowConfig.description\"\r\n                [innerHtml]=\"noDataRowConfig.description | translate: noDataRowConfig.descriptionParams\"></div>\r\n            </ng-container>\r\n            <ng-template #loading>\r\n              <mat-spinner color=\"accent\"></mat-spinner>\r\n            </ng-template>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n    </ng-container>\r\n\r\n  </table>\r\n</div>\r\n", styles: [":host ::ng-deep tr.mat-row:hover,:host ::ng-deep tr.mat-row.highlight{background-color:var(--base-95)}table{width:100%}.column-select-icon{rotate:90deg}.column-select-wrapper{padding:1rem}.material-icons,.material-icons-outlined{margin-right:.5rem}.table-action-button{margin-bottom:1rem}.mat-no-data-row{text-align:center}.mat-no-data-row .no-engines-wrapper{margin-top:4rem}.mat-no-data-row .material-icons-outlined{font-size:4rem;color:var(--base-70)}mat-spinner{margin:auto}th.mat-header-cell:first-of-type,td.mat-cell:first-of-type,td.mat-footer-cell:first-of-type{padding:0 22px}.row-select{width:0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i4.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "component", type: i1$3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i6$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: FilterBarComponent, selector: "tld-filter-bar", inputs: ["settings", "filterRowVisible"], outputs: ["filterBarChange"] }, { kind: "directive", type: i2$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i2$2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i11.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
+MultiFunctionalTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: MultiFunctionalTableComponent, selector: "tld-multi-functional-table", inputs: { config: "config", highlightedElements: "highlightedElements", selection: "selection" }, outputs: { filterBarChange: "filterBarChange", exported: "exported", selectionChange: "selectionChange" }, queries: [{ propertyName: "noDataRow", first: true, predicate: MatNoDataRow, descendants: true }, { propertyName: "headerRowDefs", predicate: MatHeaderRowDef }, { propertyName: "rowDefs", predicate: MatRowDef, descendants: true }, { propertyName: "columnDefs", predicate: MatColumnDef }], viewQueries: [{ propertyName: "table", first: true, predicate: MatTable, descendants: true, static: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "tableElementRef", first: true, predicate: MatTable, descendants: true, read: ElementRef }], ngImport: i0, template: "<div fxLayout=\"column\" fxLayoutGap=\"1rem\">\r\n\r\n  <div fxLayout=\"row\">\r\n    <div fxFlex fxLayoutGap=\"1rem\">\r\n      <button mat-button [matMenuTriggerFor]=\"columnMenu\" *ngIf=\"columnSelectActive\">\r\n        <span class=\"material-icons column-select-icon\">menu</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.COLUMN_SELECT' | translate}}</span>\r\n      </button>\r\n\r\n      <button mat-button *ngIf=\"filterActive\" (click)=\"toggleFilterBar()\">\r\n        <span class=\"material-icons\">filter_list</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.FILTER_TOGGLE' | translate}}</span>\r\n      </button>\r\n\r\n      <button mat-stroked-button *ngIf=\"exportActive\" (click)=\"export()\">\r\n        <span class=\"material-icons-outlined\">cloud_download</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.EXPORT' | translate}}</span>\r\n      </button>\r\n    </div>\r\n\r\n    <ng-content select=\"[additionalActions]\"></ng-content>\r\n  </div>\r\n\r\n  <mat-menu #columnMenu=\"matMenu\">\r\n    <div class=\"column-select-wrapper\" (click)=\"$event.stopPropagation()\">\r\n      <div *ngFor=\"let column of configurableColumns\">\r\n        <mat-checkbox [(ngModel)]=\"column.selected\" (change)=\"updateDisplayColumns()\">\r\n          {{column.displayName | translate}}\r\n        </mat-checkbox>\r\n      </div>\r\n    </div>\r\n  </mat-menu>\r\n\r\n  <tld-filter-bar [filterRowVisible]=\"!filterBarVisible\" [settings]=\"filterSettings\" *ngIf=\"filterEnabled\"\r\n    (filterBarChange)=\"filtersChanged($event)\">\r\n  </tld-filter-bar>\r\n  <table #table mat-table [dataSource]=\"config.dataSource\">\r\n    <ng-content></ng-content>\r\n    <ng-container [matColumnDef]=\"batchColumnName\">\r\n      <th class=\"row-select\" mat-header-cell *matHeaderCellDef disable-export>\r\n        <mat-checkbox [disabled]=\"config.batchConfig!.checkBoxesDisabled\" (change)=\"toggleAllRowSelection()\"\r\n          [checked]=\"matSelection.hasValue() && isAllSelected()\"\r\n          [indeterminate]=\"matSelection.hasValue() && !isAllSelected()\">\r\n        </mat-checkbox>\r\n      </th>\r\n      <td class=\"row-select\" mat-cell *matCellDef=\"let element\" disable-export>\r\n        <mat-checkbox *ngIf=\"hoveredRow === element || matSelection.isSelected(element)\" [disabled]=\"config.batchConfig!.checkBoxesDisabled\" (click)=\"$event.stopPropagation()\"\r\n          (change)=\"toggleElementSelection(element)\" [checked]=\"matSelection.isSelected(element)\">\r\n        </mat-checkbox>\r\n      </td>\r\n    </ng-container>\r\n    <tr mat-header-row *matHeaderRowDef=\"displayColumns\" sticky></tr>\r\n    <tr mat-row *matRowDef=\"let row; columns: displayColumns\" (mouseover)=\"hoveredRow = row\" (mouseleave)=\"hoveredRow = null\" [class.highlight]=\"highlightElement(row)\"></tr>\r\n\r\n    <ng-container *ngIf=\"noDataRowActive\">\r\n      <tr *matNoDataRow>\r\n        <!-- add random number to make sure it takes full width -->\r\n        <td colspan=\"99\">\r\n          <div class=\"no-engines-wrapper\">\r\n            <ng-container *ngIf=\"!noDataRowConfig.loading; else loading\">\r\n              <div>\r\n                <span class=\"material-icons-outlined\">\r\n                  {{noDataRowIcon}}\r\n                </span>\r\n              </div>\r\n              <div class=\"text-xl-semi-bold\" *ngIf=\"noDataRowConfig.title\"\r\n                [innerHtml]=\"noDataRowConfig.title | translate: noDataRowConfig.titleParams\">\r\n              </div>\r\n              <div class=\"text-l\" *ngIf=\"noDataRowConfig.description\"\r\n                [innerHtml]=\"noDataRowConfig.description | translate: noDataRowConfig.descriptionParams\"></div>\r\n            </ng-container>\r\n            <ng-template #loading>\r\n              <mat-spinner color=\"accent\"></mat-spinner>\r\n            </ng-template>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n    </ng-container>\r\n\r\n  </table>\r\n</div>\r\n", styles: [":host ::ng-deep th,:host ::ng-deep tr{white-space:nowrap}:host ::ng-deep td{padding-right:10px!important}:host ::ng-deep tr.mat-row:hover,:host ::ng-deep tr.mat-row.highlight{background-color:var(--base-95)}table{width:100%}.column-select-icon{rotate:90deg}.column-select-wrapper{padding:1rem}.material-icons,.material-icons-outlined{margin-right:.5rem}.table-action-button{margin-bottom:1rem}.mat-no-data-row{text-align:center}.mat-no-data-row .no-engines-wrapper{margin-top:4rem}.mat-no-data-row .material-icons-outlined{font-size:4rem;color:var(--base-70)}mat-spinner{margin:auto}th.mat-header-cell:first-of-type,td.mat-cell:first-of-type,td.mat-footer-cell:first-of-type{padding:0 22px}.row-select{width:0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i4.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i4.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "component", type: i1$3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i6$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i6$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "component", type: i7$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: FilterBarComponent, selector: "tld-filter-bar", inputs: ["settings", "filterRowVisible"], outputs: ["filterBarChange"] }, { kind: "directive", type: i2$2.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2$2.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i2$2.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i11.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: MultiFunctionalTableComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tld-multi-functional-table', template: "<div fxLayout=\"column\" fxLayoutGap=\"1rem\">\r\n\r\n  <div fxLayout=\"row\">\r\n    <div fxFlex fxLayoutGap=\"1rem\">\r\n      <button mat-button [matMenuTriggerFor]=\"columnMenu\" *ngIf=\"columnSelectActive\">\r\n        <span class=\"material-icons column-select-icon\">menu</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.COLUMN_SELECT' | translate}}</span>\r\n      </button>\r\n\r\n      <button mat-button *ngIf=\"filterActive\" (click)=\"toggleFilterBar()\">\r\n        <span class=\"material-icons\">filter_list</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.FILTER_TOGGLE' | translate}}</span>\r\n      </button>\r\n\r\n      <button mat-stroked-button *ngIf=\"exportActive\" (click)=\"export()\">\r\n        <span class=\"material-icons-outlined\">cloud_download</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.EXPORT' | translate}}</span>\r\n      </button>\r\n    </div>\r\n\r\n    <ng-content select=\"[additionalActions]\"></ng-content>\r\n  </div>\r\n\r\n  <mat-menu #columnMenu=\"matMenu\">\r\n    <div class=\"column-select-wrapper\" (click)=\"$event.stopPropagation()\">\r\n      <div *ngFor=\"let column of configurableColumns\">\r\n        <mat-checkbox [(ngModel)]=\"column.selected\" (change)=\"updateDisplayColumns()\">\r\n          {{column.displayName | translate}}\r\n        </mat-checkbox>\r\n      </div>\r\n    </div>\r\n  </mat-menu>\r\n\r\n  <tld-filter-bar [filterRowVisible]=\"!filterBarVisible\" [settings]=\"filterSettings\" *ngIf=\"filterEnabled\"\r\n    (filterBarChange)=\"filtersChanged($event)\">\r\n  </tld-filter-bar>\r\n  <table #table mat-table [dataSource]=\"config.dataSource\">\r\n    <ng-content></ng-content>\r\n    <ng-container [matColumnDef]=\"batchColumnName\">\r\n      <th class=\"row-select\" mat-header-cell *matHeaderCellDef disable-export>\r\n        <mat-checkbox [disabled]=\"config.batchConfig!.checkBoxesDisabled\" (change)=\"toggleAllRowSelection()\"\r\n          [checked]=\"matSelection.hasValue() && isAllSelected()\"\r\n          [indeterminate]=\"matSelection.hasValue() && !isAllSelected()\">\r\n        </mat-checkbox>\r\n      </th>\r\n      <td class=\"row-select\" mat-cell *matCellDef=\"let element\" disable-export>\r\n        <mat-checkbox *ngIf=\"hoveredRow === element || matSelection.isSelected(element)\" [disabled]=\"config.batchConfig!.checkBoxesDisabled\" (click)=\"$event.stopPropagation()\"\r\n          (change)=\"toggleElementSelection(element)\" [checked]=\"matSelection.isSelected(element)\">\r\n        </mat-checkbox>\r\n      </td>\r\n    </ng-container>\r\n    <tr mat-header-row *matHeaderRowDef=\"displayColumns\" sticky></tr>\r\n    <tr mat-row *matRowDef=\"let row; columns: displayColumns\" (mouseover)=\"hoveredRow = row\" (mouseleave)=\"hoveredRow = null\" [class.highlight]=\"highlightElement(row)\"></tr>\r\n\r\n    <ng-container *ngIf=\"noDataRowActive\">\r\n      <tr *matNoDataRow>\r\n        <!-- add random number to make sure it takes full width -->\r\n        <td colspan=\"99\">\r\n          <div class=\"no-engines-wrapper\">\r\n            <ng-container *ngIf=\"!noDataRowConfig.loading; else loading\">\r\n              <div>\r\n                <span class=\"material-icons-outlined\">\r\n                  {{noDataRowIcon}}\r\n                </span>\r\n              </div>\r\n              <div class=\"text-xl-semi-bold\" *ngIf=\"noDataRowConfig.title\"\r\n                [innerHtml]=\"noDataRowConfig.title | translate: noDataRowConfig.titleParams\">\r\n              </div>\r\n              <div class=\"text-l\" *ngIf=\"noDataRowConfig.description\"\r\n                [innerHtml]=\"noDataRowConfig.description | translate: noDataRowConfig.descriptionParams\"></div>\r\n            </ng-container>\r\n            <ng-template #loading>\r\n              <mat-spinner color=\"accent\"></mat-spinner>\r\n            </ng-template>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n    </ng-container>\r\n\r\n  </table>\r\n</div>\r\n", styles: [":host ::ng-deep tr.mat-row:hover,:host ::ng-deep tr.mat-row.highlight{background-color:var(--base-95)}table{width:100%}.column-select-icon{rotate:90deg}.column-select-wrapper{padding:1rem}.material-icons,.material-icons-outlined{margin-right:.5rem}.table-action-button{margin-bottom:1rem}.mat-no-data-row{text-align:center}.mat-no-data-row .no-engines-wrapper{margin-top:4rem}.mat-no-data-row .material-icons-outlined{font-size:4rem;color:var(--base-70)}mat-spinner{margin:auto}th.mat-header-cell:first-of-type,td.mat-cell:first-of-type,td.mat-footer-cell:first-of-type{padding:0 22px}.row-select{width:0}\n"] }]
+            args: [{ selector: 'tld-multi-functional-table', template: "<div fxLayout=\"column\" fxLayoutGap=\"1rem\">\r\n\r\n  <div fxLayout=\"row\">\r\n    <div fxFlex fxLayoutGap=\"1rem\">\r\n      <button mat-button [matMenuTriggerFor]=\"columnMenu\" *ngIf=\"columnSelectActive\">\r\n        <span class=\"material-icons column-select-icon\">menu</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.COLUMN_SELECT' | translate}}</span>\r\n      </button>\r\n\r\n      <button mat-button *ngIf=\"filterActive\" (click)=\"toggleFilterBar()\">\r\n        <span class=\"material-icons\">filter_list</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.FILTER_TOGGLE' | translate}}</span>\r\n      </button>\r\n\r\n      <button mat-stroked-button *ngIf=\"exportActive\" (click)=\"export()\">\r\n        <span class=\"material-icons-outlined\">cloud_download</span>\r\n        <span>{{'MULTI_FUNCTIONAL_TABLE.EXPORT' | translate}}</span>\r\n      </button>\r\n    </div>\r\n\r\n    <ng-content select=\"[additionalActions]\"></ng-content>\r\n  </div>\r\n\r\n  <mat-menu #columnMenu=\"matMenu\">\r\n    <div class=\"column-select-wrapper\" (click)=\"$event.stopPropagation()\">\r\n      <div *ngFor=\"let column of configurableColumns\">\r\n        <mat-checkbox [(ngModel)]=\"column.selected\" (change)=\"updateDisplayColumns()\">\r\n          {{column.displayName | translate}}\r\n        </mat-checkbox>\r\n      </div>\r\n    </div>\r\n  </mat-menu>\r\n\r\n  <tld-filter-bar [filterRowVisible]=\"!filterBarVisible\" [settings]=\"filterSettings\" *ngIf=\"filterEnabled\"\r\n    (filterBarChange)=\"filtersChanged($event)\">\r\n  </tld-filter-bar>\r\n  <table #table mat-table [dataSource]=\"config.dataSource\">\r\n    <ng-content></ng-content>\r\n    <ng-container [matColumnDef]=\"batchColumnName\">\r\n      <th class=\"row-select\" mat-header-cell *matHeaderCellDef disable-export>\r\n        <mat-checkbox [disabled]=\"config.batchConfig!.checkBoxesDisabled\" (change)=\"toggleAllRowSelection()\"\r\n          [checked]=\"matSelection.hasValue() && isAllSelected()\"\r\n          [indeterminate]=\"matSelection.hasValue() && !isAllSelected()\">\r\n        </mat-checkbox>\r\n      </th>\r\n      <td class=\"row-select\" mat-cell *matCellDef=\"let element\" disable-export>\r\n        <mat-checkbox *ngIf=\"hoveredRow === element || matSelection.isSelected(element)\" [disabled]=\"config.batchConfig!.checkBoxesDisabled\" (click)=\"$event.stopPropagation()\"\r\n          (change)=\"toggleElementSelection(element)\" [checked]=\"matSelection.isSelected(element)\">\r\n        </mat-checkbox>\r\n      </td>\r\n    </ng-container>\r\n    <tr mat-header-row *matHeaderRowDef=\"displayColumns\" sticky></tr>\r\n    <tr mat-row *matRowDef=\"let row; columns: displayColumns\" (mouseover)=\"hoveredRow = row\" (mouseleave)=\"hoveredRow = null\" [class.highlight]=\"highlightElement(row)\"></tr>\r\n\r\n    <ng-container *ngIf=\"noDataRowActive\">\r\n      <tr *matNoDataRow>\r\n        <!-- add random number to make sure it takes full width -->\r\n        <td colspan=\"99\">\r\n          <div class=\"no-engines-wrapper\">\r\n            <ng-container *ngIf=\"!noDataRowConfig.loading; else loading\">\r\n              <div>\r\n                <span class=\"material-icons-outlined\">\r\n                  {{noDataRowIcon}}\r\n                </span>\r\n              </div>\r\n              <div class=\"text-xl-semi-bold\" *ngIf=\"noDataRowConfig.title\"\r\n                [innerHtml]=\"noDataRowConfig.title | translate: noDataRowConfig.titleParams\">\r\n              </div>\r\n              <div class=\"text-l\" *ngIf=\"noDataRowConfig.description\"\r\n                [innerHtml]=\"noDataRowConfig.description | translate: noDataRowConfig.descriptionParams\"></div>\r\n            </ng-container>\r\n            <ng-template #loading>\r\n              <mat-spinner color=\"accent\"></mat-spinner>\r\n            </ng-template>\r\n          </div>\r\n        </td>\r\n      </tr>\r\n    </ng-container>\r\n\r\n  </table>\r\n</div>\r\n", styles: [":host ::ng-deep th,:host ::ng-deep tr{white-space:nowrap}:host ::ng-deep td{padding-right:10px!important}:host ::ng-deep tr.mat-row:hover,:host ::ng-deep tr.mat-row.highlight{background-color:var(--base-95)}table{width:100%}.column-select-icon{rotate:90deg}.column-select-wrapper{padding:1rem}.material-icons,.material-icons-outlined{margin-right:.5rem}.table-action-button{margin-bottom:1rem}.mat-no-data-row{text-align:center}.mat-no-data-row .no-engines-wrapper{margin-top:4rem}.mat-no-data-row .material-icons-outlined{font-size:4rem;color:var(--base-70)}mat-spinner{margin:auto}th.mat-header-cell:first-of-type,td.mat-cell:first-of-type,td.mat-footer-cell:first-of-type{padding:0 22px}.row-select{width:0}\n"] }]
         }], ctorParameters: function () { return [{ type: DOMService }, { type: i1$2.TranslateService }]; }, propDecorators: { config: [{
                 type: Input
             }], highlightedElements: [{
@@ -1614,10 +1617,10 @@ class ConfirmationModalComponent {
     }
 }
 ConfirmationModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ConfirmationModalComponent, deps: [{ token: i1$4.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-ConfirmationModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ConfirmationModalComponent, selector: "lib-confirmation-modal", ngImport: i0, template: "<h1 mat-dialog-title>{{ data.title | translate }}</h1>\r\n<div mat-dialog-content>\r\n  <p>{{ data.descriptioon | translate }}</p>\r\n</div>\r\n<div class=\"d-flex justify-content-center\" mat-dialog-actions>\r\n  <button mat-flat-button color=\"accent\" [mat-dialog-close]=\"confirmation.PRIMARY\">\r\n    {{ data.confirmationText | translate }}\r\n  </button>\r\n  <button mat-stroked-button color=\"accent\" class=\"ml-3\" [mat-dialog-close]=\"confirmation.SECONDARY\">\r\n    {{ data.rejectionText | translate }}\r\n  </button>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$4.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i1$3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
+ConfirmationModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ConfirmationModalComponent, selector: "lib-confirmation-modal", ngImport: i0, template: "<h1 mat-dialog-title>{{ data.title | translate }}</h1>\r\n<div mat-dialog-content>\r\n  <p>{{ data.descriptioon | translate }}</p>\r\n  \r\n  <ul *ngIf=\"data.details\">\r\n    <li *ngFor=\"let extraData of data.details\">\r\n      {{ extraData }}\r\n    </li>\r\n  </ul>\r\n</div>\r\n<div class=\"d-flex justify-content-center\" mat-dialog-actions>\r\n  <button mat-flat-button color=\"accent\" [mat-dialog-close]=\"confirmation.PRIMARY\">\r\n    {{ data.confirmationText | translate }}\r\n  </button>\r\n  <button mat-stroked-button color=\"accent\" class=\"ml-3\" [mat-dialog-close]=\"confirmation.SECONDARY\">\r\n    {{ data.rejectionText | translate }}\r\n  </button>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i1$3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i1$2.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ConfirmationModalComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-confirmation-modal', template: "<h1 mat-dialog-title>{{ data.title | translate }}</h1>\r\n<div mat-dialog-content>\r\n  <p>{{ data.descriptioon | translate }}</p>\r\n</div>\r\n<div class=\"d-flex justify-content-center\" mat-dialog-actions>\r\n  <button mat-flat-button color=\"accent\" [mat-dialog-close]=\"confirmation.PRIMARY\">\r\n    {{ data.confirmationText | translate }}\r\n  </button>\r\n  <button mat-stroked-button color=\"accent\" class=\"ml-3\" [mat-dialog-close]=\"confirmation.SECONDARY\">\r\n    {{ data.rejectionText | translate }}\r\n  </button>\r\n</div>\r\n" }]
+            args: [{ selector: 'lib-confirmation-modal', template: "<h1 mat-dialog-title>{{ data.title | translate }}</h1>\r\n<div mat-dialog-content>\r\n  <p>{{ data.descriptioon | translate }}</p>\r\n  \r\n  <ul *ngIf=\"data.details\">\r\n    <li *ngFor=\"let extraData of data.details\">\r\n      {{ extraData }}\r\n    </li>\r\n  </ul>\r\n</div>\r\n<div class=\"d-flex justify-content-center\" mat-dialog-actions>\r\n  <button mat-flat-button color=\"accent\" [mat-dialog-close]=\"confirmation.PRIMARY\">\r\n    {{ data.confirmationText | translate }}\r\n  </button>\r\n  <button mat-stroked-button color=\"accent\" class=\"ml-3\" [mat-dialog-close]=\"confirmation.SECONDARY\">\r\n    {{ data.rejectionText | translate }}\r\n  </button>\r\n</div>\r\n" }]
         }], ctorParameters: function () {
         return [{ type: i1$4.MatDialogRef }, { type: undefined, decorators: [{
                         type: Inject,