'use strict';

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

const index = require('./index-305226cb.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) {
    index.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 (index.h(index.Host, { "data-disabled": this.disabled }, this.label && (index.h("bs-label", { for: this.labelFor, disabled: this.disabled, required: this.required }, this.label)), index.h("slot", null), (this.hints || this.charMax) && (index.h("div", { class: "bs-field-details" }, this.hints && (index.h("bs-hint", { error: this.error, hintId: this.hintId, hints: this.hints })), this.charMax && (index.h("bs-character-count", { charCount: this.charCount, charMax: this.charMax }))))));
  }
};
BsFieldLayout.style = bsFieldLayoutCss;

exports.bs_field_layout = BsFieldLayout;

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