import { h } from "@stencil/core";
export class NumberIndicator {
  constructor() {
    this.inverted = false;
  }
  render() {
    return (h("div", { "aria-label": 'a number indicator', class: `numberIndicator__container ${this.inverted ? 'inverted' : ""}` }, h("span", null, h("slot", null))));
  }
  static get is() { return "ifx-number-indicator"; }
  static get encapsulation() { return "shadow"; }
  static get originalStyleUrls() {
    return {
      "$": ["number-indicator.scss"]
    };
  }
  static get styleUrls() {
    return {
      "$": ["number-indicator.css"]
    };
  }
  static get properties() {
    return {
      "inverted": {
        "type": "boolean",
        "mutable": false,
        "complexType": {
          "original": "boolean",
          "resolved": "boolean",
          "references": {}
        },
        "required": false,
        "optional": false,
        "docs": {
          "tags": [],
          "text": ""
        },
        "attribute": "inverted",
        "reflect": false,
        "defaultValue": "false"
      }
    };
  }
}
//# sourceMappingURL=number-indicator.js.map