import { h } from "@stencil/core";
export class EclFactFigures {
    constructor() {
        this.columns = 3;
        this.displayIcons = true;
        this.colorMode = '';
        this.centered = false;
        this.viewAllLinkPath = '';
        this.viewAllLinkLabel = '';
        this.iconSize = 'm';
        this.fontSize = 'l';
    }
    getClass() {
        const styleClasses = [
            `ecl-fact-figures`,
            `ecl-fact-figures--col-${this.columns}`,
            this.styleClass
        ];
        if (this.colorMode) {
            styleClasses.push(`ecl-color-mode--${this.colorMode}`);
        }
        if (this.fontSize === 'm') {
            styleClasses.push('ecl-fact-figures--font-m');
        }
        if (this.centered) {
            styleClasses.push(`ecl-fact-figures--centered`);
        }
        return styleClasses.join(' ');
    }
    componentWillLoad() {
        var _a;
        this.theme = (_a = document.documentElement.getAttribute('data-ecl-theme')) !== null && _a !== void 0 ? _a : (this.theme || 'ec');
    }
    render() {
        return (h("div", { key: 'bdba2077a63d689db30d99dbd2d0c193a626954c', class: this.getClass() }, h("div", { key: '6ad4d78d861936d1da2f3c3ed351ee8b2eaef147', class: "ecl-fact-figures__items" }, h("slot", { key: '524c1a9e9726efae54c46e47692ad23f3d1791f4' })), this.viewAllLinkPath && this.viewAllLinkLabel ?
            h("div", { class: "ecl-fact-figures__view-all" }, h("ecl-link", { variant: "standalone", styleClass: `ecl-fact-figures__view-all-link sc-ecl-fact-figures-${this.theme}`, path: this.viewAllLinkPath }, h("ecl-icon", { icon: "arrow-left", size: "xs", flip: "horizontal", slot: "icon-after" }), this.viewAllLinkLabel)) : ''));
    }
    static get is() { return "ecl-fact-figures"; }
    static get encapsulation() { return "scoped"; }
    static get originalStyleUrls() {
        return {
            "ec": ["./build/styles/ecl-fact-figures-ec.css"],
            "eu": ["./build/styles/ecl-fact-figures-eu.css"]
        };
    }
    static get styleUrls() {
        return {
            "ec": ["build/styles/ecl-fact-figures-ec.css"],
            "eu": ["build/styles/ecl-fact-figures-eu.css"]
        };
    }
    static get assetsDirs() { return ["build"]; }
    static get properties() {
        return {
            "theme": {
                "type": "string",
                "mutable": true,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "theme"
            },
            "styleClass": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "style-class"
            },
            "columns": {
                "type": "number",
                "mutable": false,
                "complexType": {
                    "original": "number",
                    "resolved": "number",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "columns",
                "defaultValue": "3"
            },
            "displayIcons": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "display-icons",
                "defaultValue": "true"
            },
            "colorMode": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "color-mode",
                "defaultValue": "''"
            },
            "centered": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "centered",
                "defaultValue": "false"
            },
            "viewAllLinkPath": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "view-all-link-path",
                "defaultValue": "''"
            },
            "viewAllLinkLabel": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "view-all-link-label",
                "defaultValue": "''"
            },
            "iconSize": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "icon-size",
                "defaultValue": "'m'"
            },
            "fontSize": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "getter": false,
                "setter": false,
                "reflect": false,
                "attribute": "font-size",
                "defaultValue": "'l'"
            }
        };
    }
    static get elementRef() { return "el"; }
}
