import { r as registerInstance, h, d as Host } from './index-c0a4d8bd.js';
import { a as arrow_right } from './arrow_right-f4852d04.js';

const pnProxioProductcardCss = "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-proxio-productcard .cardcontent{display:flex;flex-direction:row;border:solid 0.1rem #f9f8f8;border-radius:0.8rem;overflow:hidden;margin-left:auto;margin-right:auto;margin-bottom:1.6rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcontent{flex-direction:column}}pn-proxio-productcard .carddetails{min-width:70%;padding:2.4rem 4.8rem;display:flex;gap:0.8rem;flex-direction:column}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails{gap:1.6rem;margin-bottom:0.8rem}}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{display:none}@media screen and (max-width: 48em){pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile]{margin-top:1.6rem;display:block}pn-proxio-productcard .carddetails pn-illustration[slot=illustrationmobile] .pn-illustration{max-width:8rem;height:8rem;margin-left:auto;margin-right:auto}}pn-proxio-productcard .cardcalltoactions{min-width:30%;background-color:#effbff}pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:flex;flex-direction:column;justify-content:center;align-content:center;max-width:12rem;margin-left:auto;margin-right:auto;margin-top:4rem}@media screen and (max-width: 48em){pn-proxio-productcard .cardcalltoactions pn-illustration[slot=illustration]{display:none}}pn-proxio-productcard [slot=information]{display:flex;gap:1rem}@media screen and (max-width: 48em){pn-proxio-productcard [slot=information]{flex-direction:column;gap:1.6rem}}pn-proxio-productcard [slot=uppertags]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2rem}pn-proxio-productcard [slot=bottomtags]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:2rem;margin:0.8rem 0}pn-proxio-productcard .heading{display:flex;justify-content:space-between;flex-direction:row}pn-proxio-productcard [slot=title]{text-decoration:underline}@media screen and (max-width: 48em){pn-proxio-productcard [slot=title]{text-decoration:none}}";
const PnProxioProductcardStyle0 = pnProxioProductcardCss;

const PnProxioProductcard = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    render() {
        return (h(Host, { key: 'bf66f05fce9c205b1a9bd0139c2dc8cdfca7d06e' }, h("div", { key: 'a9589b3669a05e5f2fcf054113db3aac74bf3819', class: "cardcontent" }, h("div", { key: '993f32e55e1a626cf5764b82d7db807b9dcbbd5d', class: "carddetails" }, h("slot", { key: 'e4e26be39d07f637368b035d213076b6132c32f3', name: "illustrationmobile" }), h("div", { key: '00ee628b8b9048e4fb8827cb2f7a21481b06f590', class: "heading" }, h("slot", { key: '28176094481a41cfde6b775b9548ee48b08c9e13', name: "title" }), h("slot", { key: '1a5bc540c49f1848d178bf927d5c5553736ec007', name: "uppertags" })), h("slot", { key: 'bd0f2c9cf600e3aa552284686ac7957b10dd9e90', name: "description" }), h("slot", { key: '7c8221de854552da2203f2eff8e8128b677f8344', name: "information" }), h("slot", { key: '4138eedea818d2442acf00866088a2b8ebff5d18', name: "bottomtags" })), h("div", { key: '39f75673ed15c98292f548faa921a5ef95686b9d', class: "cardcalltoactions" }, h("slot", { key: '2bb5e92ee77ccae84730a8767f4c8cd757c7e499', name: "illustration" }), h("slot", { key: 'ad4323fe0f77b6e1dd3b60bb3df9289f488f9e27', name: "pricelink" }), h("slot", { key: '7f8333a9ce777babe2ab6ab154cf7d6fad1da276', name: "insurance" })))));
    }
};
PnProxioProductcard.style = PnProxioProductcardStyle0;

const pnProxioProductcardDescriptionCss = "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-proxio-productcard-description h3{font-size:1.6rem}pn-proxio-productcard-description ul{padding-left:2.5rem}pn-proxio-productcard-description li{font-size:1.6rem;line-height:2.2rem}pn-proxio-productcard-description .highlight{color:#0aa85c}";
const PnProxioProductcardDescriptionStyle0 = pnProxioProductcardDescriptionCss;

const PnProxioProductcardDescription = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.heading = undefined;
        this.highlight = undefined;
        this.description = undefined;
        this.list = [];
    }
    render() {
        return (h(Host, { key: '86818398e58effa7fa42961904fc9f45e5cfad00' }, this.heading ? h("h3", null, this.heading) : null, this.highlight ? h("h3", { class: "highlight" }, this.highlight) : null, this.description ? h("span", null, this.description) : null, this.list ? (h("ul", null, this.list.map(text => {
            return h("li", null, text);
        }))) : null));
    }
};
PnProxioProductcardDescription.style = PnProxioProductcardDescriptionStyle0;

const pnProxioProductcardInformationCss = "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-proxio-productcard-information p.cardinfocontent-title{margin-bottom:0.4rem}pn-proxio-productcard-information p strong.cardinfocontent-label{font-size:1.4rem;font-weight:500}";
const PnProxioProductcardInformationStyle0 = pnProxioProductcardInformationCss;

const PnProxioProductcardInformation = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.label = undefined;
        this.information = [];
    }
    render() {
        return (h(Host, { key: '90451523796427757bad4d9664bdf068c6a7456f' }, h("div", { key: 'dc9b93a316b3eff313b3a26767a359084342559a', class: "cardinfocontent" }, this.information && this.information.length > 0 && this.label ? (h("div", { class: "cardinfocontent-item" }, this.label ? (h("p", { class: "cardinfocontent-title" }, h("strong", null, this.label))) : null, this.information.map(item => item ? (h("p", null, h("strong", { class: "cardinfocontent-label" }, item.item1, ":"), " ", item.item2)) : null))) : null)));
    }
};
PnProxioProductcardInformation.style = PnProxioProductcardInformationStyle0;

const pnProxioProductcardPricelinkCss = "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-proxio-productcard-pricelink{align-self:center;display:flex;flex-direction:column;align-items:center;margin:2rem 1rem;gap:0.8rem;align-content:center;flex-wrap:wrap}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink{margin:2.4rem 1rem}}pn-proxio-productcard-pricelink h3{font-size:2rem}pn-proxio-productcard-pricelink pn-button{min-width:17.3rem}pn-proxio-productcard-pricelink pn-button a .pn-button-content{font-size:1.4rem;font-weight:500}@media screen and (max-width: 48em){pn-proxio-productcard-pricelink pn-button{min-width:30rem}}pn-proxio-productcard-pricelink .pn-pricelink-vat{font-weight:400}";
const PnProxioProductcardPricelinkStyle0 = pnProxioProductcardPricelinkCss;

const PnProxioProductcardPricelink = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.price = undefined;
        this.vatText = '';
        this.link = undefined;
        this.linktext = undefined;
    }
    render() {
        return this.link && this.linktext ? (h(Host, null, this.price ? (h("h3", null, this.price, " ", h("span", { class: "pn-pricelink-vat" }, this.vatText))) : null, h("pn-button", { small: "true", icon: arrow_right, appearance: "light", href: this.link, target: "_blank", rel: "noopener nofollower noreferrer" }, this.linktext))) : null;
    }
};
PnProxioProductcardPricelink.style = PnProxioProductcardPricelinkStyle0;

export { PnProxioProductcard as pn_proxio_productcard, PnProxioProductcardDescription as pn_proxio_productcard_description, PnProxioProductcardInformation as pn_proxio_productcard_information, PnProxioProductcardPricelink as pn_proxio_productcard_pricelink };

//# sourceMappingURL=pn-proxio-productcard_4.entry.js.map