@postnord/pn-marketweb-components 2.3.13 → 2.4.0

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

@@ -27,6 +27,8 @@ export default {
         { name: 'Finnish', value: 'fi' },
         { name: 'Norwegian', value: 'no' },
         { name: 'Chinese', value: 'zh' },
+        { name: 'Italian', value: 'it' },
+        { name: 'Dutch', value: 'nl' },
       ],
     },
     endpoint: {
@@ -477,7 +479,7 @@ const DotComSiteHeaderTemplate = ({ ...args }) => {
 export const DotComSiteHeader = DotComSiteHeaderTemplate.bind({});
 DotComSiteHeader.args = {
   market: 'com',
-  language: 'zh',
+  language: 'it',
   endpoint: 'https://com-integration.postnord.com',
   name: 'DotCom User',
   loggedin: true,

package/collection/components/layout-components/pn-marketweb-siteheader/translations.js

@@ -80,4 +80,28 @@ export const translations = {
     mainMenuButton: '选择菜单',
     menuStartButton: '开始',
   },
+  it: {
+    searchlabel: 'Search',
+    searchplaceholder: 'Search',
+    searchbuttontext: 'Search',
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Go back',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    profileSelectionFlyoutHeading: 'Logged in as',
+    unifiedLoginButton: 'Log in',
+    unifiedMyPagesButton: 'My pages',
+  },
+  nl: {
+    searchlabel: 'Search',
+    searchplaceholder: 'Search',
+    searchbuttontext: 'Search',
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Go back',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    profileSelectionFlyoutHeading: 'Logged in as',
+    unifiedLoginButton: 'Log in',
+    unifiedMyPagesButton: 'My pages',
+  },
 };

package/collection/components/navigation/pn-language-selector/translations.js

@@ -26,4 +26,10 @@ export const translations = {
   es: {
     heading: 'Idioma',
   },
+  nl: {
+    heading: 'Spraak',
+  },
+  it: {
+    heading: 'Idioma',
+  },
 };

package/collection/components/navigation/pn-mainnav/translations.js

@@ -1,37 +1,58 @@
 export const translations = {
-  'sv': {
-    "menuHomeButton": "Hem",
-    "menuGoBackButton": "Gå tillbaka",
-    "mainMenuButton": "Meny",
-    "menuStartButton": "Start",
-    "navLabel": "Huvudnavigation",
-  },
-  'en': {
-    "menuHomeButton": "Home",
-    "menuGoBackButton": "Go back",
-    "mainMenuButton": "Menu",
-    "menuStartButton": "Start",
-    "navLabel": "Main navigation",
-  },
-  'da': {
-    "menuHomeButton": "Hjem",
-    "menuGoBackButton": "Gå tilbage",
-    "mainMenuButton": "Menu",
-    "menuStartButton": "Start",
-    "navLabel": "Hovednavigation"
-  },
-  'no': {
-    "menuHomeButton": "Hjem",
-    "menuGoBackButton": "Gå tilbake",
-    "mainMenuButton": "Meny",
-    "menuStartButton": "Start",
-    "navLabel": "Hovednavigasjon",
-  },
-  'de': {
-    "menuHomeButton": "Home",
-    "menuGoBackButton": "Geh zurück",
-    "mainMenuButton": "Menü",
-    "menuStartButton": "Start",
-    "navLabel": "Hauptnavigation",
+  sv: {
+    menuHomeButton: 'Hem',
+    menuGoBackButton: 'Gå tillbaka',
+    mainMenuButton: 'Meny',
+    menuStartButton: 'Start',
+    navLabel: 'Huvudnavigation',
+  },
+  en: {
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Go back',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    navLabel: 'Main navigation',
+  },
+  da: {
+    menuHomeButton: 'Hjem',
+    menuGoBackButton: 'Gå tilbage',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    navLabel: 'Hovednavigation',
+  },
+  no: {
+    menuHomeButton: 'Hjem',
+    menuGoBackButton: 'Gå tilbake',
+    mainMenuButton: 'Meny',
+    menuStartButton: 'Start',
+    navLabel: 'Hovednavigasjon',
+  },
+  de: {
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Geh zurück',
+    mainMenuButton: 'Menü',
+    menuStartButton: 'Start',
+    navLabel: 'Hauptnavigation',
+  },
+  zh: {
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Go back',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    navLabel: 'Main navigation',
+  },
+  it: {
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Go back',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    navLabel: 'Main navigation',
+  },
+  nl: {
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Go back',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    navLabel: 'Main navigation',
   },
 };

package/collection/components/navigation/pn-sidenav/translations.js

@@ -1,32 +1,47 @@
 export const translations = {
-  'sv': {
-    "open": "Öppna",
-    "close": "Stäng",
-    "navLabel": "Undernavigering",
-  },
-  'en': {
-    "open": "Open",
-    "close": "Close",
-    "navLabel": "Sub navigation",
-  },
-  'da': {
-    "open": "Åbne",
-    "close": "Stæng",
-    "navLabel": "Undernavigation"
-  },
-  'no': {
-    "open": "Åpne",
-    "close": "Stäng",
-    "navLabel": "Undernavigering",
-  },
-  'fi': {
-    "open": "Avaa",
-    "close": "Sulje",
-    "navLabel": "Ali navigointi",
-  },
-  'de': {
-    "open": "Offen",
-    "close": "Schließen",
-    "navLabel": "Unternavigation",
-  }
+  sv: {
+    open: 'Öppna',
+    close: 'Stäng',
+    navLabel: 'Undernavigering',
+  },
+  en: {
+    open: 'Open',
+    close: 'Close',
+    navLabel: 'Sub navigation',
+  },
+  da: {
+    open: 'Åbne',
+    close: 'Stæng',
+    navLabel: 'Undernavigation',
+  },
+  no: {
+    open: 'Åpne',
+    close: 'Stäng',
+    navLabel: 'Undernavigering',
+  },
+  fi: {
+    open: 'Avaa',
+    close: 'Sulje',
+    navLabel: 'Ali navigointi',
+  },
+  de: {
+    open: 'Offen',
+    close: 'Schließen',
+    navLabel: 'Unternavigation',
+  },
+  zh: {
+    open: 'Open',
+    close: 'Close',
+    navLabel: 'Sub navigation',
+  },
+  it: {
+    open: 'Open',
+    close: 'Close',
+    navLabel: 'Sub navigation',
+  },
+  nl: {
+    open: 'Open',
+    close: 'Close',
+    navLabel: 'Sub navigation',
+  },
 };

package/collection/globals/MarketWebContextService.js

@@ -5,7 +5,7 @@ class MarketWebContextService {
     this.language = '';
     this.environment = '';
     this.url = null;
-    this.allowedLanguages = ['sv', 'da', 'fi', 'no', 'en', 'de', 'zh', 'fr', 'es'];
+    this.allowedLanguages = ['sv', 'da', 'fi', 'no', 'en', 'de', 'zh', 'fr', 'es', 'it', 'nl'];
     this.allowedMarkets = ['se', 'dk', 'fi', 'no', 'com', 'de', 'tpl'];
     this.wwwMarkets = ['se', 'dk', 'fi', 'no', 'de', 'com'];
     this.developmentDomains = ['localhost', '.local', 'local.', '.dev', 'dev.'];

package/components/MarketWebContextService.js

@@ -89,7 +89,7 @@ class MarketWebContextService {
     this.language = '';
     this.environment = '';
     this.url = null;
-    this.allowedLanguages = ['sv', 'da', 'fi', 'no', 'en', 'de', 'zh', 'fr', 'es'];
+    this.allowedLanguages = ['sv', 'da', 'fi', 'no', 'en', 'de', 'zh', 'fr', 'es', 'it', 'nl'];
     this.allowedMarkets = ['se', 'dk', 'fi', 'no', 'com', 'de', 'tpl'];
     this.wwwMarkets = ['se', 'dk', 'fi', 'no', 'de', 'com'];
     this.developmentDomains = ['localhost', '.local', 'local.', '.dev', 'dev.'];

package/components/pn-language-selector2.js

@@ -28,6 +28,12 @@ const translations = {
   es: {
     heading: 'Idioma',
   },
+  nl: {
+    heading: 'Spraak',
+  },
+  it: {
+    heading: 'Idioma',
+  },
 };
 
 const pnLanguageSelectorCss = "pn-language-selector{max-height:5.2rem}pn-language-selector pn-nav-dropdown:not([data-open]) .nav-dropdown-content-container,pn-language-selector pn-nav-dropdown[data-open=false] .nav-dropdown-content-container{display:none}pn-language-selector pn-nav-dropdown{display:block}.languageselector{position:relative}.languageselector-togglebtn{cursor:pointer;border:0;padding:0.64rem 0;background-color:#FFFFFF;color:#005D92;font-size:1.6rem}.languageselector-togglebtn:hover,.languageselector-togglebtn:focus,.languageselector-togglebtn:active{color:#0D234B;text-decoration:underline}.languageselector-togglebtn svg{width:1.9rem;height:1.9rem}.languageselector-title{padding:0.8rem 1.6rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.languageselector-list{margin:0;padding:0;list-style:none}";

package/components/pn-mainnav2.js

@@ -2,40 +2,61 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { s as state } from './pn-mainnav-store.js';
 
 const translations = {
-  'sv': {
-    "menuHomeButton": "Hem",
-    "menuGoBackButton": "Gå tillbaka",
-    "mainMenuButton": "Meny",
-    "menuStartButton": "Start",
-    "navLabel": "Huvudnavigation",
+  sv: {
+    menuHomeButton: 'Hem',
+    menuGoBackButton: 'Gå tillbaka',
+    mainMenuButton: 'Meny',
+    menuStartButton: 'Start',
+    navLabel: 'Huvudnavigation',
   },
-  'en': {
-    "menuHomeButton": "Home",
-    "menuGoBackButton": "Go back",
-    "mainMenuButton": "Menu",
-    "menuStartButton": "Start",
-    "navLabel": "Main navigation",
+  en: {
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Go back',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    navLabel: 'Main navigation',
   },
-  'da': {
-    "menuHomeButton": "Hjem",
-    "menuGoBackButton": "Gå tilbage",
-    "mainMenuButton": "Menu",
-    "menuStartButton": "Start",
-    "navLabel": "Hovednavigation"
+  da: {
+    menuHomeButton: 'Hjem',
+    menuGoBackButton: 'Gå tilbage',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    navLabel: 'Hovednavigation',
   },
-  'no': {
-    "menuHomeButton": "Hjem",
-    "menuGoBackButton": "Gå tilbake",
-    "mainMenuButton": "Meny",
-    "menuStartButton": "Start",
-    "navLabel": "Hovednavigasjon",
+  no: {
+    menuHomeButton: 'Hjem',
+    menuGoBackButton: 'Gå tilbake',
+    mainMenuButton: 'Meny',
+    menuStartButton: 'Start',
+    navLabel: 'Hovednavigasjon',
   },
-  'de': {
-    "menuHomeButton": "Home",
-    "menuGoBackButton": "Geh zurück",
-    "mainMenuButton": "Menü",
-    "menuStartButton": "Start",
-    "navLabel": "Hauptnavigation",
+  de: {
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Geh zurück',
+    mainMenuButton: 'Menü',
+    menuStartButton: 'Start',
+    navLabel: 'Hauptnavigation',
+  },
+  zh: {
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Go back',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    navLabel: 'Main navigation',
+  },
+  it: {
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Go back',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    navLabel: 'Main navigation',
+  },
+  nl: {
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Go back',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    navLabel: 'Main navigation',
   },
 };
 

package/components/pn-marketweb-sitefooter.js

@@ -46,51 +46,78 @@ const getSocialMediaIconsByType = (linkType = '', fill = '#005D92') => {
 };
 
 const translations = {
-  'sv': {
-    "searchlabel": "Sök",
-    "searchplaceholder": "Vad letar du efter?",
-    "searchbuttontext": "Sök",
-    "menuHomeButton": "Hem",
-    "menuGoBackButton": "Gå tillbaka",
-    "mainMenuButton": "Meny",
-    "menuStartButton": "Start"
+  sv: {
+    searchlabel: 'Sök',
+    searchplaceholder: 'Vad letar du efter?',
+    searchbuttontext: 'Sök',
+    menuHomeButton: 'Hem',
+    menuGoBackButton: 'Gå tillbaka',
+    mainMenuButton: 'Meny',
+    menuStartButton: 'Start',
   },
-  'en': {
-    "searchlabel": "Search",
-    "searchplaceholder": "Search",
-    "searchbuttontext": "Search",
-    "menuHomeButton": "Home",
-    "menuGoBackButton": "Go back",
-    "mainMenuButton": "Menu",
-    "menuStartButton": "Start"
+  en: {
+    searchlabel: 'Search',
+    searchplaceholder: 'Search',
+    searchbuttontext: 'Search',
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Go back',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
   },
-  'da': {
-    "searchlabel": "Søg",
-    "searchplaceholder": "Søg",
-    "searchbuttontext": "Søg",
-    "menuHomeButton": "Hjem",
-    "menuGoBackButton": "Gå tilbage",
-    "mainMenuButton": "Menu",
-    "menuStartButton": "Start"
+  da: {
+    searchlabel: 'Søg',
+    searchplaceholder: 'Søg',
+    searchbuttontext: 'Søg',
+    menuHomeButton: 'Hjem',
+    menuGoBackButton: 'Gå tilbage',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
   },
-  'no': {
-    "searchlabel": "Søk",
-    "searchplaceholder": "Søk",
-    "searchbuttontext": "Søk",
-    "menuHomeButton": "Hjem",
-    "menuGoBackButton": "Gå tilbake",
-    "mainMenuButton": "Meny",
-    "menuStartButton": "Start"
+  no: {
+    searchlabel: 'Søk',
+    searchplaceholder: 'Søk',
+    searchbuttontext: 'Søk',
+    menuHomeButton: 'Hjem',
+    menuGoBackButton: 'Gå tilbake',
+    mainMenuButton: 'Meny',
+    menuStartButton: 'Start',
+  },
+  fi: {
+    searchlabel: 'Hae',
+    searchplaceholder: 'Hae',
+    searchbuttontext: 'Hae',
+    menuHomeButton: 'Koti',
+    menuGoBackButton: 'Mene takaisin',
+    mainMenuButton: 'Valikko',
+    menuStartButton: 'Alkaa',
+  },
+  zh: {
+    searchlabel: 'Search',
+    searchplaceholder: 'Search',
+    searchbuttontext: 'Search',
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Go back',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+  },
+  it: {
+    searchlabel: 'Search',
+    searchplaceholder: 'Search',
+    searchbuttontext: 'Search',
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Go back',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+  },
+  nl: {
+    searchlabel: 'Search',
+    searchplaceholder: 'Search',
+    searchbuttontext: 'Search',
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Go back',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
   },
-  'fi': {
-    "searchlabel": "Hae",
-    "searchplaceholder": "Hae",
-    "searchbuttontext": "Hae",
-    "menuHomeButton": "Koti",
-    "menuGoBackButton": "Mene takaisin",
-    "mainMenuButton": "Valikko",
-    "menuStartButton": "Alkaa"
-  }
 };
 
 const pnMarketwebSitefooterCss = "pn-marketweb-sitefooter .social-media a[target=_blank]:not(.pn-button):after{content:none}@media screen and (min-width: 60em){pn-marketweb-sitefooter:not([theme=dotcom]) pn-site-footer-col:has(div[slot=bottomsocialmediadesktop]){display:-ms-flexbox;display:flex;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}pn-marketweb-sitefooter:not([theme=dotcom]) pn-site-footer-col:has(div[slot=bottomsocialmediadesktop]) div[slot=bottomsocialmediadesktop]{display:block;margin-top:auto;margin-bottom:1.6rem}pn-marketweb-sitefooter:not([theme=dotcom]) pn-site-footer-col:has(div[slot=bottomsocialmediadesktop]) div[slot=bottomsocialmediadesktop] .trustpilot-widget{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}}pn-marketweb-sitefooter:not([theme=dotcom]) [slot=bottomsocialmediamobile]{display:block;margin-top:1rem;margin-bottom:2.3rem}pn-marketweb-sitefooter:not([theme=dotcom]) [slot=bottomsocialmediamobile] .trustpilot-widget{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 33.125em){pn-marketweb-sitefooter:not([theme=dotcom]) [slot=bottomsocialmediamobile] .trustpilot-widget{-ms-flex-pack:start;justify-content:flex-start}}@media screen and (min-width: 60em){pn-marketweb-sitefooter:not([theme=dotcom]) [slot=bottomsocialmediamobile]{display:none}}div[slot=middle-extra-mobile],div[slot=middle-extra]{display:none}pn-marketweb-sitefooter[theme=dotcom]{width:100%}pn-marketweb-sitefooter[theme=dotcom] div[slot=bottomsocialmediamobile],pn-marketweb-sitefooter[theme=dotcom] div[slot=bottomsocialmediadesktop]{display:none}pn-marketweb-sitefooter[theme=dotcom] div[slot=middle-extra-mobile]{display:block;width:100%;text-align:-webkit-center;margin:2.4rem 0}@media screen and (min-width: 1024px){pn-marketweb-sitefooter[theme=dotcom] div[slot=middle-extra-mobile]{display:none}pn-marketweb-sitefooter[theme=dotcom] div[slot=middle-extra]{display:block;width:100%;text-align:-webkit-center;margin:3.2rem 0}}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=darkestblue] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] svg path{fill:#FFFFFF}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom]{background-color:#005D92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] .pn-sitefooter-top,pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom{background-color:#005D92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom]>svg path{fill:#005D92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media{border-top:0.1rem solid #D3CECB;border-bottom:0.1rem solid #D3CECB}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media>ul>li:hover svg>circle{fill:#8EDDF9}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=blue] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] svg path{fill:#FFFFFF}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom]{background-color:#F3F2F2}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom]>svg path{fill:#F3F2F2}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-top,pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom{background-color:#F3F2F2}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media{border-top:0.1rem solid #D3CECB;border-bottom:0.1rem solid #D3CECB}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media li svg circle{fill:#005D92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom .social-media li svg:hover>circle{fill:#00A0D6}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright *{color:#005D92}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] *{color:#0D234B}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] svg path{fill:#0D234B}pn-marketweb-sitefooter[theme=dotcom][backgroundcolor=gray] pn-site-footer[theme=dotcom] pn-site-footer-col[theme=dotcom] a:not(h3){color:#005D92}pn-marketweb-sitefooter[theme=tpl] pn-site-footer{background-color:#0D234B;padding-top:6rem}@media screen and (max-width: 33.125em){pn-marketweb-sitefooter[theme=tpl] pn-site-footer{padding-left:2.6rem;padding-right:2.6rem}}pn-marketweb-sitefooter[theme=tpl] pn-site-footer>svg{display:none}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-bottom{background-color:#0D234B;color:#FFFFFF;margin:2.5rem 0}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-bottom div[slot=bottom]{border-top:1px solid #005D92;border-bottom:1px solid #005D92}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-bottom a{color:#FFFFFF}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-bottom a:hover{text-decoration:underline;color:#FFFFFF}pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top,pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-logo{background-color:#0D234B;color:#FFFFFF}pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top a,pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-logo a{color:#FBC2C1}pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top a:hover,pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-logo a:hover{text-decoration:underline;color:#FBC2C1}@media screen and (max-width: 60em){pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top .pn-sitefooter-cols{padding:0 8rem}}@media screen and (max-width: 60em){pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top .pn-sitefooter-cols{padding:0 5rem}}@media screen and (max-width: 48em){pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top .pn-sitefooter-cols{padding:0 3rem}}@media screen and (min-width: 33.125em){pn-marketweb-sitefooter[theme=tpl] .pn-sitefooter-top .pn-sitefooter-cols{width:114rem;-ms-flex-pack:justify;justify-content:space-between}}pn-marketweb-sitefooter[theme=tpl] div.pn-sitefooter-logo a svg path{fill:#00A0D6}@media screen and (min-width: 33.125em){pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col{width:unset;min-width:unset}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col:first-child{min-width:45%}}@media screen and (max-width: 60em){pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col:first-child{min-width:100%;padding-top:0}}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a{display:-ms-inline-flexbox;display:inline-flex;gap:0.7rem;-ms-flex-align:start;align-items:flex-start}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a h3{color:#FFFFFF}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a span.footer-tpl-links{display:none}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a:hover{text-decoration:underline;color:#FBC2C1}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a pn-icon svg{background-color:#FBC2C1;border-radius:0.3rem;height:1.7rem;width:1.7rem;margin-top:0.3rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col a pn-icon svg path{fill:#0D234B}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col h3{margin-bottom:3.5rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media{-ms-flex-direction:column;flex-direction:column;gap:0.5rem;row-gap:0rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media li{max-height:4rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a{-ms-flex-align:center;align-items:center;gap:0}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a circle{display:none}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a span.footer-tpl-links{display:block}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a svg{height:3.7rem;width:3.7rem}pn-marketweb-sitefooter[theme=tpl] div pn-site-footer-col ul.social-media a svg path{fill:#FBC2C1}";

package/components/pn-marketweb-siteheader.js

@@ -99,6 +99,30 @@ const translations = {
     mainMenuButton: '选择菜单',
     menuStartButton: '开始',
   },
+  it: {
+    searchlabel: 'Search',
+    searchplaceholder: 'Search',
+    searchbuttontext: 'Search',
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Go back',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    profileSelectionFlyoutHeading: 'Logged in as',
+    unifiedLoginButton: 'Log in',
+    unifiedMyPagesButton: 'My pages',
+  },
+  nl: {
+    searchlabel: 'Search',
+    searchplaceholder: 'Search',
+    searchbuttontext: 'Search',
+    menuHomeButton: 'Home',
+    menuGoBackButton: 'Go back',
+    mainMenuButton: 'Menu',
+    menuStartButton: 'Start',
+    profileSelectionFlyoutHeading: 'Logged in as',
+    unifiedLoginButton: 'Log in',
+    unifiedMyPagesButton: 'My pages',
+  },
 };
 
 const pnMarketwebSiteheaderCss = "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:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-webkit-box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}@media screen and (min-width: 48em){pn-marketweb-siteheader header{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:initial;justify-content:initial}}pn-marketweb-siteheader .siteheader-row{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-align:center;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{-ms-flex-pack:justify;justify-content:space-between;min-height:3.2em}}pn-marketweb-siteheader .siteheader-topright{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}pn-marketweb-siteheader .siteheader-logocontainer{display:-ms-flexbox;display:flex;-ms-flex-align:center;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%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}pn-marketweb-siteheader .siteheader-logolink{height:100%;max-height:6.4rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}pn-marketweb-siteheader .siteheader-logolink:hover,pn-marketweb-siteheader .siteheader-logolink:focus,pn-marketweb-siteheader .siteheader-logolink:active{-webkit-box-shadow:none;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 pn-spinner{display:none}pn-marketweb-siteheader pn-nav-dropdown:not(.hydrated) .nav-dropdown-content-container{display:none}.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-nav-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:0}.siteheader-topleft pn-site-selector .pn-nav-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-nav-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:initial}.siteheader-topleft pn-site-selector .pn-nav-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;-ms-flex-item-align:center;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-nav-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-nav-dropdown-label,.siteheader-topright>a:is(a){font-size:0}.siteheader-topright>pn-language-selector .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-nav-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-nav-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-nav-dropdown-label,.siteheader-topright>a:is(a){font-size:initial}.siteheader-topright>pn-language-selector .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-nav-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-nav-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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.siteheader-menu-footer>*{margin:1.6rem}header[data-header-theme=dotcom]>pn-marketweb-siteheader pn-button a{text-decoration:none}header[data-header-theme=dotcom]>pn-marketweb-siteheader pn-button a:hover{text-decoration:none}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header{background-color:#0D234B;-webkit-box-shadow:none;box-shadow:none}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row:not(:last-child){border-bottom:0.1rem solid #0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-nav-dropdown-label:hover{background-color:#005D92}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-nav-dropdown-label:active{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-nav-dropdown-label:focus{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-logocontainer{background-color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-logocontainer svg.siteheader-logo>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright .siteheader-logindialog svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright pn-language-selector pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:hover{background-color:#005D92}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:active{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:focus{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright [slot=toprightend]{-ms-flex-item-align:center;align-self:center;margin-left:1rem}@media screen and (max-width: 48em){header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright [slot=toprightend]{display:none}}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu .mainnav-toggle button{background-color:#005D92}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu .first-level_icon svg>path{fill:#FFFFFF}header[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[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:hover{border-color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-webkit-input-placeholder{color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-moz-placeholder{color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:-ms-input-placeholder{color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-ms-input-placeholder{color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::placeholder{color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav{background-color:#0D234B}@media screen and (min-width: 48em){header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav{top:6.4em}}header[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[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[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[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[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[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button,header[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[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button:hover,header[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[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button,header[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[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[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level=\"1\"] pn-mainnav-list>pn-mainnav-link a,header[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[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[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[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level=\"1\"]){background-color:#0D234B}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level=\"1\"]) pn-mainnav-list{color:#FFFFFF}header[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[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-marketweb-siteheader-login-linklist ul li a:not(.pn-button){color:#005D92}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header [data-level=\"1\"] pn-mainnav-link pn-icon.first-level_arrow svg>path{fill:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#FFFFFF}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:hover{background-color:#005D92}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:active{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:focus{background-color:#00A0D6}header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button svg>path{fill:#FFFFFF}@media screen and (min-width: 48em){header[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}}.siteheader-menu-top-search{display:none}header[data-header-theme=tpl]>pn-marketweb-siteheader pn-button a{text-decoration:none}header[data-header-theme=tpl]>pn-marketweb-siteheader pn-button a:hover{text-decoration:none}@media screen and (max-width: 48em){header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button]{display:none}}header[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[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-bg{background-color:#FBC2C1}header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-content pn-icon svg>path{fill:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover .pn-button-bg{background-color:#0D234B;-webkit-transition:backgrond-color linear 1s;transition:backgrond-color linear 1s}header[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover .pn-button-content pn-icon svg>path{fill:#FFFFFF}header[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[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:last-child{background-color:#0D234B}}@media screen and (min-width: 60em){header[data-header-theme=tpl]>pn-marketweb-siteheader>header [data-level=\"1\"] pn-mainnav-link>button::before,header[data-header-theme=tpl]>pn-marketweb-siteheader>header [data-level=\"1\"] pn-mainnav-link>a::before{background-color:#FBC2C1}}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{background:#0D234B;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}@media screen and (min-width: 48em){header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{display:none}}@media screen and (max-width: 415px){header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{display:none}}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a{color:#0D234B;font-weight:500}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-bg{background-color:#FBC2C1}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-content pn-icon svg>path{fill:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover .pn-button-bg{background-color:#0D234B;-webkit-transition:backgrond-color linear 1s;transition:backgrond-color linear 1s}header[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[data-header-theme=tpl]>pn-marketweb-siteheader>header a{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header pn-mainnav-link button{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header pn-mainnav-link button pn-icon svg path{fill:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-nav-dropdown-label:hover{background:#00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-nav-dropdown-label:hover{background-color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-nav-dropdown-label:active{background-color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-nav-dropdown-label:focus{background-color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-logocontainer{background-color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-logocontainer svg.siteheader-logo>path{fill:#00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright{margin-right:0;-ms-flex-item-align:center;align-self:center;margin-left:1rem}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright .siteheader-logindialog svg>path{fill:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright pn-language-selector pn-icon svg>path{fill:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:hover{background-color:#00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:active,header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:focus{background-color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search{display:inline-block;margin-top:auto;margin-bottom:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 48em){header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search{display:none}}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search pn-search-field{-ms-flex-pack:end;justify-content:flex-end;min-width:inherit}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form{margin-right:0}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container{position:absolute;width:100%}header[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[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input::-webkit-input-placeholder{color:transparent}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input::-moz-placeholder{color:transparent}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input:-ms-input-placeholder{color:transparent}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input::-ms-input-placeholder{color:transparent}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input::placeholder{color:transparent}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .input-container:focus-within{margin-left:2rem}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .input-container:focus-within input{background-color:#FFFFFF;color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .siteheader-search pn-button button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:1rem 1.9rem}header[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[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:last-child pn-marketweb-siteheader-search{display:none}}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input{background-color:#FFFFFF;color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:hover{border-color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-webkit-input-placeholder{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-moz-placeholder{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:-ms-input-placeholder{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::-ms-input-placeholder{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::placeholder{color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}@media screen and (max-width: 415px){header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:block;color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-bg{background-color:#FBC2C1}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content{font-weight:500;color:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content pn-icon svg>path{fill:#0D234B}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-bg{background-color:#0D234B;-webkit-transition:backgrond-color linear 1s;transition:backgrond-color linear 1s}header[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[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-nav-dropdown button:focus,header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-nav-dropdown button:hover{color:#FFFFFF;background-color:#00A0D6;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #00A0D6;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-nav-dropdown button:focus svg>path,header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-nav-dropdown button:hover svg>path{fill:#FFFFFF}}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#FFFFFF}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:hover{background-color:#005D92}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:active{background-color:#00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:focus{background-color:#00A0D6}header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button svg>path{fill:#FFFFFF}@media screen and (max-width: 1024px){header[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#0D234B}header[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[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}}";

package/components/pn-share.js

@@ -17,6 +17,15 @@ const translations = {
   fi: {
     sharelabel: 'Jakaa',
   },
+  zh: {
+    sharelabel: 'Share to',
+  },
+  it: {
+    sharelabel: 'Share to',
+  },
+  nl: {
+    sharelabel: 'Share to',
+  },
 };
 
 const pnShareCss = "pn-share .pn-share__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:0.8rem}pn-share .pn-share__heading{font-size:1.6rem;font-weight:500}pn-share .pn-share__heading:after{content:\"\";display:block;height:0.2rem;background-color:#F3F2F2;margin-top:0.4rem;margin-bottom:0.8rem}pn-share .pn-share__items{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:0.8rem;-ms-flex-align:center;align-items:center}";