import { h } from '@stencil/core';
import { Css } from '@ema/core';
export class CardHeader {
    constructor() {
        this.background = 'none';
        this.color = 'inherit';
        this.padding = '10px 20px';
    }
    componentDidLoad() {
        this.postRender();
    }
    componentDidUpdate() {
        this.postRender();
    }
    postRender() {
        setTimeout(() => {
            Css.setVar('ema-card-header-background', this.background, this.el.querySelector('.ema-card-header'));
            Css.setVar('ema-card-header-color', this.color, this.el.querySelector('.ema-card-header'));
            Css.setVar('ema-card-header-padding', this.padding, this.el.querySelector('.ema-card-header'));
        });
    }
    render() {
        return (h("div", { class: "ema-card-header" },
            h("slot", null)));
    }
    static get is() { return "ema-card-header"; }
    static get originalStyleUrls() { return {
        "$": ["card-header.scss"]
    }; }
    static get styleUrls() { return {
        "$": ["card-header.css"]
    }; }
    static get properties() { return {
        "background": {
            "type": "string",
            "mutable": false,
            "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
            },
            "required": false,
            "optional": false,
            "docs": {
                "tags": [],
                "text": ""
            },
            "attribute": "background",
            "reflect": false,
            "defaultValue": "'none'"
        },
        "color": {
            "type": "string",
            "mutable": false,
            "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
            },
            "required": false,
            "optional": false,
            "docs": {
                "tags": [],
                "text": ""
            },
            "attribute": "color",
            "reflect": false,
            "defaultValue": "'inherit'"
        },
        "padding": {
            "type": "string",
            "mutable": false,
            "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
            },
            "required": false,
            "optional": false,
            "docs": {
                "tags": [],
                "text": ""
            },
            "attribute": "padding",
            "reflect": false,
            "defaultValue": "'10px 20px'"
        }
    }; }
    static get elementRef() { return "el"; }
}
