All files / src/components/row Row.ts

88.89% Statements 8/9
100% Branches 0/0
66.67% Functions 2/3
88.89% Lines 8/9

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 381x 1x   1x   1x   1x       1x         1x                                         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 { NodePatchingData } from "../../renderer/NodePatcher";
import styles from "./Row.css";
 
export default class Row extends CustomElement {
 
    static get styles(): string {
 
        return styles as any;
    }
 
    static get properties(): Record<string, CustomElementPropertyMetadata> {
 
        return {
 
            /**
             * Content justification
             */
            justifyContent: {
                attribute: 'justify-content',
                type: String,
                value: 'space-between',
                options: ['start', 'center', 'space-around', 'space-between', 'space-evenly'],
                reflect: true
            }
        };
    }
 
    render(): NodePatchingData {
 
        return html`<slot></slot>`;
    }
}
 
defineCustomElement('gcl-row', Row);