import { Host, h } from "@stencil/core";
export class PdsTableHead {
    componentWillRender() {
        this.tableRef = this.hostElement.closest('pds-table');
        if (this.tableRef && this.tableRef.fixedColumn) {
            const tableCell = this.hostElement.querySelector('pds-table-head-cell:first-child');
            tableCell === null || tableCell === void 0 ? void 0 : tableCell.classList.add("is-fixed");
        }
    }
    render() {
        return (h(Host, { key: '63d7450f27eaec26afc0724f7498cd3197ccc6f3', role: "row" }, this.tableRef && this.tableRef.selectable && (h("pds-table-head-cell", { part: this.tableRef.fixedColumn ? 'checkbox-cell' : '' })), h("slot", { key: '29ccb7483aea5efc5aa6f24e9dded5bb812748e2' })));
    }
    static get is() { return "pds-table-head"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["pds-table-head.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["pds-table-head.css"]
        };
    }
    static get elementRef() { return "hostElement"; }
}
//# sourceMappingURL=pds-table-head.js.map
