npm - @postnord/pn-marketweb-components - Versions diffs - 3.5.1 → 3.5.2 - Mend

@postnord/pn-marketweb-components 3.5.1 → 3.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.css CHANGED Viewed

@@ -49,6 +49,11 @@ pn-marketweb-siteheader .siteheader-row:not(:last-child) {
     min-height: 3.2em;
   }
 }
+@media screen and (max-width: 48em) {
+  pn-marketweb-siteheader .siteheader-row:last-child {
+    justify-content: flex-end;
+  }
+}
 pn-marketweb-siteheader .siteheader-topright {
   display: flex;
   flex-direction: row;
@@ -197,7 +202,6 @@ pn-marketweb-siteheader pn-button button .pn-button-bg:after {
 .siteheader-menu {
   max-width: 100%;
-  width: 100%;
   overflow: visible;
   overflow-x: clip;
 }
@@ -435,6 +439,11 @@ pn-marketweb-siteheader pn-button button .pn-button-bg:after {
 .header-wrapper[data-header-theme=tpl] > pn-marketweb-siteheader pn-button a:hover {
   text-decoration: none;
 }
+.header-wrapper[data-header-theme=tpl] > pn-marketweb-siteheader [slot=header-bottom-button] {
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+}
 @media screen and (max-width: 48em) {
   .header-wrapper[data-header-theme=tpl] > pn-marketweb-siteheader [slot=header-bottom-button] {
     display: none;
@@ -648,10 +657,12 @@ pn-marketweb-siteheader pn-button button .pn-button-bg:after {
 .header-wrapper[data-header-theme=tpl] > pn-marketweb-siteheader > header .siteheader-menu-footer [slot=menu-footer-cta] {
   display: none;
 }
-@media screen and (max-width: 415px) {
+@media screen and (max-width: 768px) {
   .header-wrapper[data-header-theme=tpl] > pn-marketweb-siteheader > header .siteheader-menu-footer [slot=menu-footer-cta] {
-    display: block;
+    display: flex;
     color: #0d234b;
+    flex-direction: column;
+    gap: 0.5rem;
   }
   .header-wrapper[data-header-theme=tpl] > pn-marketweb-siteheader > header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-bg {
     background-color: #fbc2c1;
@@ -664,12 +675,12 @@ pn-marketweb-siteheader pn-button button .pn-button-bg:after {
     fill: #0d234b;
   }
 }
-@media screen and (max-width: 415px) and (min-width: 48em) {
+@media screen and (max-width: 768px) and (min-width: 48em) {
   .header-wrapper[data-header-theme=tpl] > pn-marketweb-siteheader > header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content pn-icon svg > path {
     fill: #ffffff;
   }
 }
-@media screen and (max-width: 415px) {
+@media screen and (max-width: 768px) {
   .header-wrapper[data-header-theme=tpl] > pn-marketweb-siteheader > header .siteheader-menu-footer [slot=menu-footer-cta] a:hover {
     color: #ffffff;
   }
@@ -680,13 +691,16 @@ pn-marketweb-siteheader pn-button button .pn-button-bg:after {
   .header-wrapper[data-header-theme=tpl] > pn-marketweb-siteheader > header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-content pn-icon svg > path {
     fill: #ffffff;
   }
+  .header-wrapper[data-header-theme=tpl] > pn-marketweb-siteheader > header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-text {
+    color: #ffffff;
+  }
 }
 @media screen and (max-width: 1024px) {
   .header-wrapper[data-header-theme=tpl] > pn-marketweb-siteheader > header .siteheader-menu-footer pn-button-dropdown button:focus,
   .header-wrapper[data-header-theme=tpl] > pn-marketweb-siteheader > header .siteheader-menu-footer pn-button-dropdown button:hover {
     color: #ffffff;
     background-color: #00a0d6;
-    box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.4rem #00a0d6;
+    box-shadow: 0 0 0 0.2rem #ffffff, 0 0 0 0.4rem #00a0d6;
   }
   .header-wrapper[data-header-theme=tpl] > pn-marketweb-siteheader > header .siteheader-menu-footer pn-button-dropdown button:focus svg > path,
   .header-wrapper[data-header-theme=tpl] > pn-marketweb-siteheader > header .siteheader-menu-footer pn-button-dropdown button:hover svg > path {

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import docs from "./pn-marketweb-siteheader-docs.json";
 import { createDocumentation } from "../../../globals/documentation/story";
-import { open_in_new, shop } from "pn-design-assets/pn-assets/icons";
+import { dashboard, open_in_new, shop, truck } from "pn-design-assets/pn-assets/icons";
 const usertoken = '6ae6bde345eb68fc0102f4ba256f31e9151db31dc2ea4c23a51917c';
 const { argTypes, textContent } = createDocumentation(docs);
 const meta = {
     title: "Components/Layout/Market web site Header",
     parameters: {
-        layout: "padded",
+        layout: "fullscreen",
         docs: {
             description: {
                 story: textContent,
@@ -337,11 +337,38 @@ const TPLSiteHeaderTemplate = ({ ...args }) => {
     hide-login="${args.hideLogin}"
     search-placeholder="${args.placeholder}"
     hide-home-menu-item="${args.hideHomeMenuItem}">
-      <pn-button slot="header-bottom-button" href="http:www.google.se" small="true" icon='${open_in_new}'>${args.buttonText}</pn-button>
+      <div slot="header-bottom-button">
+        <pn-button class="header-bottom-button--button" href="http:www.google.se">${args.buttonText}</pn-button>
+        <pn-button class="header-bottom-button--button" href="http:www.google.se">Boka slottid</pn-button>
+        <pn-button class="header-bottom-button--icon" href="http:www.google.se" icon-only="true" icon='${dashboard}' arialabel="${args.buttonText}" tooltip='${args.buttonText}'></pn-button>
+        <pn-button class="header-bottom-button--icon" href="http:www.google.se" icon-only="true" icon='${truck}' arialabel="Boka slottid" tooltip='Boka slottid'></pn-button>
+      </div>
       <pn-button slot="siteheader-menu-top-button" href="http:www.google.se" small="true" icon='${open_in_new}'>${args.buttonText}</pn-button>
-      <pn-button slot="menu-footer-cta" href="http:www.google.se" small="true" icon='${open_in_new}'>${args.buttonText}</pn-button>
+      <div slot="menu-footer-cta">
+        <pn-button href="http:www.google.se" small="true" icon='${open_in_new}'>${args.buttonText}</pn-button>
+        <pn-button href="http:www.google.se" small="true" icon='${open_in_new}'>Boka slottid</pn-button>
+      </div>
     </pn-marketweb-siteheader>
-  </div>`;
+  </div>
+  <style>
+      .header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-content pn-icon svg>path {
+        fill: #0d234b;
+    }
+    .header-bottom-button--icon {
+        display: none;
+    }
+    @media only screen and (min-width: 1024px) and (max-width: 1240px) {
+        .header-bottom-button--button {
+            display: none;
+        }
+        .header-bottom-button--icon {
+            display: block;
+        }
+    }
+  </style>
+  `;
 };
 export const TPLSiteHeader = TPLSiteHeaderTemplate.bind({});
 TPLSiteHeader.args = {

package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pn-marketweb-siteheader.stories.js","sourceRoot":"","sources":["../../../../src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryObj } from '@storybook/web-components';\nimport docs from './pn-marketweb-siteheader-docs.json';\nimport { createDocumentation, createComponent } from \"@/globals/documentation/story\";\nimport { open_in_new, shop } from 'pn-design-assets/pn-assets/icons';\n\nconst usertoken = '6ae6bde345eb68fc0102f4ba256f31e9151db31dc2ea4c23a51917c';\nconst { argTypes, textContent } = createDocumentation(docs);\n\nconst meta: Meta<HTMLPnMarketwebSiteheaderElement> = {\n title: \"Components/Layout/Market web site Header\",\n parameters: {\n layout: \"padded\",\n docs: {\n description: {\n story: textContent,\n },\n },\n },\n args: {\n market: \"se\",\n language: \"sv\",\n siteid: \"\",\n hideSiteSelector: false,\n hideLanguageSelector: false,\n hideSearch: false,\n hideLogin: false,\n checkUserLoggedInStateInterval: 0,\n showUnifiedLogin: false,\n sessionForward: false,\n hideHomeMenuItem: false,\n cache: false,\n pageId: \"\",\n siteDomainInUrls: false,\n },\n argTypes: {\n market: {\n control: \"select\",\n options: [\"se\", \"dk\", \"fi\", \"no\", \"com\", \"tpl\"],\n },\n language: {\n control: \"select\",\n options: [\"en\", \"sv\", \"da\", \"fi\", \"no\", \"zh\", \"it\", \"nl\"],\n },\n endpoint: {\n control: \"select\",\n options: [\n \"\",\n \"https://localhost:51547\",\n \"https://local.postnord.com\",\n \"https://se-inte.postnord.com\",\n \"https://se-prep.postnord.com\",\n \"https://se-prod.postnord.com\",\n \"https://com-inte.postnord.com\",\n \"https://com-prep.postnord.com\",\n \"https://com-prod.postnord.com\",\n \"https://www.postnord.com\",\n ],\n },\n },\n};\n\ntype Story = StoryObj<HTMLPnMarketwebSiteheaderElement>;\n\nexport default meta;\n\nconst shoppingCartContent = `\n <a href=\"\" class=\"header-cart\" slot=\"toprightend\" style=\"align-self:center;position:relative;text-decoration:none;\">\n <span>Varukorg</span>\n <pn-icon icon='${shop}' color=\"blue700\" class=\"pn-icon\"></pn-icon>\n </a>`;\n\nconst customLogoContent = `<div slot=\"logo\">\n<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 141.73 41.74\" width=\"12.7rem\" height=\"3.7rem\" >\n <g fill=\"#00a0d6\">\n <path d=\"M108.84 13.35c0 6.34-5.17 9-10.03 9s-9.82-2.6-9.82-8.73 5.08-9 10.03-9 9.82 2.63 9.82 8.73Zm-6.56.18c0-2.09-1.36-3.51-3.38-3.51s-3.42 1.42-3.42 3.51c0 1.96 1.39 3.41 3.42 3.41s3.38-1.45 3.38-3.41Zm-82.97 0c0 4.83-3.32 8.82-8.49 8.82-3.17 0-4.65-1.57-4.65-1.57v5.86H0V5.17h6.17V6.8s1.6-2.18 5.11-2.18c5.14 0 8.04 3.96 8.04 8.91Zm-6.53 0c0-2.09-1.36-3.51-3.38-3.51s-3.42 1.42-3.42 3.51c0 1.96 1.39 3.41 3.42 3.41s3.38-1.45 3.38-3.41Zm103.69.27c0-2.54 1.54-3.32 3.6-3.32 1.27 0 2.08.3 2.08.3l.15-5.68s-.39-.18-1.45-.18c-3.45 0-4.38 2.18-4.38 2.18V5.17h-6.17v16.67h6.17v-8.03ZM141.73 0v21.84h-6.16v-1.63s-1.6 2.18-5.11 2.18c-5.14 0-8.04-3.96-8.04-8.91s3.32-8.82 8.49-8.82c3.17 0 4.65 1.57 4.65 1.57V1.21L141.72 0Zm-5.98 13.48c0-1.96-1.39-3.41-3.41-3.41s-3.38 1.45-3.38 3.41c0 2.08 1.36 3.5 3.38 3.5s3.41-1.42 3.41-3.5Zm-54.4-8.86c-3.6 0-4.9 2.18-4.9 2.18V5.17h-6.16v16.67h6.16v-8.55c0-2.11.79-3.08 2.69-3.08s2.18 1.57 2.18 3.57v8.07h6.22V11.6c0-4.59-2.2-6.98-6.19-6.98Zm-17.29-3.2H57.9v20.42h6.16V10.36h2.9l2.81-5.2h-5.71V1.42Zm-13.81 9.79c-2-.3-2.87-.3-2.87-1.09 0-.66.81-.94 2.42-.94 2.72 0 5.11.91 5.11.91L56 5.41s-2.63-.75-6.13-.75c-5.89 0-8.98 2.27-8.98 5.89 0 2.81 1.66 4.47 6.53 5.11 2.06.27 2.81.39 2.81 1.15s-.82.97-2.24.97c-3.08 0-5.98-1.3-5.98-1.3l-1.24 4.83s2.9 1.03 6.68 1.03c6.35 0 9.28-2.24 9.28-5.89 0-2.9-1.57-4.47-6.47-5.23Zm-10.06 2.14c0 6.34-5.17 9-10.03 9s-9.82-2.6-9.82-8.73 5.08-9 10.03-9 9.82 2.63 9.82 8.73Zm-6.56.18c0-2.09-1.36-3.51-3.38-3.51s-3.41 1.42-3.41 3.51c0 1.96 1.39 3.41 3.41 3.41s3.38-1.45 3.38-3.41ZM113.7 41.74V30.53h-3.63v-2.09h10.24v2.09h-3.65v11.21h-2.96ZM121.94 28.44h4.41c3.36 0 5.28 1.33 5.28 4.24s-1.94 4.25-5.36 4.25h-1.37v4.81h-2.96v-13.3Zm2.96 6.5h1.37c1.8 0 2.37-.82 2.37-2.22s-.49-2.15-2.37-2.15h-1.37v4.37ZM133.27 41.74v-13.3h2.96v11.21h5.49v2.09h-8.45Z\"></path>\n </g>\n</svg>`;\n\nconst renderSiteHeader = (args, htmlContent) => {\n const siteHeader = document.createElement('pn-marketweb-siteheader');\n\n Object.keys(args).forEach(key => args[key] && siteHeader.setAttribute(key, args[key]));\n\n siteHeader.innerHTML += htmlContent;\n\n return siteHeader;\n};\n\nexport const Primary: Story = {\n name: 'Primary',\n parameters: {\n docs: {\n description: {\n story: '',\n },\n },\n },\n render: args => renderSiteHeader(args, shoppingCartContent),\n args: {\n endpoint: 'https://localhost:51547',\n },\n};\n\n/** Old login dropdown. /\nexport const OldLoginDropdown: Story = {\n name: 'Old login dropdown',\n render: Primary.render,\n args: {\n siteid: '06bb4e57-cf10-4374-9e4d-34ae987eff2e',\n pageId: '9',\n },\n};\n\n/* Use your own custom logo /\nexport const CustomLogo: Story = {\n name: 'Custom logo',\n render: args => renderSiteHeader(args, customLogoContent),\n};\n\n/* Use different environments. /\nexport const EnvironmentOptions: Story = {\n name: 'Environment options',\n render: Primary.render,\n args: {\n environment: 'integration',\n },\n};\n\n/* Spa /\nexport const SPAModeOptions: Story = {\n name: 'SPAModeOptions',\n render: args => {\n const div = document.createElement('div')\n\n const header = renderSiteHeader(args, shoppingCartContent)\n\n div.appendChild(header)\n div.innerHTML += `\n <link rel=\"alternate\" hreflang=\"en-us\" href=\"https://postnord--hcdk.sandbox.my.site.com/dkprivate/s/?language=en_US\" data-owner=\"setSEOProperties\">\n <link rel=\"alternate\" hreflang=\"da\" href=\"https://postnord--hcdk.sandbox.my.site.com/dkprivate/s/?language=da\" data-owner=\"setSEOProperties\">\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n if (!window[\"haslangchange\"]) {\n console.log('SPA Mode - attached global market web header language change eventlistener')\n\n window.addEventListener('marketweb-languagechange', (e) => {\n console.log('marketweb-languagechange e', e)\n });\n window[\"haslangchange\"] = true;\n }\n });\n </script>\n `;\n\n return div\n },\n args: {\n environment: 'integration',\n endpoint: 'https://localhost:51547/',\n siteDomainInUrls: true,\n pageId: '9',\n }\n};\n\n\n/* Use localhost. */\nexport const LocalhostOptions: Story = {\n name: 'Environment options',\n render: Primary.render,\n args: {\n endpoint: 'https://localhost:51547/',\n },\n};\n\nconst LoggedInTemplate = ({ ...args }) => {\n return `\n <div style=\"background:#ddd;min-height:100vh;\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-token=\"${args.token}\"\n check-user-logged-in-state-interval=\"${args.checkUserLoggedInStateInterval + ''}\"\n >\n </pn-marketweb-siteheader>\n</div>\n`;\n};\n\nexport const LoggedIn = LoggedInTemplate.bind({});\nLoggedIn.args = {\n market: 'se',\n language: 'sv',\n endpoint: 'https://com-inte.postnord.com',\n //endpoint: 'https://localhost:51547',\n token: usertoken,\n};\n\nconst MarketWebLoginLogicLoginTestWithoutProp = () => {\n return `\n <header>\n <pn-marketweb-siteheader\n endpoint=\"https://com-inte.postnord.com\"\n hide-search=\"\"\n spa-mode=\"true\"\n market=\"se\"\n language=\"sv\"\n environment=\"inte\"\n site-domain-in-urls=\"true\"\n hide-site-selector=\"false\" \n show-unified-login=\"true\">\n </pn-marketweb-siteheader>\n </header>`;\n};\nexport const MarketWebLoginLogicTestwithoutprop = MarketWebLoginLogicLoginTestWithoutProp.bind({});\n\nconst MarketWebLoginLogicLoginAsTrue = () => {\n return `\n <header>\n <pn-marketweb-siteheader\n endpoint=\"https://com-inte.postnord.com\"\n hide-search=\"\"\n spa-mode=\"true\"\n market=\"se\"\n language=\"sv\"\n environment=\"inte\"\n site-domain-in-urls=\"true\"\n hide-site-selector=\"false\" \n show-unified-login=\"true\"\n use-Marketweb-Login=\"true\">\n </pn-marketweb-siteheader>\n </header>`;\n};\nexport const MarketWebLoginLogicAsTrue = MarketWebLoginLogicLoginAsTrue.bind({});\n\nconst MarketWebLoginLogicLoginAsFalse = () => {\n return `\n <header>\n <pn-marketweb-siteheader\n endpoint=\"https://com-inte.postnord.com\"\n hide-search=\"\"\n spa-mode=\"true\"\n market=\"se\"\n language=\"sv\"\n environment=\"inte\"\n site-domain-in-urls=\"true\"\n hide-site-selector=\"false\" \n show-unified-login=\"true\"\n use-Marketweb-Login=\"false\">\n </pn-marketweb-siteheader>\n </header>`;\n};\nexport const MarketWebLoginLogicForTestEnv = MarketWebLoginLogicLoginAsFalse.bind({});\n\nconst MarketWebLoginLogicLoginAsFalseAndProd = () => {\n return `\n <header>\n <pn-marketweb-siteheader\n endpoint=\"https://com-inte.postnord.com\"\n hide-search=\"\"\n spa-mode=\"true\"\n market=\"se\"\n language=\"sv\"\n environment=\"production\"\n site-domain-in-urls=\"true\"\n hide-site-selector=\"false\" \n show-unified-login=\"true\"\n use-Marketweb-Login=\"false\">\n </pn-marketweb-siteheader>\n </header>`;\n};\nexport const MarketWebLoginLogicForProdEnv = MarketWebLoginLogicLoginAsFalseAndProd.bind({});\n\nexport const LoggedInWithStatusCheck = LoggedInTemplate.bind({});\nLoggedInWithStatusCheck.args = {\n market: 'se',\n language: 'sv',\n endpoint: 'https://com-inte.postnord.com',\n checkUserLoggedInStateInterval: 10000,\n //endpoint: 'https://localhost:51547',\n token: usertoken,\n};\n\nconst LoggedInProfileSelectionTemplate = ({ ...args }) => {\n return `\n <div style=\"background:#ddd;min-height:100vh;\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-token=\"${args.token}\"\n check-user-logged-in-state-interval=\"10000\"\n show-profile-selection=\"true\"\n >\n </pn-marketweb-siteheader>\n</div>\n`;\n};\n\nexport const LoggedInProfileSelection = LoggedInProfileSelectionTemplate.bind({});\nLoggedInProfileSelection.args = {\n market: 'se',\n language: 'sv',\n // endpoint: 'https://com-inte.postnord.com',\n endpoint: 'https://localhost:51547/',\n token: usertoken,\n};\n\nconst BusinessUserLoggedInTemplate = ({ ...args }) => {\n return `\n <div style=\"background:#ddd;min-height:100vh;\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-fullname=\"${args.name}\"\n user-loggedin=\"${args.loggedin}\"\n >\n </pn-marketweb-siteheader>\n</div>\n`;\n};\n\nexport const BusinessUserLoggedIn = BusinessUserLoggedInTemplate.bind({});\nBusinessUserLoggedIn.args = {\n market: 'com',\n language: 'zh',\n endpoint: 'https://com-inte.postnord.com',\n name: 'custom user name',\n loggedin: true,\n};\n\nconst DotComSiteHeaderTemplate = ({ ...args }) => {\n return `\n <div class=\"header-wrapper\" data-header-theme=\"dotcom\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-fullname=\"${args.name}\"\n user-loggedin=\"${args.loggedin}\"\n show-unified-login=${args.unified}\n show-profile-selection=${args.showProfileSelection}\n >\n <pn-button slot=\"toprightend\" href=\"http:www.google.se\" small=\"true\">Get started</pn-button>\n <pn-button slot=\"menu-footer-cta\" href=\"http:www.google.se\" small=\"true\">Get started</pn-button>\n </pn-marketweb-siteheader>\n </div>`;\n};\n\nexport const DotComSiteHeader = DotComSiteHeaderTemplate.bind({});\nDotComSiteHeader.args = {\n market: 'com',\n language: 'it',\n endpoint: 'https://com-inte.postnord.com',\n name: 'DotCom User',\n loggedin: true,\n loginInfo: encodeURIComponent('Hello i am a <a href=\"#\">link!</a>'),\n unified: true,\n showProfileSelection: false,\n};\n\nconst TPLSiteHeaderTemplate = ({ ...args }) => {\n return `\n <div class=\"header-wrapper\" data-header-theme=\"tpl\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-fullname=\"${args.name}\"\n user-loggedin=\"${args.loggedin}\"\n hide-language-selector=\"${args.hideLanguageSelector}\"\n hide-login=\"${args.hideLogin}\"\n search-placeholder=\"${args.placeholder}\"\n hide-home-menu-item=\"${args.hideHomeMenuItem}\">\n <pn-button slot=\"header-bottom-button\" href=\"http:www.google.se\" small=\"true\" icon='${open_in_new}'>${args.buttonText}</pn-button>\n <pn-button slot=\"siteheader-menu-top-button\" href=\"http:www.google.se\" small=\"true\" icon='${open_in_new}'>${args.buttonText}</pn-button>\n <pn-button slot=\"menu-footer-cta\" href=\"http:www.google.se\" small=\"true\" icon='${open_in_new}'>${args.buttonText}</pn-button>\n </pn-marketweb-siteheader>\n </div>`;\n};\n\nexport const TPLSiteHeader = TPLSiteHeaderTemplate.bind({});\nTPLSiteHeader.args = {\n market: 'se',\n language: 'sv',\n endpoint: 'https://tpl-inte.postnord.com',\n name: 'TPL User',\n hideLogin: true,\n hideHomeMenuItem: true,\n hideLanguageSelector: false,\n loggedin: false,\n buttonText: 'Kontrolltornet',\n placeholder: 'placeholder',\n};\n\nconst ATLoginTestTemplate = () => {\n return `\n <script>\n window['pnTopbar'] = { session_id : 'b54237185e06db83b1d6467895ba774328d6d3a8dd6b22f7305af65' };\n </script>\n <header>\n <pn-marketweb-siteheader\n endpoint=\"https://com-inte.postnord.com\"\n hide-search=\"\"\n spa-mode=\"true\"\n market=\"se\"\n language=\"sv\"\n login=\"https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=https://atportal.postnord.com\"\n environment=\"integration\"\n site-domain-in-urls=\"true\"\n hide-site-selector=\"false\" >\n </pn-marketweb-siteheader>\n </header>`;\n};\nexport const ATLoginTest = ATLoginTestTemplate.bind({});\n\nconst UnifiedLoginTemplate = ({ ...args }) => {\n return `\n <div style=\"background:#ddd;min-height:100vh;\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-token=\"${args.token}\"\n check-user-logged-in-state-interval=\"${args.checkUserLoggedInStateInterval + ''}\"\n show-unified-login=\"${args.showUnifiedLogin}\"\n >\n </pn-marketweb-siteheader>\n</div>\n`;\n};\n\nexport const UnifiedLogin = UnifiedLoginTemplate.bind({});\nUnifiedLogin.args = {\n market: 'se',\n language: 'sv',\n endpoint: 'https://com-inte.postnord.com',\n //endpoint: 'https://localhost:51547',\n token: usertoken,\n};\n\nconst KopFraktTemplate = ({ ...args }) => {\n return `\n <pn-marketweb-siteheader\n language=\"${args.language}\"\n market=\"${args.market}\"\n environment=\"${args.environment}\"\n endpoint=\"${args.endpoint}\"\n hide-site-selector=\"${args.hideSiteSelector}\"\n hide-search=\"\"\n spa-mode=\"${args.spaMode}\"\n hide-login=\"${args.hideLogin}\"\n site-domain-in-urls=\"${args.siteDomainInUrls}\"\n show-unified-login=\"${args.showUnifiedLogin}\"\n use-Marketweb-Login=\"${args.useMarketWebLogin}\"\n ></pn-marketweb-siteheader>\n `;\n};\n\nexport const KopFrakt = KopFraktTemplate.bind({});\nKopFrakt.args = {\n language: 'en',\n market: 'se',\n environment: 'integration',\n endpoint: 'https://com-inte.postnord.com',\n hideSiteSelector: false,\n hideSearch: '',\n spaMode: 'true',\n hideLogin: 'false',\n siteDomainInUrls: 'true',\n showUnifiedLogin: 'true'\n};\n"]}
1	+ {"version":3,"file":"pn-marketweb-siteheader.stories.js","sourceRoot":"","sources":["../../../../src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, StoryObj } from '@storybook/web-components';\nimport docs from './pn-marketweb-siteheader-docs.json';\nimport { createDocumentation } from \"@/globals/documentation/story\";\nimport { dashboard, open_in_new, shop, truck } from 'pn-design-assets/pn-assets/icons';\n\nconst usertoken = '6ae6bde345eb68fc0102f4ba256f31e9151db31dc2ea4c23a51917c';\nconst { argTypes, textContent } = createDocumentation(docs);\n\nconst meta: Meta<HTMLPnMarketwebSiteheaderElement> = {\n title: \"Components/Layout/Market web site Header\",\n parameters: {\n layout: \"fullscreen\",\n docs: {\n description: {\n story: textContent,\n },\n },\n },\n args: {\n market: \"se\",\n language: \"sv\",\n siteid: \"\",\n hideSiteSelector: false,\n hideLanguageSelector: false,\n hideSearch: false,\n hideLogin: false,\n checkUserLoggedInStateInterval: 0,\n showUnifiedLogin: false,\n sessionForward: false,\n hideHomeMenuItem: false,\n cache: false,\n pageId: \"\",\n siteDomainInUrls: false,\n },\n argTypes: {\n market: {\n control: \"select\",\n options: [\"se\", \"dk\", \"fi\", \"no\", \"com\", \"tpl\"],\n },\n language: {\n control: \"select\",\n options: [\"en\", \"sv\", \"da\", \"fi\", \"no\", \"zh\", \"it\", \"nl\"],\n },\n endpoint: {\n control: \"select\",\n options: [\n \"\",\n \"https://localhost:51547\",\n \"https://local.postnord.com\",\n \"https://se-inte.postnord.com\",\n \"https://se-prep.postnord.com\",\n \"https://se-prod.postnord.com\",\n \"https://com-inte.postnord.com\",\n \"https://com-prep.postnord.com\",\n \"https://com-prod.postnord.com\",\n \"https://www.postnord.com\",\n ],\n },\n },\n};\n\ntype Story = StoryObj<HTMLPnMarketwebSiteheaderElement>;\n\nexport default meta;\n\nconst shoppingCartContent = `\n <a href=\"\" class=\"header-cart\" slot=\"toprightend\" style=\"align-self:center;position:relative;text-decoration:none;\">\n <span>Varukorg</span>\n <pn-icon icon='${shop}' color=\"blue700\" class=\"pn-icon\"></pn-icon>\n </a>`;\n\nconst customLogoContent = `<div slot=\"logo\">\n<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 141.73 41.74\" width=\"12.7rem\" height=\"3.7rem\" >\n <g fill=\"#00a0d6\">\n <path d=\"M108.84 13.35c0 6.34-5.17 9-10.03 9s-9.82-2.6-9.82-8.73 5.08-9 10.03-9 9.82 2.63 9.82 8.73Zm-6.56.18c0-2.09-1.36-3.51-3.38-3.51s-3.42 1.42-3.42 3.51c0 1.96 1.39 3.41 3.42 3.41s3.38-1.45 3.38-3.41Zm-82.97 0c0 4.83-3.32 8.82-8.49 8.82-3.17 0-4.65-1.57-4.65-1.57v5.86H0V5.17h6.17V6.8s1.6-2.18 5.11-2.18c5.14 0 8.04 3.96 8.04 8.91Zm-6.53 0c0-2.09-1.36-3.51-3.38-3.51s-3.42 1.42-3.42 3.51c0 1.96 1.39 3.41 3.42 3.41s3.38-1.45 3.38-3.41Zm103.69.27c0-2.54 1.54-3.32 3.6-3.32 1.27 0 2.08.3 2.08.3l.15-5.68s-.39-.18-1.45-.18c-3.45 0-4.38 2.18-4.38 2.18V5.17h-6.17v16.67h6.17v-8.03ZM141.73 0v21.84h-6.16v-1.63s-1.6 2.18-5.11 2.18c-5.14 0-8.04-3.96-8.04-8.91s3.32-8.82 8.49-8.82c3.17 0 4.65 1.57 4.65 1.57V1.21L141.72 0Zm-5.98 13.48c0-1.96-1.39-3.41-3.41-3.41s-3.38 1.45-3.38 3.41c0 2.08 1.36 3.5 3.38 3.5s3.41-1.42 3.41-3.5Zm-54.4-8.86c-3.6 0-4.9 2.18-4.9 2.18V5.17h-6.16v16.67h6.16v-8.55c0-2.11.79-3.08 2.69-3.08s2.18 1.57 2.18 3.57v8.07h6.22V11.6c0-4.59-2.2-6.98-6.19-6.98Zm-17.29-3.2H57.9v20.42h6.16V10.36h2.9l2.81-5.2h-5.71V1.42Zm-13.81 9.79c-2-.3-2.87-.3-2.87-1.09 0-.66.81-.94 2.42-.94 2.72 0 5.11.91 5.11.91L56 5.41s-2.63-.75-6.13-.75c-5.89 0-8.98 2.27-8.98 5.89 0 2.81 1.66 4.47 6.53 5.11 2.06.27 2.81.39 2.81 1.15s-.82.97-2.24.97c-3.08 0-5.98-1.3-5.98-1.3l-1.24 4.83s2.9 1.03 6.68 1.03c6.35 0 9.28-2.24 9.28-5.89 0-2.9-1.57-4.47-6.47-5.23Zm-10.06 2.14c0 6.34-5.17 9-10.03 9s-9.82-2.6-9.82-8.73 5.08-9 10.03-9 9.82 2.63 9.82 8.73Zm-6.56.18c0-2.09-1.36-3.51-3.38-3.51s-3.41 1.42-3.41 3.51c0 1.96 1.39 3.41 3.41 3.41s3.38-1.45 3.38-3.41ZM113.7 41.74V30.53h-3.63v-2.09h10.24v2.09h-3.65v11.21h-2.96ZM121.94 28.44h4.41c3.36 0 5.28 1.33 5.28 4.24s-1.94 4.25-5.36 4.25h-1.37v4.81h-2.96v-13.3Zm2.96 6.5h1.37c1.8 0 2.37-.82 2.37-2.22s-.49-2.15-2.37-2.15h-1.37v4.37ZM133.27 41.74v-13.3h2.96v11.21h5.49v2.09h-8.45Z\"></path>\n </g>\n</svg>`;\n\nconst renderSiteHeader = (args, htmlContent) => {\n const siteHeader = document.createElement('pn-marketweb-siteheader');\n\n Object.keys(args).forEach(key => args[key] && siteHeader.setAttribute(key, args[key]));\n\n siteHeader.innerHTML += htmlContent;\n\n return siteHeader;\n};\n\nexport const Primary: Story = {\n name: 'Primary',\n parameters: {\n docs: {\n description: {\n story: '',\n },\n },\n },\n render: args => renderSiteHeader(args, shoppingCartContent),\n args: {\n endpoint: 'https://localhost:51547',\n },\n};\n\n/** Old login dropdown. /\nexport const OldLoginDropdown: Story = {\n name: 'Old login dropdown',\n render: Primary.render,\n args: {\n siteid: '06bb4e57-cf10-4374-9e4d-34ae987eff2e',\n pageId: '9',\n },\n};\n\n/* Use your own custom logo /\nexport const CustomLogo: Story = {\n name: 'Custom logo',\n render: args => renderSiteHeader(args, customLogoContent),\n};\n\n/* Use different environments. /\nexport const EnvironmentOptions: Story = {\n name: 'Environment options',\n render: Primary.render,\n args: {\n environment: 'integration',\n },\n};\n\n/* Spa /\nexport const SPAModeOptions: Story = {\n name: 'SPAModeOptions',\n render: args => {\n const div = document.createElement('div')\n\n const header = renderSiteHeader(args, shoppingCartContent)\n\n div.appendChild(header)\n div.innerHTML += `\n <link rel=\"alternate\" hreflang=\"en-us\" href=\"https://postnord--hcdk.sandbox.my.site.com/dkprivate/s/?language=en_US\" data-owner=\"setSEOProperties\">\n <link rel=\"alternate\" hreflang=\"da\" href=\"https://postnord--hcdk.sandbox.my.site.com/dkprivate/s/?language=da\" data-owner=\"setSEOProperties\">\n <script>\n document.addEventListener('DOMContentLoaded', () => {\n if (!window[\"haslangchange\"]) {\n console.log('SPA Mode - attached global market web header language change eventlistener')\n\n window.addEventListener('marketweb-languagechange', (e) => {\n console.log('marketweb-languagechange e', e)\n });\n window[\"haslangchange\"] = true;\n }\n });\n </script>\n `;\n\n return div\n },\n args: {\n environment: 'integration',\n endpoint: 'https://localhost:51547/',\n siteDomainInUrls: true,\n pageId: '9',\n }\n};\n\n\n/* Use localhost. */\nexport const LocalhostOptions: Story = {\n name: 'Environment options',\n render: Primary.render,\n args: {\n endpoint: 'https://localhost:51547/',\n },\n};\n\nconst LoggedInTemplate = ({ ...args }) => {\n return `\n <div style=\"background:#ddd;min-height:100vh;\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-token=\"${args.token}\"\n check-user-logged-in-state-interval=\"${args.checkUserLoggedInStateInterval + ''}\"\n >\n </pn-marketweb-siteheader>\n</div>\n`;\n};\n\nexport const LoggedIn = LoggedInTemplate.bind({});\nLoggedIn.args = {\n market: 'se',\n language: 'sv',\n endpoint: 'https://com-inte.postnord.com',\n //endpoint: 'https://localhost:51547',\n token: usertoken,\n};\n\nconst MarketWebLoginLogicLoginTestWithoutProp = () => {\n return `\n <header>\n <pn-marketweb-siteheader\n endpoint=\"https://com-inte.postnord.com\"\n hide-search=\"\"\n spa-mode=\"true\"\n market=\"se\"\n language=\"sv\"\n environment=\"inte\"\n site-domain-in-urls=\"true\"\n hide-site-selector=\"false\" \n show-unified-login=\"true\">\n </pn-marketweb-siteheader>\n </header>`;\n};\nexport const MarketWebLoginLogicTestwithoutprop = MarketWebLoginLogicLoginTestWithoutProp.bind({});\n\nconst MarketWebLoginLogicLoginAsTrue = () => {\n return `\n <header>\n <pn-marketweb-siteheader\n endpoint=\"https://com-inte.postnord.com\"\n hide-search=\"\"\n spa-mode=\"true\"\n market=\"se\"\n language=\"sv\"\n environment=\"inte\"\n site-domain-in-urls=\"true\"\n hide-site-selector=\"false\" \n show-unified-login=\"true\"\n use-Marketweb-Login=\"true\">\n </pn-marketweb-siteheader>\n </header>`;\n};\nexport const MarketWebLoginLogicAsTrue = MarketWebLoginLogicLoginAsTrue.bind({});\n\nconst MarketWebLoginLogicLoginAsFalse = () => {\n return `\n <header>\n <pn-marketweb-siteheader\n endpoint=\"https://com-inte.postnord.com\"\n hide-search=\"\"\n spa-mode=\"true\"\n market=\"se\"\n language=\"sv\"\n environment=\"inte\"\n site-domain-in-urls=\"true\"\n hide-site-selector=\"false\" \n show-unified-login=\"true\"\n use-Marketweb-Login=\"false\">\n </pn-marketweb-siteheader>\n </header>`;\n};\nexport const MarketWebLoginLogicForTestEnv = MarketWebLoginLogicLoginAsFalse.bind({});\n\nconst MarketWebLoginLogicLoginAsFalseAndProd = () => {\n return `\n <header>\n <pn-marketweb-siteheader\n endpoint=\"https://com-inte.postnord.com\"\n hide-search=\"\"\n spa-mode=\"true\"\n market=\"se\"\n language=\"sv\"\n environment=\"production\"\n site-domain-in-urls=\"true\"\n hide-site-selector=\"false\" \n show-unified-login=\"true\"\n use-Marketweb-Login=\"false\">\n </pn-marketweb-siteheader>\n </header>`;\n};\nexport const MarketWebLoginLogicForProdEnv = MarketWebLoginLogicLoginAsFalseAndProd.bind({});\n\nexport const LoggedInWithStatusCheck = LoggedInTemplate.bind({});\nLoggedInWithStatusCheck.args = {\n market: 'se',\n language: 'sv',\n endpoint: 'https://com-inte.postnord.com',\n checkUserLoggedInStateInterval: 10000,\n //endpoint: 'https://localhost:51547',\n token: usertoken,\n};\n\nconst LoggedInProfileSelectionTemplate = ({ ...args }) => {\n return `\n <div style=\"background:#ddd;min-height:100vh;\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-token=\"${args.token}\"\n check-user-logged-in-state-interval=\"10000\"\n show-profile-selection=\"true\"\n >\n </pn-marketweb-siteheader>\n</div>\n`;\n};\n\nexport const LoggedInProfileSelection = LoggedInProfileSelectionTemplate.bind({});\nLoggedInProfileSelection.args = {\n market: 'se',\n language: 'sv',\n // endpoint: 'https://com-inte.postnord.com',\n endpoint: 'https://localhost:51547/',\n token: usertoken,\n};\n\nconst BusinessUserLoggedInTemplate = ({ ...args }) => {\n return `\n <div style=\"background:#ddd;min-height:100vh;\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-fullname=\"${args.name}\"\n user-loggedin=\"${args.loggedin}\"\n >\n </pn-marketweb-siteheader>\n</div>\n`;\n};\n\nexport const BusinessUserLoggedIn = BusinessUserLoggedInTemplate.bind({});\nBusinessUserLoggedIn.args = {\n market: 'com',\n language: 'zh',\n endpoint: 'https://com-inte.postnord.com',\n name: 'custom user name',\n loggedin: true,\n};\n\nconst DotComSiteHeaderTemplate = ({ ...args }) => {\n return `\n <div class=\"header-wrapper\" data-header-theme=\"dotcom\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-fullname=\"${args.name}\"\n user-loggedin=\"${args.loggedin}\"\n show-unified-login=${args.unified}\n show-profile-selection=${args.showProfileSelection}\n >\n <pn-button slot=\"toprightend\" href=\"http:www.google.se\" small=\"true\">Get started</pn-button>\n <pn-button slot=\"menu-footer-cta\" href=\"http:www.google.se\" small=\"true\">Get started</pn-button>\n </pn-marketweb-siteheader>\n </div>`;\n};\n\nexport const DotComSiteHeader = DotComSiteHeaderTemplate.bind({});\nDotComSiteHeader.args = {\n market: 'com',\n language: 'it',\n endpoint: 'https://com-inte.postnord.com',\n name: 'DotCom User',\n loggedin: true,\n loginInfo: encodeURIComponent('Hello i am a <a href=\"#\">link!</a>'),\n unified: true,\n showProfileSelection: false,\n};\n\nconst TPLSiteHeaderTemplate = ({ ...args }) => {\n return `\n <div class=\"header-wrapper\" data-header-theme=\"tpl\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-fullname=\"${args.name}\"\n user-loggedin=\"${args.loggedin}\"\n hide-language-selector=\"${args.hideLanguageSelector}\"\n hide-login=\"${args.hideLogin}\"\n search-placeholder=\"${args.placeholder}\"\n hide-home-menu-item=\"${args.hideHomeMenuItem}\">\n <div slot=\"header-bottom-button\">\n <pn-button class=\"header-bottom-button--button\" href=\"http:www.google.se\">${args.buttonText}</pn-button>\n <pn-button class=\"header-bottom-button--button\" href=\"http:www.google.se\">Boka slottid</pn-button>\n <pn-button class=\"header-bottom-button--icon\" href=\"http:www.google.se\" icon-only=\"true\" icon='${dashboard}' arialabel=\"${args.buttonText}\" tooltip='${args.buttonText}'></pn-button>\n <pn-button class=\"header-bottom-button--icon\" href=\"http:www.google.se\" icon-only=\"true\" icon='${truck}' arialabel=\"Boka slottid\" tooltip='Boka slottid'></pn-button>\n </div>\n <pn-button slot=\"siteheader-menu-top-button\" href=\"http:www.google.se\" small=\"true\" icon='${open_in_new}'>${args.buttonText}</pn-button>\n <div slot=\"menu-footer-cta\">\n <pn-button href=\"http:www.google.se\" small=\"true\" icon='${open_in_new}'>${args.buttonText}</pn-button>\n <pn-button href=\"http:www.google.se\" small=\"true\" icon='${open_in_new}'>Boka slottid</pn-button>\n </div>\n </pn-marketweb-siteheader>\n </div>\n <style>\n .header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-content pn-icon svg>path {\n fill: #0d234b;\n }\n .header-bottom-button--icon {\n display: none;\n }\n\n @media only screen and (min-width: 1024px) and (max-width: 1240px) {\n .header-bottom-button--button {\n display: none;\n }\n\n .header-bottom-button--icon {\n display: block;\n }\n }\n </style>\n `;\n};\n\nexport const TPLSiteHeader = TPLSiteHeaderTemplate.bind({});\nTPLSiteHeader.args = {\n market: 'se',\n language: 'sv',\n endpoint: 'https://tpl-inte.postnord.com',\n name: 'TPL User',\n hideLogin: true,\n hideHomeMenuItem: true,\n hideLanguageSelector: false,\n loggedin: false,\n buttonText: 'Kontrolltornet',\n placeholder: 'placeholder',\n};\n\nconst ATLoginTestTemplate = () => {\n return `\n <script>\n window['pnTopbar'] = { session_id : 'b54237185e06db83b1d6467895ba774328d6d3a8dd6b22f7305af65' };\n </script>\n <header>\n <pn-marketweb-siteheader\n endpoint=\"https://com-inte.postnord.com\"\n hide-search=\"\"\n spa-mode=\"true\"\n market=\"se\"\n language=\"sv\"\n login=\"https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=https://atportal.postnord.com\"\n environment=\"integration\"\n site-domain-in-urls=\"true\"\n hide-site-selector=\"false\" >\n </pn-marketweb-siteheader>\n </header>`;\n};\nexport const ATLoginTest = ATLoginTestTemplate.bind({});\n\nconst UnifiedLoginTemplate = ({ ...args }) => {\n return `\n <div style=\"background:#ddd;min-height:100vh;\">\n <pn-marketweb-siteheader\n market=\"${args.market}\"\n language=\"${args.language}\"\n endpoint=\"${args.endpoint}\"\n user-token=\"${args.token}\"\n check-user-logged-in-state-interval=\"${args.checkUserLoggedInStateInterval + ''}\"\n show-unified-login=\"${args.showUnifiedLogin}\"\n >\n </pn-marketweb-siteheader>\n</div>\n`;\n};\n\nexport const UnifiedLogin = UnifiedLoginTemplate.bind({});\nUnifiedLogin.args = {\n market: 'se',\n language: 'sv',\n endpoint: 'https://com-inte.postnord.com',\n //endpoint: 'https://localhost:51547',\n token: usertoken,\n};\n\nconst KopFraktTemplate = ({ ...args }) => {\n return `\n <pn-marketweb-siteheader\n language=\"${args.language}\"\n market=\"${args.market}\"\n environment=\"${args.environment}\"\n endpoint=\"${args.endpoint}\"\n hide-site-selector=\"${args.hideSiteSelector}\"\n hide-search=\"\"\n spa-mode=\"${args.spaMode}\"\n hide-login=\"${args.hideLogin}\"\n site-domain-in-urls=\"${args.siteDomainInUrls}\"\n show-unified-login=\"${args.showUnifiedLogin}\"\n use-Marketweb-Login=\"${args.useMarketWebLogin}\"\n ></pn-marketweb-siteheader>\n `;\n};\n\nexport const KopFrakt = KopFraktTemplate.bind({});\nKopFrakt.args = {\n language: 'en',\n market: 'se',\n environment: 'integration',\n endpoint: 'https://com-inte.postnord.com',\n hideSiteSelector: false,\n hideSearch: '',\n spaMode: 'true',\n hideLogin: 'false',\n siteDomainInUrls: 'true',\n showUnifiedLogin: 'true'\n};\n"]}

package/components/pn-marketweb-siteheader.js CHANGED Viewed

@@ -210,7 +210,7 @@ const translations = {
     },
 };
-const pnMarketwebSiteheaderCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}body[data-siteheader-menuopen=true]{max-height:100vh;overflow:hidden}@media screen and (min-width: 60em){body[data-siteheader-menuopen=true]{max-height:initial;overflow:initial}}pn-marketweb-siteheader{display:block;background:#ffffff}pn-marketweb-siteheader header{position:relative;z-index:1000;display:flex;flex-flow:column;box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);flex-direction:row;justify-content:space-between}@media screen and (min-width: 48em){pn-marketweb-siteheader header{flex-direction:column;justify-content:initial}}pn-marketweb-siteheader .siteheader-row{display:flex;flex-flow:row;align-items:center;width:100%;padding:0 1.6rem;min-height:2em}pn-marketweb-siteheader .siteheader-row:not(:last-child){border-bottom:0.1rem solid #f3f2f2}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-row{justify-content:space-between;min-height:3.2em}}pn-marketweb-siteheader .siteheader-topright{display:flex;flex-direction:row}pn-marketweb-siteheader .siteheader-logocontainer{display:flex;align-items:center;position:relative;min-height:3em;background:#ffffff;z-index:1}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-logocontainer{position:absolute;left:50%;transform:translateX(-50%)}}pn-marketweb-siteheader .siteheader-logolink{height:100%;max-height:6.4rem;display:flex;align-items:center}pn-marketweb-siteheader .siteheader-logolink:hover,pn-marketweb-siteheader .siteheader-logolink:focus,pn-marketweb-siteheader .siteheader-logolink:active{box-shadow:none}pn-marketweb-siteheader .siteheader-row>pn-marketweb-siteheader-search{display:none}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-row>pn-marketweb-siteheader-search{display:block;max-width:30rem;min-width:23.3rem;width:100%}}pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg,pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg::after{background-color:#e0f8ff}pn-marketweb-siteheader pn-spinner{display:none}pn-marketweb-siteheader pn-button-dropdown:not(.hydrated) .pn-button-dropdown-container{display:none}pn-marketweb-siteheader pn-button button{font-weight:400 !important;padding:0.5rem !important}pn-marketweb-siteheader pn-button button .pn-button-bg:after{border-radius:0.8rem !important}.siteheader-topleft pn-site-selector{padding:1rem 0;display:none}@media screen and (min-width: 48em){.siteheader-topleft pn-site-selector{display:block}}@media screen and (min-width: 60em){.siteheader-topleft pn-site-selector{margin-left:1.3rem}}.siteheader-topleft pn-site-selector .pn-button-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:0}.siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon,.siteheader-topleft pn-site-selector:is(a) pn-icon{font-size:initial;margin-left:0}@media screen and (min-width: 60em){.siteheader-topleft pn-site-selector .pn-button-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:initial}.siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon,.siteheader-topleft pn-site-selector:is(a) pn-icon{margin-left:0.4em}}@media screen and (min-width: 60em){.siteheader-topright{margin-right:1.6rem}}.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{padding:1rem 0;display:none;align-self:center}@media screen and (min-width: 48em){.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{display:block;margin-left:1rem}}@media screen and (min-width: 60em){.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{margin-left:1.6rem}}.siteheader-topright>pn-language-selector .pn-button-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-button-dropdown-label,.siteheader-topright>a:is(a){font-size:0}.siteheader-topright>pn-language-selector .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-button-dropdown-label pn-icon,.siteheader-topright>a:is(a) pn-icon{font-size:initial;margin-left:0}@media screen and (min-width: 60em){.siteheader-topright>pn-language-selector .pn-button-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-button-dropdown-label,.siteheader-topright>a:is(a){font-size:initial}.siteheader-topright>pn-language-selector .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-button-dropdown-label pn-icon,.siteheader-topright>a:is(a) pn-icon{margin-left:0.4em}}.siteheader-menu{max-width:100%;width:100%;overflow:visible;overflow-x:clip}@media screen and (min-width: 60em){.siteheader-menu{margin-top:auto;overflow:visible}}.siteheader-menu pn-mainnav-link a[target]::after{content:none}.siteheader-menu pn-marketweb-siteheader-search{padding:0.3rem 1.6rem;width:100%}.siteheader-menu [slot=top] pn-search-field{width:100%}.siteheader-menu-footer{display:flex;flex-direction:column;align-items:center}.siteheader-menu-footer>*{margin:1.6rem}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader pn-button a{text-decoration:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader pn-button a:hover{text-decoration:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header{background-color:#0d234b;box-shadow:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row:not(:last-child){border-bottom:0.1rem solid #0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row pn-button button:hover .pn-button-bg,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row pn-button button:hover .pn-button-bg::after{background-color:#005d92 !important}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-button-dropdown-label:hover{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-button-dropdown-label:active{background-color:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-button-dropdown-label:focus{background-color:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-logocontainer{background-color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-logocontainer svg.siteheader-logo>path{fill:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright .siteheader-logindialog svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright pn-language-selector pn-icon svg>path{fill:#ffffff !important}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:hover{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:active{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:focus{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright [slot=toprightend]{align-self:center;margin-left:1rem}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright [slot=toprightend]{display:none}}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu .mainnav-toggle button{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu .first-level_icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input{background-color:#ffffff;color:#0d234b;border:0.1rem solid #ffffff;padding:0.65rem 1.5rem}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:hover{border-color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::placeholder{color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav{background-color:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav{top:6.4em}}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search{padding-bottom:0.5rem;background-color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search .button-container{border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;border-top-right-radius:50%;border-bottom-right-radius:50%}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search .button-container button.clear{border:2px solid #ffffff;border-radius:50%;padding:0.5rem}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level .mainnav-level-header .secondlevel-backbtn pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-level[data-level=\"2\"] .mainnav-level-header pn-mainnav-link>a:hover{background-color:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a{background-color:#0d234b;border-bottom:0.1rem solid rgba(0, 93, 146, 0.5)}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button:hover,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a:hover{text-decoration:none}@media screen and (min-width: 1024px){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a{border-bottom:none}}@media screen and (max-width: 1023px){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link:first-child{border-top:0.1rem solid rgba(0, 93, 146, 0.5)}}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link a,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link button{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link a:focus,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link button:focus{outline:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level=\"1\"]){background-color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level=\"1\"]) pn-mainnav-list{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level=\"1\"]) pn-mainnav-list pn-mainnav-link>a:hover{background-color:#00a0d6;text-decoration:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-marketweb-siteheader-login-linklist ul li a:not(.pn-button){color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-marketweb-siteheader-login-linklist ul li a:hover{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header [data-level=\"1\"] pn-mainnav-link pn-icon.first-level_arrow svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:hover{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:active{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:focus{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button svg>path{fill:#ffffff}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}}.siteheader-menu-top-search{display:none}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl] pn-site-selector .pn-button-dropdown-label,.header-wrapper[data-header-theme=dotcom] pn-site-selector .pn-button-dropdown-label{border-radius:48px}}.header-wrapper[data-header-theme=tpl] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-variant=borderless][data-appearance=light] .pn-button-bg::after,.header-wrapper[data-header-theme=dotcom] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-variant=borderless][data-appearance=light] .pn-button-bg::after{background-color:#005d92 !important}.header-wrapper[data-header-theme=tpl] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-appearance=light] pn-icon .pn-icon-svg path,.header-wrapper[data-header-theme=dotcom] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-appearance=light] pn-icon .pn-icon-svg path{fill:#ffffff !important}.header-wrapper[data-header-theme=tpl] .siteheader-row pn-button.pn-button-dropdown-label button .pn-button-text,.header-wrapper[data-header-theme=dotcom] .siteheader-row pn-button.pn-button-dropdown-label button .pn-button-text{color:#ffffff !important}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader pn-button a{text-decoration:none}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader pn-button a:hover{text-decoration:none}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button]{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a{color:#0d234b;font-weight:500;font-size:1.6rem;padding:0.8rem 2.4rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-bg{background-color:#fbc2c1}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-content pn-icon svg>path{fill:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-content pn-icon svg>path{fill:#ffffff}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover .pn-button-bg{background-color:#0d234b;transition:backgrond-color linear 1s}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover .pn-button-content pn-icon svg>path{fill:#ffffff}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg::after{background-color:#0d234b;transition:initial}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:not(:last-child){background-color:#0d234b;border-bottom:0.1rem solid #0d234b}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:last-child{background-color:#0d234b}}@media screen and (min-width: 60em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [data-level=\"1\"] pn-mainnav-link>button::before,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [data-level=\"1\"] pn-mainnav-link>a::before{background-color:#fbc2c1}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{background:#0d234b;display:flex;align-items:center}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{display:none}}@media screen and (max-width: 415px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a{color:#0d234b;font-weight:500}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-bg{background-color:#fbc2c1}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-content pn-icon svg>path{fill:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-content pn-icon svg>path{fill:#ffffff}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover .pn-button-bg{background-color:#0d234b;transition:backgrond-color linear 1s}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover .pn-button-content pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header a{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header pn-mainnav-link button{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header pn-mainnav-link button pn-icon svg path{fill:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label:hover{background:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-button-dropdown-label:hover{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-button-dropdown-label:active{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-button-dropdown-label:focus{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-logocontainer{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-logocontainer svg.siteheader-logo>path{fill:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright{margin-right:0;align-self:center;margin-left:1rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright .siteheader-logindialog svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright pn-language-selector pn-icon svg>path{fill:#ffffff !important}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:hover{background-color:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:active,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:focus{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search{display:inline-block;margin-top:auto;margin-bottom:auto;width:fit-content}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search pn-search-field{justify-content:flex-end;min-width:inherit}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form{margin-right:0}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container{position:absolute;width:100%}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input{cursor:pointer;background-color:transparent;color:transparent;border:none;position:relative;z-index:3;border-radius:0}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input::placeholder{color:transparent}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .input-container:focus-within{margin-left:2rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .input-container:focus-within input{background-color:#ffffff;color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .siteheader-search pn-button button{width:fit-content;padding:1rem 1.9rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .siteheader-search pn-button button .pn-button-bg{background:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:last-child pn-marketweb-siteheader-search{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input{background-color:#ffffff;color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:hover{border-color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::placeholder{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}@media screen and (max-width: 415px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:block;color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-bg{background-color:#fbc2c1}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content{font-weight:500;color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content pn-icon svg>path{fill:#0d234b}}@media screen and (max-width: 415px) and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content pn-icon svg>path{fill:#ffffff}}@media screen and (max-width: 415px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-bg{background-color:#0d234b;transition:backgrond-color linear 1s}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-content pn-icon svg>path{fill:#ffffff}}@media screen and (max-width: 1024px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:focus,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:hover{color:#ffffff;background-color:#00a0d6;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:focus svg>path,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:hover svg>path{fill:#ffffff}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:hover{background-color:#005d92}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:active{background-color:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:focus{background-color:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button svg>path{fill:#ffffff}@media screen and (max-width: 1024px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button pn-icon svg>path{fill:#0d234b}}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}}";
+const pnMarketwebSiteheaderCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}body[data-siteheader-menuopen=true]{max-height:100vh;overflow:hidden}@media screen and (min-width: 60em){body[data-siteheader-menuopen=true]{max-height:initial;overflow:initial}}pn-marketweb-siteheader{display:block;background:#ffffff}pn-marketweb-siteheader header{position:relative;z-index:1000;display:flex;flex-flow:column;box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);flex-direction:row;justify-content:space-between}@media screen and (min-width: 48em){pn-marketweb-siteheader header{flex-direction:column;justify-content:initial}}pn-marketweb-siteheader .siteheader-row{display:flex;flex-flow:row;align-items:center;width:100%;padding:0 1.6rem;min-height:2em}pn-marketweb-siteheader .siteheader-row:not(:last-child){border-bottom:0.1rem solid #f3f2f2}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-row{justify-content:space-between;min-height:3.2em}}@media screen and (max-width: 48em){pn-marketweb-siteheader .siteheader-row:last-child{justify-content:flex-end}}pn-marketweb-siteheader .siteheader-topright{display:flex;flex-direction:row}pn-marketweb-siteheader .siteheader-logocontainer{display:flex;align-items:center;position:relative;min-height:3em;background:#ffffff;z-index:1}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-logocontainer{position:absolute;left:50%;transform:translateX(-50%)}}pn-marketweb-siteheader .siteheader-logolink{height:100%;max-height:6.4rem;display:flex;align-items:center}pn-marketweb-siteheader .siteheader-logolink:hover,pn-marketweb-siteheader .siteheader-logolink:focus,pn-marketweb-siteheader .siteheader-logolink:active{box-shadow:none}pn-marketweb-siteheader .siteheader-row>pn-marketweb-siteheader-search{display:none}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-row>pn-marketweb-siteheader-search{display:block;max-width:30rem;min-width:23.3rem;width:100%}}pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg,pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg::after{background-color:#e0f8ff}pn-marketweb-siteheader pn-spinner{display:none}pn-marketweb-siteheader pn-button-dropdown:not(.hydrated) .pn-button-dropdown-container{display:none}pn-marketweb-siteheader pn-button button{font-weight:400 !important;padding:0.5rem !important}pn-marketweb-siteheader pn-button button .pn-button-bg:after{border-radius:0.8rem !important}.siteheader-topleft pn-site-selector{padding:1rem 0;display:none}@media screen and (min-width: 48em){.siteheader-topleft pn-site-selector{display:block}}@media screen and (min-width: 60em){.siteheader-topleft pn-site-selector{margin-left:1.3rem}}.siteheader-topleft pn-site-selector .pn-button-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:0}.siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon,.siteheader-topleft pn-site-selector:is(a) pn-icon{font-size:initial;margin-left:0}@media screen and (min-width: 60em){.siteheader-topleft pn-site-selector .pn-button-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:initial}.siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon,.siteheader-topleft pn-site-selector:is(a) pn-icon{margin-left:0.4em}}@media screen and (min-width: 60em){.siteheader-topright{margin-right:1.6rem}}.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{padding:1rem 0;display:none;align-self:center}@media screen and (min-width: 48em){.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{display:block;margin-left:1rem}}@media screen and (min-width: 60em){.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{margin-left:1.6rem}}.siteheader-topright>pn-language-selector .pn-button-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-button-dropdown-label,.siteheader-topright>a:is(a){font-size:0}.siteheader-topright>pn-language-selector .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-button-dropdown-label pn-icon,.siteheader-topright>a:is(a) pn-icon{font-size:initial;margin-left:0}@media screen and (min-width: 60em){.siteheader-topright>pn-language-selector .pn-button-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-button-dropdown-label,.siteheader-topright>a:is(a){font-size:initial}.siteheader-topright>pn-language-selector .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-button-dropdown-label pn-icon,.siteheader-topright>a:is(a) pn-icon{margin-left:0.4em}}.siteheader-menu{max-width:100%;overflow:visible;overflow-x:clip}@media screen and (min-width: 60em){.siteheader-menu{margin-top:auto;overflow:visible}}.siteheader-menu pn-mainnav-link a[target]::after{content:none}.siteheader-menu pn-marketweb-siteheader-search{padding:0.3rem 1.6rem;width:100%}.siteheader-menu [slot=top] pn-search-field{width:100%}.siteheader-menu-footer{display:flex;flex-direction:column;align-items:center}.siteheader-menu-footer>*{margin:1.6rem}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader pn-button a{text-decoration:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader pn-button a:hover{text-decoration:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header{background-color:#0d234b;box-shadow:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row:not(:last-child){border-bottom:0.1rem solid #0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row pn-button button:hover .pn-button-bg,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row pn-button button:hover .pn-button-bg::after{background-color:#005d92 !important}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-button-dropdown-label:hover{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-button-dropdown-label:active{background-color:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-button-dropdown-label:focus{background-color:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-logocontainer{background-color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-logocontainer svg.siteheader-logo>path{fill:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright .siteheader-logindialog svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright pn-language-selector pn-icon svg>path{fill:#ffffff !important}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:hover{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:active{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:focus{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright [slot=toprightend]{align-self:center;margin-left:1rem}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright [slot=toprightend]{display:none}}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu .mainnav-toggle button{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu .first-level_icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input{background-color:#ffffff;color:#0d234b;border:0.1rem solid #ffffff;padding:0.65rem 1.5rem}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:hover{border-color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::placeholder{color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav{background-color:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav{top:6.4em}}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search{padding-bottom:0.5rem;background-color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search .button-container{border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;border-top-right-radius:50%;border-bottom-right-radius:50%}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search .button-container button.clear{border:2px solid #ffffff;border-radius:50%;padding:0.5rem}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level .mainnav-level-header .secondlevel-backbtn pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-level[data-level=\"2\"] .mainnav-level-header pn-mainnav-link>a:hover{background-color:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a{background-color:#0d234b;border-bottom:0.1rem solid rgba(0, 93, 146, 0.5)}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button:hover,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a:hover{text-decoration:none}@media screen and (min-width: 1024px){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a{border-bottom:none}}@media screen and (max-width: 1023px){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link:first-child{border-top:0.1rem solid rgba(0, 93, 146, 0.5)}}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link a,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link button{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link a:focus,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link button:focus{outline:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level=\"1\"]){background-color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level=\"1\"]) pn-mainnav-list{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level=\"1\"]) pn-mainnav-list pn-mainnav-link>a:hover{background-color:#00a0d6;text-decoration:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-marketweb-siteheader-login-linklist ul li a:not(.pn-button){color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-marketweb-siteheader-login-linklist ul li a:hover{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header [data-level=\"1\"] pn-mainnav-link pn-icon.first-level_arrow svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:hover{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:active{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:focus{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button svg>path{fill:#ffffff}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}}.siteheader-menu-top-search{display:none}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl] pn-site-selector .pn-button-dropdown-label,.header-wrapper[data-header-theme=dotcom] pn-site-selector .pn-button-dropdown-label{border-radius:48px}}.header-wrapper[data-header-theme=tpl] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-variant=borderless][data-appearance=light] .pn-button-bg::after,.header-wrapper[data-header-theme=dotcom] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-variant=borderless][data-appearance=light] .pn-button-bg::after{background-color:#005d92 !important}.header-wrapper[data-header-theme=tpl] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-appearance=light] pn-icon .pn-icon-svg path,.header-wrapper[data-header-theme=dotcom] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-appearance=light] pn-icon .pn-icon-svg path{fill:#ffffff !important}.header-wrapper[data-header-theme=tpl] .siteheader-row pn-button.pn-button-dropdown-label button .pn-button-text,.header-wrapper[data-header-theme=dotcom] .siteheader-row pn-button.pn-button-dropdown-label button .pn-button-text{color:#ffffff !important}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader pn-button a{text-decoration:none}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader pn-button a:hover{text-decoration:none}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button]{display:flex;gap:1rem;align-items:center}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button]{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a{color:#0d234b;font-weight:500;font-size:1.6rem;padding:0.8rem 2.4rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-bg{background-color:#fbc2c1}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-content pn-icon svg>path{fill:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-content pn-icon svg>path{fill:#ffffff}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover .pn-button-bg{background-color:#0d234b;transition:backgrond-color linear 1s}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover .pn-button-content pn-icon svg>path{fill:#ffffff}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg::after{background-color:#0d234b;transition:initial}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:not(:last-child){background-color:#0d234b;border-bottom:0.1rem solid #0d234b}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:last-child{background-color:#0d234b}}@media screen and (min-width: 60em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [data-level=\"1\"] pn-mainnav-link>button::before,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [data-level=\"1\"] pn-mainnav-link>a::before{background-color:#fbc2c1}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{background:#0d234b;display:flex;align-items:center}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{display:none}}@media screen and (max-width: 415px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a{color:#0d234b;font-weight:500}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-bg{background-color:#fbc2c1}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-content pn-icon svg>path{fill:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-content pn-icon svg>path{fill:#ffffff}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover .pn-button-bg{background-color:#0d234b;transition:backgrond-color linear 1s}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover .pn-button-content pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header a{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header pn-mainnav-link button{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header pn-mainnav-link button pn-icon svg path{fill:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label:hover{background:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-button-dropdown-label:hover{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-button-dropdown-label:active{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-button-dropdown-label:focus{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-logocontainer{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-logocontainer svg.siteheader-logo>path{fill:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright{margin-right:0;align-self:center;margin-left:1rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright .siteheader-logindialog svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright pn-language-selector pn-icon svg>path{fill:#ffffff !important}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:hover{background-color:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:active,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:focus{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search{display:inline-block;margin-top:auto;margin-bottom:auto;width:fit-content}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search pn-search-field{justify-content:flex-end;min-width:inherit}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form{margin-right:0}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container{position:absolute;width:100%}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input{cursor:pointer;background-color:transparent;color:transparent;border:none;position:relative;z-index:3;border-radius:0}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input::placeholder{color:transparent}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .input-container:focus-within{margin-left:2rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .input-container:focus-within input{background-color:#ffffff;color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .siteheader-search pn-button button{width:fit-content;padding:1rem 1.9rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .siteheader-search pn-button button .pn-button-bg{background:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:last-child pn-marketweb-siteheader-search{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input{background-color:#ffffff;color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:hover{border-color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::placeholder{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}@media screen and (max-width: 768px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:flex;color:#0d234b;flex-direction:column;gap:0.5rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-bg{background-color:#fbc2c1}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content{font-weight:500;color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content pn-icon svg>path{fill:#0d234b}}@media screen and (max-width: 768px) and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content pn-icon svg>path{fill:#ffffff}}@media screen and (max-width: 768px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-bg{background-color:#0d234b;transition:backgrond-color linear 1s}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-content pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-text{color:#ffffff}}@media screen and (max-width: 1024px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:focus,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:hover{color:#ffffff;background-color:#00a0d6;box-shadow:0 0 0 0.2rem #ffffff, 0 0 0 0.4rem #00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:focus svg>path,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:hover svg>path{fill:#ffffff}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:hover{background-color:#005d92}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:active{background-color:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:focus{background-color:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button svg>path{fill:#ffffff}@media screen and (max-width: 1024px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button pn-icon svg>path{fill:#0d234b}}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}}";
 const PnMarketwebSiteheaderStyle0 = pnMarketwebSiteheaderCss;
 const PnMarketwebSiteheader$1 = /*@__PURE__*/ proxyCustomElement(class PnMarketwebSiteheader extends HTMLElement {