ngx-notion/esm2020/lib/components/blocks/table/table.component.mjs

An Notion page renderer for Angular

import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../rich-text/rich-text.component";
import * as i2 from "@angular/common";
export class TableComponent {
    constructor() {
        this.data = [];
    }
}
TableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: TableComponent, selector: "block-table", inputs: { properties: "properties", data: "data" }, ngImport: i0, template: "<table [ngClass]=\"{\n    'row-header': properties?.has_row_header,\n    'column-header': properties?.has_column_header\n}\">\n    <tbody>\n        <tr *ngFor=\"let row of data; let i = index\">\n            <td *ngFor=\"let item of row.table_row?.cells || []\">\n                <div class=\"table-cell-text\">\n                    <rich-text [richText]=\"item\"></rich-text>\n                </div>\n            </td>\n        </tr>\n    </tbody>\n</table>\n", styles: ["table{font-size:14px;border-collapse:collapse;border-spacing:0;width:100%}table.column-header tr:first-child,table.row-header tr td:first-child{background:#f7f6f3;font-weight:500}table tr td{color:inherit;fill:inherit;border:1px solid #e9e9e7;position:relative;vertical-align:top;min-width:120px;max-width:240px;min-height:32px}table tr td .table-cell-text{max-width:100%;width:100%;white-space:pre-wrap;word-break:break-word;caret-color:#37352f;padding:7px 9px;background-color:transparent;font-size:14px;line-height:20px}\n"], components: [{ type: i1.RichTextComponent, selector: "rich-text", inputs: ["richText"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TableComponent, decorators: [{
            type: Component,
            args: [{ selector: 'block-table', template: "<table [ngClass]=\"{\n    'row-header': properties?.has_row_header,\n    'column-header': properties?.has_column_header\n}\">\n    <tbody>\n        <tr *ngFor=\"let row of data; let i = index\">\n            <td *ngFor=\"let item of row.table_row?.cells || []\">\n                <div class=\"table-cell-text\">\n                    <rich-text [richText]=\"item\"></rich-text>\n                </div>\n            </td>\n        </tr>\n    </tbody>\n</table>\n", styles: ["table{font-size:14px;border-collapse:collapse;border-spacing:0;width:100%}table.column-header tr:first-child,table.row-header tr td:first-child{background:#f7f6f3;font-weight:500}table tr td{color:inherit;fill:inherit;border:1px solid #e9e9e7;position:relative;vertical-align:top;min-width:120px;max-width:240px;min-height:32px}table tr td .table-cell-text{max-width:100%;width:100%;white-space:pre-wrap;word-break:break-word;caret-color:#37352f;padding:7px 9px;background-color:transparent;font-size:14px;line-height:20px}\n"] }]
        }], propDecorators: { properties: [{
                type: Input
            }], data: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW5vdGlvbi9zcmMvbGliL2NvbXBvbmVudHMvYmxvY2tzL3RhYmxlL3RhYmxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1ub3Rpb24vc3JjL2xpYi9jb21wb25lbnRzL2Jsb2Nrcy90YWJsZS90YWJsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU9qRCxNQUFNLE9BQU8sY0FBYztJQUwzQjtRQVdFLFNBQUksR0FBVSxFQUFFLENBQUM7S0FFbEI7OzJHQVJZLGNBQWM7K0ZBQWQsY0FBYyx1R0NQM0IsOGNBY0E7MkZEUGEsY0FBYztrQkFMMUIsU0FBUzsrQkFDRSxhQUFhOzhCQU92QixVQUFVO3NCQURULEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdibG9jay10YWJsZScsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWJsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RhYmxlLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGFibGVDb21wb25lbnQge1xuXG4gIEBJbnB1dCgpXG4gIHByb3BlcnRpZXM6IGFueTtcblxuICBASW5wdXQoKVxuICBkYXRhOiBhbnlbXSA9IFtdO1xuXG59XG4iLCI8dGFibGUgW25nQ2xhc3NdPVwie1xuICAgICdyb3ctaGVhZGVyJzogcHJvcGVydGllcz8uaGFzX3Jvd19oZWFkZXIsXG4gICAgJ2NvbHVtbi1oZWFkZXInOiBwcm9wZXJ0aWVzPy5oYXNfY29sdW1uX2hlYWRlclxufVwiPlxuICAgIDx0Ym9keT5cbiAgICAgICAgPHRyICpuZ0Zvcj1cImxldCByb3cgb2YgZGF0YTsgbGV0IGkgPSBpbmRleFwiPlxuICAgICAgICAgICAgPHRkICpuZ0Zvcj1cImxldCBpdGVtIG9mIHJvdy50YWJsZV9yb3c/LmNlbGxzIHx8IFtdXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRhYmxlLWNlbGwtdGV4dFwiPlxuICAgICAgICAgICAgICAgICAgICA8cmljaC10ZXh0IFtyaWNoVGV4dF09XCJpdGVtXCI+PC9yaWNoLXRleHQ+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L3RkPlxuICAgICAgICA8L3RyPlxuICAgIDwvdGJvZHk+XG48L3RhYmxlPlxuIl19