import { Host, h } from "@stencil/core";
export class SpwFooter {
    constructor() {
        /** Nombre de colonnes à afficher en vue mobile */
        this.colsMobile = 1;
        /** Nombre de colonnes à afficher en vue tablette */
        this.colsTablet = 2;
        /** Nombre de colonnes à afficher en vue desktop */
        this.colsDesktop = 4;
    }
    emitFooterCols() {
        const event = new CustomEvent('spwFooterCols', {
            detail: {
                colsMobile: this.colsMobile,
                colsTablet: this.colsTablet,
                colsDesktop: this.colsDesktop,
            },
            bubbles: true,
            composed: true,
        });
        this.el.dispatchEvent(event);
    }
    configurationChanged() {
        this.emitFooterCols();
    }
    componentDidLoad() {
        this.emitFooterCols();
    }
    render() {
        return (h(Host, { key: '9d6f3aeece0f69f8417b68e1c0fff3a2aba66288' }, h("footer", { key: '701d9920f77a67bb58afd1ff5a12fc521457c561', class: "spw-footer" }, h("slot", { key: '8a0576697c279dabda781f77fd5f2a397148e965' }))));
    }
    static get is() { return "spw-footer"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["spw-footer.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["spw-footer.css"]
        };
    }
    static get properties() {
        return {
            "colsMobile": {
                "type": "number",
                "mutable": false,
                "complexType": {
                    "original": "number",
                    "resolved": "number",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Nombre de colonnes \u00E0 afficher en vue mobile"
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "cols-mobile",
                "defaultValue": "1"
            },
            "colsTablet": {
                "type": "number",
                "mutable": false,
                "complexType": {
                    "original": "number",
                    "resolved": "number",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Nombre de colonnes \u00E0 afficher en vue tablette"
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "cols-tablet",
                "defaultValue": "2"
            },
            "colsDesktop": {
                "type": "number",
                "mutable": false,
                "complexType": {
                    "original": "number",
                    "resolved": "number",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Nombre de colonnes \u00E0 afficher en vue desktop"
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "cols-desktop",
                "defaultValue": "4"
            }
        };
    }
    static get elementRef() { return "el"; }
    static get watchers() {
        return [{
                "propName": "colsMobile",
                "methodName": "configurationChanged"
            }, {
                "propName": "colsTablet",
                "methodName": "configurationChanged"
            }, {
                "propName": "colsDesktop",
                "methodName": "configurationChanged"
            }];
    }
}
