@postnord/pn-marketweb-components 2.1.1 → 2.1.3

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 (68) hide show
  1. package/cjs/loader.cjs.js +1 -1
  2. package/cjs/pn-language-selector_9.cjs.entry.js +7 -4
  3. package/cjs/pn-market-web-components.cjs.js +1 -1
  4. package/cjs/{pn-marketweb-siteheader-login-button_4.cjs.entry.js → pn-marketweb-siteheader-login-button_5.cjs.entry.js} +71 -29
  5. package/cjs/pn-marketweb-siteheader-login-linklist.cjs.entry.js +53 -6
  6. package/cjs/pn-marketweb-siteheader.cjs.entry.js +74 -58
  7. package/cjs/pn-proxio-findprice.cjs.entry.js +0 -5
  8. package/collection/collection-manifest.json +1 -0
  9. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-button.js +8 -38
  10. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.css +3 -1
  11. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.js +74 -8
  12. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-links.js +20 -1
  13. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login.js +64 -8
  14. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-unified-login.css +0 -0
  15. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-unified-login.js +88 -0
  16. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.css +9 -2
  17. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.js +24 -2
  18. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.js +1 -1
  19. package/collection/components/layout-components/pn-marketweb-siteheader/translations.js +67 -55
  20. package/collection/components/layout-components/pn-marketweb-siteheader/unifiedLoginHelper.js +46 -0
  21. package/collection/components/widgets/pn-proxio-findprice/pn-proxio-findprice.js +0 -5
  22. package/custom-elements/index.d.ts +6 -0
  23. package/custom-elements/index.js +212 -107
  24. package/esm/loader.js +1 -1
  25. package/esm/pn-language-selector_9.entry.js +7 -4
  26. package/esm/pn-market-web-components.js +1 -1
  27. package/esm/{pn-marketweb-siteheader-login-button_4.entry.js → pn-marketweb-siteheader-login-button_5.entry.js} +71 -30
  28. package/esm/pn-marketweb-siteheader-login-linklist.entry.js +53 -6
  29. package/esm/pn-marketweb-siteheader.entry.js +74 -58
  30. package/esm/pn-proxio-findprice.entry.js +0 -5
  31. package/esm-es5/loader.js +1 -1
  32. package/esm-es5/pn-language-selector_9.entry.js +1 -1
  33. package/esm-es5/pn-market-web-components.js +1 -1
  34. package/esm-es5/pn-marketweb-siteheader-login-button_5.entry.js +1 -0
  35. package/esm-es5/pn-marketweb-siteheader-login-linklist.entry.js +1 -1
  36. package/esm-es5/pn-marketweb-siteheader.entry.js +1 -1
  37. package/esm-es5/pn-proxio-findprice.entry.js +1 -1
  38. package/package.json +2 -2
  39. package/pn-market-web-components/p-3120cc66.system.entry.js +1 -0
  40. package/pn-market-web-components/{p-70b360dd.entry.js → p-39b54d40.entry.js} +1 -1
  41. package/pn-market-web-components/p-4b0020a0.system.entry.js +1 -0
  42. package/pn-market-web-components/p-67887512.system.js +1 -1
  43. package/pn-market-web-components/p-6995075c.entry.js +1 -0
  44. package/pn-market-web-components/{p-2b4c41aa.system.entry.js → p-8df74fc3.system.entry.js} +1 -1
  45. package/pn-market-web-components/p-b7adbd6d.system.entry.js +1 -0
  46. package/pn-market-web-components/p-c8ceda2e.entry.js +1 -0
  47. package/pn-market-web-components/p-e1618047.entry.js +1 -0
  48. package/pn-market-web-components/{p-7f9c643c.system.entry.js → p-e881d111.system.entry.js} +1 -1
  49. package/pn-market-web-components/p-fefc9629.entry.js +1 -0
  50. package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
  51. package/types/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-button.d.ts +2 -4
  52. package/types/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.d.ts +4 -0
  53. package/types/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-links.d.ts +1 -0
  54. package/types/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login.d.ts +4 -0
  55. package/types/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-types.d.ts +2 -2
  56. package/types/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-unified-login.d.ts +8 -0
  57. package/types/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.d.ts +2 -0
  58. package/types/components/layout-components/pn-marketweb-siteheader/translations.d.ts +12 -0
  59. package/types/components/layout-components/pn-marketweb-siteheader/unifiedLoginHelper.d.ts +1 -0
  60. package/types/components.d.ts +45 -0
  61. package/esm-es5/pn-marketweb-siteheader-login-button_4.entry.js +0 -1
  62. package/pn-market-web-components/p-20be85a1.system.entry.js +0 -1
  63. package/pn-market-web-components/p-dd01024a.system.entry.js +0 -1
  64. package/pn-market-web-components/p-de823255.entry.js +0 -1
  65. package/pn-market-web-components/p-e4ebf17d.system.entry.js +0 -1
  66. package/pn-market-web-components/p-e7a1cda9.entry.js +0 -1
  67. package/pn-market-web-components/p-fe95397b.entry.js +0 -1
  68. package/pn-market-web-components/p-ff83e974.entry.js +0 -1
package/cjs/pn-marketweb-siteheader.cjs.entry.js CHANGED
@@ -8,69 +8,81 @@ const pnMarketwebSiteheaderStore = require('./pn-marketweb-siteheader-store-e29a
8
8
  require('./index-28bbc937.js');
9
9
 
10
10
  const translations = {
11
- 'sv': {
12
- "searchlabel": "Sök",
13
- "searchplaceholder": "Vad letar du efter?",
14
- "searchbuttontext": "Sök",
15
- "menuHomeButton": "Hem",
16
- "menuGoBackButton": "Gå tillbaka",
17
- "mainMenuButton": "Meny",
18
- "menuStartButton": "Start",
19
- "profileSelectionFlyoutHeading": "Inloggad som",
11
+ sv: {
12
+ searchlabel: 'Sök',
13
+ searchplaceholder: 'Vad letar du efter?',
14
+ searchbuttontext: 'Sök',
15
+ menuHomeButton: 'Hem',
16
+ menuGoBackButton: 'Gå tillbaka',
17
+ mainMenuButton: 'Meny',
18
+ menuStartButton: 'Start',
19
+ profileSelectionFlyoutHeading: 'Inloggad som',
20
+ unifiedLoginButton: 'Logga in',
21
+ unifiedMyPagesButton: 'Mina sidor',
20
22
  },
21
- 'en': {
22
- "searchlabel": "Search",
23
- "searchplaceholder": "Search",
24
- "searchbuttontext": "Search",
25
- "menuHomeButton": "Home",
26
- "menuGoBackButton": "Go back",
27
- "mainMenuButton": "Menu",
28
- "menuStartButton": "Start",
29
- "profileSelectionFlyoutHeading": "Logged in as",
23
+ en: {
24
+ searchlabel: 'Search',
25
+ searchplaceholder: 'Search',
26
+ searchbuttontext: 'Search',
27
+ menuHomeButton: 'Home',
28
+ menuGoBackButton: 'Go back',
29
+ mainMenuButton: 'Menu',
30
+ menuStartButton: 'Start',
31
+ profileSelectionFlyoutHeading: 'Logged in as',
32
+ unifiedLoginButton: 'Log in',
33
+ unifiedMyPagesButton: 'My pages',
30
34
  },
31
- 'da': {
32
- "searchlabel": "Søg",
33
- "searchplaceholder": "Søg",
34
- "searchbuttontext": "Søg",
35
- "menuHomeButton": "Hjem",
36
- "menuGoBackButton": "Gå tilbage",
37
- "mainMenuButton": "Menu",
38
- "menuStartButton": "Start",
39
- "profileSelectionFlyoutHeading": "Logget ind som",
35
+ da: {
36
+ searchlabel: 'Søg',
37
+ searchplaceholder: 'Søg',
38
+ searchbuttontext: 'Søg',
39
+ menuHomeButton: 'Hjem',
40
+ menuGoBackButton: 'Gå tilbage',
41
+ mainMenuButton: 'Menu',
42
+ menuStartButton: 'Start',
43
+ profileSelectionFlyoutHeading: 'Logget ind som',
44
+ unifiedLoginButton: 'Log ind',
45
+ unifiedMyPagesButton: 'Mine sider',
40
46
  },
41
- 'no': {
42
- "searchlabel": "Søk",
43
- "searchplaceholder": "Søk",
44
- "searchbuttontext": "Søk",
45
- "menuHomeButton": "Hjem",
46
- "menuGoBackButton": "Gå tilbake",
47
- "mainMenuButton": "Meny",
48
- "menuStartButton": "Start",
49
- "profileSelectionFlyoutHeading": "Logget på som",
47
+ no: {
48
+ searchlabel: 'Søk',
49
+ searchplaceholder: 'Søk',
50
+ searchbuttontext: 'Søk',
51
+ menuHomeButton: 'Hjem',
52
+ menuGoBackButton: 'Gå tilbake',
53
+ mainMenuButton: 'Meny',
54
+ menuStartButton: 'Start',
55
+ profileSelectionFlyoutHeading: 'Logget på som',
56
+ unifiedLoginButton: 'Logg inn',
57
+ unifiedMyPagesButton: 'Sidene mine',
50
58
  },
51
- 'fi': {
52
- "searchlabel": "Hae",
53
- "searchplaceholder": "Hae",
54
- "searchbuttontext": "Hae",
55
- "menuHomeButton": "Koti",
56
- "menuGoBackButton": "Mene takaisin",
57
- "mainMenuButton": "Valikko",
58
- "menuStartButton": "Alkaa",
59
- "profileSelectionFlyoutHeading": "Kirjautunut sisään nimellä",
59
+ fi: {
60
+ searchlabel: 'Hae',
61
+ searchplaceholder: 'Hae',
62
+ searchbuttontext: 'Hae',
63
+ menuHomeButton: 'Koti',
64
+ menuGoBackButton: 'Mene takaisin',
65
+ mainMenuButton: 'Valikko',
66
+ menuStartButton: 'Alkaa',
67
+ profileSelectionFlyoutHeading: 'Kirjautunut sisään nimellä',
68
+ unifiedLoginButton: 'Kirjaudu sisään',
69
+ unifiedMyPagesButton: 'Minun sivujani',
70
+ },
71
+ de: {
72
+ searchlabel: 'Suche',
73
+ searchplaceholder: 'Wonach suchen Sie?',
74
+ searchbuttontext: 'Suche',
75
+ menuHomeButton: 'Start',
76
+ menuGoBackButton: 'Geh zurück',
77
+ mainMenuButton: 'Menü',
78
+ menuStartButton: 'Start',
79
+ profileSelectionFlyoutHeading: 'Eingeloggt als',
80
+ unifiedLoginButton: 'Anmeldung',
81
+ unifiedMyPagesButton: 'Meine Seiten',
60
82
  },
61
- 'de': {
62
- "searchlabel": "Suche",
63
- "searchplaceholder": "Wonach suchen Sie?",
64
- "searchbuttontext": "Suche",
65
- "menuHomeButton": "Start",
66
- "menuGoBackButton": "Geh zurück",
67
- "mainMenuButton": "Menü",
68
- "menuStartButton": "Start",
69
- "profileSelectionFlyoutHeading": "Eingeloggt als",
70
- }
71
83
  };
72
84
 
73
- 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 .nav-dropdown-content-container .nav-dropdown-content{max-width:350px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:2.4rem;padding:4rem}pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content pn-button{width:100%}pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content pn-marketweb-siteheader-login-links::before,pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content p::before{display:block;content:\"\";height:2px;background:#F9F8F8;width:100%;margin-bottom:2.4rem}pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content p{font-size:1.4rem;color:#005D92}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 a{color:#FFFFFF}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{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}}";
85
+ 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 .nav-dropdown-content-container .nav-dropdown-content{max-width:350px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:2.4rem;padding:4rem}pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content pn-button{width:100%}pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content pn-marketweb-siteheader-login-links::before,pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span::before{display:block;content:\"\";height:2px;background:#F9F8F8;width:100%;margin-bottom:2.4rem}pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span{font-size:1.4rem;color:#005D92}pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span a{text-decoration:none;color:#005D92}pn-marketweb-siteheader pn-nav-dropdown .nav-dropdown-content-container .nav-dropdown-content span a:hover{text-decoration:underline}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 a{color:#FFFFFF}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{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}}";
74
86
 
75
87
  let PnMarketwebSiteheader = class {
76
88
  constructor(hostRef) {
@@ -108,6 +120,8 @@ let PnMarketwebSiteheader = class {
108
120
  this.hideLogin = false;
109
121
  /** If this is selected we will show the new profile selection dropdown instead of the login version */
110
122
  this.showProfileSelection = false;
123
+ /** if this is selected we will show the unified-login button aswell as a new look for dropdown menu */
124
+ this.showUnifiedLogin = false;
111
125
  /** Adjusts the menus URLs */
112
126
  this.siteDomainInUrls = false;
113
127
  /** Autocomplete endpoint */
@@ -131,6 +145,8 @@ let PnMarketwebSiteheader = class {
131
145
  mainMenuButton: '',
132
146
  menuStartButton: '',
133
147
  profileSelectionFlyoutHeading: '',
148
+ unifiedLoginButton: '',
149
+ unifiedMyPagesButton: '',
134
150
  };
135
151
  this.gotData = false;
136
152
  this.fetchingData = false;
@@ -396,7 +412,7 @@ let PnMarketwebSiteheader = class {
396
412
  var _a, _b, _c, _d, _e, _f;
397
413
  return (index.h(index.Host, { language: this.language, market: this.market, environment: this.environment }, index.h("header", null, index.h("div", { class: "siteheader-row" }, index.h("div", { class: "siteheader-topleft" }, index.h("slot", { name: "topleft" }), this.gotData && this.siteSelector && !this.hideSiteSelector && (index.h("pn-site-selector", { language: this.language, buttontext: (_b = (_a = this.siteSelector) === null || _a === void 0 ? void 0 : _a.currentSiteTitle) !== null && _b !== void 0 ? _b : 'postnord' }, this.gotData && ((_c = this.siteSelector) === null || _c === void 0 ? void 0 : _c.currentSiteTitle) && (index.h("pn-site-selector-item", { heading: this.siteSelector.currentSiteTitle + ' ', description: this.siteSelector.currentSiteDescription })), this.gotData &&
398
414
  ((_d = this.siteSelector) === null || _d === void 0 ? void 0 : _d.siteSelections) &&
399
- this.siteSelector.siteSelections.map(site => (index.h("pn-site-selector-item", { heading: site.linkText + ' ', description: site.linkDescription, url: this.adjustSiteSelectorUrl(site.href), newwindow: site.openInNewWindow })))))), index.h("div", { class: "siteheader-logocontainer" }, index.h("a", { href: this.homePageLink, title: "Home", class: "siteheader-logolink" }, index.h("slot", { name: "logo" }, index.h("svg", { class: "siteheader-logo", xmlns: "http://www.w3.org/2000/svg", width: "12.7rem", height: "2.4rem", viewBox: "0 0 141.73 26.65" }, index.h("path", { d: "M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z", fill: "#00A0D6", transform: "translate(0 0)" }))))), index.h("div", { class: "siteheader-topright" }, index.h("slot", { name: "toprightstart" }), this.gotData && this.loginDialog && !this.hideLogin && (index.h("pn-marketweb-siteheader-login", { token: this.userToken, siteUrl: this.siteDefinition.url, fullname: this.userFullname, loggedin: this.userLoggedin, loginDialog: this.loginDialog, endpoint: this.endpoint, i18n: this.i18n, showProfileSelection: this.showProfileSelection, "check-user-logged-in-state-interval": this.checkUserLoggedInStateInterval })), this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (index.h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => (index.h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))), index.h("slot", { name: "toprightend" }), index.h("div", { class: "siteheader-menu-top-search" }, index.h("pn-marketweb-siteheader-search", { language: this.language, siteid: this.siteid, search: this.search, "hide-search": this.hideSearch, i18n: this.i18n, icononly: false })))), index.h("slot", { name: "siteheader-menu-top-button" }), index.h("div", { class: "siteheader-row" }, index.h("div", { class: "siteheader-menu" }, this.gotData && this.menuItems && (index.h("pn-mainnav", { market: this.market, language: this.language, onMenuOpenChange: e => {
415
+ this.siteSelector.siteSelections.map(site => (index.h("pn-site-selector-item", { heading: site.linkText + ' ', description: site.linkDescription, url: this.adjustSiteSelectorUrl(site.href), newwindow: site.openInNewWindow })))))), index.h("div", { class: "siteheader-logocontainer" }, index.h("a", { href: this.homePageLink, title: "Home", class: "siteheader-logolink" }, index.h("slot", { name: "logo" }, index.h("svg", { class: "siteheader-logo", xmlns: "http://www.w3.org/2000/svg", width: "12.7rem", height: "2.4rem", viewBox: "0 0 141.73 26.65" }, index.h("path", { d: "M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z", fill: "#00A0D6", transform: "translate(0 0)" }))))), index.h("div", { class: "siteheader-topright" }, index.h("slot", { name: "toprightstart" }), this.gotData && this.loginDialog && !this.hideLogin && (index.h("pn-marketweb-siteheader-login", { token: this.userToken, siteUrl: this.siteDefinition.url, fullname: this.userFullname, loggedin: this.userLoggedin, loginDialog: this.loginDialog, endpoint: this.endpoint, i18n: this.i18n, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, "check-user-logged-in-state-interval": this.checkUserLoggedInStateInterval })), this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (index.h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => (index.h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))), index.h("slot", { name: "toprightend" }), index.h("div", { class: "siteheader-menu-top-search" }, index.h("pn-marketweb-siteheader-search", { language: this.language, siteid: this.siteid, search: this.search, "hide-search": this.hideSearch, i18n: this.i18n, icononly: false })))), index.h("slot", { name: "siteheader-menu-top-button" }), index.h("div", { class: "siteheader-row" }, index.h("div", { class: "siteheader-menu" }, this.gotData && this.menuItems && (index.h("pn-mainnav", { market: this.market, language: this.language, onMenuOpenChange: e => {
400
416
  document.body.setAttribute('data-siteheader-menuopen', e.detail + '');
401
417
  } }, index.h("pn-mainnav-level", null, index.h("pn-mainnav-list", null, this.menuItems.map(item => {
402
418
  var _a, _b;
@@ -404,7 +420,7 @@ let PnMarketwebSiteheader = class {
404
420
  var _a;
405
421
  return (index.h("pn-mainnav-link", { name: childitem.name, href: childitem.href, target: (_a = childitem.linkTarget) !== null && _a !== void 0 ? _a : '_self', linkid: childitem.trackingId }));
406
422
  }))), item.promotedMenuItems && item.promotedMenuItems.length > 0 && (index.h("pn-mainnav-list", { heading: item.promotedMenuItemsHeader }, item.promotedMenuItems.map(childitem => (index.h("pn-mainnav-link", { href: childitem.href, name: childitem.linkText, target: childitem.openInNewWindow ? '_blank' : '_self', linkid: this.promotedItemId(childitem) + item.id })))))))));
407
- })), index.h("div", { slot: "footer", class: "siteheader-menu-footer" }, index.h("slot", { name: "menu-footer-cta" }), this.gotData && this.loginDialog && !this.hideLogin && (index.h("pn-marketweb-siteheader-login", { emitEvents: false, siteUrl: this.siteDefinition.url, loginDialog: this.loginDialog, endpoint: this.endpoint, fullname: this.userFullname, loggedin: this.userLoggedin, i18n: this.i18n, showProfileSelection: this.showProfileSelection, environment: this.environment })), this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (index.h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => (index.h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))), !this.hideSiteSelector && (index.h("pn-site-selector", { language: this.language }, this.gotData && ((_e = this.siteSelector) === null || _e === void 0 ? void 0 : _e.currentSiteTitle) && (index.h("pn-site-selector-item", { heading: this.siteSelector.currentSiteTitle, description: this.siteSelector.currentSiteDescription })), this.gotData &&
423
+ })), index.h("div", { slot: "footer", class: "siteheader-menu-footer" }, index.h("slot", { name: "menu-footer-cta" }), this.gotData && this.loginDialog && !this.hideLogin && (index.h("pn-marketweb-siteheader-login", { emitEvents: false, siteUrl: this.siteDefinition.url, loginDialog: this.loginDialog, endpoint: this.endpoint, fullname: this.userFullname, loggedin: this.userLoggedin, i18n: this.i18n, showProfileSelection: this.showProfileSelection, showUnifiedLogin: this.showUnifiedLogin, environment: this.environment })), this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (index.h("pn-language-selector", { value: this.language }, this.languageOptions.map(language => (index.h("pn-language-selector-option", { name: language.nativeName, code: language.twoLetterISOLanguageName, selected: language.isCurrent, url: this.getLanguageVersionUrl(language) }))))), !this.hideSiteSelector && (index.h("pn-site-selector", { language: this.language }, this.gotData && ((_e = this.siteSelector) === null || _e === void 0 ? void 0 : _e.currentSiteTitle) && (index.h("pn-site-selector-item", { heading: this.siteSelector.currentSiteTitle, description: this.siteSelector.currentSiteDescription })), this.gotData &&
408
424
  ((_f = this.siteSelector) === null || _f === void 0 ? void 0 : _f.siteSelections) &&
409
425
  this.siteSelector.siteSelections.map(site => (index.h("pn-site-selector-item", { heading: site.linkText, description: site.linkDescription, url: site.pageLink, newwindow: site.openInNewWindow })))))), index.h("div", { slot: "top", class: "siteheader-menu-top" }, index.h("pn-marketweb-siteheader-search", { language: this.language, siteid: this.siteid, search: this.search, "hide-search": this.hideSearch, i18n: this.i18n })))))), index.h("pn-marketweb-siteheader-search", { language: this.language, siteid: this.siteid, primary: true, search: this.search, "hide-search": this.hideSearch, "show-only-link": this.minimizeSearch, i18n: this.i18n }), index.h("slot", { name: "header-bottom-button" })))));
410
426
  }
package/cjs/pn-proxio-findprice.cjs.entry.js CHANGED
@@ -224,7 +224,6 @@ let PnProxioFindPrice = class {
224
224
  try {
225
225
  //for keeping small value preselected
226
226
  this.sizecategory = sizeCategories.filter(x => x.value === "S")[0];
227
- console.log(this.sizecategory);
228
227
  this.filterItems();
229
228
  }
230
229
  catch (e) {
@@ -250,7 +249,6 @@ let PnProxioFindPrice = class {
250
249
  this.data = data;
251
250
  }
252
251
  setState() {
253
- this.market = "dk";
254
252
  if (this.market) {
255
253
  state.market = markets[this.market];
256
254
  }
@@ -263,13 +261,11 @@ let PnProxioFindPrice = class {
263
261
  console.log('Data has not yet been loaded');
264
262
  return;
265
263
  }
266
- console.log("data ", this.data);
267
264
  const sizeItemData = this.data.proxioProducts.filter(item => {
268
265
  return item.proxioProduct.productWeightGroupList.some(weightGroup => {
269
266
  return weightGroup.item3.includes(this.sizecategory.value);
270
267
  });
271
268
  });
272
- console.log("sizeItemData ", sizeItemData);
273
269
  if (!this.weight) {
274
270
  return;
275
271
  }
@@ -279,7 +275,6 @@ let PnProxioFindPrice = class {
279
275
  return weightGroup.item1 === comparisonWeight;
280
276
  });
281
277
  });
282
- console.log("weightFilteredData ", weightFilteredData);
283
278
  if (weightFilteredData.length === 0 && this.weightvalue !== 0) {
284
279
  weightFilteredData = sizeItemData.filter(item => {
285
280
  return item.proxioProduct.productWeightGroupList.some(weightGroup => {
package/collection/collection-manifest.json CHANGED
@@ -24,6 +24,7 @@
24
24
  "./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.js",
25
25
  "./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login.js",
26
26
  "./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-search.js",
27
+ "./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-unified-login.js",
27
28
  "./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.js",
28
29
  "./components/minor/pn-titletag/pn-titletag.js",
29
30
  "./components/navigation/pn-language-selector/pn-language-selector-option.js",
package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-button.js CHANGED
@@ -1,50 +1,20 @@
1
1
  import { Component, Element, h, Host, Prop } from '@stencil/core';
2
- const LoginURL = {
3
- at: 'https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=',
4
- prod: 'https://portal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=',
5
- };
6
- const staging = ['localhost', 'integration.postnord.com', 'atportal.postnord.com', 'devportal.postnord.com'];
7
- //om staging "atportal.postnord.com" annars "portal.postnord.com" för login
8
- /*
9
-
10
- 1. Check if we are on a market website domain. If so, use a relative /login link
11
-
12
- 2. Check if the site is a “AT”/dev/test site. If so, use the atportal.postnord.com domain for the unified login endpoint
13
-
14
- 3. Else use the portal.postnord.com for the unified login endpoint
15
-
16
- */
2
+ import { getLoginUrl } from './unifiedLoginHelper';
17
3
  export class PnMarketwebSiteheaderLoginButton {
18
4
  constructor() {
19
5
  this.label = 'Log in';
20
6
  }
21
- isStaging() {
22
- return staging.some(el => window.location.href.includes(el));
7
+ componentWillLoad() {
8
+ this.loginUrl = getLoginUrl(window.location.host);
23
9
  }
24
- determineLoginUrl() {
25
- if (this.isStaging()) {
26
- //staging 'https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl='
27
- return LoginURL.at.concat(window.location.href);
28
- }
29
- else {
30
- //portal but not staging portal... 'https://portal.postnord.com/api/unified-login/backend/authorization?redirectionUrl='
31
- if (window.location.href.includes('portal')) {
32
- return LoginURL.prod.concat(window.location.href);
33
- }
34
- else {
35
- //not staging, not portal -> marketweb (?) /login?returnUrl=
36
- return window.location.hostname.concat(`/login?returnUrl=${window.location.href}`);
37
- }
38
- }
39
- }
40
- navigateToLogin() {
41
- const url = this.determineLoginUrl();
42
- console.log('url: ', url);
43
- //location.href = url;
10
+ nagivateToLoginUrl() {
11
+ const navigationUrl = `${this.loginUrl}${window.location.href}`;
12
+ //console.log('navigate to: ', navigationUrl);
13
+ location.href = navigationUrl;
44
14
  }
45
15
  render() {
46
16
  return (h(Host, null,
47
- h("pn-button", { onClick: () => this.navigateToLogin() }, this.label)));
17
+ h("pn-button", { onClick: () => this.nagivateToLoginUrl() }, this.label)));
48
18
  }
49
19
  static get is() { return "pn-marketweb-siteheader-login-button"; }
50
20
  static get originalStyleUrls() { return {
package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.css CHANGED
@@ -13,8 +13,10 @@ pn-marketweb-siteheader-login-linklist ul {
13
13
  pn-marketweb-siteheader-login-linklist li {
14
14
  margin-bottom: 2.4rem;
15
15
  }
16
- pn-marketweb-siteheader-login-linklist li a {
16
+ pn-marketweb-siteheader-login-linklist li a:not(.pn-button) {
17
17
  color: #005D92;
18
+ }
19
+ pn-marketweb-siteheader-login-linklist li a {
18
20
  text-decoration: none;
19
21
  font-size: 1.6rem;
20
22
  line-height: 1.5;
package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.js CHANGED
@@ -5,11 +5,64 @@ export class PnMarketwebSiteheaderLoginLinklist {
5
5
  this.heading = null;
6
6
  this.links = [];
7
7
  this.idNamespace = '';
8
+ this.showUnifiedLogin = false;
8
9
  }
9
10
  componentWillLoad() { }
10
11
  uniqueId(text) {
11
12
  return 'loginlink-' + text.replace(/[^A-Za-z0-9.\\\/]/gim, '') + '-' + this.idNamespace;
12
13
  }
14
+ linkAppearanceAttributes(link) {
15
+ let attributes = {};
16
+ if (link.linkType) {
17
+ switch (link.linkType) {
18
+ case 'primary':
19
+ attributes = {
20
+ appearance: '',
21
+ variant: '',
22
+ };
23
+ break;
24
+ case 'secondary':
25
+ attributes = {
26
+ appearance: 'light',
27
+ variant: 'outlined',
28
+ };
29
+ break;
30
+ case 'regularlink':
31
+ default:
32
+ attributes = {
33
+ appearance: 'light',
34
+ variant: 'borderless',
35
+ icon: 'arrow-right',
36
+ };
37
+ break;
38
+ }
39
+ return attributes;
40
+ }
41
+ if (!link.linkType) {
42
+ attributes = {
43
+ appearance: link.primaryLinkApperance ? 'dark' : 'light',
44
+ };
45
+ }
46
+ return attributes;
47
+ }
48
+ renderListAsButtons(link) {
49
+ return (h("li", null,
50
+ h("pn-button", Object.assign({ href: link.href, id: this.uniqueId(link.linkText) }, (link.openInNewWindow && { target: '_blank' }), this.linkAppearanceAttributes(link), { onClick: () => {
51
+ if (link.isLogoutLink) {
52
+ headerState.loginManager.clearUserData();
53
+ }
54
+ } }), link.linkText)));
55
+ }
56
+ renderListAsLinks(link) {
57
+ return (h("li", null,
58
+ h("a", Object.assign({ href: link.href, id: this.uniqueId(link.linkText) }, (link.openInNewWindow && { target: '_blank' }), { onClick: () => {
59
+ if (link.isLogoutLink) {
60
+ headerState.loginManager.clearUserData();
61
+ }
62
+ } }),
63
+ link.linkText,
64
+ link.isLogoutLink ? h("pn-icon", { symbol: "transfer" }) : h("pn-icon", { symbol: "arrow-right" }))));
65
+ }
13
66
  render() {
14
67
  if (!this.links || this.links.length === 0) {
15
68
  return;
@@ -17,14 +70,9 @@ export class PnMarketwebSiteheaderLoginLinklist {
17
70
  return (h(Host, null,
18
71
  this.heading ? h("strong", null, this.heading) : null,
19
72
  h("ul", null, this.links.map(link => {
20
- return (h("li", null,
21
- h("a", Object.assign({ href: link.href, id: this.uniqueId(link.linkText) }, (link.openInNewWindow && { target: '_blank' }), { onClick: () => {
22
- if (link.isLogoutLink) {
23
- headerState.loginManager.clearUserData();
24
- }
25
- } }),
26
- link.linkText,
27
- link.isLogoutLink ? h("pn-icon", { symbol: "transfer" }) : h("pn-icon", { symbol: "arrow-right" }))));
73
+ {
74
+ return this.showUnifiedLogin ? this.renderListAsLinks(link) : this.renderListAsButtons(link);
75
+ }
28
76
  }))));
29
77
  }
30
78
  static get is() { return "pn-marketweb-siteheader-login-linklist"; }
@@ -91,6 +139,24 @@ export class PnMarketwebSiteheaderLoginLinklist {
91
139
  "attribute": "id-namespace",
92
140
  "reflect": false,
93
141
  "defaultValue": "''"
142
+ },
143
+ "showUnifiedLogin": {
144
+ "type": "boolean",
145
+ "mutable": false,
146
+ "complexType": {
147
+ "original": "boolean",
148
+ "resolved": "boolean",
149
+ "references": {}
150
+ },
151
+ "required": false,
152
+ "optional": false,
153
+ "docs": {
154
+ "tags": [],
155
+ "text": ""
156
+ },
157
+ "attribute": "show-unified-login",
158
+ "reflect": false,
159
+ "defaultValue": "false"
94
160
  }
95
161
  }; }
96
162
  static get elementRef() { return "hostElement"; }
package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-links.js CHANGED
@@ -7,6 +7,7 @@ export class PnMarketwebSiteheaderLoginLinks {
7
7
  this.idNamespace = '';
8
8
  this.loggedin = false;
9
9
  this.username = '';
10
+ this.showUnifiedLogin = false;
10
11
  }
11
12
  componentWillLoad() {
12
13
  this.init();
@@ -75,7 +76,7 @@ export class PnMarketwebSiteheaderLoginLinks {
75
76
  hostElementAttribute.loggedin = this.loggedin;
76
77
  }
77
78
  return (h(Host, Object.assign({}, hostElementAttribute),
78
- !this.loginDialog.overrideLoginMenu ? (h("div", { "data-loggedin": this.loggedin + '' }, this.loggedin ? (h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.loggedInLinks, idNamespace: this.idNamespace })) : (h("div", null, ((_a = this.loginDialog.loginMenuLinks) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (h("pn-marketweb-siteheader-login-linklist", { heading: this.loginDialog.loginTitle, links: this.loginDialog.loginMenuLinks, idNamespace: this.idNamespace })) : (h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.legacyLoginLinks, idNamespace: this.idNamespace })))))) : null,
79
+ !this.loginDialog.overrideLoginMenu ? (h("div", { "data-loggedin": this.loggedin + '' }, this.loggedin ? (h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.loggedInLinks, idNamespace: this.idNamespace })) : (h("div", null, ((_a = this.loginDialog.loginMenuLinks) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (h("pn-marketweb-siteheader-login-linklist", { heading: this.loginDialog.loginTitle, links: this.loginDialog.loginMenuLinks, idNamespace: this.idNamespace, showUnifiedLogin: this.showUnifiedLogin })) : (h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.legacyLoginLinks, idNamespace: this.idNamespace })))))) : null,
79
80
  this.loginDialog.overrideLoginMenu ? (h("pn-marketweb-siteheader-login-linklist", { links: this.loginDialog.loginMenuLinks, idNamespace: this.idNamespace })) : null));
80
81
  }
81
82
  static get is() { return "pn-marketweb-siteheader-login-links"; }
@@ -160,6 +161,24 @@ export class PnMarketwebSiteheaderLoginLinks {
160
161
  "attribute": "username",
161
162
  "reflect": false,
162
163
  "defaultValue": "''"
164
+ },
165
+ "showUnifiedLogin": {
166
+ "type": "boolean",
167
+ "mutable": false,
168
+ "complexType": {
169
+ "original": "boolean",
170
+ "resolved": "boolean",
171
+ "references": {}
172
+ },
173
+ "required": false,
174
+ "optional": false,
175
+ "docs": {
176
+ "tags": [],
177
+ "text": ""
178
+ },
179
+ "attribute": "show-unified-login",
180
+ "reflect": false,
181
+ "defaultValue": "false"
163
182
  }
164
183
  }; }
165
184
  static get elementRef() { return "hostElement"; }