import { h, Host } from "@stencil/core";
export class PnUspPromoter {
    constructor() {
        this.heading = null;
        this.headingExtension = null;
        this.bodyText = null;
        this.backgroundGradient = null;
        this.fullWidth = false;
        this.rightAlign = false;
        this.hideMobileImage = false;
    }
    hostElement;
    centerMobileContent() {
        const slot = this.hostElement.querySelector('[slot="illustration"]');
        if (this.hideMobileImage || slot == null) {
            return 'usp-promoter--hide-image-small-screen';
        }
        return "";
    }
    render() {
        const { fullWidth, rightAlign } = this;
        const classes = [
            'usp-promoter',
            fullWidth ? "usp-promoter--full-width" : "",
            rightAlign ? "usp-promoter--right-align" : "",
        ].join(' ');
        const hasHeadingExtension = this.headingExtension ? "usp-promoter__heading-extension" : "";
        return (h(Host, { key: '08851a8124aba6828e3d71b3bb87ff8526f2bb8e' }, h("div", { key: '16090b8bfc1af5566626be91fb57fcd2c9e10abf', class: ` ${classes} ${this.centerMobileContent()}`, style: { 'background': `${this.backgroundGradient}` } }, h("div", { key: 'd6d8e99f9b9c36581a2a849e8b1afa0b649cdd72', class: "usp-promoter__content" }, h("slot", { key: '42efdd9dbbc3a99c2795030694b5fe4b0c3a8a7d', name: "illustration" }), h("div", { key: 'ecc09cdcaac2efc33af4cce16b2da5b02cf34146', class: "usp-promoter__content-wrapper" }, h("h2", { key: 'f5032de611c687b9ac01f8b3a651970f3f2cbdb8', class: `usp-promoter__content-heading ${hasHeadingExtension}` }, h("span", { key: 'd3d631edff2f6188a5a54d8bbb7859a19d2394a2' }, this.heading), this.headingExtension ? h("span", null, this.headingExtension) : null), h("p", { key: 'dac00cdcd739813ef79caac6dd7c56410613c2cd', class: "usp-promoter__content-text" }, this.bodyText), h("slot", { key: '7983359e11fa94d8eafe6c8265070abd355eb31f', name: "app-store" }), h("slot", { key: '5033abb74893a1cc453f359ce055b62bfe37012c', name: "usp-buttons" }))))));
    }
    static get is() { return "pn-usp-promoter"; }
    static get originalStyleUrls() {
        return {
            "$": ["pn-usp-promoter.scss"]
        };
    }
    static get styleUrls() {
        return {
            "$": ["pn-usp-promoter.css"]
        };
    }
    static get properties() {
        return {
            "heading": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "attribute": "heading",
                "reflect": false,
                "defaultValue": "null"
            },
            "headingExtension": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "attribute": "heading-extension",
                "reflect": false,
                "defaultValue": "null"
            },
            "bodyText": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "attribute": "body-text",
                "reflect": false,
                "defaultValue": "null"
            },
            "backgroundGradient": {
                "type": "string",
                "mutable": false,
                "complexType": {
                    "original": "string",
                    "resolved": "string",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "attribute": "background-gradient",
                "reflect": false,
                "defaultValue": "null"
            },
            "fullWidth": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "attribute": "full-width",
                "reflect": false,
                "defaultValue": "false"
            },
            "rightAlign": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "attribute": "right-align",
                "reflect": false,
                "defaultValue": "false"
            },
            "hideMobileImage": {
                "type": "boolean",
                "mutable": false,
                "complexType": {
                    "original": "boolean",
                    "resolved": "boolean",
                    "references": {}
                },
                "required": false,
                "optional": false,
                "docs": {
                    "tags": [],
                    "text": ""
                },
                "attribute": "hide-mobile-image",
                "reflect": false,
                "defaultValue": "false"
            }
        };
    }
    static get elementRef() { return "hostElement"; }
}
//# sourceMappingURL=pn-usp-promoter.js.map
