import { Host, h } from "@stencil/core";
export class CpslAppBar {
    constructor() {
        this.height = undefined;
        this.position = 'fixed';
        this.zIndexOverride = undefined;
    }
    render() {
        return (h(Host, { key: '281c1ebcc7ad61ccbd6878fb31d9b52a5860c273', style: Object.assign({
                // position: this.position,
                height: `${this.height}px`
            }, (this.zIndexOverride ? { zIndex: `${this.zIndexOverride}` } : {})) }, h("div", { key: '90fdd0e77212ac8a1c861e2402b34b15a9d26f7b', class: "container", part: "container", style: {
                position: this.position,
                height: `${this.height}px`,
            } }, h("slot", { key: '6aa42ab3e08a7d0629082a0bbba2831b1c9374f2' })), this.position === 'fixed' && (h("div", { key: '99169fc7212b22fcaa2e490ee2f6a7aad750e5a3', style: {
                height: `${this.height}px`,
            } }))));
    }
    static get is() { return "cpsl-app-bar"; }
    static get encapsulation() { return "shadow"; }
    static get originalStyleUrls() {
        return {
            "$": ["cpsl-app-bar.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["cpsl-app-bar.css"]
        };
    }
    static get properties() {
        return {
            "height": {
                "type": "number",
                "mutable": false,
                "complexType": {
                    "original": "number",
                    "resolved": "number",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": "Height of the app bar."
                },
                "attribute": "height",
                "reflect": false
            },
            "position": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "'fixed' | 'static'",
                    "resolved": "\"fixed\" | \"static\"",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "The position of the drawer.\nDefault is `fixed`."
                },
                "attribute": "position",
                "reflect": false,
                "defaultValue": "'fixed'"
            },
            "zIndexOverride": {
                "type": "number",
                "mutable": false,
                "complexType": {
                    "original": "number",
                    "resolved": "number",
                    "references": {}
                },
                "required": false,
                "optional": true,
                "docs": {
                    "tags": [],
                    "text": "Override z-index."
                },
                "attribute": "z-index-override",
                "reflect": false
            }
        };
    }
}
//# sourceMappingURL=cpsl-app-bar.js.map
