import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';

const pnMarketwebHeaderSkeletonLoaderCss = ":host{display:block;width:100%;--header-skeleton-bg:var(--siteheader-skeleton-bg, #e8edf2);--header-skeleton-shine:var(--siteheader-skeleton-shine,\n          rgba(255, 255, 255, 0.65));--header-skeleton-radius:var(--siteheader-skeleton-radius, 0.4rem);--header-skeleton-gap:var(--siteheader-skeleton-gap, 1.2rem);--header-skeleton-padding-x:var(--siteheader-skeleton-padding-x, 1.6rem);--header-skeleton-padding-y:var(--siteheader-skeleton-padding-y, 1.2rem);--header-skeleton-border-color:var(--siteheader-skeleton-border-color,\n          #d9e1e8);--header-skeleton-mobile-height:var(--siteheader-skeleton-mobile-height,\n          6.4rem);--header-skeleton-top-row-height:var(--siteheader-skeleton-top-row-height,\n          7.2rem);--header-skeleton-bottom-row-height:var(--siteheader-skeleton-bottom-row-height,\n          6.4rem)}.header-skeleton{width:100%;box-sizing:border-box;border-bottom:0.1rem solid var(--header-skeleton-border-color);background:var(--siteheader-skeleton-background, #fff)}.mobile-layout,.tablet-desktop-layout{width:100%;box-sizing:border-box}.mobile-row,.top-row,.bottom-row{display:flex;align-items:center;width:100%;box-sizing:border-box;padding-left:var(--header-skeleton-padding-x);padding-right:var(--header-skeleton-padding-x)}.skel{position:relative;overflow:hidden;flex:0 0 auto;background:var(--header-skeleton-bg)}.skel::after{content:\"\";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg, transparent, var(--header-skeleton-shine), transparent);animation:header-skeleton-shimmer 1.4s infinite}.skel-logo{width:11.2rem;height:2.8rem;border-radius:var(--header-skeleton-radius)}.skel-icon-button{width:4rem;height:4rem;border-radius:50%}.skel-chip{width:10rem;height:3.6rem;border-radius:1.8rem}.skel-pill{width:7.2rem;height:3.6rem;border-radius:1.8rem}.skel-menu-button{width:12rem;height:4rem;border-radius:0.4rem}.skel-search{width:min(100%, 36rem);height:4rem;border-radius:2rem}.mobile-layout{display:block}.mobile-row{justify-content:space-between;min-height:var(--header-skeleton-mobile-height);padding-top:var(--header-skeleton-padding-y);padding-bottom:var(--header-skeleton-padding-y)}.tablet-desktop-layout{display:none}.top-row{min-height:var(--header-skeleton-top-row-height);padding-top:var(--header-skeleton-padding-y);padding-bottom:var(--header-skeleton-padding-y);display:grid;grid-template-columns:1fr auto 1fr;column-gap:var(--header-skeleton-gap);align-items:center}.top-row-left,.top-row-center,.top-row-right,.bottom-row-left,.bottom-row-right{display:flex;align-items:center}.top-row-left{justify-content:flex-start;gap:var(--header-skeleton-gap);min-width:0}.top-row-center{justify-content:center}.top-row-right{justify-content:flex-end;gap:var(--header-skeleton-gap);min-width:0}.bottom-row{min-height:var(--header-skeleton-bottom-row-height);justify-content:space-between;gap:var(--header-skeleton-gap);padding-top:0.8rem;padding-bottom:1.2rem}.bottom-row-left{justify-content:flex-start;flex:0 0 auto}.bottom-row-right{justify-content:flex-end;flex:1 1 auto;min-width:0}.bottom-row-right .skel-search{margin-left:auto}@media screen and (min-width: 768px){.mobile-layout{display:none}.tablet-desktop-layout{display:block}}@media screen and (min-width: 1200px){:host{--header-skeleton-padding-x:var(--siteheader-skeleton-padding-x-desktop, 2.4rem);--header-skeleton-top-row-height:var(--siteheader-skeleton-top-row-height-desktop,\n            8rem);--header-skeleton-bottom-row-height:var(--siteheader-skeleton-bottom-row-height-desktop,\n            6.8rem)}.skel-logo{width:13rem;height:3rem}.skel-search{width:min(100%, 42rem)}}@keyframes header-skeleton-shimmer{100%{transform:translateX(100%)}}@media (prefers-reduced-motion: reduce){.skel::after{animation:none}}";
const PnMarketwebHeaderSkeletonLoaderStyle0 = pnMarketwebHeaderSkeletonLoaderCss;

const PnMarketwebHeaderSkeletonLoader$1 = /*@__PURE__*/ proxyCustomElement(class PnMarketwebHeaderSkeletonLoader extends HTMLElement {
    constructor() {
        super();
        this.__registerHost();
        this.__attachShadow();
    }
    render() {
        console.log('Rendering PnMarketwebHeaderSkeletonLoader...');
        return (h(Host, { key: '5c4c13c622367a8feaa0e033874a72ae32d08544' }, h("header", { key: 'ae00c78d2e9fe06a48f95bf8031afdbc2a789b07', class: "header-skeleton", "aria-hidden": "true" }, h("div", { key: '37ce3f8e8032610e1c7c961d585f6646af1e278f', class: "mobile-layout" }, h("div", { key: '155ca8796a56d85a5e8f50670927230d2efe75d9', class: "mobile-row" }, h("div", { key: '36ce4fc8111957ab530c06bcad478468f9a10aa6', class: "skel skel-logo" }), h("div", { key: '74fb1c6b13d6fcbe5f0e5e7fce0662b93260763d', class: "skel skel-icon-button" }))), h("div", { key: '631f88856f05eaf98b8012833647a65fbd1bd504', class: "tablet-desktop-layout" }, h("div", { key: 'e15650439b2ce20ac981003bc0f348ba1bc8ab79', class: "top-row" }, h("div", { key: '41867b971e7a114fc05fae6e7d0cd08d147580eb', class: "top-row-left" }, h("div", { key: '2dbabfef4fb9b7eecf402c41c1ef504b8bec4811', class: "skel skel-chip" }), h("div", { key: '69bf07438a8374517117db88a4df0ef788a495ed', class: "skel skel-icon-button" })), h("div", { key: '56910a40f903999ed98213b59938a0c598d998e8', class: "top-row-center" }, h("div", { key: '6c8f2aac70e20b586bc8b270cbceec0aa6b769ca', class: "skel skel-logo" })), h("div", { key: 'abeb394fda5834e169c9fd6ba596297d58340d7e', class: "top-row-right" }, h("div", { key: 'fd9f236694831537f5895410b0e60e6d05ff9bee', class: "skel skel-icon-button" }), h("div", { key: 'e04ee10525a54e6134ebe1caf7c9de28e487a89a', class: "skel skel-icon-button" }), h("div", { key: '5d0c1f732ee30ab266f5f9c22a45dcfe9cf402be', class: "skel skel-pill" }))), h("div", { key: 'bcd942e081c9dc503e5d99b948d0e8ffe7b314a5', class: "bottom-row" }, h("div", { key: 'fb23008de03b74125c60747ce51a48ca5ac9bf16', class: "bottom-row-left" }, h("div", { key: '5e7d0f027d9ba32a9c6f8acfab42444e4f3b56dc', class: "skel skel-menu-button" })), h("div", { key: '183351a3e21b17c01401bd88ef5fe5fc3a96470b', class: "bottom-row-right" }, h("div", { key: '4b6cfa35eb8d67ace2ae277a39d34be8f4c1c1a1', class: "skel skel-search" })))))));
    }
    static get style() { return PnMarketwebHeaderSkeletonLoaderStyle0; }
}, [1, "pn-marketweb-header-skeleton-loader"]);
function defineCustomElement$1() {
    if (typeof customElements === "undefined") {
        return;
    }
    const components = ["pn-marketweb-header-skeleton-loader"];
    components.forEach(tagName => { switch (tagName) {
        case "pn-marketweb-header-skeleton-loader":
            if (!customElements.get(tagName)) {
                customElements.define(tagName, PnMarketwebHeaderSkeletonLoader$1);
            }
            break;
    } });
}

const PnMarketwebHeaderSkeletonLoader = PnMarketwebHeaderSkeletonLoader$1;
const defineCustomElement = defineCustomElement$1;

export { PnMarketwebHeaderSkeletonLoader, defineCustomElement };

//# sourceMappingURL=pn-marketweb-header-skeleton-loader.js.map