@postnord/pn-marketweb-components 4.2.5 → 4.3.1

package/types/components.d.ts

@@ -13,7 +13,11 @@ import { ProductPriceItem } from "./components/widgets/pn-find-price/pn-find-pri
 import { ProductPriceItem as ProductPriceItem1 } from "./globals/shared/productprice/product-price-types";
 import { unknown as HeadingLevel } from "./components.d";
 import { DeviceType } from "./components/widgets/pn-level-up/types";
-import { LoginDialog, LoginDialogLink, ProfileSelectorCustomerItem, ProfileSelectorOrganization, SiteHeaderI18N, SiteHeaderSearch } from "./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-types";
+import { HeaderMenuMode, HeaderViewModel } from "./components/layout-components/pn-marketweb-header/types/pn-marketweb-header.types";
+import { EnvironmentName, MarketName } from "./services/pn-refined-marketweb-context/pn-refined-marketweb-context.types";
+import { LoginDialog, LoginDialogLink, MenuItem, ProfileSelectorCustomerItem, ProfileSelectorOrganization, SiteHeaderI18N, SiteHeaderSearch } from "./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-types";
+import { HeaderAppearance, HeaderTheme } from "./components/layout-components/pn-marketweb-header/utils/header-theme";
+import { HeaderMenuMode as HeaderMenuMode1, HeaderMenuModeOption } from "./components/layout-components/pn-marketweb-header/types/pn-marketweb-header.types";
 import { HeadingLevel as HeadingLevel1 } from "./globals/types";
 import { HeaderConfig, TableRowData } from "./components/widgets/pn-marketweb-table/types";
 import { PredefinedValues as PredefinedValues1, Root as Root2 } from "./components/input/pn-multi-row-connected-dropdown/types";
@@ -26,7 +30,11 @@ export { ProductPriceItem } from "./components/widgets/pn-find-price/pn-find-pri
 export { ProductPriceItem as ProductPriceItem1 } from "./globals/shared/productprice/product-price-types";
 export { unknown as HeadingLevel } from "./components.d";
 export { DeviceType } from "./components/widgets/pn-level-up/types";
-export { LoginDialog, LoginDialogLink, ProfileSelectorCustomerItem, ProfileSelectorOrganization, SiteHeaderI18N, SiteHeaderSearch } from "./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-types";
+export { HeaderMenuMode, HeaderViewModel } from "./components/layout-components/pn-marketweb-header/types/pn-marketweb-header.types";
+export { EnvironmentName, MarketName } from "./services/pn-refined-marketweb-context/pn-refined-marketweb-context.types";
+export { LoginDialog, LoginDialogLink, MenuItem, ProfileSelectorCustomerItem, ProfileSelectorOrganization, SiteHeaderI18N, SiteHeaderSearch } from "./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-types";
+export { HeaderAppearance, HeaderTheme } from "./components/layout-components/pn-marketweb-header/utils/header-theme";
+export { HeaderMenuMode as HeaderMenuMode1, HeaderMenuModeOption } from "./components/layout-components/pn-marketweb-header/types/pn-marketweb-header.types";
 export { HeadingLevel as HeadingLevel1 } from "./globals/types";
 export { HeaderConfig, TableRowData } from "./components/widgets/pn-marketweb-table/types";
 export { PredefinedValues as PredefinedValues1, Root as Root2 } from "./components/input/pn-multi-row-connected-dropdown/types";
@@ -307,6 +315,7 @@ export namespace Components {
         "subHeading": string;
     }
     interface PnLanguageSelector {
+        "appearance"?: 'light' | 'dark';
         "value": string;
     }
     interface PnLanguageSelectorOption {
@@ -420,6 +429,202 @@ export namespace Components {
         "slidesToShow": number;
         "source": string;
     }
+    /**
+     * New marketweb header wrapper.
+     * Responsibilities:
+     * - resolve runtime context
+     * - fetch header data
+     * - map backend data into a renderable view model
+     * - render the layout using existing leaf/header components
+     * - owns the active menu mode when a switchable menu structure exists
+     */
+    interface PnMarketwebHeader {
+        /**
+          * Autocomplete endpoint forwarded into the search view model.
+         */
+        "autocompleteEndpoint": string;
+        /**
+          * Enables cached requests in FetchHelper when true.
+         */
+        "cache": boolean;
+        /**
+          * Interval forwarded to the login component for login state checks.
+         */
+        "checkUserLoggedInStateInterval": number;
+        /**
+          * Explicit endpoint override. When omitted it is resolved from market + environment.
+         */
+        "endpoint": string | null;
+        /**
+          * Environment to use for the header. Falls back to refined context resolution when omitted.
+         */
+        "environment": EnvironmentName | null;
+        /**
+          * Hides the generated home menu item when true.
+         */
+        "hideHomeMenuItem": boolean;
+        /**
+          * Hides the language selector when true.
+         */
+        "hideLanguageSelector": boolean;
+        /**
+          * Hides login when true.
+         */
+        "hideLogin": boolean;
+        /**
+          * Hides search when true.
+         */
+        "hideSearch": boolean;
+        /**
+          * Hides the site selector when true.
+         */
+        "hideSiteSelector": boolean;
+        "initialActiveMenuMode": HeaderMenuMode;
+        /**
+          * Language to use for the header. Falls back to refined context resolution when omitted.
+         */
+        "language": string | null;
+        /**
+          * Market to use for the header. Falls back to refined context resolution when omitted.
+         */
+        "market": MarketName | null;
+        /**
+          * Optional menu theme labels, e.g. ['Business', 'Private']. passed in as a sting via cms
+         */
+        "menuThemes"?: string;
+        /**
+          * When true, changing menu mode navigates to the selected root href.
+         */
+        "navigateOnMenuToggle": boolean;
+        /**
+          * Current page id forwarded to the header backend endpoint.
+         */
+        "pageId": string;
+        /**
+          * Optional override for translated search placeholder text.
+         */
+        "searchPlaceholder": string;
+        /**
+          * Whether session forwarding should be attempted after login state changes.
+         */
+        "sessionForward": boolean;
+        /**
+          * Enables profile selection presentation in the login component.
+         */
+        "showProfileSelection": boolean;
+        /**
+          * Enables unified login presentation in the login component.
+         */
+        "showUnifiedLogin": boolean;
+        /**
+          * Adjust relative URLs against the site domain when true.
+         */
+        "siteDomainInUrls": boolean;
+        /**
+          * Current site id (guid), forwarded into the search component.
+         */
+        "siteid": string | null;
+        /**
+          * When true, language selector options should not navigate directly by URL.
+         */
+        "spaMode": boolean;
+        /**
+          * Enables marketweb login mode in the login component.
+         */
+        "useMarketwebLogin": boolean;
+        /**
+          * User full name from backend.
+         */
+        "userFullname": string;
+        /**
+          * User logged in state from backend.
+         */
+        "userLoggedin": boolean;
+        /**
+          * Access token passed from backend.
+         */
+        "userToken": string;
+    }
+    interface PnMarketwebHeaderMainRow {
+        "activeMenuMode": HeaderMenuMode;
+        "adjustSiteSelectorUrl": (href: string) => string;
+        "checkUserLoggedInStateInterval": number;
+        "endpoint"?: string;
+        "environment"?: string;
+        "hideLanguageSelector": boolean;
+        "hideLogin": boolean;
+        "hideSearch": boolean;
+        "hideSiteSelector": boolean;
+        "i18n": SiteHeaderI18N;
+        "language"?: string;
+        "logoUrl": string;
+        "mainNavRefHandler": (el: HTMLElement | undefined) => void;
+        "market"?: string;
+        "menuToggleChangeHandler": (e: CustomEvent<HeaderMenuMode>) => void;
+        "minimizeSearch": boolean;
+        "navigateOnMenuToggle": boolean;
+        "primaryItems": MenuItem[];
+        "sharedItems": MenuItem[];
+        "showMenuDivider": boolean;
+        "showProfileSelection": boolean;
+        "showUnifiedLogin": boolean;
+        "siteid"?: string;
+        "spaMode": boolean;
+        "theme": HeaderTheme;
+        "useMarketwebLogin": boolean;
+        "userFullname": string;
+        "userLoggedin": boolean;
+        "userToken": string;
+        "vm": HeaderViewModel;
+    }
+    interface PnMarketwebHeaderSkeletonLoader {
+    }
+    /**
+     * Small segmented toggle used for switching between Private and Business menu modes.
+     * Responsibilities:
+     * - render two selectable links
+     * - reflect current active mode
+     * - emit the selected mode when changed
+     * This component is intentionally presentation-only.
+     * The parent header decides what switching mode actually means.
+     */
+    interface PnMarketwebHeaderToggle {
+        /**
+          * Accessible label for the toggle group.
+         */
+        "ariaLabel": string;
+        "options": HeaderMenuModeOption[];
+        /**
+          * Currently active mode.
+         */
+        "value": HeaderMenuMode;
+    }
+    interface PnMarketwebHeaderTopRow {
+        "activeMenuMode": HeaderMenuMode;
+        "adjustSiteSelectorUrl": (href: string) => string;
+        "checkUserLoggedInStateInterval": number;
+        "endpoint"?: string;
+        "environment"?: string;
+        "hideLanguageSelector": boolean;
+        "hideLogin": boolean;
+        "hideSearch": boolean;
+        "hideSiteSelector": boolean;
+        "i18n": SiteHeaderI18N;
+        "language"?: string;
+        "logoUrl": string;
+        "menuToggleChangeHandler": (e: CustomEvent<HeaderMenuMode>) => void;
+        "navigateOnMenuToggle": boolean;
+        "showProfileSelection": boolean;
+        "showUnifiedLogin": boolean;
+        "siteid"?: string;
+        "spaMode": boolean;
+        "theme": HeaderTheme;
+        "useMarketwebLogin": boolean;
+        "userFullname": string;
+        "userLoggedin": boolean;
+        "userToken": string;
+        "vm": HeaderViewModel;
+    }
     interface PnMarketwebIcon {
         /**
           * Check for the available colors in the knobs panel in the story
@@ -611,6 +816,7 @@ export namespace Components {
         "userToken": string;
     }
     interface PnMarketwebSiteheaderLogin {
+        "appearance"?: HeaderAppearance;
         /**
           * Continiously check if a user is logged in *
          */
@@ -1049,6 +1255,7 @@ export namespace Components {
         "theme": string;
     }
     interface PnSiteSelector {
+        "appearance"?: 'light' | 'dark';
         "buttontext": string;
         "heading": string;
         /**
@@ -1174,6 +1381,14 @@ export interface PnMainnavCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPnMainnavElement;
 }
+export interface PnMarketwebHeaderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPnMarketwebHeaderElement;
+}
+export interface PnMarketwebHeaderToggleCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPnMarketwebHeaderToggleElement;
+}
 export interface PnMarketwebSearchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPnMarketwebSearchElement;
@@ -1525,6 +1740,77 @@ declare global {
         prototype: HTMLPnMarketwebCarouselElement;
         new (): HTMLPnMarketwebCarouselElement;
     };
+    interface HTMLPnMarketwebHeaderElementEventMap {
+        "changeLanguage": string;
+        "changeMarket": MarketName;
+    }
+    /**
+     * New marketweb header wrapper.
+     * Responsibilities:
+     * - resolve runtime context
+     * - fetch header data
+     * - map backend data into a renderable view model
+     * - render the layout using existing leaf/header components
+     * - owns the active menu mode when a switchable menu structure exists
+     */
+    interface HTMLPnMarketwebHeaderElement extends Components.PnMarketwebHeader, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPnMarketwebHeaderElementEventMap>(type: K, listener: (this: HTMLPnMarketwebHeaderElement, ev: PnMarketwebHeaderCustomEvent<HTMLPnMarketwebHeaderElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLPnMarketwebHeaderElementEventMap>(type: K, listener: (this: HTMLPnMarketwebHeaderElement, ev: PnMarketwebHeaderCustomEvent<HTMLPnMarketwebHeaderElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLPnMarketwebHeaderElement: {
+        prototype: HTMLPnMarketwebHeaderElement;
+        new (): HTMLPnMarketwebHeaderElement;
+    };
+    interface HTMLPnMarketwebHeaderMainRowElement extends Components.PnMarketwebHeaderMainRow, HTMLStencilElement {
+    }
+    var HTMLPnMarketwebHeaderMainRowElement: {
+        prototype: HTMLPnMarketwebHeaderMainRowElement;
+        new (): HTMLPnMarketwebHeaderMainRowElement;
+    };
+    interface HTMLPnMarketwebHeaderSkeletonLoaderElement extends Components.PnMarketwebHeaderSkeletonLoader, HTMLStencilElement {
+    }
+    var HTMLPnMarketwebHeaderSkeletonLoaderElement: {
+        prototype: HTMLPnMarketwebHeaderSkeletonLoaderElement;
+        new (): HTMLPnMarketwebHeaderSkeletonLoaderElement;
+    };
+    interface HTMLPnMarketwebHeaderToggleElementEventMap {
+        "toggleChange": HeaderMenuMode;
+    }
+    /**
+     * Small segmented toggle used for switching between Private and Business menu modes.
+     * Responsibilities:
+     * - render two selectable links
+     * - reflect current active mode
+     * - emit the selected mode when changed
+     * This component is intentionally presentation-only.
+     * The parent header decides what switching mode actually means.
+     */
+    interface HTMLPnMarketwebHeaderToggleElement extends Components.PnMarketwebHeaderToggle, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLPnMarketwebHeaderToggleElementEventMap>(type: K, listener: (this: HTMLPnMarketwebHeaderToggleElement, ev: PnMarketwebHeaderToggleCustomEvent<HTMLPnMarketwebHeaderToggleElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLPnMarketwebHeaderToggleElementEventMap>(type: K, listener: (this: HTMLPnMarketwebHeaderToggleElement, ev: PnMarketwebHeaderToggleCustomEvent<HTMLPnMarketwebHeaderToggleElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLPnMarketwebHeaderToggleElement: {
+        prototype: HTMLPnMarketwebHeaderToggleElement;
+        new (): HTMLPnMarketwebHeaderToggleElement;
+    };
+    interface HTMLPnMarketwebHeaderTopRowElement extends Components.PnMarketwebHeaderTopRow, HTMLStencilElement {
+    }
+    var HTMLPnMarketwebHeaderTopRowElement: {
+        prototype: HTMLPnMarketwebHeaderTopRowElement;
+        new (): HTMLPnMarketwebHeaderTopRowElement;
+    };
     interface HTMLPnMarketwebIconElement extends Components.PnMarketwebIcon, HTMLStencilElement {
     }
     var HTMLPnMarketwebIconElement: {
@@ -2057,6 +2343,11 @@ declare global {
         "pn-mainnav-link": HTMLPnMainnavLinkElement;
         "pn-mainnav-list": HTMLPnMainnavListElement;
         "pn-marketweb-carousel": HTMLPnMarketwebCarouselElement;
+        "pn-marketweb-header": HTMLPnMarketwebHeaderElement;
+        "pn-marketweb-header-main-row": HTMLPnMarketwebHeaderMainRowElement;
+        "pn-marketweb-header-skeleton-loader": HTMLPnMarketwebHeaderSkeletonLoaderElement;
+        "pn-marketweb-header-toggle": HTMLPnMarketwebHeaderToggleElement;
+        "pn-marketweb-header-top-row": HTMLPnMarketwebHeaderTopRowElement;
         "pn-marketweb-icon": HTMLPnMarketwebIconElement;
         "pn-marketweb-input": HTMLPnMarketwebInputElement;
         "pn-marketweb-search": HTMLPnMarketwebSearchElement;
@@ -2408,6 +2699,7 @@ declare namespace LocalJSX {
         "subHeading"?: string;
     }
     interface PnLanguageSelector {
+        "appearance"?: 'light' | 'dark';
         "onSetLanguage"?: (event: PnLanguageSelectorCustomEvent<any>) => void;
         "value"?: string;
     }
@@ -2525,6 +2817,214 @@ declare namespace LocalJSX {
         "slidesToShow"?: number;
         "source": string;
     }
+    /**
+     * New marketweb header wrapper.
+     * Responsibilities:
+     * - resolve runtime context
+     * - fetch header data
+     * - map backend data into a renderable view model
+     * - render the layout using existing leaf/header components
+     * - owns the active menu mode when a switchable menu structure exists
+     */
+    interface PnMarketwebHeader {
+        /**
+          * Autocomplete endpoint forwarded into the search view model.
+         */
+        "autocompleteEndpoint"?: string;
+        /**
+          * Enables cached requests in FetchHelper when true.
+         */
+        "cache"?: boolean;
+        /**
+          * Interval forwarded to the login component for login state checks.
+         */
+        "checkUserLoggedInStateInterval"?: number;
+        /**
+          * Explicit endpoint override. When omitted it is resolved from market + environment.
+         */
+        "endpoint"?: string | null;
+        /**
+          * Environment to use for the header. Falls back to refined context resolution when omitted.
+         */
+        "environment"?: EnvironmentName | null;
+        /**
+          * Hides the generated home menu item when true.
+         */
+        "hideHomeMenuItem"?: boolean;
+        /**
+          * Hides the language selector when true.
+         */
+        "hideLanguageSelector"?: boolean;
+        /**
+          * Hides login when true.
+         */
+        "hideLogin"?: boolean;
+        /**
+          * Hides search when true.
+         */
+        "hideSearch"?: boolean;
+        /**
+          * Hides the site selector when true.
+         */
+        "hideSiteSelector"?: boolean;
+        "initialActiveMenuMode"?: HeaderMenuMode;
+        /**
+          * Language to use for the header. Falls back to refined context resolution when omitted.
+         */
+        "language"?: string | null;
+        /**
+          * Market to use for the header. Falls back to refined context resolution when omitted.
+         */
+        "market"?: MarketName | null;
+        /**
+          * Optional menu theme labels, e.g. ['Business', 'Private']. passed in as a sting via cms
+         */
+        "menuThemes"?: string;
+        /**
+          * When true, changing menu mode navigates to the selected root href.
+         */
+        "navigateOnMenuToggle"?: boolean;
+        /**
+          * Emitted when the language changes.
+         */
+        "onChangeLanguage"?: (event: PnMarketwebHeaderCustomEvent<string>) => void;
+        /**
+          * Emitted when the market changes.
+         */
+        "onChangeMarket"?: (event: PnMarketwebHeaderCustomEvent<MarketName>) => void;
+        /**
+          * Current page id forwarded to the header backend endpoint.
+         */
+        "pageId"?: string;
+        /**
+          * Optional override for translated search placeholder text.
+         */
+        "searchPlaceholder"?: string;
+        /**
+          * Whether session forwarding should be attempted after login state changes.
+         */
+        "sessionForward"?: boolean;
+        /**
+          * Enables profile selection presentation in the login component.
+         */
+        "showProfileSelection"?: boolean;
+        /**
+          * Enables unified login presentation in the login component.
+         */
+        "showUnifiedLogin"?: boolean;
+        /**
+          * Adjust relative URLs against the site domain when true.
+         */
+        "siteDomainInUrls"?: boolean;
+        /**
+          * Current site id (guid), forwarded into the search component.
+         */
+        "siteid"?: string | null;
+        /**
+          * When true, language selector options should not navigate directly by URL.
+         */
+        "spaMode"?: boolean;
+        /**
+          * Enables marketweb login mode in the login component.
+         */
+        "useMarketwebLogin"?: boolean;
+        /**
+          * User full name from backend.
+         */
+        "userFullname"?: string;
+        /**
+          * User logged in state from backend.
+         */
+        "userLoggedin"?: boolean;
+        /**
+          * Access token passed from backend.
+         */
+        "userToken"?: string;
+    }
+    interface PnMarketwebHeaderMainRow {
+        "activeMenuMode": HeaderMenuMode;
+        "adjustSiteSelectorUrl": (href: string) => string;
+        "checkUserLoggedInStateInterval": number;
+        "endpoint"?: string;
+        "environment"?: string;
+        "hideLanguageSelector": boolean;
+        "hideLogin": boolean;
+        "hideSearch": boolean;
+        "hideSiteSelector": boolean;
+        "i18n": SiteHeaderI18N;
+        "language"?: string;
+        "logoUrl"?: string;
+        "mainNavRefHandler": (el: HTMLElement | undefined) => void;
+        "market"?: string;
+        "menuToggleChangeHandler": (e: CustomEvent<HeaderMenuMode>) => void;
+        "minimizeSearch": boolean;
+        "navigateOnMenuToggle": boolean;
+        "primaryItems": MenuItem[];
+        "sharedItems": MenuItem[];
+        "showMenuDivider": boolean;
+        "showProfileSelection": boolean;
+        "showUnifiedLogin": boolean;
+        "siteid"?: string;
+        "spaMode": boolean;
+        "theme"?: HeaderTheme;
+        "useMarketwebLogin": boolean;
+        "userFullname": string;
+        "userLoggedin": boolean;
+        "userToken": string;
+        "vm": HeaderViewModel;
+    }
+    interface PnMarketwebHeaderSkeletonLoader {
+    }
+    /**
+     * Small segmented toggle used for switching between Private and Business menu modes.
+     * Responsibilities:
+     * - render two selectable links
+     * - reflect current active mode
+     * - emit the selected mode when changed
+     * This component is intentionally presentation-only.
+     * The parent header decides what switching mode actually means.
+     */
+    interface PnMarketwebHeaderToggle {
+        /**
+          * Accessible label for the toggle group.
+         */
+        "ariaLabel"?: string;
+        /**
+          * Emitted whenever the user selects a different mode.
+         */
+        "onToggleChange"?: (event: PnMarketwebHeaderToggleCustomEvent<HeaderMenuMode>) => void;
+        "options"?: HeaderMenuModeOption[];
+        /**
+          * Currently active mode.
+         */
+        "value"?: HeaderMenuMode;
+    }
+    interface PnMarketwebHeaderTopRow {
+        "activeMenuMode": HeaderMenuMode;
+        "adjustSiteSelectorUrl": (href: string) => string;
+        "checkUserLoggedInStateInterval": number;
+        "endpoint"?: string;
+        "environment"?: string;
+        "hideLanguageSelector": boolean;
+        "hideLogin": boolean;
+        "hideSearch": boolean;
+        "hideSiteSelector": boolean;
+        "i18n": SiteHeaderI18N;
+        "language"?: string;
+        "logoUrl"?: string;
+        "menuToggleChangeHandler": (e: CustomEvent<HeaderMenuMode>) => void;
+        "navigateOnMenuToggle": boolean;
+        "showProfileSelection": boolean;
+        "showUnifiedLogin": boolean;
+        "siteid"?: string;
+        "spaMode": boolean;
+        "theme"?: HeaderTheme;
+        "useMarketwebLogin": boolean;
+        "userFullname": string;
+        "userLoggedin": boolean;
+        "userToken": string;
+        "vm": HeaderViewModel;
+    }
     interface PnMarketwebIcon {
         /**
           * Check for the available colors in the knobs panel in the story
@@ -2726,6 +3226,7 @@ declare namespace LocalJSX {
         "userToken"?: string;
     }
     interface PnMarketwebSiteheaderLogin {
+        "appearance"?: HeaderAppearance;
         /**
           * Continiously check if a user is logged in *
          */
@@ -3172,6 +3673,7 @@ declare namespace LocalJSX {
         "theme"?: string;
     }
     interface PnSiteSelector {
+        "appearance"?: 'light' | 'dark';
         "buttontext"?: string;
         "heading"?: string;
         /**
@@ -3297,6 +3799,11 @@ declare namespace LocalJSX {
         "pn-mainnav-link": PnMainnavLink;
         "pn-mainnav-list": PnMainnavList;
         "pn-marketweb-carousel": PnMarketwebCarousel;
+        "pn-marketweb-header": PnMarketwebHeader;
+        "pn-marketweb-header-main-row": PnMarketwebHeaderMainRow;
+        "pn-marketweb-header-skeleton-loader": PnMarketwebHeaderSkeletonLoader;
+        "pn-marketweb-header-toggle": PnMarketwebHeaderToggle;
+        "pn-marketweb-header-top-row": PnMarketwebHeaderTopRow;
         "pn-marketweb-icon": PnMarketwebIcon;
         "pn-marketweb-input": PnMarketwebInput;
         "pn-marketweb-search": PnMarketwebSearch;
@@ -3403,6 +3910,29 @@ declare module "@stencil/core" {
             "pn-mainnav-link": LocalJSX.PnMainnavLink & JSXBase.HTMLAttributes<HTMLPnMainnavLinkElement>;
             "pn-mainnav-list": LocalJSX.PnMainnavList & JSXBase.HTMLAttributes<HTMLPnMainnavListElement>;
             "pn-marketweb-carousel": LocalJSX.PnMarketwebCarousel & JSXBase.HTMLAttributes<HTMLPnMarketwebCarouselElement>;
+            /**
+             * New marketweb header wrapper.
+             * Responsibilities:
+             * - resolve runtime context
+             * - fetch header data
+             * - map backend data into a renderable view model
+             * - render the layout using existing leaf/header components
+             * - owns the active menu mode when a switchable menu structure exists
+             */
+            "pn-marketweb-header": LocalJSX.PnMarketwebHeader & JSXBase.HTMLAttributes<HTMLPnMarketwebHeaderElement>;
+            "pn-marketweb-header-main-row": LocalJSX.PnMarketwebHeaderMainRow & JSXBase.HTMLAttributes<HTMLPnMarketwebHeaderMainRowElement>;
+            "pn-marketweb-header-skeleton-loader": LocalJSX.PnMarketwebHeaderSkeletonLoader & JSXBase.HTMLAttributes<HTMLPnMarketwebHeaderSkeletonLoaderElement>;
+            /**
+             * Small segmented toggle used for switching between Private and Business menu modes.
+             * Responsibilities:
+             * - render two selectable links
+             * - reflect current active mode
+             * - emit the selected mode when changed
+             * This component is intentionally presentation-only.
+             * The parent header decides what switching mode actually means.
+             */
+            "pn-marketweb-header-toggle": LocalJSX.PnMarketwebHeaderToggle & JSXBase.HTMLAttributes<HTMLPnMarketwebHeaderToggleElement>;
+            "pn-marketweb-header-top-row": LocalJSX.PnMarketwebHeaderTopRow & JSXBase.HTMLAttributes<HTMLPnMarketwebHeaderTopRowElement>;
             "pn-marketweb-icon": LocalJSX.PnMarketwebIcon & JSXBase.HTMLAttributes<HTMLPnMarketwebIconElement>;
             "pn-marketweb-input": LocalJSX.PnMarketwebInput & JSXBase.HTMLAttributes<HTMLPnMarketwebInputElement>;
             "pn-marketweb-search": LocalJSX.PnMarketwebSearch & JSXBase.HTMLAttributes<HTMLPnMarketwebSearchElement>;

package/types/services/pn-refined-marketweb-context/pn-refined-marketweb-context.constants.d.ts

@@ -0,0 +1,7 @@
+import type { EnvironmentName, MarketConfig, MarketName } from './pn-refined-marketweb-context.types';
+export declare const ALLOWED_LANGUAGES: readonly ["sv", "da", "fi", "no", "en", "de", "zh", "fr", "es", "it", "nl"];
+export declare const ALLOWED_MARKETS: MarketName[];
+export declare const WWW_MARKETS: MarketName[];
+export declare const DEVELOPMENT_DOMAINS: readonly ["localhost", ".local", "local.", ".dev", "dev."];
+export declare const MARKETS: Record<MarketName, MarketConfig>;
+export declare const ENVIRONMENT_ALIASES: Record<string, EnvironmentName>;

package/types/services/pn-refined-marketweb-context/pn-refined-marketweb-context.service.d.ts

@@ -0,0 +1,24 @@
+import type { EnvironmentInput, EnvironmentName, MarketName, MarketWebContext } from './pn-refined-marketweb-context.types';
+export declare class RefinedMarketWebContextService {
+    private readonly href;
+    private readonly doc?;
+    constructor(options?: {
+        href?: string;
+        doc?: Document;
+    });
+    resolve(): MarketWebContext;
+    getMarket(): MarketName;
+    getEnvironmentName(): EnvironmentName;
+    getLanguage(): string;
+    isDevEnvironment(): boolean;
+    getEndpoint(environment: EnvironmentInput, market: MarketName): string;
+    private resolveEnvironment;
+    private resolveMarket;
+    private resolveLanguage;
+    private normalizeLanguage;
+    private resolveMarketFromLiveDomain;
+    private resolveMarketFromEnvironmentHost;
+    private resolveMarketFromPostnordSubdomain;
+    private resolveMarketFromDevelopmentUrl;
+    private isMarketName;
+}