import { h } from "@stencil/core";
export class BdsStep {
    constructor() {
        this.last = false;
        this.completed = false;
        this.active = false;
        this.disabled = true;
        this.index = 0;
        this.pointer = false;
        this.dataTest = null;
    }
    render() {
        return (h("div", { key: '2d02cf6fcf9adfb06f0337e20716b1f2e0142ac6', class: "step" }, h("div", { key: '86d9c68cee3376f4eaae89bdfaf1e36c3c3c0fed', class: {
                step__content: true,
                'step__content--active': this.active,
                'step__content--completed': this.completed,
                'step__content--disabled': this.disabled,
                'step__content--pointer': this.pointer,
                'step--last': this.last,
            }, "data-test": this.dataTest }, h("div", { key: '4ecc1d8eb3a021481390dfcdf1e5750f7bfd04cc', class: {
                step__content__ellipse: true,
                'step__content__ellipse--active': this.active,
                'step__content__ellipse--completed': this.completed,
            } }, this.completed && h("bds-icon", { key: '0011684821825dfff38eed3a3cc7073feaa557fb', name: "true", color: "#fff" }), !this.completed && h("bds-typo", { key: 'a98acf6259d70d2ea7b63503f12e0a3a0bb3c125', class: "step__content__ellipse--icon-completed" }, this.index + 1)), h("bds-typo", { key: '60b90de50438c3fb2d8c67ef3fe2d1e85fe5f2d8', variant: "fs-16", class: {
                'step__content__ellipse--text-completed': this.completed && !this.active,
                'step__content__ellipse--text-active': this.active,
            }, bold: this.active ? 'bold' : 'regular' }, h("slot", { key: '894ede27972d333d0e6defd062467a967c432d29' })))));
    }
    static get is() { return "bds-step"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["step.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["step.css"]
        };
    }
    static get properties() {
        return {
            "last": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Used to define the last step component on the list"
                },
                "attribute": "last",
                "reflect": false,
                "defaultValue": "false"
            },
            "completed": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Used to complete the step"
                },
                "attribute": "completed",
                "reflect": false,
                "defaultValue": "false"
            },
            "active": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Used to set the step as active"
                },
                "attribute": "active",
                "reflect": false,
                "defaultValue": "false"
            },
            "disabled": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Used to set the step as disabled"
                },
                "attribute": "disabled",
                "reflect": false,
                "defaultValue": "true"
            },
            "index": {
                "type": "number",
                "mutable": false,
                "complexType": {
                    "original": "number",
                    "resolved": "number",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Used to set the index of the steps"
                },
                "attribute": "index",
                "reflect": false,
                "defaultValue": "0"
            },
            "pointer": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Used to set cursor pointer on the step (useful to allow clicks on the steps)"
                },
                "attribute": "pointer",
                "reflect": false,
                "defaultValue": "false"
            },
            "dataTest": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Data test is the prop to specifically test the component action object."
                },
                "attribute": "data-test",
                "reflect": false,
                "defaultValue": "null"
            }
        };
    }
    static get elementRef() { return "el"; }
}
//# sourceMappingURL=step.js.map
