import { Host, h } from "@stencil/core";
export class BdsloadingBar {
    constructor() {
        this.percent = 0;
        this.size = 'default';
        this.text = '';
        this.dataTest = null;
    }
    render() {
        const styles = { width: `${this.percent ? (this.percent > 100 ? 100 : this.percent) : 0}%` };
        return (h(Host, { key: '9c9d84cebc52ee1e2f9249393bc7811c4183a61b' }, h("div", { key: '7663fbc9cf0eaca89540f1a12f05f412de4ba6b4', class: { loading_bar: true, [`size_${this.size}`]: true }, "data-test": this.dataTest }, h("div", { key: '74f29ba0b5f62ee1575b8acb0b43fe023162853a', class: { bar_behind: true } }, h("div", { key: 'b4cc73c07df3ea2b308fb234ed2034d0f2a9c5e1', class: { loading: true }, style: styles }, h("div", { key: 'e9d89dbad0266fdb2b59db14e09034b67bc0150b', class: "loader" }))))));
    }
    static get is() { return "bds-loading-bar"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["loading-bar.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["loading-bar.css"]
        };
    }
    static get properties() {
        return {
            "percent": {
                "type": "number",
                "mutable": false,
                "complexType": {
                    "original": "number",
                    "resolved": "number",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Percent, property to enter the loading bar status percentage value."
                },
                "attribute": "percent",
                "reflect": false,
                "defaultValue": "0"
            },
            "size": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "loadingBarSize",
                    "resolved": "\"default\" | \"small\"",
                    "references": {
                        "loadingBarSize": {
                            "location": "local",
                            "path": "/home/runner/work/blip-ds/blip-ds/src/components/loading-bar/loading-bar.tsx",
                            "id": "src/components/loading-bar/loading-bar.tsx::loadingBarSize"
                        }
                    }
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Size, property to define size of component."
                },
                "attribute": "size",
                "reflect": false,
                "defaultValue": "'default'"
            },
            "text": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Text, property to enable the bar info text."
                },
                "attribute": "text",
                "reflect": false,
                "defaultValue": "''"
            },
            "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"
            }
        };
    }
}
//# sourceMappingURL=loading-bar.js.map
