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

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 = /*@__PURE__*/ proxyCustomElement(class PnProductCardPrice extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        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 ? (h(Host, { id: this.linkid }, h("div", { class: "price" }, this.amount ? h("span", null, this.amount) : null, this.currency ? h("span", null, ' ' + this.currency) : null), this.note ? h("p", null, this.note) : null, this.label ? (h("pn-button", { id: 'pricecta-' + this.linkid, small: "true", icon: open_in_new, appearance: "light", href: this.url, target: "_blank" }, this.label)) : null)) : (h(Host, null, h("div", { class: "price" }, this.amount ? h("span", null, this.amount) : null, this.currency ? h("span", null, this.currency) : null)));
    }
    static get style() { return PnProductCardPriceStyle0; }
}, [0, "pn-product-card-price", {
        "label": [1],
        "amount": [1],
        "currency": [1],
        "note": [1],
        "url": [1],
        "service": [1],
        "linkid": [1]
    }]);
function defineCustomElement() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["pn-product-card-price"];
    components.forEach(tagName => { switch (tagName) {
        case "pn-product-card-price":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, PnProductCardPrice);
            }
            break;
    } });
}

export { PnProductCardPrice as P, defineCustomElement as d };

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