All files / components/data-grid/header/cell DataHeaderCell.ts

100% Statements 11/11
50% Branches 1/2
100% Functions 3/3
100% Lines 11/11

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 422x 2x   2x 2x   2x       8x         8x                               8x   8x       8x       2x
import CustomElement from "../../../../custom-element/CustomElement";
import defineCustomElement from "../../../../custom-element/helpers/defineCustomElement";
import { CustomElementPropertyMetadata } from "../../../../custom-element/interfaces";
import { html } from "../../../../renderer/renderer";
import styles from "./DataHeaderCell.css";
 
export default class DataHeaderCell extends CustomElement {
 
    static get styles(): string {
 
        return styles as any;
    }
 
    static get properties(): Record<string, CustomElementPropertyMetadata> {
 
        return {
 
            /**
             * The descriptor of the field to render the header cell
             */
            field: {
                type: [Object, Function, String],
                required: true
            }
        };
    }
 
    render() {
 
        const {
            field
        } = this;
 
        const name = typeof field === 'string' ?
            field :
            field.name;
 
        return html`${name}`;
    }
}
 
defineCustomElement('gcl-data-header-cell', DataHeaderCell);