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 0.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(\n      0.5rem - 1px\n    ) calc(0.75rem - 1px)}.ecl-label--medium.sc-ecl-label-ec{background-color:#fff4bb;border:0px solid transparent;padding:calc(\n      0.5rem - 0px\n    ) calc(0.75rem - 0px)}.ecl-label--high.sc-ecl-label-ec{background-color:#ffd617;border:0px solid transparent;padding:calc(\n      0.5rem - 0px\n    ) calc(0.75rem - 0px)}.ecl-label--highlight.sc-ecl-label-ec{background-color:#004494;border:0px solid transparent;color:#fff;padding:calc(\n      0.5rem - 0px\n    ) calc(\n      0.75rem - 0px\n    )}";

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

const EclLabel = /*@__PURE__*/ proxyCustomElement(class 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