cell DataCell.ts

66.67% Statements 8/12

0% Branches 0/2

66.67% Functions 2/3

66.67% Lines 8/12

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
42
43
44
45
46
47
48
49
50
51
52
53 1x
1x
 
1x
1x
 
1x
 
 
 
5x
 
 
 
 
5x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1x import CustomElement from "../../../../../custom-element/CustomElement";
import defineCustomElement from "../../../../../custom-element/helpers/defineCustomElement";
import { CustomElementPropertyMetadata } from "../../../../../custom-element/interfaces";
import { html } from "../../../../../renderer/html";
import styles from "./DataCell.css";
 
export default class DataCell extends CustomElement {
 
    static get styles(): string {
 
        return styles as any;
    }
 
    static get properties(): Record<string, CustomElementPropertyMetadata> {
 
        return {
 
            /**
             * The record to render the cell from
             */
            record: {
                type: [Object, Function],
                required: true
            },
 
            /**
             * The descriptor of the field to render the cell
             */
            field: {
                type: [Object, Function, String],
                required: true
            }
        };
    }
 
    render() {
 
        const {
            field,
            record
        } = this;
 
        const name = typeof field === 'string' ?
            field :
            field.name;
 
        const value = record[name];
 
        return html`${value}`;
    }
}
 
defineCustomElement('gcl-data-cell', DataCell);