export class EdelContainerComponent {
    constructor() {
        this.default = false;
        this.limit = false;
    }
    render() {
        return h("slot", null);
    }
    hostData() {
        return {
            class: 'container'
        };
    }
    componentDidLoad() {
        this.shouldHaveClass('container--default', this.default);
        this.shouldHaveClass('container--limit', this.limit);
    }
    shouldHaveClass(theme, should) {
        if (should) {
            this.host.classList.add(theme);
        }
        else {
            this.host.classList.remove(theme);
        }
    }
    static get is() { return "edel-container"; }
    static get properties() { return {
        "default": {
            "type": Boolean,
            "attr": "default",
            "watchCallbacks": ["componentDidLoad"]
        },
        "host": {
            "elementRef": true
        },
        "limit": {
            "type": Boolean,
            "attr": "limit"
        }
    }; }
    static get style() { return "/**style-placeholder:edel-container:**/"; }
}
