import { r as registerInstance, h, H as Host } from './core-f530a7ef.js';

const DatatableBodyCell = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.align = 'start';
    }
    render() {
        return (h(Host, { class: {
                'align-start': this.align === 'start',
                'align-end': this.align === 'end',
                'align-center': this.align === 'center'
            }, style: {
                'flex': this.width ? `0 0 ${this.width}` : null,
                'width': this.width ? this.width : null
            } }, h("div", { class: "row-cell" }, h("div", { class: "cell-content" }, h("slot", null)))));
    }
    static get style() { return ":host{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.align-start){-ms-flex-pack:start;justify-content:flex-start}:host(.align-start) .row-cell{width:calc(100% - 8px)}:host(.align-start) .row-cell .cell-content{overflow:hidden;text-overflow:ellipsis;width:100%}:host(.align-end){-ms-flex-pack:end;justify-content:flex-end}:host(.align-end) .row-cell{padding-right:24px}:host(.align-center){-ms-flex-pack:center;justify-content:center}"; }
};

export { DatatableBodyCell as materials_datatable_body_cell };
