'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-9a9efa1c.js');

const pnCtaBlockCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-cta-block{display:flex;justify-content:center}pn-cta-block .cta-block{display:flex;justify-content:space-between;flex-direction:column;border-radius:2.4rem;padding:3.2rem 2.4rem;width:100%}@media screen and (min-width: 768px){pn-cta-block .cta-block{flex-direction:row;padding:2.4rem}}@media screen and (min-width: 1140px){pn-cta-block .cta-block{margin-right:auto;margin-left:auto;max-width:95%}}@media screen and (min-width: 1440px){pn-cta-block .cta-block{max-width:90%}}pn-cta-block .cta-block[pn-background-color=blue25]{background-color:#effbff}pn-cta-block .cta-block[pn-background-color=coral50]{background-color:#fdefee}pn-cta-block .cta-block[pn-background-color=gray25]{background-color:#f9f8f8}pn-cta-block .cta-block[pn-background-color=green25]{background-color:#edfbf3}pn-cta-block .cta-block[pn-background-color=transparent]{padding:0 3.2rem}pn-cta-block .cta-block--content-top .cta-block__content{justify-content:flex-start}@media screen and (min-width: 768px){pn-cta-block .cta-block--large .cta-block__heading{font-size:3.6rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block--large .cta-block__text{font-size:2rem}}pn-cta-block .cta-block--small{width:auto}@media screen and (min-width: 992px){pn-cta-block .cta-block--small{display:inline-flex;max-width:75%}pn-cta-block .cta-block--small.cta-block--center{max-width:66%}}pn-cta-block .cta-block--center{align-items:center;flex-direction:column;gap:1.6rem;text-align:center}@media screen and (min-width: 768px){pn-cta-block .cta-block--center{gap:2.4rem;padding:3.2rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block--center .cta-block__content{max-width:74rem;padding:0}}pn-cta-block .cta-block--center .cta-block__action{margin-top:0.8rem}pn-cta-block .cta-block--center .cta-block__action>[slot=cta-button]{gap:0.8rem}@media screen and (min-width: 768px){pn-cta-block .cta-block--center .cta-block__action{flex-direction:row;gap:2.4rem;margin-top:1.6rem}pn-cta-block .cta-block--center .cta-block__action.cta-block__button{margin-bottom:0}pn-cta-block .cta-block--center .cta-block__action>[slot=cta-buttons]{flex-direction:row;align-items:center;gap:2.4rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block--center .cta-block__image-wrapper{display:block}}pn-cta-block .cta-block--center .cta-block__image-wrapper>[slot=illustration]{padding-right:0}pn-cta-block .cta-block--center .cta-block__text{margin-bottom:0 !important}pn-cta-block .cta-block__image-wrapper{margin-bottom:1.6rem}pn-cta-block .cta-block__image-wrapper>[slot=illustration]>picture>img{border-radius:0.8rem;max-width:100%}@media screen and (min-width: 768px){pn-cta-block .cta-block__image-wrapper{display:none;max-width:20%}}@media screen and (min-width: 992px){pn-cta-block .cta-block__image-wrapper{display:block;margin-bottom:0}pn-cta-block .cta-block__image-wrapper>[slot=illustration]{padding-right:3.2rem}}pn-cta-block .cta-block__content{display:flex;flex:1;flex-direction:column;justify-content:center}@media screen and (min-width: 768px){pn-cta-block .cta-block__content{padding-right:2.4rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block__content .cta-block__heading,pn-cta-block .cta-block__content .cta-block__text{max-width:74rem;text-wrap:balance}}pn-cta-block .cta-block__content .cta-block__text{margin-bottom:2.4rem}@media screen and (min-width: 768px){pn-cta-block .cta-block__content .cta-block__text{margin-bottom:0}}pn-cta-block .cta-block__heading{margin-bottom:0.8rem}pn-cta-block .cta-block__action{display:flex}pn-cta-block .cta-block__action>[slot=cta-buttons]{display:flex;flex-direction:column;row-gap:1.6rem;flex:1}@media screen and (min-width: 768px){pn-cta-block .cta-block__action>[slot=cta-buttons]{align-items:flex-end;justify-content:center;gap:1.6rem;margin-top:0}}pn-cta-block .cta-block__action>[slot=cta-buttons]>a{color:#005d92;font-weight:500;font-size:1.6rem;padding:0.1rem;text-decoration:none}pn-cta-block .cta-block__action>[slot=cta-buttons]>a pn-icon svg{transition:transform 0.3s ease-in-out}pn-cta-block .cta-block__action>[slot=cta-buttons]>a pn-icon svg path{fill:#005d92}pn-cta-block .cta-block__action>[slot=cta-buttons]>a:hover{color:#0d234b;text-decoration:underline}pn-cta-block .cta-block__action>[slot=cta-buttons]>a:hover pn-icon svg{transition:transform 0.3s ease-in-out;transform:translateX(0.3rem)}pn-cta-block .cta-block__action>[slot=cta-buttons]>a:hover pn-icon svg path{fill:#0d234b}";
const PnCtaBlockStyle0 = pnCtaBlockCss;

const PnCtaBlock = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.heading = null;
        this.bodyText = null;
        this.pnBackgroundColor = null;
        this.isLarge = false;
        this.isCentered = false;
        this.isSmall = false;
        this.contentTop = false;
    }
    get hostElement() { return index.getElement(this); }
    render() {
        const hasImage = this.hostElement.querySelector('[slot="illustration"]');
        const hasButtons = this.hostElement.querySelector('[slot="cta-buttons"]');
        return (index.h(index.Host, { key: '8b2108e0a03e9545be40625634ab9557d868b812' }, index.h("div", { key: '53a19992a4c642703476963faa81dae31783f3e7', "pn-background-color": this.pnBackgroundColor, class: `cta-block ${this.isLarge ? 'cta-block--large' : ''}  ${this.isCentered ? 'cta-block--center' : ''}  ${(this.isSmall ? 'cta-block--small' : '')} ${this.contentTop ? 'cta-block--content-top' : ''}` }, (hasImage ?
            index.h("div", { class: "cta-block__image-wrapper" }, index.h("slot", { name: "illustration" })) : null), index.h("div", { key: '6dbd1b2f7318308ed374582ca50638453a834b73', class: "cta-block__content" }, (this.heading) ? index.h("h2", { class: "cta-block__heading" }, this.heading) : null, (this.bodyText) ? index.h("p", { class: "cta-block__text" }, this.bodyText) : null), (hasButtons ?
            index.h("div", { class: "cta-block__action" }, index.h("slot", { name: "cta-buttons" })) : null))));
    }
};
PnCtaBlock.style = PnCtaBlockStyle0;

exports.pn_cta_block = PnCtaBlock;

//# sourceMappingURL=pn-cta-block.cjs.entry.js.map