import { Host, h } from "@stencil/core";
export class SpwGridItem {
    render() {
        var _a, _b, _c, _d, _e, _f;
        return (h(Host, { key: '7e1c7f9af9094cab0544d2d63ace649048ebeaf3', style: {
                '--spw-grid-item-col-span-mobile': ((_a = this.colSpanMobile) === null || _a === void 0 ? void 0 : _a.toString()) || 'auto',
                '--spw-grid-item-col-span-tablet': ((_b = this.colSpanTablet) === null || _b === void 0 ? void 0 : _b.toString()) || 'auto',
                '--spw-grid-item-col-span-desktop': ((_c = this.colSpanDesktop) === null || _c === void 0 ? void 0 : _c.toString()) || 'auto',
                '--spw-grid-item-row-span-mobile': ((_d = this.rowSpanMobile) === null || _d === void 0 ? void 0 : _d.toString()) || 'auto',
                '--spw-grid-item-row-span-tablet': ((_e = this.rowSpanTablet) === null || _e === void 0 ? void 0 : _e.toString()) || 'auto',
                '--spw-grid-item-row-span-desktop': ((_f = this.rowSpanDesktop) === null || _f === void 0 ? void 0 : _f.toString()) || 'auto',
            } }, h("slot", { key: '0894fd864649d968d5d3899ce34cbcece700a86a' })));
    }
    static get is() { return "spw-grid-item"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["spw-grid-item.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["spw-grid-item.css"]
        };
    }
    static get properties() {
        return {
            "colSpanMobile": {
                "type": "number",
                "mutable": false,
                "complexType": {
                    "original": "number",
                    "resolved": "number",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Nombre de colonnes occup\u00E9es par l'item en vue mobile"
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "col-span-mobile"
            },
            "colSpanTablet": {
                "type": "number",
                "mutable": false,
                "complexType": {
                    "original": "number",
                    "resolved": "number",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Nombre de colonnes occup\u00E9es par l'item en vue tablette"
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "col-span-tablet"
            },
            "colSpanDesktop": {
                "type": "number",
                "mutable": false,
                "complexType": {
                    "original": "number",
                    "resolved": "number",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Nombre de colonnes occup\u00E9es par l'item en vue desktop"
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "col-span-desktop"
            },
            "rowSpanMobile": {
                "type": "number",
                "mutable": false,
                "complexType": {
                    "original": "number",
                    "resolved": "number",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Nombre de lignes occup\u00E9es par l'item en vue mobile"
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "row-span-mobile"
            },
            "rowSpanTablet": {
                "type": "number",
                "mutable": false,
                "complexType": {
                    "original": "number",
                    "resolved": "number",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Nombre de lignes occup\u00E9es par l'item en vue tablette"
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "row-span-tablet"
            },
            "rowSpanDesktop": {
                "type": "number",
                "mutable": false,
                "complexType": {
                    "original": "number",
                    "resolved": "number",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Nombre de lignes occup\u00E9es par l'item en vue desktop"
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "row-span-desktop"
            }
        };
    }
    static get elementRef() { return "el"; }
}
