import { h, Host } from "@stencil/core";
import { GridItemClass } from "./constants";
import { govHost } from "../../helpers/Dom/template";
export class GovGridItem {
    constructor() {
        /**
         * Cell size as a fraction of 1/12 of the grid size
         */
        this.column = "12";
        /**
         * Connects rows in the grid
         */
        this.row = "1";
        this.h = govHost(this.host);
    }
    render() {
        return (h(Host, { key: 'f0bd487f13430180ee5ba1ea47b42a96c792a844', class: this.h.classes(GridItemClass.root), role: "listitem" }, h("slot", { key: '31abf23d589818b1f8ca2d7adf527619d470739f' })));
    }
    static get is() { return "gov-grid-item"; }
    static get properties() {
        return {
            "column": {
                "type": "string",
                "attribute": "col-span",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Cell size as a fraction of 1/12 of the grid size"
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "defaultValue": "\"12\""
            },
            "columnSm": {
                "type": "string",
                "attribute": "col-span-sm",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Cell size for SM media query and up as a fraction of 12 of the grid size"
                },
                "getter": false,
                "setter": false,
                "reflect": false
            },
            "columnMd": {
                "type": "string",
                "attribute": "col-span-md",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Cell size for MD media query and up as a fraction of 12 of the grid size"
                },
                "getter": false,
                "setter": false,
                "reflect": false
            },
            "columnLg": {
                "type": "string",
                "attribute": "col-span-lg",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Cell size for LG media query and up as a fraction of 12 of the grid size"
                },
                "getter": false,
                "setter": false,
                "reflect": false
            },
            "columnXl": {
                "type": "string",
                "attribute": "col-span-xl",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Cell size for XL media query and up as a fraction of 12 of the grid size"
                },
                "getter": false,
                "setter": false,
                "reflect": false
            },
            "row": {
                "type": "string",
                "attribute": "row-span",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Connects rows in the grid"
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "defaultValue": "\"1\""
            },
            "rowSm": {
                "type": "string",
                "attribute": "row-span-sm",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Cell size for SM media query and up as a fraction of 12 of the grid size"
                },
                "getter": false,
                "setter": false,
                "reflect": false
            },
            "rowMd": {
                "type": "string",
                "attribute": "row-span-md",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Cell size for MD media query and up as a fraction of 12 of the grid size"
                },
                "getter": false,
                "setter": false,
                "reflect": false
            },
            "rowLg": {
                "type": "string",
                "attribute": "row-span-lg",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Cell size for LG media query and up as a fraction of 12 of the grid size"
                },
                "getter": false,
                "setter": false,
                "reflect": false
            },
            "rowXl": {
                "type": "string",
                "attribute": "row-span-xl",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Cell size for XL media query and up as a fraction of 12 of the grid size"
                },
                "getter": false,
                "setter": false,
                "reflect": false
            }
        };
    }
    static get elementRef() { return "host"; }
}
//# sourceMappingURL=gov-grid-item.js.map
