import { r as registerInstance, h } from './chunk-8105bee0.js';
import './chunk-816ec46a.js';
import { M as MDCFormField } from './chunk-16c9739b.js';
var FormField = /** @class */ (function () {
    function FormField(hostRef) {
        registerInstance(this, hostRef);
    }
    FormField.prototype.componentDidLoad = function () {
        MDCFormField.attachTo(this.formFieldEl);
    };
    FormField.prototype.render = function () {
        var _this = this;
        return (h("div", { class: { 'mdc-form-field': true, 'mdc-form-field--align-end': this.alignEnd }, ref: function (el) { return _this.formFieldEl = el; } }, h("slot", null), h("label", null, this.label)));
    };
    Object.defineProperty(FormField, "style", {
        get: function () { return ":host .mdc-form-field{font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.25rem;font-weight:400;letter-spacing:.0178571429em;text-decoration:inherit;text-transform:inherit;color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;vertical-align:middle}:host .mdc-form-field>label{-ms-flex-order:0;order:0;margin-right:auto;padding-left:4px}:host .mdc-form-field[dir=rtl]>label,[dir=rtl] :host .mdc-form-field>label{margin-left:auto;padding-right:4px}:host .mdc-form-field--align-end>label{-ms-flex-order:-1;order:-1;margin-left:auto;padding-right:4px}:host .mdc-form-field--align-end[dir=rtl]>label,[dir=rtl] :host .mdc-form-field--align-end>label{margin-right:auto;padding-left:4px}"; },
        enumerable: true,
        configurable: true
    });
    return FormField;
}());
export { FormField as materials_form_field };
