import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';

const eclLabelEcCss = ".ecl-label.sc-ecl-label-ec{border-radius:0;color:#404040;display:inline-block;font:normal normal 400 .875rem/1rem arial,sans-serif;margin:0;text-transform:uppercase}.ecl-label--low.sc-ecl-label-ec{background-color:#f5f5f5;border:1px solid #cfcfcf;padding:calc(.5rem - 1px) calc(.75rem - 1px)}.ecl-label--medium.sc-ecl-label-ec{background-color:#fff4bb}.ecl-label--high.sc-ecl-label-ec,.ecl-label--medium.sc-ecl-label-ec{border:0 solid transparent;padding:.5rem .75rem}.ecl-label--high.sc-ecl-label-ec{background-color:#ffd617}.ecl-label--highlight.sc-ecl-label-ec{background-color:#004494;border:0 solid transparent;color:#fff;padding:.5rem .75rem}";

const eclLabelEuCss = ".ecl-label.sc-ecl-label-eu{border-radius:4px;color:#171a22;display:inline-block;font:normal normal 400 .875rem/1rem arial,sans-serif;margin:0;text-transform:uppercase}.ecl-label--low.sc-ecl-label-eu{background-color:#e7edfa}.ecl-label--low.sc-ecl-label-eu,.ecl-label--medium.sc-ecl-label-eu{border:0 solid transparent;padding:.5rem .75rem}.ecl-label--medium.sc-ecl-label-eu{background-color:#fffae6}.ecl-label--high.sc-ecl-label-eu{background-color:#fc0}.ecl-label--high.sc-ecl-label-eu,.ecl-label--highlight.sc-ecl-label-eu{border:0 solid transparent;padding:.5rem .75rem}.ecl-label--highlight.sc-ecl-label-eu{background-color:#0e47cb;color:#fff}";

const EclLabel = /*@__PURE__*/ proxyCustomElement(class EclLabel extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        this.styleClass = '';
        this.variant = 'low';
        this.theme = 'ec';
    }
    getClass() {
        return [
            `ecl-label`,
            `ecl-label--${this.variant}`,
            this.styleClass
        ].join(' ');
    }
    render() {
        return (h("span", { class: this.getClass() }, h("slot", null)));
    }
    static get style() { return {
        ec: eclLabelEcCss,
        eu: eclLabelEuCss
    }; }
}, [38, "ecl-label", {
        "styleClass": [1, "style-class"],
        "variant": [1],
        "theme": [1]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["ecl-label"];
    components.forEach(tagName => { switch (tagName) {
        case "ecl-label":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, EclLabel);
            }
            break;
    } });
}

export { EclLabel as E, defineCustomElement as d };

//# sourceMappingURL=ecl-label2.js.map