import { h } from '../edel-elements.core.js';

class EdelFormItemComponent {
    constructor() {
        this.half = false;
    }
    render() {
        return h("slot", null);
    }
    hostData() {
        return {
            class: 'form-item'
        };
    }
    componentDidLoad() {
        if (this.half)
            this.hostElement.classList.add('form-item--half');
        else
            this.hostElement.classList.remove('form-item--half');
    }
    static get is() { return "edel-form-item"; }
    static get properties() { return {
        "half": {
            "type": Boolean,
            "attr": "half",
            "watchCallbacks": ["componentDidLoad"]
        },
        "hostElement": {
            "elementRef": true
        }
    }; }
}

export { EdelFormItemComponent as EdelFormItem };
