web-component-stencil-test/dist/collection/components/grid-ghost/grid-ghost.js

Stencil Component Starter

import { h, Host } from "@stencil/core";
import { COLUMNS } from '../grid/constants';
export class GridGhost {
    constructor() {
        this.generateCols = () => {
            const cols = [...Array(COLUMNS.XL)];
            return cols.map(() => h("grid-col", { class: `item`, col: 1 }));
        };
    }
    render() {
        return h(Host, { class: `grid-ghost` },
            h("grid-container", { class: "full-height" },
                h("grid-row", { class: "full-height" }, this.generateCols())));
    }
    static get is() { return "grid-ghost"; }
    static get originalStyleUrls() { return {
        "$": ["grid-ghost.scss"]
    }; }
    static get styleUrls() { return {
        "$": ["grid-ghost.css"]
    }; }
}