'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-305226cb.js');

const bsCharacterCountCss = ".bs-character-count{color:var(--bs-ink-base);font-size:var(--bs-text-xs);font-weight:400;text-align:right;white-space:nowrap}:where([disabled],[data-disabled])+.bs-character-count,:where([disabled],[data-disabled]) .bs-character-count,.bs-character-count:where([data-disabled]){color:var(--bs-ink-disabled)}.bs-character-count:where([data-error]){color:var(--bs-ink-red)}";

const BsCharacterCount = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.charCount = undefined;
    this.charMax = undefined;
  }
  render() {
    return (index.h(index.Host, { class: "bs-character-count", "data-error": this.charCount > this.charMax }, index.h("span", null, this.charCount || '0', " / ", this.charMax)));
  }
};
BsCharacterCount.style = bsCharacterCountCss;

const bsHintCss = "bs-hint{display:inline-block;min-width:0}bs-hint .bs-hint{--hint-color:var(--bs-ink-light);min-width:0;color:var(--hint-color);font-size:var(--bs-text-xs);padding:0;margin:0;list-style:none;overflow-wrap:break-word}bs-hint .bs-hint:where([data-error]){--hint-color:var(--bs-ink-red)}";

const BsHint = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.error = undefined;
    this.hintId = undefined;
    this.hints = undefined;
  }
  render() {
    const hints = this.hints
      ? Array.isArray(this.hints)
        ? this.hints
        : [this.hints]
      : null;
    return (index.h(index.Host, null, index.h("ul", { id: this.hintId, class: "bs-hint", "data-error": this.error, role: "list" }, hints.map(hint => {
      return index.h("li", null, hint);
    }))));
  }
};
BsHint.style = bsHintCss;

exports.bs_character_count = BsCharacterCount;
exports.bs_hint = BsHint;

//# sourceMappingURL=bs-character-count_2.cjs.entry.js.map