@postnord/pn-marketweb-components 4.2.5 → 4.3.0

package/components/pn-marketweb-header-top-row2.js

@@ -0,0 +1,238 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { f as renderHeaderSiteSelector, i as renderHeaderMenuSwitcher, h as renderHeaderLogo, r as renderHeaderLogin, d as renderHeaderLanguageSelector } from './pn-marketweb-header-shared.js';
+import { d as defineCustomElement$c } from './pn-language-selector2.js';
+import { d as defineCustomElement$b } from './pn-language-selector-option2.js';
+import { d as defineCustomElement$a } from './pn-marketweb-header-toggle2.js';
+import { d as defineCustomElement$9 } from './pn-marketweb-siteheader-login2.js';
+import { d as defineCustomElement$8 } from './pn-marketweb-siteheader-login-button2.js';
+import { d as defineCustomElement$7 } from './pn-marketweb-siteheader-login-linklist2.js';
+import { d as defineCustomElement$6 } from './pn-marketweb-siteheader-login-links2.js';
+import { d as defineCustomElement$5 } from './pn-marketweb-siteheader-login-profileselection2.js';
+import { d as defineCustomElement$4 } from './pn-marketweb-siteheader-search2.js';
+import { d as defineCustomElement$3 } from './pn-marketweb-siteheader-unified-login2.js';
+import { d as defineCustomElement$2 } from './pn-site-selector2.js';
+import { d as defineCustomElement$1 } from './pn-site-selector-item2.js';
+
+function normalizeHeaderTheme(theme) {
+    switch (theme?.toLowerCase()) {
+        case 'business':
+            return 'business';
+        case 'private':
+            return 'private';
+        default:
+            return 'private';
+    }
+}
+function getAppearanceForTheme(theme) {
+    switch (normalizeHeaderTheme(theme)) {
+        case 'private':
+            return 'light';
+        case 'business':
+            return 'dark';
+        default:
+            return 'light';
+    }
+}
+function resolveHeaderMenuThemes(menuThemes, menuModeOptions) {
+    //1. Prop override
+    if (menuThemes) {
+        try {
+            const parsed = JSON.parse(menuThemes);
+            if (Array.isArray(parsed)) {
+                const filtered = parsed
+                    .filter((item) => typeof item === 'string')
+                    .map(item => normalizeHeaderTheme(item));
+                if (filtered.length > 0) {
+                    return filtered;
+                }
+            }
+        }
+        catch (error) {
+            console.warn('[pn-marketweb-header] Invalid menu-themes value', error);
+        }
+    }
+    // 2. Fallback → VM
+    if (!Array.isArray(menuModeOptions)) {
+        return [];
+    }
+    return menuModeOptions
+        .map(option => option?.root?.toggleTheme)
+        .filter((theme) => typeof theme === 'string')
+        .map(theme => normalizeHeaderTheme(theme));
+}
+
+const pnMarketwebHeaderTopRowCss = "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-marketweb-header-top-row{display:contents}pn-marketweb-header-top-row .siteheader-row-top{border-bottom:0.1rem solid var(--siteheader-top-row-border-color, #f3f2f2);color:var(--siteheader-top-text-color, var(--siteheader-text-color, inherit));background-color:var(--siteheader-top-row-bg, transparent)}pn-marketweb-header-top-row .siteheader-topleft{display:flex;align-items:center;min-width:0;gap:0.8rem}pn-marketweb-header-top-row .siteheader-topleft pn-marketweb-header-toggle{display:flex;align-items:center;margin-left:1rem}pn-marketweb-header-top-row .siteheader-topleft pn-site-selector{display:none;padding:1rem 0;margin-left:0}pn-marketweb-header-top-row .siteheader-topright{display:flex;flex-direction:row;align-items:center;min-width:0;margin-right:0}pn-marketweb-header-top-row .siteheader-topright>pn-language-selector,pn-marketweb-header-top-row .siteheader-topright>pn-marketweb-siteheader-login,pn-marketweb-header-top-row .siteheader-topright>a,pn-marketweb-header-top-row .siteheader-topright>button,pn-marketweb-header-top-row .siteheader-topright>[slot=header-top-right-start],pn-marketweb-header-top-row .siteheader-topright>[slot=toprightend]{display:none;align-self:center;padding:1rem 0;margin-left:0;color:var(--siteheader-top-link-color, inherit)}pn-marketweb-header-top-row .siteheader-menu-top-search{display:none}@media screen and (min-width: 769px){pn-marketweb-header-top-row .siteheader-topleft pn-site-selector{display:block}pn-marketweb-header-top-row .siteheader-topright>pn-language-selector,pn-marketweb-header-top-row .siteheader-topright>pn-marketweb-siteheader-login,pn-marketweb-header-top-row .siteheader-topright>a,pn-marketweb-header-top-row .siteheader-topright>button,pn-marketweb-header-top-row .siteheader-topright>[slot=header-top-right-start],pn-marketweb-header-top-row .siteheader-topright>[slot=toprightend]{display:block;margin-left:1rem}}@media screen and (min-width: 1024px){pn-marketweb-header-top-row .siteheader-topleft pn-marketweb-header-toggle{margin-left:1.6rem}pn-marketweb-header-top-row .siteheader-topleft pn-site-selector{margin-left:1.3rem}pn-marketweb-header-top-row .siteheader-logocontainer{min-height:3em;position:absolute;left:50%;transform:translateX(-50%)}pn-marketweb-header-top-row .siteheader-topright{margin-right:1.6rem}pn-marketweb-header-top-row .siteheader-topright>pn-language-selector,pn-marketweb-header-top-row .siteheader-topright>pn-marketweb-siteheader-login,pn-marketweb-header-top-row .siteheader-topright>a,pn-marketweb-header-top-row .siteheader-topright>button,pn-marketweb-header-top-row .siteheader-topright>[slot=header-top-right-start],pn-marketweb-header-top-row .siteheader-topright>[slot=toprightend]{margin-left:1.6rem}}";
+const PnMarketwebHeaderTopRowStyle0 = pnMarketwebHeaderTopRowCss;
+
+const PnMarketwebHeaderTopRow = /*@__PURE__*/ proxyCustomElement(class PnMarketwebHeaderTopRow extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.vm = undefined;
+        this.i18n = undefined;
+        this.language = undefined;
+        this.siteid = undefined;
+        this.endpoint = undefined;
+        this.environment = undefined;
+        this.userToken = undefined;
+        this.userFullname = undefined;
+        this.userLoggedin = undefined;
+        this.hideSiteSelector = undefined;
+        this.hideLanguageSelector = undefined;
+        this.hideSearch = undefined;
+        this.hideLogin = undefined;
+        this.showProfileSelection = undefined;
+        this.showUnifiedLogin = undefined;
+        this.spaMode = undefined;
+        this.checkUserLoggedInStateInterval = undefined;
+        this.useMarketwebLogin = undefined;
+        this.activeMenuMode = undefined;
+        this.navigateOnMenuToggle = undefined;
+        this.theme = undefined;
+        this.logoUrl = undefined;
+        this.menuToggleChangeHandler = undefined;
+        this.adjustSiteSelectorUrl = undefined;
+    }
+    render() {
+        const appearance = getAppearanceForTheme(this.theme);
+        return (h("div", { key: '9049f93d4fb66778b1b7091b417f5d5aba810a84', class: "siteheader-row siteheader-row-top" }, h("div", { key: '93f679b1fa27b8429ee7b06bf7f299f052217d3f', class: "siteheader-topleft" }, h("slot", { key: 'c55903c0bfe58aa095a949a3439a1138fbfec9f3', name: "header-top-left" }), renderHeaderSiteSelector({
+            vm: this.vm,
+            hideSiteSelector: this.hideSiteSelector,
+            language: this.language,
+            buttonText: this.vm.siteSelector?.currentSiteTitle ?? 'postnord',
+            appearance,
+            adjustSiteSelectorUrl: this.adjustSiteSelectorUrl,
+        }), renderHeaderMenuSwitcher({
+            vm: this.vm,
+            activeMenuMode: this.activeMenuMode,
+            navigateOnMenuToggle: this.navigateOnMenuToggle,
+            onMenuToggleChange: this.menuToggleChangeHandler,
+        })), renderHeaderLogo({
+            homePageLink: this.logoUrl, //this.vm.homePageLink,
+            homeLabel: this.i18n.home,
+        }), h("div", { key: '707a07896949fa60022384a49236ae78559f8290', class: "siteheader-topright" }, h("slot", { key: '03206c719b76c39694017db2125346686fe8c868', name: "header-top-right-start" }), renderHeaderLogin({
+            vm: this.vm,
+            hideLogin: this.hideLogin,
+            userToken: this.userToken,
+            userFullname: this.userFullname,
+            userLoggedin: this.userLoggedin,
+            endpoint: this.endpoint,
+            environment: this.environment,
+            i18n: this.i18n,
+            showProfileSelection: this.showProfileSelection,
+            showUnifiedLogin: this.showUnifiedLogin,
+            checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval,
+            useMarketwebLogin: this.useMarketwebLogin,
+            appearance
+        }), renderHeaderLanguageSelector({
+            vm: this.vm,
+            hideLanguageSelector: this.hideLanguageSelector,
+            language: this.language,
+            spaMode: this.spaMode,
+            appearance
+        }), h("slot", { key: '89b985631478ee126961384d73dc25614bfcf41f', name: "toprightend" }), h("div", { key: '8c70b69b1d87a942679c7a9e202bac6b07b484e9', class: "siteheader-menu-top-search" }, h("pn-marketweb-siteheader-search", { key: 'f541bb616b730459b8a55f6da9ef8752e4826cad', language: this.language, siteid: this.siteid, search: this.vm.search, "hide-search": this.hideSearch, i18n: this.i18n, icononly: true })))));
+    }
+    static get style() { return PnMarketwebHeaderTopRowStyle0; }
+}, [4, "pn-marketweb-header-top-row", {
+        "vm": [16],
+        "i18n": [16],
+        "language": [1],
+        "siteid": [1],
+        "endpoint": [1],
+        "environment": [1],
+        "userToken": [1, "user-token"],
+        "userFullname": [1, "user-fullname"],
+        "userLoggedin": [4, "user-loggedin"],
+        "hideSiteSelector": [4, "hide-site-selector"],
+        "hideLanguageSelector": [4, "hide-language-selector"],
+        "hideSearch": [4, "hide-search"],
+        "hideLogin": [4, "hide-login"],
+        "showProfileSelection": [4, "show-profile-selection"],
+        "showUnifiedLogin": [4, "show-unified-login"],
+        "spaMode": [4, "spa-mode"],
+        "checkUserLoggedInStateInterval": [2, "check-user-logged-in-state-interval"],
+        "useMarketwebLogin": [4, "use-marketweb-login"],
+        "activeMenuMode": [2, "active-menu-mode"],
+        "navigateOnMenuToggle": [4, "navigate-on-menu-toggle"],
+        "theme": [1],
+        "logoUrl": [1, "logo-url"],
+        "menuToggleChangeHandler": [16],
+        "adjustSiteSelectorUrl": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["pn-marketweb-header-top-row", "pn-language-selector", "pn-language-selector-option", "pn-marketweb-header-toggle", "pn-marketweb-siteheader-login", "pn-marketweb-siteheader-login-button", "pn-marketweb-siteheader-login-linklist", "pn-marketweb-siteheader-login-links", "pn-marketweb-siteheader-login-profileselection", "pn-marketweb-siteheader-search", "pn-marketweb-siteheader-unified-login", "pn-site-selector", "pn-site-selector-item"];
+    components.forEach(tagName => { switch (tagName) {
+        case "pn-marketweb-header-top-row":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, PnMarketwebHeaderTopRow);
+            }
+            break;
+        case "pn-language-selector":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "pn-language-selector-option":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "pn-marketweb-header-toggle":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "pn-marketweb-siteheader-login":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "pn-marketweb-siteheader-login-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "pn-marketweb-siteheader-login-linklist":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "pn-marketweb-siteheader-login-links":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "pn-marketweb-siteheader-login-profileselection":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "pn-marketweb-siteheader-search":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "pn-marketweb-siteheader-unified-login":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "pn-site-selector":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "pn-site-selector-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { PnMarketwebHeaderTopRow as P, defineCustomElement as d, resolveHeaderMenuThemes as r };
+
+//# sourceMappingURL=pn-marketweb-header-top-row2.js.map

package/components/pn-marketweb-header-top-row2.js.map

@@ -0,0 +1 @@
+{"file":"pn-marketweb-header-top-row2.js","mappings":"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","names":[],"sources":["src/components/layout-components/pn-marketweb-header/utils/header-theme.ts","src/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-top-row.scss?tag=pn-marketweb-header-top-row","src/components/layout-components/pn-marketweb-header/components/pn-marketweb-header-top-row.tsx"],"sourcesContent":["import type { HeaderMenuModeOption } from '../types/pn-marketweb-header.types';\n\nexport type HeaderTheme = 'business' | 'private';\nexport type HeaderAppearance = 'light' | 'dark';\n\nexport function normalizeHeaderTheme(theme: HeaderTheme): HeaderTheme {\n  switch (theme?.toLowerCase()) {\n    case 'business':\n      return 'business';\n    case 'private':\n      return 'private';\n    default:\n      return 'private';\n  }\n}\n\nexport function getAppearanceForTheme(theme: HeaderTheme): HeaderAppearance {\n  switch (normalizeHeaderTheme(theme)) {\n    case 'private':\n      return 'light';\n    case 'business':\n      return 'dark';\n    default:\n      return 'light';\n  }\n}\n\nexport function resolveHeaderMenuThemes(\n  menuThemes: string | undefined,\n  menuModeOptions: HeaderMenuModeOption[] | undefined\n): HeaderTheme[] {\n  //1. Prop override\n  if (menuThemes) {\n    try {\n      const parsed = JSON.parse(menuThemes);\n\n      if (Array.isArray(parsed)) {\n        const filtered = parsed\n          .filter((item): item is string => typeof item === 'string')\n          .map(item => normalizeHeaderTheme(item as HeaderTheme));\n\n        if (filtered.length > 0) {\n          return filtered;\n        }\n      }\n    } catch (error) {\n      console.warn('[pn-marketweb-header] Invalid menu-themes value', error);\n    }\n  }\n\n  // 2. Fallback → VM\n  if (!Array.isArray(menuModeOptions)) {\n    return [];\n  }\n\n  return menuModeOptions\n    .map(option => option?.root?.toggleTheme)\n    .filter((theme): theme is string => typeof theme === 'string')\n    .map(theme => normalizeHeaderTheme(theme as HeaderTheme))\n\n}","@import \"../../../../globals/main.scss\";\n@import \"./../../pn-marketweb-siteheader/pn-marketweb-siteheader-common.scss\";\n\n$siteheader-breakpoint-tablet: 769px;\n$siteheader-breakpoint-desktop: 1024px;\n\n$siteheader-space-lg: 1rem;\n$siteheader-space-2xl: 1.3rem;\n$siteheader-space-3xl: 1.6rem;\n\n$siteheader-logo-container-min-height-desktop: 3em;\n\npn-marketweb-header-top-row {\n    display: contents;\n\n    .siteheader-row-top {\n        border-bottom: 0.1rem solid var(--siteheader-top-row-border-color,#{$gray50});\n        color: var(--siteheader-top-text-color, var(--siteheader-text-color, inherit));\n        background-color: var(--siteheader-top-row-bg, transparent);\n    }\n\n    .siteheader-topleft {\n        display: flex;\n        align-items: center;\n        min-width: 0;\n        gap:rem16(8px);\n\n        pn-marketweb-header-toggle {\n            display: flex;\n            align-items: center;\n            margin-left: $siteheader-space-lg;\n        }\n\n        pn-site-selector {\n            display: none;\n            padding: $siteheader-space-lg 0;\n            margin-left: 0;\n        }\n    }\n\n    .siteheader-topright {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        min-width: 0;\n        margin-right: 0;\n\n        >pn-language-selector,\n        >pn-marketweb-siteheader-login,\n        >a,\n        >button,\n        >[slot=\"header-top-right-start\"],\n        >[slot=\"toprightend\"] {\n            display: none;\n            align-self: center;\n            padding: $siteheader-space-lg 0;\n            margin-left: 0;\n            color: var(--siteheader-top-link-color, inherit);\n        }\n    }\n\n    .siteheader-menu-top-search {\n        display: none;\n    }\n}\n\n@media screen and (min-width: $siteheader-breakpoint-tablet) {\n    pn-marketweb-header-top-row {\n        .siteheader-topleft {\n            pn-site-selector {\n                display: block;\n            }\n        }\n\n        .siteheader-topright {\n\n            >pn-language-selector,\n            >pn-marketweb-siteheader-login,\n            >a,\n            >button,\n            >[slot=\"header-top-right-start\"],\n            >[slot=\"toprightend\"] {\n                display: block;\n                margin-left: $siteheader-space-lg;\n            }\n        }\n    }\n}\n\n@media screen and (min-width: $siteheader-breakpoint-desktop) {\n    pn-marketweb-header-top-row {\n        .siteheader-topleft {\n            pn-marketweb-header-toggle {\n                margin-left: $siteheader-space-3xl;\n            }\n\n            pn-site-selector {\n                margin-left: $siteheader-space-2xl;\n            }\n        }\n\n        .siteheader-logocontainer {\n            min-height: $siteheader-logo-container-min-height-desktop;\n            position: absolute;\n            left: 50%;\n            transform: translateX(-50%);\n        }\n\n        .siteheader-topright {\n            margin-right: $siteheader-space-3xl;\n\n            >pn-language-selector,\n            >pn-marketweb-siteheader-login,\n            >a,\n            >button,\n            >[slot=\"header-top-right-start\"],\n            >[slot=\"toprightend\"] {\n                margin-left: $siteheader-space-3xl;\n            }\n        }\n    }\n}","import {\n    Component,\n    h,\n    Prop,\n} from '@stencil/core';\n\nimport type {\n    SiteHeaderI18N,\n} from '../../pn-marketweb-siteheader/pn-marketweb-siteheader-types';\nimport type {\n    HeaderMenuMode,\n    HeaderViewModel,\n} from '../types/pn-marketweb-header.types';\nimport {\n    getAppearanceForTheme,\n    HeaderTheme,\n} from '../utils/header-theme';\nimport {\n    renderHeaderLanguageSelector,\n    renderHeaderLogin,\n    renderHeaderLogo,\n    renderHeaderMenuSwitcher,\n    renderHeaderSiteSelector,\n} from './shared/pn-marketweb-header-shared';\n\n@Component({\n    tag: 'pn-marketweb-header-top-row',\n    styleUrl: 'pn-marketweb-header-top-row.scss',\n})\nexport class PnMarketwebHeaderTopRow {\n    @Prop() vm!: HeaderViewModel;\n    @Prop() i18n!: SiteHeaderI18N;\n\n    @Prop() language?: string;\n    @Prop() siteid?: string;\n    @Prop() endpoint?: string;\n    @Prop() environment?: string;\n\n    @Prop() userToken!: string;\n    @Prop() userFullname!: string;\n    @Prop() userLoggedin!: boolean;\n\n    @Prop() hideSiteSelector!: boolean;\n    @Prop() hideLanguageSelector!: boolean;\n    @Prop() hideSearch!: boolean;\n    @Prop() hideLogin!: boolean;\n\n    @Prop() showProfileSelection!: boolean;\n    @Prop() showUnifiedLogin!: boolean;\n    @Prop() spaMode!: boolean;\n    @Prop() checkUserLoggedInStateInterval!: number;\n    @Prop() useMarketwebLogin!: boolean;\n\n    @Prop() activeMenuMode!: HeaderMenuMode;\n    @Prop() navigateOnMenuToggle!: boolean;\n\n    @Prop() theme: HeaderTheme;\n    @Prop() logoUrl:string;\n\n    @Prop() menuToggleChangeHandler!: (e: CustomEvent<HeaderMenuMode>) => void;\n    @Prop() adjustSiteSelectorUrl!: (href: string) => string;\n\n    render() {\n        const appearance = getAppearanceForTheme(this.theme);        \n        return (\n            <div class=\"siteheader-row siteheader-row-top\">\n                <div class=\"siteheader-topleft\">\n                    <slot name=\"header-top-left\"></slot>\n\n                    {renderHeaderSiteSelector({\n                        vm: this.vm,\n                        hideSiteSelector: this.hideSiteSelector,\n                        language: this.language,\n                        buttonText: this.vm.siteSelector?.currentSiteTitle ?? 'postnord',\n                        appearance,\n                        adjustSiteSelectorUrl: this.adjustSiteSelectorUrl,\n                    })}\n\n                    {renderHeaderMenuSwitcher({\n                        vm: this.vm,\n                        activeMenuMode: this.activeMenuMode,\n                        navigateOnMenuToggle: this.navigateOnMenuToggle,\n                        onMenuToggleChange: this.menuToggleChangeHandler,\n                    })}\n\n                </div>\n\n                {renderHeaderLogo({\n                    homePageLink: this.logoUrl, //this.vm.homePageLink,\n                    homeLabel: this.i18n.home,\n                })}\n\n                <div class=\"siteheader-topright\">\n                    <slot name=\"header-top-right-start\"></slot>\n\n                    {renderHeaderLogin({\n                        vm: this.vm,\n                        hideLogin: this.hideLogin,\n                        userToken: this.userToken,\n                        userFullname: this.userFullname,\n                        userLoggedin: this.userLoggedin,\n                        endpoint: this.endpoint,\n                        environment: this.environment,\n                        i18n: this.i18n,\n                        showProfileSelection: this.showProfileSelection,\n                        showUnifiedLogin: this.showUnifiedLogin,\n                        checkUserLoggedInStateInterval: this.checkUserLoggedInStateInterval,\n                        useMarketwebLogin: this.useMarketwebLogin,\n                        appearance\n                    })}\n\n                    {renderHeaderLanguageSelector({\n                        vm: this.vm,\n                        hideLanguageSelector: this.hideLanguageSelector,\n                        language: this.language,\n                        spaMode: this.spaMode,\n                        appearance\n                    })}\n\n                    <slot name=\"toprightend\"></slot>\n\n                    <div class=\"siteheader-menu-top-search\">\n                        <pn-marketweb-siteheader-search\n                            language={this.language}\n                            siteid={this.siteid}\n                            search={this.vm.search}\n                            hide-search={this.hideSearch}\n                            i18n={this.i18n}\n                            icononly={true}\n                        ></pn-marketweb-siteheader-search>\n                    </div>\n                </div>\n            </div>\n        );\n    }\n}"],"version":3}

package/components/pn-marketweb-header.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PnMarketwebHeader extends Components.PnMarketwebHeader, HTMLElement {}
+export const PnMarketwebHeader: {
+    prototype: PnMarketwebHeader;
+    new (): PnMarketwebHeader;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;