import { r as registerInstance, h, H as Host } from './index-92f6d7ee.js';

const bsFieldLayoutCss = "bs-field-layout{display:block}bs-field-layout .bs-field-details{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--bs-space-2);padding:0 0.75rem;margin-top:0.5rem}bs-field-layout :where(textarea,bs-textarea)+.bs-field-details{margin-top:0.25rem}bs-field-layout .bs-field-details :where(.bs-character-count:first-child){margin-left:auto}";

const BsFieldLayout = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.charCount = undefined;
    this.charMax = undefined;
    this.disabled = false;
    this.error = undefined;
    this.hints = undefined;
    this.label = undefined;
    this.labelFor = undefined;
    this.required = undefined;
    this.hintId = undefined;
  }
  render() {
    return (h(Host, { "data-disabled": this.disabled }, this.label && (h("bs-label", { for: this.labelFor, disabled: this.disabled, required: this.required }, this.label)), h("slot", null), (this.hints || this.charMax) && (h("div", { class: "bs-field-details" }, this.hints && (h("bs-hint", { error: this.error, hintId: this.hintId, hints: this.hints })), this.charMax && (h("bs-character-count", { charCount: this.charCount, charMax: this.charMax }))))));
  }
};
BsFieldLayout.style = bsFieldLayoutCss;

export { BsFieldLayout as bs_field_layout };

//# sourceMappingURL=bs-field-layout.entry.js.map