import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
import { a as align_center } from './align_center.js';

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 = /*@__PURE__*/ proxyCustomElement(class PnProductCardInfo extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        this.rulle = undefined;
        this.paket = undefined;
        this.label = undefined;
        this.text = undefined;
    }
    render() {
        return this.label ? (h(Host, null, h("div", { class: "cardinfocontent" }, this.text ? h("pre", { slot: "formatPre" }, this.text) : null))) : (h(Host, null, h("div", { class: "cardinfocontent" }, this.paket ? (h("div", { class: "cardinfocontent-item" }, h("strong", null, "Maxm\u00E5tt"), this.paket.split('/').map(item => item.split(':').length > 1 ? (h("p", null, h("strong", null, item.split(':')[0] + ': '), " ", item.split(':')[1])) : (h("p", null, item))))) : null, this.rulle ? (h("div", { class: "cardinfocontent-item" }, h("strong", null, "Rulle"), this.rulle.split('/').map(item => item.split(':').length > 0 ? (h("p", null, h("strong", null, item.split(':')[0] + ': '), " ", item.split(':')[1])) : (h("p", null, item))))) : null)));
    }
    static get style() { return PnProductCardInfoStyle0; }
}, [0, "pn-product-card-info", {
        "rulle": [1],
        "paket": [1],
        "label": [1],
        "text": [1]
    }]);
h("pn-icon", { icon: align_center, small: "false", color: "black" });
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["pn-product-card-info"];
    components.forEach(tagName => { switch (tagName) {
        case "pn-product-card-info":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, PnProductCardInfo);
            }
            break;
    } });
}

export { PnProductCardInfo as P, defineCustomElement as d };

//# sourceMappingURL=pn-product-card-info2.js.map