import { Component, Input, ViewEncapsulation } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../../../common/data-pipes/pipes/safe-html.pipe";
import * as i3 from "../../../../common/data-pipes/pipes/get-data.pipe";
export class SmzDocumentTableComponent {
    constructor() { }
    ngOnInit() { }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SmzDocumentTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: SmzDocumentTableComponent, selector: "smz-document-table", inputs: { data: "data", config: "config" }, ngImport: i0, template: "<div\r\n  [style.background]=\"data.container.background\"\r\n  class=\"grid grid-nogutter items-stretch justify-start h-full w-full relative\"\r\n  [ngClass]=\"data.container.styles\">\r\n\r\n  <table class=\"w-full h-full border-collapse table-fixed smz-document-table-tag\" cellspacing=\"0\" cellpadding=\"0\">\r\n\r\n    <thead>\r\n      <tr *ngIf=\"data?.header.isVisible\" class=\"relative\">\r\n        <ng-container *ngFor=\"let column of data?.header.columns\">\r\n          <th\r\n            class=\"relative\"\r\n            [colSpan]=\"column.colspan\"\r\n            [rowSpan]=\"column.rowspan\"\r\n            [style.height]=\"column.height\"\r\n            [style.width]=\"column.width\"\r\n            [style.background]=\"column.headerStyles.background ?? data.header.background\"\r\n            [style.color]=\"column.headerStyles.color ?? data.header.color\"\r\n            [ngClass]=\"column.headerStyles.styles ?? data.header.styles\">\r\n            {{ column.value }}\r\n          </th>\r\n        </ng-container>\r\n      </tr>\r\n    </thead>\r\n\r\n    <tbody>\r\n      <ng-container *ngFor=\"let row of data?.content.items$ | async; let index = index\">\r\n\r\n        <tr class=\"relative\" [style.background]=\"data.content.background\">\r\n\r\n          <ng-container *ngFor=\"let column of data?.header.columns\">\r\n\r\n            <td\r\n              class=\"relative\"\r\n              [colSpan]=\"column.colspan\"\r\n              [rowSpan]=\"column.rowspan\"\r\n              [style.height]=\"column.height\"\r\n              [style.width]=\"column.width\"\r\n              [style.background]=\"column.contentStyles.background ?? data.content.background\"\r\n              [style.color]=\"column.contentStyles.color ?? data.content.color\"\r\n              [ngClass]=\"column.contentStyles.styles ?? data.content.styles\">\r\n              <div [innerHtml]=\"((row | getData : column.property : column.dataTransform : index).result) | safeHtml\"></div>\r\n            </td>\r\n\r\n          </ng-container>\r\n\r\n        </tr>\r\n\r\n      </ng-container>\r\n    </tbody>\r\n\r\n  </table>\r\n\r\n</div>\r\n\r\n", styles: ["smz-document-table .smz-document-table-tag table{page-break-inside:auto}smz-document-table .smz-document-table-tag div{page-break-inside:avoid}smz-document-table .smz-document-table-tag thead{display:table-header-group}smz-document-table .smz-document-table-tag tfoot{display:table-footer-group}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SafeHtmlPipe, name: "safeHtml" }, { kind: "pipe", type: i3.SmzGetDataPipe, name: "getData" }], encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: SmzDocumentTableComponent, decorators: [{
            type: Component,
            args: [{ selector: 'smz-document-table', encapsulation: ViewEncapsulation.None, template: "<div\r\n  [style.background]=\"data.container.background\"\r\n  class=\"grid grid-nogutter items-stretch justify-start h-full w-full relative\"\r\n  [ngClass]=\"data.container.styles\">\r\n\r\n  <table class=\"w-full h-full border-collapse table-fixed smz-document-table-tag\" cellspacing=\"0\" cellpadding=\"0\">\r\n\r\n    <thead>\r\n      <tr *ngIf=\"data?.header.isVisible\" class=\"relative\">\r\n        <ng-container *ngFor=\"let column of data?.header.columns\">\r\n          <th\r\n            class=\"relative\"\r\n            [colSpan]=\"column.colspan\"\r\n            [rowSpan]=\"column.rowspan\"\r\n            [style.height]=\"column.height\"\r\n            [style.width]=\"column.width\"\r\n            [style.background]=\"column.headerStyles.background ?? data.header.background\"\r\n            [style.color]=\"column.headerStyles.color ?? data.header.color\"\r\n            [ngClass]=\"column.headerStyles.styles ?? data.header.styles\">\r\n            {{ column.value }}\r\n          </th>\r\n        </ng-container>\r\n      </tr>\r\n    </thead>\r\n\r\n    <tbody>\r\n      <ng-container *ngFor=\"let row of data?.content.items$ | async; let index = index\">\r\n\r\n        <tr class=\"relative\" [style.background]=\"data.content.background\">\r\n\r\n          <ng-container *ngFor=\"let column of data?.header.columns\">\r\n\r\n            <td\r\n              class=\"relative\"\r\n              [colSpan]=\"column.colspan\"\r\n              [rowSpan]=\"column.rowspan\"\r\n              [style.height]=\"column.height\"\r\n              [style.width]=\"column.width\"\r\n              [style.background]=\"column.contentStyles.background ?? data.content.background\"\r\n              [style.color]=\"column.contentStyles.color ?? data.content.color\"\r\n              [ngClass]=\"column.contentStyles.styles ?? data.content.styles\">\r\n              <div [innerHtml]=\"((row | getData : column.property : column.dataTransform : index).result) | safeHtml\"></div>\r\n            </td>\r\n\r\n          </ng-container>\r\n\r\n        </tr>\r\n\r\n      </ng-container>\r\n    </tbody>\r\n\r\n  </table>\r\n\r\n</div>\r\n\r\n", styles: ["smz-document-table .smz-document-table-tag table{page-break-inside:auto}smz-document-table .smz-document-table-tag div{page-break-inside:avoid}smz-document-table .smz-document-table-tag thead{display:table-header-group}smz-document-table .smz-document-table-tag tfoot{display:table-footer-group}\n"] }]
        }], ctorParameters: () => [], propDecorators: { data: [{
                type: Input
            }], config: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 