import { r as registerInstance, d as createEvent, h } from './core-b78a8f7e.js';

const Label = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        /**
         * If true, indicate the field is optional
         */
        this.optional = false;
        this.anjLabelDidLoad = createEvent(this, "anjLabelDidLoad", 7);
    }
    componentDidLoad() {
        this.anjLabelDidLoad.emit();
    }
    render() {
        return (h("label", { id: this.labelId, htmlFor: this.for }, h("slot", null), this.optional ? h("div", { class: "anj-optional" }, "Optional") : undefined));
    }
    static get style() { return ".sc-anj-label-h {\n  display: block;\n  font-size: 0.875rem;\n  font-family: var(--anj-font-family);\n  font-weight: normal;\n  line-height: 1.5;\n  outline: none;\n  font-size: 0.75rem;\n  margin-bottom: 0.25rem;\n}\n.sc-anj-label-h, .sc-anj-label-h::before, .sc-anj-label-h::after {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  outline: none;\n}\n.sc-anj-label-h:focus, .sc-anj-label-h:active, .sc-anj-label-h *.sc-anj-label:focus, .sc-anj-label-h *.sc-anj-label:active {\n  outline: none;\n}\n.sc-anj-label-h label.sc-anj-label {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  text-transform: uppercase;\n}\n.sc-anj-label-h label.sc-anj-label .anj-optional.sc-anj-label {\n  color: var(--anj-text-medium);\n  text-transform: none;\n}\n\nanj-time-picker-clock.sc-anj-label-h .anj-optional.sc-anj-label, anj-time-picker-clock .sc-anj-label-h .anj-optional.sc-anj-label {\n  display: none;\n}"; }
};

export { Label as anj_label };
