header DataHeader.ts

100% Statements 10/10

100% Branches 0/0

100% Functions 4/4

100% Lines 10/10

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 2x
2x
 
2x
 
2x
 
2x
 
 
 
5x
 
 
 
 
5x
 
 
 
 
 
 
 
 
 
 
 
 
 
2x
 
6x
 
 
 
 
2x 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 { NodePatchingData } from "../../../renderer/NodePatcher";
import styles from "./DataHeader.css";
 
export default class DataHeader extends CustomElement {
 
    static get styles(): string {
 
        return styles as any;
    }
 
    static get properties(): Record<string, CustomElementPropertyMetadata> {
 
        return {
 
            /**
             * The descriptor of the fields to render the header
             */
            fields: {
                type: [Array, Function],
                required: true
            }
        };
    }
 
    render(): NodePatchingData[] {
 
        return this.fields.map(field => {
 
            return html`<gcl-data-header-cell field=${field} key=${field}></gcl-data-header-cell>`;
        });
    }
}
 
defineCustomElement('gcl-data-header', DataHeader);