import { Host, h } from '@stencil/core';
/**
 * DEPRECATED: This internal component is no longer used. For standalone character count, apply the `bs-character` class to a `<span>` element.
 */
export class BsCharacterCount {
  constructor() {
    this.charCount = undefined;
    this.charMax = undefined;
  }
  render() {
    return (h(Host, { class: "bs-character-count", "data-error": this.charCount > this.charMax }, h("span", null, this.charCount || '0', " / ", this.charMax)));
  }
  static get is() { return "bs-character-count"; }
  static get originalStyleUrls() {
    return {
      "$": ["bs-character-count.scss"]
    };
  }
  static get styleUrls() {
    return {
      "$": ["bs-character-count.css"]
    };
  }
  static get properties() {
    return {
      "charCount": {
        "type": "number",
        "mutable": false,
        "complexType": {
          "original": "number",
          "resolved": "number",
          "references": {}
        },
        "required": false,
        "optional": true,
        "docs": {
          "tags": [],
          "text": "The number of characters that have been entered by the user."
        },
        "attribute": "char-count",
        "reflect": false
      },
      "charMax": {
        "type": "number",
        "mutable": false,
        "complexType": {
          "original": "number",
          "resolved": "number",
          "references": {}
        },
        "required": false,
        "optional": false,
        "docs": {
          "tags": [],
          "text": "Pass value to show character count and set the maximum number of characters that are allowed to be submitted by the user."
        },
        "attribute": "char-max",
        "reflect": false
      }
    };
  }
}
//# sourceMappingURL=bs-character-count.js.map
