'use strict';

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

const index = require('./index-9a9efa1c.js');
const align_center = require('./align_center-1fb3b6a8.js');
const open_in_new = require('./open_in_new-03e5ca56.js');

const pnProductCardCss = "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-product-card{border:0.1rem solid #d3cecb;outline:none;background:#ffffff;box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);display:flex;word-break:break-word;text-decoration:none;border-radius:0.8rem;position:relative;padding:11rem 2.4rem 2.4rem;margin-bottom:1.6rem}@media screen and (min-width: 36em){pn-product-card{padding:2.4rem}}pn-product-card [slot=title]{display:flex;width:100%;margin-bottom:0.8rem;gap:1.6rem;flex-direction:column;align-items:center}@media screen and (min-width: 36em){pn-product-card [slot=title]{flex-direction:row;align-items:inherit}}pn-product-card [slot=title] h2{width:100%}@media screen and (min-width: 36em){pn-product-card [slot=title] h2{width:auto}}pn-product-card [slot=title] h2>a{color:#000000}pn-product-card [slot=title] h2>a::after{content:\"\" !important}pn-product-card [slot=note]{margin-top:1em;margin-bottom:1em;font-size:0.8em}pn-product-card [slot=additionalUSP]{display:flex}pn-product-card [slot=additionalUSP] :first-child{margin-left:0em}pn-product-card [slot=additionalUSP] span{margin-left:1em;background:#d3cecb;color:#2d2013;border-radius:0.25em;width:fit-content;padding:0.3em;margin-top:0.5em;font-size:0.75em}pn-product-card>pn-illustration{min-width:8rem;width:8rem;height:8rem;align-self:center;position:absolute;top:1.6rem;transform:translateX(-50%);left:50%;box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);border-radius:100%}@media screen and (min-width: 36em){pn-product-card>pn-illustration{box-shadow:none;top:1.6rem;right:1.6rem;left:auto;transform:none}}@media screen and (min-width: 48em){pn-product-card>pn-illustration{position:static;top:auto;right:auto;margin-right:3rem}}pn-product-card .cardcontent{display:flex;flex-direction:column;justify-content:center;flex-grow:1}@media screen and (min-width: 48em){pn-product-card .cardcontent{flex-direction:row;gap:1.6rem}}pn-product-card [slot=cardprice]{display:flex;flex-direction:column;justify-content:center;padding:0.6em;flex-grow:1}@media screen and (min-width: 36em){pn-product-card [slot=cardprice]{flex-direction:row;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=cardprice]{flex-direction:column;justify-content:center;align-items:flex-end}}pn-product-card [slot=mobiledownload]{margin-top:1rem;white-space:nowrap;text-align:center;display:flex;flex-direction:column}pn-product-card [slot=mobiledownload] #riktiga{order:4;margin-top:1em}pn-product-card [slot=mobiledownload] #riktiga>div>a::after{content:\"\" !important}pn-product-card [slot=mobiledownload] .riktigaAndroidImg{width:6em;margin:0.5em}pn-product-card [slot=mobiledownload] .riktigaAppleImg{width:5.6em;margin:0.5em}pn-product-card [slot=mobiledownload] a{text-decoration:none;color:#005d92}pn-product-card [slot=mobiledownload] a h3{text-decoration:underline}pn-product-card [slot=servicepoint]{flex-direction:column;justify-content:center;flex-grow:2;align-items:flex-end;text-align:center}@media screen and (min-width: 36em){pn-product-card [slot=servicepoint]{flex-direction:row;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=servicepoint]{flex-direction:column;justify-content:center;align-items:flex-end}}pn-product-card .details{display:flex;flex-direction:column;justify-content:space-between;width:100%}pn-product-card .info{display:flex;justify-content:space-between;flex-grow:1;flex-flow:wrap;padding:0 1em 0 0}pn-product-card .info>*{min-width:6em;margin:0.5em 1em 0.5em 0}";
const PnProductCardStyle0 = pnProductCardCss;

const PnProductCard = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
    }
    render() {
        return (index.h(index.Host, { key: '4c97b75795ea8e06d725433c2096eb876a1b7262' }, index.h("slot", { key: '347fe49263e841ad5bc2b4702567d2d13b3d1fdd', name: "illustration" }), index.h("div", { key: '6d9a3037d47a021174b62fd103060bdbd5537ce0', class: "cardcontent" }, index.h("div", { key: '8f0f5a4b99cc384262914d8d0e825e1115aa3fed', class: "details" }, index.h("slot", { key: 'ba4c6cebce1d9dec177d9aa4c9e31d3b1a77820f', name: "title" }), index.h("slot", { key: 'd3267597639029bd9d3456899699fa42e2acfccd', name: "content" }), index.h("div", { key: '1464d0ada7e5124865341d3592e40dbc6dd3aea0', class: "info" }, index.h("slot", { key: 'ee5cc7e625f01123aab5b4d5b44e69b7af3d0cef' })), index.h("slot", { key: '8d8769e53465073585a6867a7ef998e6c24727cf', name: "note" }), index.h("slot", { key: '734a8ad4181031b95afbfc0bb1eddc0827302926', name: "additionalUSP" })), index.h("div", { key: 'd062296d79a16df1934902104ba9731ab267a7e2', class: "cardprice" }, index.h("slot", { key: 'd9224dd68c9572069eb980e0ccf67137962e17f3', name: "cardprice" }), index.h("slot", { key: 'af3466bc014dbdd5ade0d3cde6dc6c5f808de25d', name: "mobiledownload" }), index.h("slot", { key: 'cc9aef89f992229817c98aa1d9fec9c3d6c696aa', name: "servicepoint" })))));
    }
};
PnProductCard.style = PnProductCardStyle0;

const pnProductCardInfoCss = "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-product-card-info{align-self:center}.cardinfocontent{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;font-size:0.875em;gap:1.6rem}@media screen and (min-width: 36em){.cardinfocontent{flex-direction:row}}.cardinfocontent>div p{margin:0.25em 0.25em 0 0}.cardinfocontent-item{margin-top:0.5em}[slot=formatPre]{font-family:\"PostNordSans\", \"Verdana\";margin:0.5em 3em 0 0}[slot=formatPre]>strong{font-weight:bold}.cardinfoprice{display:flex;font-size:1em;flex-direction:row;justify-content:center;flex-grow:1}";
const PnProductCardInfoStyle0 = pnProductCardInfoCss;

const PnProductCardInfo = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.rulle = undefined;
        this.paket = undefined;
        this.label = undefined;
        this.text = undefined;
    }
    render() {
        return this.label ? (index.h(index.Host, null, index.h("div", { class: "cardinfocontent" }, this.text ? index.h("pre", { slot: "formatPre" }, this.text) : null))) : (index.h(index.Host, null, index.h("div", { class: "cardinfocontent" }, this.paket ? (index.h("div", { class: "cardinfocontent-item" }, index.h("strong", null, "Maxm\u00E5tt"), this.paket.split('/').map(item => item.split(':').length > 1 ? (index.h("p", null, index.h("strong", null, item.split(':')[0] + ': '), " ", item.split(':')[1])) : (index.h("p", null, item))))) : null, this.rulle ? (index.h("div", { class: "cardinfocontent-item" }, index.h("strong", null, "Rulle"), this.rulle.split('/').map(item => item.split(':').length > 0 ? (index.h("p", null, index.h("strong", null, item.split(':')[0] + ': '), " ", item.split(':')[1])) : (index.h("p", null, item))))) : null)));
    }
};
index.h("pn-icon", { icon: align_center.align_center, small: "false", color: "black" });
PnProductCardInfo.style = PnProductCardInfoStyle0;

const pnProductCardPriceCss = "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-product-card-price{margin-top:1rem;white-space:nowrap;text-align:center;display:flex;flex-direction:column}pn-product-card-price span:last-child{display:inline-block;margin-left:0.2em}pn-product-card-price+pn-product-card-price{margin-right:0}pn-product-card-price pn-icon{display:inline-block;align-self:center}pn-product-card-price .price{font-size:2.5em;font-weight:bold;order:1}pn-product-card-price pn-button{min-width:12.8em;font-size:1.25;order:2}@media screen and (min-width: 48em){pn-product-card-price pn-button{order:3;margin-bottom:1.6rem}}pn-product-card-price p{font-weight:lighter;font-size:0.875em;align-self:center;margin-top:0.8rem;order:3}@media screen and (min-width: 48em){pn-product-card-price p{order:2}}";
const PnProductCardPriceStyle0 = pnProductCardPriceCss;

const PnProductCardPrice = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.label = undefined;
        this.amount = undefined;
        this.currency = undefined;
        this.note = undefined;
        this.url = undefined;
        this.service = undefined;
        this.linkid = undefined;
    }
    render() {
        if (!this.amount) {
            return;
        }
        return this.url ? (index.h(index.Host, { id: this.linkid }, index.h("div", { class: "price" }, this.amount ? index.h("span", null, this.amount) : null, this.currency ? index.h("span", null, ' ' + this.currency) : null), this.note ? index.h("p", null, this.note) : null, this.label ? (index.h("pn-button", { id: 'pricecta-' + this.linkid, small: "true", icon: open_in_new.open_in_new, appearance: "light", href: this.url, target: "_blank" }, this.label)) : null)) : (index.h(index.Host, null, index.h("div", { class: "price" }, this.amount ? index.h("span", null, this.amount) : null, this.currency ? index.h("span", null, this.currency) : null)));
    }
};
PnProductCardPrice.style = PnProductCardPriceStyle0;

exports.pn_product_card = PnProductCard;
exports.pn_product_card_info = PnProductCardInfo;
exports.pn_product_card_price = PnProductCardPrice;

//# sourceMappingURL=pn-product-card_3.cjs.entry.js.map