@postnord/pn-marketweb-components 2.0.98 → 2.0.100

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 (47) hide show
  1. package/cjs/{MarketWebLoginManager-e4525782.js → MarketWebLoginManager-dd31646e.js} +10 -1
  2. package/cjs/pn-language-selector_9.cjs.entry.js +1 -1
  3. package/cjs/pn-marketweb-siteheader.cjs.entry.js +1 -1
  4. package/cjs/pn-site-footer_2.cjs.entry.js +1 -1
  5. package/cjs/pn-stats-info.cjs.entry.js +1 -1
  6. package/cjs/pn-teaser-card.cjs.entry.js +1 -1
  7. package/collection/components/cards/pn-teaser-card/pn-teaser-card.css +4 -0
  8. package/collection/components/data-visualization/pn-stats-info/pn-stats-info.css +1 -0
  9. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.stories.js +22 -0
  10. package/collection/components/navigation/pn-site-footer/pn-site-footer.css +1 -0
  11. package/collection/globals/MarketWebLoginManager.js +10 -1
  12. package/custom-elements/index.js +13 -4
  13. package/esm/{MarketWebLoginManager-0dd17ff6.js → MarketWebLoginManager-163d8a0c.js} +10 -1
  14. package/esm/pn-language-selector_9.entry.js +1 -1
  15. package/esm/pn-marketweb-siteheader.entry.js +1 -1
  16. package/esm/pn-site-footer_2.entry.js +1 -1
  17. package/esm/pn-stats-info.entry.js +1 -1
  18. package/esm/pn-teaser-card.entry.js +1 -1
  19. package/esm-es5/MarketWebLoginManager-163d8a0c.js +1 -0
  20. package/esm-es5/pn-language-selector_9.entry.js +1 -1
  21. package/esm-es5/pn-marketweb-siteheader.entry.js +1 -1
  22. package/esm-es5/pn-site-footer_2.entry.js +1 -1
  23. package/esm-es5/pn-stats-info.entry.js +1 -1
  24. package/esm-es5/pn-teaser-card.entry.js +1 -1
  25. package/package.json +1 -1
  26. package/pn-market-web-components/{p-34d74e18.system.entry.js → p-1692b76b.system.entry.js} +1 -1
  27. package/pn-market-web-components/p-18e220ae.system.js +1 -0
  28. package/pn-market-web-components/p-29b86818.system.entry.js +1 -0
  29. package/pn-market-web-components/{p-dbe6a2ee.system.entry.js → p-4b484dcd.system.entry.js} +1 -1
  30. package/pn-market-web-components/p-67887512.system.js +1 -1
  31. package/pn-market-web-components/p-89e47f9e.system.entry.js +1 -0
  32. package/pn-market-web-components/{p-c459338f.entry.js → p-a138243f.entry.js} +1 -1
  33. package/pn-market-web-components/{p-e492139d.js → p-b2624f72.js} +1 -1
  34. package/pn-market-web-components/{p-a5f06730.entry.js → p-bc99f2db.entry.js} +1 -1
  35. package/pn-market-web-components/{p-0954708a.entry.js → p-d29c9c5d.entry.js} +1 -1
  36. package/pn-market-web-components/p-d943f88e.entry.js +1 -0
  37. package/pn-market-web-components/{p-193f8ffc.entry.js → p-d9b16b94.entry.js} +1 -1
  38. package/pn-market-web-components/p-db6984c0.system.entry.js +1 -0
  39. package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
  40. package/types/globals/MarketWebLoginManager.d.ts +1 -0
  41. package/umd/pn-marketweb-salesforce.js +2 -2
  42. package/esm-es5/MarketWebLoginManager-0dd17ff6.js +0 -1
  43. package/pn-market-web-components/p-072fbfcb.system.entry.js +0 -1
  44. package/pn-market-web-components/p-48c40e1a.system.js +0 -1
  45. package/pn-market-web-components/p-6c5fab6f.entry.js +0 -1
  46. package/pn-market-web-components/p-bb01a1b0.system.entry.js +0 -1
  47. package/pn-market-web-components/p-e0b10d83.system.entry.js +0 -1
@@ -70,6 +70,7 @@ class MarketWebLoginManager {
70
70
  init(checkParameters = true) {
71
71
  if (checkParameters) {
72
72
  this.checkParameters();
73
+ this.checkPNTopbar();
73
74
  this.checkExpireTime();
74
75
  if (this.store.get(this.keys.token) && !this.store.get(this.keys.user)) {
75
76
  this.fetchUserInfo();
@@ -138,6 +139,13 @@ class MarketWebLoginManager {
138
139
  this.loginStateChange();
139
140
  }
140
141
  }
142
+ checkPNTopbar() {
143
+ if (this.isLoggedIn() || !window['pnTopbar'] || !window['pnTopbar']['access_token']) {
144
+ return;
145
+ }
146
+ this.store.set(this.keys.token, window['pnTopbar']['access_token']);
147
+ this.fetchUserInfo();
148
+ }
141
149
  checkParameters() {
142
150
  if (!(window === null || window === void 0 ? void 0 : window.location)) {
143
151
  return;
@@ -148,7 +156,8 @@ class MarketWebLoginManager {
148
156
  this.exchangeToken(oneTimeCode).then(() => {
149
157
  const currentHref = window.location.href;
150
158
  const paramPrefix = (currentHref.indexOf('?oneTimeCode') !== -1) ? "?" : "&";
151
- history.replaceState({}, document.querySelector('title').innerText, currentHref.replace(`${paramPrefix}oneTimeCode=${oneTimeCode}`, ''));
159
+ const newUrl = currentHref.replace(`${paramPrefix}oneTimeCode=${oneTimeCode}`, '');
160
+ history.replaceState({}, document.querySelector('title').innerText, newUrl);
152
161
  });
153
162
  }
154
163
  }
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-e3e27c79.js');
6
6
  const pnMainnavStore = require('./pn-mainnav-store-61a75ea0.js');
7
- const MarketWebLoginManager = require('./MarketWebLoginManager-e4525782.js');
7
+ const MarketWebLoginManager = require('./MarketWebLoginManager-dd31646e.js');
8
8
  const index$1 = require('./index-28bbc937.js');
9
9
 
10
10
  const translations$1 = {
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-e3e27c79.js');
6
6
  const MarketWebContextService = require('./MarketWebContextService-392b4585.js');
7
- const MarketWebLoginManager = require('./MarketWebLoginManager-e4525782.js');
7
+ const MarketWebLoginManager = require('./MarketWebLoginManager-dd31646e.js');
8
8
 
9
9
  const translations = {
10
10
  'sv': {
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-e3e27c79.js');
6
6
 
7
- const pnSiteFooterCss = "pn-site-footer:not([theme=dotcom]){display:block;line-height:1.5}pn-site-footer:not([theme=dotcom]) a{color:#005D92}pn-site-footer:not([theme=dotcom]) a:hover{color:#0D234B;text-decoration:underline}pn-site-footer:not([theme=dotcom]) h3{font-size:2.4rem;margin-bottom:0.5rem;line-height:1.2}pn-site-footer:not([theme=dotcom]) p{font-size:1.6rem}pn-site-footer:not([theme=dotcom]) pn-site-footer-col ul.social-media{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;gap:1.6rem;row-gap:1.2rem;margin-bottom:1.6rem;-ms-flex-wrap:wrap;flex-wrap:wrap}pn-site-footer:not([theme=dotcom]) pn-site-footer-col ul.social-media li{margin-bottom:0}pn-site-footer:not([theme=dotcom])>svg{display:block}pn-site-footer:not([theme=dotcom])>div{background:#F3F2F2}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-top{display:-ms-flexbox;display:flex}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-cols{-ms-flex-item-align:center;align-self:center;-ms-flex-pack:center;justify-content:center;display:block;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0 auto;max-width:90em}@media screen and (min-width: 33.125em){pn-site-footer:not([theme=dotcom]) .pn-sitefooter-cols{display:-ms-flexbox;display:flex}}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom]{max-width:90em;margin:0 auto;padding:1.6rem 0;display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #D3CECB;border-bottom:1px solid #D3CECB}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] span,pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] a{line-height:2;margin:0 1.6rem;text-decoration:none}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] li{line-height:2em;margin:0 1.6rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;padding:3rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo svg{display:block;width:13.3rem;height:2.6rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo:has(div) a slot-fb{display:none}pn-site-footer[theme=dotcom]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#0D234B;margin:0 auto}pn-site-footer[theme=dotcom]>svg{background-color:#FFFFFF}pn-site-footer[theme=dotcom]>svg path{fill:#0D234B}pn-site-footer[theme=dotcom] .pn-sitefooter-top{width:100%}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:4.8rem;padding-left:3rem;padding-right:3rem;margin:0 auto}@media screen and (min-width: 768px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:72rem}}@media screen and (min-width: 992px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:96rem;padding-left:0;padding-right:0}}@media screen and (min-width: 1200px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:114rem}}@media screen and (min-width: 1640px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:144rem}}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols h3{font-weight:500}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols a:hover{text-decoration:underline}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom{width:100%;padding:0.8rem 0;background-color:#0D234B}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]{max-width:120rem;margin:0 auto;padding-left:3rem;padding-right:3rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:2.4rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:1.6rem 0;border-top:1px solid #005d924d;border-bottom:1px solid #005d924d}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media>ul{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2.4rem;margin:0;padding:0;list-style-type:none}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media>ul>li:hover svg>circle{fill:#005D92}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;gap:2.4rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright *{color:#FFFFFF;font-weight:400;font-size:1.4rem;line-height:1.96rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul{margin:0;padding:0}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul>li{display:inline}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul>li:last-child{margin-left:2.4rem}pn-site-footer[theme=dotcom] .pn-sitefooter-logo{padding:3rem;margin:0 auto}pn-site-footer[theme=dotcom] .pn-sitefooter-logo [name=logo]>svg{display:block;width:13.3rem;height:2.6rem}pn-site-footer[theme=dotcom] .pn-sitefooter-logo [name=logo]>svg>path{fill:#00A0D6}";
7
+ const pnSiteFooterCss = "pn-site-footer:not([theme=dotcom]){display:block;line-height:1.5}pn-site-footer:not([theme=dotcom]) a{color:#005D92}pn-site-footer:not([theme=dotcom]) a:hover{color:#0D234B;text-decoration:underline}pn-site-footer:not([theme=dotcom]) h3{font-size:2.4rem;margin-bottom:0.5rem;line-height:1.2}pn-site-footer:not([theme=dotcom]) p{font-size:1.6rem}pn-site-footer:not([theme=dotcom]) pn-site-footer-col ul.social-media{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;gap:1.6rem;row-gap:1.2rem;margin-bottom:1.6rem;-ms-flex-wrap:wrap;flex-wrap:wrap}pn-site-footer:not([theme=dotcom]) pn-site-footer-col ul.social-media li{margin-bottom:0}pn-site-footer:not([theme=dotcom])>svg{display:block}pn-site-footer:not([theme=dotcom])>div{background:#F3F2F2}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-top{display:-ms-flexbox;display:flex}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-cols{-ms-flex-item-align:center;align-self:center;-ms-flex-pack:center;justify-content:center;display:block;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0 auto;max-width:90em}@media screen and (min-width: 33.125em){pn-site-footer:not([theme=dotcom]) .pn-sitefooter-cols{display:-ms-flexbox;display:flex}}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom]{max-width:90em;margin:0 auto;padding:1.6rem 0;display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #D3CECB;border-bottom:1px solid #D3CECB}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] span,pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] a{line-height:2;margin:0 1.6rem;text-decoration:none}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] li{line-height:2em;margin:0 1.6rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;padding:3rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo svg{display:block;width:13.3rem;height:2.6rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo:has(div) a slot-fb{display:none}pn-site-footer[theme=dotcom]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#0D234B;margin:0 auto}pn-site-footer[theme=dotcom]>svg{background-color:#FFFFFF}pn-site-footer[theme=dotcom]>svg path{fill:#0D234B}pn-site-footer[theme=dotcom] .pn-sitefooter-top{width:100%}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:4.8rem;padding-left:3rem;padding-right:3rem;margin:0 auto}@media screen and (min-width: 768px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:72rem}}@media screen and (min-width: 992px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:96rem;padding-left:0;padding-right:0}}@media screen and (min-width: 1200px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:114rem}}@media screen and (min-width: 1640px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:144rem}}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols h3{font-weight:500}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols a:hover{text-decoration:underline;color:#FFFFFF}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom{width:100%;padding:0.8rem 0;background-color:#0D234B}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]{max-width:120rem;margin:0 auto;padding-left:3rem;padding-right:3rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:2.4rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:1.6rem 0;border-top:1px solid #005d924d;border-bottom:1px solid #005d924d}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media>ul{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2.4rem;margin:0;padding:0;list-style-type:none}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media>ul>li:hover svg>circle{fill:#005D92}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;gap:2.4rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright *{color:#FFFFFF;font-weight:400;font-size:1.4rem;line-height:1.96rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul{margin:0;padding:0}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul>li{display:inline}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul>li:last-child{margin-left:2.4rem}pn-site-footer[theme=dotcom] .pn-sitefooter-logo{padding:3rem;margin:0 auto}pn-site-footer[theme=dotcom] .pn-sitefooter-logo [name=logo]>svg{display:block;width:13.3rem;height:2.6rem}pn-site-footer[theme=dotcom] .pn-sitefooter-logo [name=logo]>svg>path{fill:#00A0D6}";
8
8
 
9
9
  let PnSiteFooter = class {
10
10
  constructor(hostRef) {
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-e3e27c79.js');
6
6
 
7
- const pnStatsInfoCss = ".bleed-container:has(pn-stats-info){border-bottom-left-radius:2.4rem;border-bottom-right-radius:2.4rem;padding:0;overflow:hidden}.bleed-container:has(pn-stats-info) .container>.mb-5{margin-bottom:0 !important}.bleed-container:has(pn-stats-info) .statsblock{margin-bottom:0 !important}pn-stats-info{width:100%}pn-stats-info .pn-stats-info__container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;padding-top:2rem}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container{padding-top:6rem}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container{padding-top:8rem}}pn-stats-info .pn-stats-info__container__map{display:none}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container__map{display:block;max-width:46rem;width:100%;background-color:#0D234B;background-repeat:no-repeat;background-position:bottom center;background-size:55%}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__map{background-size:contain}}pn-stats-info .pn-stats-info__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:1rem;width:100%;background-color:#0D234B;background-repeat:no-repeat;background-position:bottom left;background-size:50%;background-blend-mode:overlay;padding-bottom:2rem}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container__content{max-width:540px;background-position:-999px -999px;background-size:0;padding-bottom:4rem;padding-right:4rem}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content{max-width:100%;padding-bottom:6rem;padding-right:6rem}}pn-stats-info .pn-stats-info__container__content__heading{color:#F06365;margin-bottom:2.4rem;-ms-flex-item-align:center;align-self:center;text-align:center;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content__heading{font-weight:700;font-size:4.8rem}}pn-stats-info .pn-stats-info__container__content__data{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:20rem}@media screen and (min-width: 1640px){pn-stats-info .pn-stats-info__container__content__data{width:65rem}}";
7
+ const pnStatsInfoCss = ".bleed-container:has(pn-stats-info){border-bottom-left-radius:2.4rem;border-bottom-right-radius:2.4rem;padding:0;margin-bottom:3rem;overflow:hidden}.bleed-container:has(pn-stats-info) .container>.mb-5{margin-bottom:0 !important}.bleed-container:has(pn-stats-info) .statsblock{margin-bottom:0 !important}pn-stats-info{width:100%}pn-stats-info .pn-stats-info__container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;padding-top:2rem}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container{padding-top:6rem}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container{padding-top:8rem}}pn-stats-info .pn-stats-info__container__map{display:none}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container__map{display:block;max-width:46rem;width:100%;background-color:#0D234B;background-repeat:no-repeat;background-position:bottom center;background-size:55%}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__map{background-size:contain}}pn-stats-info .pn-stats-info__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:1rem;width:100%;background-color:#0D234B;background-repeat:no-repeat;background-position:bottom left;background-size:50%;background-blend-mode:overlay;padding-bottom:2rem}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container__content{max-width:540px;background-position:-999px -999px;background-size:0;padding-bottom:4rem;padding-right:4rem}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content{max-width:100%;padding-bottom:6rem;padding-right:6rem}}pn-stats-info .pn-stats-info__container__content__heading{color:#F06365;margin-bottom:2.4rem;-ms-flex-item-align:center;align-self:center;text-align:center;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content__heading{font-weight:700;font-size:4.8rem}}pn-stats-info .pn-stats-info__container__content__data{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:20rem}@media screen and (min-width: 1640px){pn-stats-info .pn-stats-info__container__content__data{width:65rem}}";
8
8
 
9
9
  const mockStringArray = '[{ "preamble": "Million parcels", "data": 226, "unit": null, "duration": 1000 }, { "preamble": "weighted parcel delivery quality", "data": 94.5, "unit": "%", "duration": 2500 },{ "preamble": "billion letters and other mail items", "data": 1.5, "unit": "", "duration": 3000 },{ "preamble": "carbon dioxide emissions since 2009", "data": -44, "unit": "%", "duration": 2000 }]';
10
10
  let PnStatsInfo = class {
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-e3e27c79.js');
6
6
 
7
- const pnTeaserCardCss = "pn-teaser-card{width:100%;height:100%;display:-ms-flexbox;display:flex}pn-teaser-card .pn-teaser-card__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;border-radius:2.4rem}pn-teaser-card .pn-teaser-card__container__image__container{width:100%;position:relative}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{-webkit-clip-path:ellipse(100% 90% at 50% 0%);clip-path:ellipse(100% 90% at 50% 0%);height:100%;overflow:hidden;border-top-left-radius:2.4rem;border-top-right-radius:2.4rem}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{width:100%;height:auto;-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out;-webkit-transform:scale(1);transform:scale(1);aspect-ratio:16/9}pn-teaser-card .pn-teaser-card__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1 1 100%;flex:1 1 100%;gap:3.2rem;padding:2.4rem 2.4rem;padding-top:0}pn-teaser-card .pn-teaser-card__container__content__text__container>h1{font-weight:700;font-size:2.4rem;line-height:2.64rem}pn-teaser-card .pn-teaser-card__container__content__text__container>p{padding-top:1.6rem;font-weight:400;font-size:1.6rem;line-height:2.24rem}pn-teaser-card .pn-teaser-card__container__content__text__container__label{display:block;margin-bottom:1.6rem;font-weight:400;font-size:1.2rem;line-height:140%}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{-ms-flex-item-align:end;align-self:flex-end;width:100%}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button a:hover{text-decoration:none}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button>button>.pn-button-bg,pn-teaser-card .pn-teaser-card__container__content__cta>pn-button>a>.pn-button-bg{-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out}@media screen and (min-width: 768px){pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}pn-teaser-card[data-card-color=coral]>.pn-teaser-card__container{background-color:#FDEFEE}pn-teaser-card[data-card-color=green]>.pn-teaser-card__container{background-color:#DCF6E7}@media screen and (min-width: 1200px){.halfwidth pn-teaser-card .pn-teaser-card__container__content{padding:0 5.6rem 5.6rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container>h1{font-weight:700;font-size:3.2rem;line-height:3.52rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container>p{font-weight:400;font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 768px){.fullwidth pn-teaser-card{min-height:35rem}.fullwidth pn-teaser-card .pn-teaser-card__container{-ms-flex-direction:row;flex-direction:row}.fullwidth pn-teaser-card .pn-teaser-card__container__content{-ms-flex-item-align:center;align-self:center;gap:2.4rem;padding:3.2rem 3.2rem 3.2rem 2.4rem}.fullwidth pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;-webkit-clip-path:ellipse(100% 100% at 0% 50%);clip-path:ellipse(100% 100% at 0% 50%)}.fullwidth pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{height:100%;-o-object-fit:cover;object-fit:cover}}@media screen and (min-width: 1200px){.fullwidth pn-teaser-card{min-height:52rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content{padding:4rem 4rem 4rem 3.2rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container>h1{font-weight:700;font-size:4.8rem;line-height:5.28rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container>p{font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 768px){.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__content{padding:3.2rem 2.4rem 3.2rem 3.2rem}.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__image__container>[slot=illustration]{border-bottom-right-radius:2.4rem;-webkit-clip-path:ellipse(100% 100% at 100% 50%);clip-path:ellipse(100% 100% at 100% 50%)}}@media screen and (min-width: 1200px){.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__content{padding:4rem 3.2rem 4rem 4rem}}pn-teaser-card.teaser-card--hover-effect:hover{cursor:pointer}pn-teaser-card.teaser-card--hover-effect:hover .pn-teaser-card__container__image__container [slot=illustration] picture>img{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-filter:brightness(0.85);filter:brightness(0.85)}pn-teaser-card.teaser-card--hover-effect:hover pn-button button .pn-button-bg,pn-teaser-card.teaser-card--hover-effect:hover pn-button a .pn-button-bg{background-color:#0D234B}";
7
+ const pnTeaserCardCss = "pn-teaser-card{width:100%;height:100%;display:-ms-flexbox;display:flex}pn-teaser-card .pn-teaser-card__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;border-radius:2.4rem}pn-teaser-card .pn-teaser-card__container__image__container{width:100%;position:relative}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{-webkit-clip-path:ellipse(100% 90% at 50% 0%);clip-path:ellipse(100% 90% at 50% 0%);height:100%;overflow:hidden;border-top-left-radius:2.4rem;border-top-right-radius:2.4rem}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{width:100%;height:auto;-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out;-webkit-transform:scale(1);transform:scale(1);aspect-ratio:16/9}pn-teaser-card .pn-teaser-card__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1 1 100%;flex:1 1 100%;gap:3.2rem;padding:2.4rem 2.4rem;padding-top:0}pn-teaser-card .pn-teaser-card__container__content__text__container>h1{font-weight:700;font-size:2.4rem;line-height:2.64rem}pn-teaser-card .pn-teaser-card__container__content__text__container>p{padding-top:1.6rem;font-weight:400;font-size:1.6rem;line-height:2.24rem}pn-teaser-card .pn-teaser-card__container__content__text__container__label{display:block;margin-bottom:1.6rem;font-weight:400;font-size:1.2rem;line-height:140%}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{-ms-flex-item-align:end;align-self:flex-end;width:100%}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button a:hover{text-decoration:none}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button>button>.pn-button-bg,pn-teaser-card .pn-teaser-card__container__content__cta>pn-button>a>.pn-button-bg{-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out}@media screen and (min-width: 768px){pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}pn-teaser-card[data-card-color=coral]>.pn-teaser-card__container{background-color:#FDEFEE}pn-teaser-card[data-card-color=green]>.pn-teaser-card__container{background-color:#DCF6E7}pn-teaser-card[data-card-color=blue]>.pn-teaser-card__container{background-color:#EFFBFF}@media screen and (min-width: 1200px){.halfwidth pn-teaser-card .pn-teaser-card__container__content{padding:0 5.6rem 5.6rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container>h1{font-weight:700;font-size:3.2rem;line-height:3.52rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container>p{font-weight:400;font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 768px){.fullwidth pn-teaser-card{min-height:35rem}.fullwidth pn-teaser-card .pn-teaser-card__container{-ms-flex-direction:row;flex-direction:row}.fullwidth pn-teaser-card .pn-teaser-card__container__content{-ms-flex-item-align:center;align-self:center;gap:2.4rem;padding:3.2rem 3.2rem 3.2rem 2.4rem}.fullwidth pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;-webkit-clip-path:ellipse(100% 100% at 0% 50%);clip-path:ellipse(100% 100% at 0% 50%)}.fullwidth pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{height:100%;-o-object-fit:cover;object-fit:cover}}@media screen and (min-width: 1200px){.fullwidth pn-teaser-card{min-height:52rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content{padding:4rem 4rem 4rem 3.2rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container>h1{font-weight:700;font-size:4.8rem;line-height:5.28rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container>p{font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 768px){.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__content{padding:3.2rem 2.4rem 3.2rem 3.2rem}.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__image__container>[slot=illustration]{border-bottom-right-radius:2.4rem;-webkit-clip-path:ellipse(100% 100% at 100% 50%);clip-path:ellipse(100% 100% at 100% 50%)}}@media screen and (min-width: 1200px){.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__content{padding:4rem 3.2rem 4rem 4rem}}pn-teaser-card.teaser-card--hover-effect:hover{cursor:pointer}pn-teaser-card.teaser-card--hover-effect:hover .pn-teaser-card__container__image__container [slot=illustration] picture>img{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-filter:brightness(0.85);filter:brightness(0.85)}pn-teaser-card.teaser-card--hover-effect:hover pn-button button .pn-button-bg,pn-teaser-card.teaser-card--hover-effect:hover pn-button a .pn-button-bg{background-color:#0D234B}";
8
8
 
9
9
  let PnTeaserCard = class {
10
10
  constructor(hostRef) {
@@ -78,6 +78,10 @@ pn-teaser-card[data-card-color=green] > .pn-teaser-card__container {
78
78
  background-color: #DCF6E7;
79
79
  }
80
80
 
81
+ pn-teaser-card[data-card-color=blue] > .pn-teaser-card__container {
82
+ background-color: #EFFBFF;
83
+ }
84
+
81
85
  @media screen and (min-width: 1200px) {
82
86
  .halfwidth pn-teaser-card .pn-teaser-card__container__content {
83
87
  padding: 0 5.6rem 5.6rem;
@@ -2,6 +2,7 @@
2
2
  border-bottom-left-radius: 2.4rem;
3
3
  border-bottom-right-radius: 2.4rem;
4
4
  padding: 0;
5
+ margin-bottom: 3rem;
5
6
  overflow: hidden;
6
7
  }
7
8
  .bleed-container:has(pn-stats-info) .container > .mb-5 {
@@ -467,3 +467,25 @@ DotComSiteHeader.args = {
467
467
  name: 'DotCom User',
468
468
  loggedin: false,
469
469
  };
470
+
471
+ const ATLoginTestTemplate = ({ ...args }) => {
472
+ return `
473
+ <script>
474
+ window['pnTopbar'] = { access_token : 'b54237185e06db83b1d6467895ba774328d6d3a8dd6b22f7305af65' };
475
+ </script>
476
+ <header>
477
+ <pn-marketweb-siteheader
478
+ endpoint="https://com-integration.postnord.com"
479
+ hide-search=""
480
+ spa-mode="true"
481
+ market="se"
482
+ language="sv"
483
+ login="https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=https://atportal.postnord.com"
484
+ environment="integration"
485
+ site-domain-in-urls="true"
486
+ hide-site-selector="false" >
487
+ </pn-marketweb-siteheader>
488
+ </header>`;
489
+ };
490
+ export const ATLoginTest = ATLoginTestTemplate.bind({});
491
+
@@ -138,6 +138,7 @@ pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols h3 {
138
138
  }
139
139
  pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols a:hover {
140
140
  text-decoration: underline;
141
+ color: #FFFFFF;
141
142
  }
142
143
  pn-site-footer[theme=dotcom] .pn-sitefooter-bottom {
143
144
  width: 100%;
@@ -68,6 +68,7 @@ class MarketWebLoginManager {
68
68
  init(checkParameters = true) {
69
69
  if (checkParameters) {
70
70
  this.checkParameters();
71
+ this.checkPNTopbar();
71
72
  this.checkExpireTime();
72
73
  if (this.store.get(this.keys.token) && !this.store.get(this.keys.user)) {
73
74
  this.fetchUserInfo();
@@ -136,6 +137,13 @@ class MarketWebLoginManager {
136
137
  this.loginStateChange();
137
138
  }
138
139
  }
140
+ checkPNTopbar() {
141
+ if (this.isLoggedIn() || !window['pnTopbar'] || !window['pnTopbar']['access_token']) {
142
+ return;
143
+ }
144
+ this.store.set(this.keys.token, window['pnTopbar']['access_token']);
145
+ this.fetchUserInfo();
146
+ }
139
147
  checkParameters() {
140
148
  if (!(window === null || window === void 0 ? void 0 : window.location)) {
141
149
  return;
@@ -146,7 +154,8 @@ class MarketWebLoginManager {
146
154
  this.exchangeToken(oneTimeCode).then(() => {
147
155
  const currentHref = window.location.href;
148
156
  const paramPrefix = (currentHref.indexOf('?oneTimeCode') !== -1) ? "?" : "&";
149
- history.replaceState({}, document.querySelector('title').innerText, currentHref.replace(`${paramPrefix}oneTimeCode=${oneTimeCode}`, ''));
157
+ const newUrl = currentHref.replace(`${paramPrefix}oneTimeCode=${oneTimeCode}`, '');
158
+ history.replaceState({}, document.querySelector('title').innerText, newUrl);
150
159
  });
151
160
  }
152
161
  }
@@ -4200,6 +4200,7 @@ class MarketWebLoginManager {
4200
4200
  init(checkParameters = true) {
4201
4201
  if (checkParameters) {
4202
4202
  this.checkParameters();
4203
+ this.checkPNTopbar();
4203
4204
  this.checkExpireTime();
4204
4205
  if (this.store.get(this.keys.token) && !this.store.get(this.keys.user)) {
4205
4206
  this.fetchUserInfo();
@@ -4268,6 +4269,13 @@ class MarketWebLoginManager {
4268
4269
  this.loginStateChange();
4269
4270
  }
4270
4271
  }
4272
+ checkPNTopbar() {
4273
+ if (this.isLoggedIn() || !window['pnTopbar'] || !window['pnTopbar']['access_token']) {
4274
+ return;
4275
+ }
4276
+ this.store.set(this.keys.token, window['pnTopbar']['access_token']);
4277
+ this.fetchUserInfo();
4278
+ }
4271
4279
  checkParameters() {
4272
4280
  if (!(window === null || window === void 0 ? void 0 : window.location)) {
4273
4281
  return;
@@ -4278,7 +4286,8 @@ class MarketWebLoginManager {
4278
4286
  this.exchangeToken(oneTimeCode).then(() => {
4279
4287
  const currentHref = window.location.href;
4280
4288
  const paramPrefix = (currentHref.indexOf('?oneTimeCode') !== -1) ? "?" : "&";
4281
- history.replaceState({}, document.querySelector('title').innerText, currentHref.replace(`${paramPrefix}oneTimeCode=${oneTimeCode}`, ''));
4289
+ const newUrl = currentHref.replace(`${paramPrefix}oneTimeCode=${oneTimeCode}`, '');
4290
+ history.replaceState({}, document.querySelector('title').innerText, newUrl);
4282
4291
  });
4283
4292
  }
4284
4293
  }
@@ -6573,7 +6582,7 @@ let PnSidenavTogglebutton$1 = class extends HTMLElement {
6573
6582
  static get style() { return pnSidenavTogglebuttonCss; }
6574
6583
  };
6575
6584
 
6576
- const pnSiteFooterCss = "pn-site-footer:not([theme=dotcom]){display:block;line-height:1.5}pn-site-footer:not([theme=dotcom]) a{color:#005D92}pn-site-footer:not([theme=dotcom]) a:hover{color:#0D234B;text-decoration:underline}pn-site-footer:not([theme=dotcom]) h3{font-size:2.4rem;margin-bottom:0.5rem;line-height:1.2}pn-site-footer:not([theme=dotcom]) p{font-size:1.6rem}pn-site-footer:not([theme=dotcom]) pn-site-footer-col ul.social-media{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;gap:1.6rem;row-gap:1.2rem;margin-bottom:1.6rem;-ms-flex-wrap:wrap;flex-wrap:wrap}pn-site-footer:not([theme=dotcom]) pn-site-footer-col ul.social-media li{margin-bottom:0}pn-site-footer:not([theme=dotcom])>svg{display:block}pn-site-footer:not([theme=dotcom])>div{background:#F3F2F2}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-top{display:-ms-flexbox;display:flex}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-cols{-ms-flex-item-align:center;align-self:center;-ms-flex-pack:center;justify-content:center;display:block;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0 auto;max-width:90em}@media screen and (min-width: 33.125em){pn-site-footer:not([theme=dotcom]) .pn-sitefooter-cols{display:-ms-flexbox;display:flex}}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom]{max-width:90em;margin:0 auto;padding:1.6rem 0;display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #D3CECB;border-bottom:1px solid #D3CECB}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] span,pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] a{line-height:2;margin:0 1.6rem;text-decoration:none}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] li{line-height:2em;margin:0 1.6rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;padding:3rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo svg{display:block;width:13.3rem;height:2.6rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo:has(div) a slot-fb{display:none}pn-site-footer[theme=dotcom]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#0D234B;margin:0 auto}pn-site-footer[theme=dotcom]>svg{background-color:#FFFFFF}pn-site-footer[theme=dotcom]>svg path{fill:#0D234B}pn-site-footer[theme=dotcom] .pn-sitefooter-top{width:100%}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:4.8rem;padding-left:3rem;padding-right:3rem;margin:0 auto}@media screen and (min-width: 768px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:72rem}}@media screen and (min-width: 992px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:96rem;padding-left:0;padding-right:0}}@media screen and (min-width: 1200px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:114rem}}@media screen and (min-width: 1640px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:144rem}}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols h3{font-weight:500}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols a:hover{text-decoration:underline}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom{width:100%;padding:0.8rem 0;background-color:#0D234B}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]{max-width:120rem;margin:0 auto;padding-left:3rem;padding-right:3rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:2.4rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:1.6rem 0;border-top:1px solid #005d924d;border-bottom:1px solid #005d924d}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media>ul{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2.4rem;margin:0;padding:0;list-style-type:none}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media>ul>li:hover svg>circle{fill:#005D92}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;gap:2.4rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright *{color:#FFFFFF;font-weight:400;font-size:1.4rem;line-height:1.96rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul{margin:0;padding:0}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul>li{display:inline}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul>li:last-child{margin-left:2.4rem}pn-site-footer[theme=dotcom] .pn-sitefooter-logo{padding:3rem;margin:0 auto}pn-site-footer[theme=dotcom] .pn-sitefooter-logo [name=logo]>svg{display:block;width:13.3rem;height:2.6rem}pn-site-footer[theme=dotcom] .pn-sitefooter-logo [name=logo]>svg>path{fill:#00A0D6}";
6585
+ const pnSiteFooterCss = "pn-site-footer:not([theme=dotcom]){display:block;line-height:1.5}pn-site-footer:not([theme=dotcom]) a{color:#005D92}pn-site-footer:not([theme=dotcom]) a:hover{color:#0D234B;text-decoration:underline}pn-site-footer:not([theme=dotcom]) h3{font-size:2.4rem;margin-bottom:0.5rem;line-height:1.2}pn-site-footer:not([theme=dotcom]) p{font-size:1.6rem}pn-site-footer:not([theme=dotcom]) pn-site-footer-col ul.social-media{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;gap:1.6rem;row-gap:1.2rem;margin-bottom:1.6rem;-ms-flex-wrap:wrap;flex-wrap:wrap}pn-site-footer:not([theme=dotcom]) pn-site-footer-col ul.social-media li{margin-bottom:0}pn-site-footer:not([theme=dotcom])>svg{display:block}pn-site-footer:not([theme=dotcom])>div{background:#F3F2F2}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-top{display:-ms-flexbox;display:flex}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-cols{-ms-flex-item-align:center;align-self:center;-ms-flex-pack:center;justify-content:center;display:block;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0 auto;max-width:90em}@media screen and (min-width: 33.125em){pn-site-footer:not([theme=dotcom]) .pn-sitefooter-cols{display:-ms-flexbox;display:flex}}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom]{max-width:90em;margin:0 auto;padding:1.6rem 0;display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #D3CECB;border-bottom:1px solid #D3CECB}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] span,pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] a{line-height:2;margin:0 1.6rem;text-decoration:none}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] li{line-height:2em;margin:0 1.6rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;padding:3rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo svg{display:block;width:13.3rem;height:2.6rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo:has(div) a slot-fb{display:none}pn-site-footer[theme=dotcom]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#0D234B;margin:0 auto}pn-site-footer[theme=dotcom]>svg{background-color:#FFFFFF}pn-site-footer[theme=dotcom]>svg path{fill:#0D234B}pn-site-footer[theme=dotcom] .pn-sitefooter-top{width:100%}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:4.8rem;padding-left:3rem;padding-right:3rem;margin:0 auto}@media screen and (min-width: 768px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:72rem}}@media screen and (min-width: 992px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:96rem;padding-left:0;padding-right:0}}@media screen and (min-width: 1200px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:114rem}}@media screen and (min-width: 1640px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:144rem}}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols h3{font-weight:500}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols a:hover{text-decoration:underline;color:#FFFFFF}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom{width:100%;padding:0.8rem 0;background-color:#0D234B}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]{max-width:120rem;margin:0 auto;padding-left:3rem;padding-right:3rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:2.4rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:1.6rem 0;border-top:1px solid #005d924d;border-bottom:1px solid #005d924d}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media>ul{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2.4rem;margin:0;padding:0;list-style-type:none}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media>ul>li:hover svg>circle{fill:#005D92}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;gap:2.4rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright *{color:#FFFFFF;font-weight:400;font-size:1.4rem;line-height:1.96rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul{margin:0;padding:0}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul>li{display:inline}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul>li:last-child{margin-left:2.4rem}pn-site-footer[theme=dotcom] .pn-sitefooter-logo{padding:3rem;margin:0 auto}pn-site-footer[theme=dotcom] .pn-sitefooter-logo [name=logo]>svg{display:block;width:13.3rem;height:2.6rem}pn-site-footer[theme=dotcom] .pn-sitefooter-logo [name=logo]>svg>path{fill:#00A0D6}";
6577
6586
 
6578
6587
  let PnSiteFooter$1 = class extends HTMLElement {
6579
6588
  constructor() {
@@ -6676,7 +6685,7 @@ let PnSiteSelectorItem$1 = class extends HTMLElement {
6676
6685
  static get style() { return pnSiteSelectorItemCss; }
6677
6686
  };
6678
6687
 
6679
- const pnStatsInfoCss = ".bleed-container:has(pn-stats-info){border-bottom-left-radius:2.4rem;border-bottom-right-radius:2.4rem;padding:0;overflow:hidden}.bleed-container:has(pn-stats-info) .container>.mb-5{margin-bottom:0 !important}.bleed-container:has(pn-stats-info) .statsblock{margin-bottom:0 !important}pn-stats-info{width:100%}pn-stats-info .pn-stats-info__container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;padding-top:2rem}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container{padding-top:6rem}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container{padding-top:8rem}}pn-stats-info .pn-stats-info__container__map{display:none}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container__map{display:block;max-width:46rem;width:100%;background-color:#0D234B;background-repeat:no-repeat;background-position:bottom center;background-size:55%}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__map{background-size:contain}}pn-stats-info .pn-stats-info__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:1rem;width:100%;background-color:#0D234B;background-repeat:no-repeat;background-position:bottom left;background-size:50%;background-blend-mode:overlay;padding-bottom:2rem}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container__content{max-width:540px;background-position:-999px -999px;background-size:0;padding-bottom:4rem;padding-right:4rem}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content{max-width:100%;padding-bottom:6rem;padding-right:6rem}}pn-stats-info .pn-stats-info__container__content__heading{color:#F06365;margin-bottom:2.4rem;-ms-flex-item-align:center;align-self:center;text-align:center;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content__heading{font-weight:700;font-size:4.8rem}}pn-stats-info .pn-stats-info__container__content__data{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:20rem}@media screen and (min-width: 1640px){pn-stats-info .pn-stats-info__container__content__data{width:65rem}}";
6688
+ const pnStatsInfoCss = ".bleed-container:has(pn-stats-info){border-bottom-left-radius:2.4rem;border-bottom-right-radius:2.4rem;padding:0;margin-bottom:3rem;overflow:hidden}.bleed-container:has(pn-stats-info) .container>.mb-5{margin-bottom:0 !important}.bleed-container:has(pn-stats-info) .statsblock{margin-bottom:0 !important}pn-stats-info{width:100%}pn-stats-info .pn-stats-info__container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;padding-top:2rem}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container{padding-top:6rem}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container{padding-top:8rem}}pn-stats-info .pn-stats-info__container__map{display:none}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container__map{display:block;max-width:46rem;width:100%;background-color:#0D234B;background-repeat:no-repeat;background-position:bottom center;background-size:55%}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__map{background-size:contain}}pn-stats-info .pn-stats-info__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:1rem;width:100%;background-color:#0D234B;background-repeat:no-repeat;background-position:bottom left;background-size:50%;background-blend-mode:overlay;padding-bottom:2rem}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container__content{max-width:540px;background-position:-999px -999px;background-size:0;padding-bottom:4rem;padding-right:4rem}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content{max-width:100%;padding-bottom:6rem;padding-right:6rem}}pn-stats-info .pn-stats-info__container__content__heading{color:#F06365;margin-bottom:2.4rem;-ms-flex-item-align:center;align-self:center;text-align:center;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content__heading{font-weight:700;font-size:4.8rem}}pn-stats-info .pn-stats-info__container__content__data{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:20rem}@media screen and (min-width: 1640px){pn-stats-info .pn-stats-info__container__content__data{width:65rem}}";
6680
6689
 
6681
6690
  const mockStringArray = '[{ "preamble": "Million parcels", "data": 226, "unit": null, "duration": 1000 }, { "preamble": "weighted parcel delivery quality", "data": 94.5, "unit": "%", "duration": 2500 },{ "preamble": "billion letters and other mail items", "data": 1.5, "unit": "", "duration": 3000 },{ "preamble": "carbon dioxide emissions since 2009", "data": -44, "unit": "%", "duration": 2000 }]';
6682
6691
  let PnStatsInfo$1 = class extends HTMLElement {
@@ -6764,7 +6773,7 @@ let PnStatsInfoData$1 = class extends HTMLElement {
6764
6773
  static get style() { return pnStatsInfoDataCss; }
6765
6774
  };
6766
6775
 
6767
- const pnTeaserCardCss = "pn-teaser-card{width:100%;height:100%;display:-ms-flexbox;display:flex}pn-teaser-card .pn-teaser-card__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;border-radius:2.4rem}pn-teaser-card .pn-teaser-card__container__image__container{width:100%;position:relative}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{-webkit-clip-path:ellipse(100% 90% at 50% 0%);clip-path:ellipse(100% 90% at 50% 0%);height:100%;overflow:hidden;border-top-left-radius:2.4rem;border-top-right-radius:2.4rem}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{width:100%;height:auto;-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out;-webkit-transform:scale(1);transform:scale(1);aspect-ratio:16/9}pn-teaser-card .pn-teaser-card__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1 1 100%;flex:1 1 100%;gap:3.2rem;padding:2.4rem 2.4rem;padding-top:0}pn-teaser-card .pn-teaser-card__container__content__text__container>h1{font-weight:700;font-size:2.4rem;line-height:2.64rem}pn-teaser-card .pn-teaser-card__container__content__text__container>p{padding-top:1.6rem;font-weight:400;font-size:1.6rem;line-height:2.24rem}pn-teaser-card .pn-teaser-card__container__content__text__container__label{display:block;margin-bottom:1.6rem;font-weight:400;font-size:1.2rem;line-height:140%}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{-ms-flex-item-align:end;align-self:flex-end;width:100%}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button a:hover{text-decoration:none}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button>button>.pn-button-bg,pn-teaser-card .pn-teaser-card__container__content__cta>pn-button>a>.pn-button-bg{-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out}@media screen and (min-width: 768px){pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}pn-teaser-card[data-card-color=coral]>.pn-teaser-card__container{background-color:#FDEFEE}pn-teaser-card[data-card-color=green]>.pn-teaser-card__container{background-color:#DCF6E7}@media screen and (min-width: 1200px){.halfwidth pn-teaser-card .pn-teaser-card__container__content{padding:0 5.6rem 5.6rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container>h1{font-weight:700;font-size:3.2rem;line-height:3.52rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container>p{font-weight:400;font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 768px){.fullwidth pn-teaser-card{min-height:35rem}.fullwidth pn-teaser-card .pn-teaser-card__container{-ms-flex-direction:row;flex-direction:row}.fullwidth pn-teaser-card .pn-teaser-card__container__content{-ms-flex-item-align:center;align-self:center;gap:2.4rem;padding:3.2rem 3.2rem 3.2rem 2.4rem}.fullwidth pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;-webkit-clip-path:ellipse(100% 100% at 0% 50%);clip-path:ellipse(100% 100% at 0% 50%)}.fullwidth pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{height:100%;-o-object-fit:cover;object-fit:cover}}@media screen and (min-width: 1200px){.fullwidth pn-teaser-card{min-height:52rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content{padding:4rem 4rem 4rem 3.2rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container>h1{font-weight:700;font-size:4.8rem;line-height:5.28rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container>p{font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 768px){.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__content{padding:3.2rem 2.4rem 3.2rem 3.2rem}.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__image__container>[slot=illustration]{border-bottom-right-radius:2.4rem;-webkit-clip-path:ellipse(100% 100% at 100% 50%);clip-path:ellipse(100% 100% at 100% 50%)}}@media screen and (min-width: 1200px){.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__content{padding:4rem 3.2rem 4rem 4rem}}pn-teaser-card.teaser-card--hover-effect:hover{cursor:pointer}pn-teaser-card.teaser-card--hover-effect:hover .pn-teaser-card__container__image__container [slot=illustration] picture>img{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-filter:brightness(0.85);filter:brightness(0.85)}pn-teaser-card.teaser-card--hover-effect:hover pn-button button .pn-button-bg,pn-teaser-card.teaser-card--hover-effect:hover pn-button a .pn-button-bg{background-color:#0D234B}";
6776
+ const pnTeaserCardCss = "pn-teaser-card{width:100%;height:100%;display:-ms-flexbox;display:flex}pn-teaser-card .pn-teaser-card__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;border-radius:2.4rem}pn-teaser-card .pn-teaser-card__container__image__container{width:100%;position:relative}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{-webkit-clip-path:ellipse(100% 90% at 50% 0%);clip-path:ellipse(100% 90% at 50% 0%);height:100%;overflow:hidden;border-top-left-radius:2.4rem;border-top-right-radius:2.4rem}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{width:100%;height:auto;-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out;-webkit-transform:scale(1);transform:scale(1);aspect-ratio:16/9}pn-teaser-card .pn-teaser-card__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1 1 100%;flex:1 1 100%;gap:3.2rem;padding:2.4rem 2.4rem;padding-top:0}pn-teaser-card .pn-teaser-card__container__content__text__container>h1{font-weight:700;font-size:2.4rem;line-height:2.64rem}pn-teaser-card .pn-teaser-card__container__content__text__container>p{padding-top:1.6rem;font-weight:400;font-size:1.6rem;line-height:2.24rem}pn-teaser-card .pn-teaser-card__container__content__text__container__label{display:block;margin-bottom:1.6rem;font-weight:400;font-size:1.2rem;line-height:140%}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{-ms-flex-item-align:end;align-self:flex-end;width:100%}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button a:hover{text-decoration:none}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button>button>.pn-button-bg,pn-teaser-card .pn-teaser-card__container__content__cta>pn-button>a>.pn-button-bg{-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out}@media screen and (min-width: 768px){pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}pn-teaser-card[data-card-color=coral]>.pn-teaser-card__container{background-color:#FDEFEE}pn-teaser-card[data-card-color=green]>.pn-teaser-card__container{background-color:#DCF6E7}pn-teaser-card[data-card-color=blue]>.pn-teaser-card__container{background-color:#EFFBFF}@media screen and (min-width: 1200px){.halfwidth pn-teaser-card .pn-teaser-card__container__content{padding:0 5.6rem 5.6rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container>h1{font-weight:700;font-size:3.2rem;line-height:3.52rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container>p{font-weight:400;font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 768px){.fullwidth pn-teaser-card{min-height:35rem}.fullwidth pn-teaser-card .pn-teaser-card__container{-ms-flex-direction:row;flex-direction:row}.fullwidth pn-teaser-card .pn-teaser-card__container__content{-ms-flex-item-align:center;align-self:center;gap:2.4rem;padding:3.2rem 3.2rem 3.2rem 2.4rem}.fullwidth pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;-webkit-clip-path:ellipse(100% 100% at 0% 50%);clip-path:ellipse(100% 100% at 0% 50%)}.fullwidth pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{height:100%;-o-object-fit:cover;object-fit:cover}}@media screen and (min-width: 1200px){.fullwidth pn-teaser-card{min-height:52rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content{padding:4rem 4rem 4rem 3.2rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container>h1{font-weight:700;font-size:4.8rem;line-height:5.28rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container>p{font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 768px){.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__content{padding:3.2rem 2.4rem 3.2rem 3.2rem}.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__image__container>[slot=illustration]{border-bottom-right-radius:2.4rem;-webkit-clip-path:ellipse(100% 100% at 100% 50%);clip-path:ellipse(100% 100% at 100% 50%)}}@media screen and (min-width: 1200px){.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__content{padding:4rem 3.2rem 4rem 4rem}}pn-teaser-card.teaser-card--hover-effect:hover{cursor:pointer}pn-teaser-card.teaser-card--hover-effect:hover .pn-teaser-card__container__image__container [slot=illustration] picture>img{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-filter:brightness(0.85);filter:brightness(0.85)}pn-teaser-card.teaser-card--hover-effect:hover pn-button button .pn-button-bg,pn-teaser-card.teaser-card--hover-effect:hover pn-button a .pn-button-bg{background-color:#0D234B}";
6768
6777
 
6769
6778
  let PnTeaserCard$1 = class extends HTMLElement {
6770
6779
  constructor() {
@@ -68,6 +68,7 @@ class MarketWebLoginManager {
68
68
  init(checkParameters = true) {
69
69
  if (checkParameters) {
70
70
  this.checkParameters();
71
+ this.checkPNTopbar();
71
72
  this.checkExpireTime();
72
73
  if (this.store.get(this.keys.token) && !this.store.get(this.keys.user)) {
73
74
  this.fetchUserInfo();
@@ -136,6 +137,13 @@ class MarketWebLoginManager {
136
137
  this.loginStateChange();
137
138
  }
138
139
  }
140
+ checkPNTopbar() {
141
+ if (this.isLoggedIn() || !window['pnTopbar'] || !window['pnTopbar']['access_token']) {
142
+ return;
143
+ }
144
+ this.store.set(this.keys.token, window['pnTopbar']['access_token']);
145
+ this.fetchUserInfo();
146
+ }
139
147
  checkParameters() {
140
148
  if (!(window === null || window === void 0 ? void 0 : window.location)) {
141
149
  return;
@@ -146,7 +154,8 @@ class MarketWebLoginManager {
146
154
  this.exchangeToken(oneTimeCode).then(() => {
147
155
  const currentHref = window.location.href;
148
156
  const paramPrefix = (currentHref.indexOf('?oneTimeCode') !== -1) ? "?" : "&";
149
- history.replaceState({}, document.querySelector('title').innerText, currentHref.replace(`${paramPrefix}oneTimeCode=${oneTimeCode}`, ''));
157
+ const newUrl = currentHref.replace(`${paramPrefix}oneTimeCode=${oneTimeCode}`, '');
158
+ history.replaceState({}, document.querySelector('title').innerText, newUrl);
150
159
  });
151
160
  }
152
161
  }
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, e as createEvent, h, a as Host, g as getElement } from './index-5397620b.js';
2
2
  import { s as state$1, o as onChange$1 } from './pn-mainnav-store-28571e54.js';
3
- import { M as MarketWebLoginManager } from './MarketWebLoginManager-0dd17ff6.js';
3
+ import { M as MarketWebLoginManager } from './MarketWebLoginManager-163d8a0c.js';
4
4
  import { c as createStore } from './index-7b21ecff.js';
5
5
 
6
6
  const translations$1 = {
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, e as createEvent, h, a as Host, g as getElement } from './index-5397620b.js';
2
2
  import { F as FetchHelper, M as MarketWebContextService } from './MarketWebContextService-872043cc.js';
3
- import { M as MarketWebLoginManager } from './MarketWebLoginManager-0dd17ff6.js';
3
+ import { M as MarketWebLoginManager } from './MarketWebLoginManager-163d8a0c.js';
4
4
 
5
5
  const translations = {
6
6
  'sv': {
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, a as Host } from './index-5397620b.js';
2
2
 
3
- const pnSiteFooterCss = "pn-site-footer:not([theme=dotcom]){display:block;line-height:1.5}pn-site-footer:not([theme=dotcom]) a{color:#005D92}pn-site-footer:not([theme=dotcom]) a:hover{color:#0D234B;text-decoration:underline}pn-site-footer:not([theme=dotcom]) h3{font-size:2.4rem;margin-bottom:0.5rem;line-height:1.2}pn-site-footer:not([theme=dotcom]) p{font-size:1.6rem}pn-site-footer:not([theme=dotcom]) pn-site-footer-col ul.social-media{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;gap:1.6rem;row-gap:1.2rem;margin-bottom:1.6rem;-ms-flex-wrap:wrap;flex-wrap:wrap}pn-site-footer:not([theme=dotcom]) pn-site-footer-col ul.social-media li{margin-bottom:0}pn-site-footer:not([theme=dotcom])>svg{display:block}pn-site-footer:not([theme=dotcom])>div{background:#F3F2F2}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-top{display:-ms-flexbox;display:flex}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-cols{-ms-flex-item-align:center;align-self:center;-ms-flex-pack:center;justify-content:center;display:block;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0 auto;max-width:90em}@media screen and (min-width: 33.125em){pn-site-footer:not([theme=dotcom]) .pn-sitefooter-cols{display:-ms-flexbox;display:flex}}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom]{max-width:90em;margin:0 auto;padding:1.6rem 0;display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #D3CECB;border-bottom:1px solid #D3CECB}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] span,pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] a{line-height:2;margin:0 1.6rem;text-decoration:none}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] li{line-height:2em;margin:0 1.6rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;padding:3rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo svg{display:block;width:13.3rem;height:2.6rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo:has(div) a slot-fb{display:none}pn-site-footer[theme=dotcom]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#0D234B;margin:0 auto}pn-site-footer[theme=dotcom]>svg{background-color:#FFFFFF}pn-site-footer[theme=dotcom]>svg path{fill:#0D234B}pn-site-footer[theme=dotcom] .pn-sitefooter-top{width:100%}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:4.8rem;padding-left:3rem;padding-right:3rem;margin:0 auto}@media screen and (min-width: 768px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:72rem}}@media screen and (min-width: 992px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:96rem;padding-left:0;padding-right:0}}@media screen and (min-width: 1200px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:114rem}}@media screen and (min-width: 1640px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:144rem}}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols h3{font-weight:500}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols a:hover{text-decoration:underline}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom{width:100%;padding:0.8rem 0;background-color:#0D234B}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]{max-width:120rem;margin:0 auto;padding-left:3rem;padding-right:3rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:2.4rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:1.6rem 0;border-top:1px solid #005d924d;border-bottom:1px solid #005d924d}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media>ul{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2.4rem;margin:0;padding:0;list-style-type:none}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media>ul>li:hover svg>circle{fill:#005D92}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;gap:2.4rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright *{color:#FFFFFF;font-weight:400;font-size:1.4rem;line-height:1.96rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul{margin:0;padding:0}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul>li{display:inline}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul>li:last-child{margin-left:2.4rem}pn-site-footer[theme=dotcom] .pn-sitefooter-logo{padding:3rem;margin:0 auto}pn-site-footer[theme=dotcom] .pn-sitefooter-logo [name=logo]>svg{display:block;width:13.3rem;height:2.6rem}pn-site-footer[theme=dotcom] .pn-sitefooter-logo [name=logo]>svg>path{fill:#00A0D6}";
3
+ const pnSiteFooterCss = "pn-site-footer:not([theme=dotcom]){display:block;line-height:1.5}pn-site-footer:not([theme=dotcom]) a{color:#005D92}pn-site-footer:not([theme=dotcom]) a:hover{color:#0D234B;text-decoration:underline}pn-site-footer:not([theme=dotcom]) h3{font-size:2.4rem;margin-bottom:0.5rem;line-height:1.2}pn-site-footer:not([theme=dotcom]) p{font-size:1.6rem}pn-site-footer:not([theme=dotcom]) pn-site-footer-col ul.social-media{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;gap:1.6rem;row-gap:1.2rem;margin-bottom:1.6rem;-ms-flex-wrap:wrap;flex-wrap:wrap}pn-site-footer:not([theme=dotcom]) pn-site-footer-col ul.social-media li{margin-bottom:0}pn-site-footer:not([theme=dotcom])>svg{display:block}pn-site-footer:not([theme=dotcom])>div{background:#F3F2F2}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-top{display:-ms-flexbox;display:flex}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-cols{-ms-flex-item-align:center;align-self:center;-ms-flex-pack:center;justify-content:center;display:block;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0 auto;max-width:90em}@media screen and (min-width: 33.125em){pn-site-footer:not([theme=dotcom]) .pn-sitefooter-cols{display:-ms-flexbox;display:flex}}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom]{max-width:90em;margin:0 auto;padding:1.6rem 0;display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #D3CECB;border-bottom:1px solid #D3CECB}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] span,pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] a{line-height:2;margin:0 1.6rem;text-decoration:none}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] li{line-height:2em;margin:0 1.6rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;padding:3rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo svg{display:block;width:13.3rem;height:2.6rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo:has(div) a slot-fb{display:none}pn-site-footer[theme=dotcom]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#0D234B;margin:0 auto}pn-site-footer[theme=dotcom]>svg{background-color:#FFFFFF}pn-site-footer[theme=dotcom]>svg path{fill:#0D234B}pn-site-footer[theme=dotcom] .pn-sitefooter-top{width:100%}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:4.8rem;padding-left:3rem;padding-right:3rem;margin:0 auto}@media screen and (min-width: 768px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:72rem}}@media screen and (min-width: 992px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:96rem;padding-left:0;padding-right:0}}@media screen and (min-width: 1200px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:114rem}}@media screen and (min-width: 1640px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:144rem}}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols h3{font-weight:500}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols a:hover{text-decoration:underline;color:#FFFFFF}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom{width:100%;padding:0.8rem 0;background-color:#0D234B}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]{max-width:120rem;margin:0 auto;padding-left:3rem;padding-right:3rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:2.4rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:1.6rem 0;border-top:1px solid #005d924d;border-bottom:1px solid #005d924d}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media>ul{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2.4rem;margin:0;padding:0;list-style-type:none}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media>ul>li:hover svg>circle{fill:#005D92}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;gap:2.4rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright *{color:#FFFFFF;font-weight:400;font-size:1.4rem;line-height:1.96rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul{margin:0;padding:0}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul>li{display:inline}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul>li:last-child{margin-left:2.4rem}pn-site-footer[theme=dotcom] .pn-sitefooter-logo{padding:3rem;margin:0 auto}pn-site-footer[theme=dotcom] .pn-sitefooter-logo [name=logo]>svg{display:block;width:13.3rem;height:2.6rem}pn-site-footer[theme=dotcom] .pn-sitefooter-logo [name=logo]>svg>path{fill:#00A0D6}";
4
4
 
5
5
  let PnSiteFooter = class {
6
6
  constructor(hostRef) {
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, a as Host } from './index-5397620b.js';
2
2
 
3
- const pnStatsInfoCss = ".bleed-container:has(pn-stats-info){border-bottom-left-radius:2.4rem;border-bottom-right-radius:2.4rem;padding:0;overflow:hidden}.bleed-container:has(pn-stats-info) .container>.mb-5{margin-bottom:0 !important}.bleed-container:has(pn-stats-info) .statsblock{margin-bottom:0 !important}pn-stats-info{width:100%}pn-stats-info .pn-stats-info__container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;padding-top:2rem}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container{padding-top:6rem}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container{padding-top:8rem}}pn-stats-info .pn-stats-info__container__map{display:none}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container__map{display:block;max-width:46rem;width:100%;background-color:#0D234B;background-repeat:no-repeat;background-position:bottom center;background-size:55%}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__map{background-size:contain}}pn-stats-info .pn-stats-info__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:1rem;width:100%;background-color:#0D234B;background-repeat:no-repeat;background-position:bottom left;background-size:50%;background-blend-mode:overlay;padding-bottom:2rem}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container__content{max-width:540px;background-position:-999px -999px;background-size:0;padding-bottom:4rem;padding-right:4rem}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content{max-width:100%;padding-bottom:6rem;padding-right:6rem}}pn-stats-info .pn-stats-info__container__content__heading{color:#F06365;margin-bottom:2.4rem;-ms-flex-item-align:center;align-self:center;text-align:center;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content__heading{font-weight:700;font-size:4.8rem}}pn-stats-info .pn-stats-info__container__content__data{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:20rem}@media screen and (min-width: 1640px){pn-stats-info .pn-stats-info__container__content__data{width:65rem}}";
3
+ const pnStatsInfoCss = ".bleed-container:has(pn-stats-info){border-bottom-left-radius:2.4rem;border-bottom-right-radius:2.4rem;padding:0;margin-bottom:3rem;overflow:hidden}.bleed-container:has(pn-stats-info) .container>.mb-5{margin-bottom:0 !important}.bleed-container:has(pn-stats-info) .statsblock{margin-bottom:0 !important}pn-stats-info{width:100%}pn-stats-info .pn-stats-info__container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;padding-top:2rem}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container{padding-top:6rem}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container{padding-top:8rem}}pn-stats-info .pn-stats-info__container__map{display:none}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container__map{display:block;max-width:46rem;width:100%;background-color:#0D234B;background-repeat:no-repeat;background-position:bottom center;background-size:55%}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__map{background-size:contain}}pn-stats-info .pn-stats-info__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:1rem;width:100%;background-color:#0D234B;background-repeat:no-repeat;background-position:bottom left;background-size:50%;background-blend-mode:overlay;padding-bottom:2rem}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container__content{max-width:540px;background-position:-999px -999px;background-size:0;padding-bottom:4rem;padding-right:4rem}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content{max-width:100%;padding-bottom:6rem;padding-right:6rem}}pn-stats-info .pn-stats-info__container__content__heading{color:#F06365;margin-bottom:2.4rem;-ms-flex-item-align:center;align-self:center;text-align:center;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content__heading{font-weight:700;font-size:4.8rem}}pn-stats-info .pn-stats-info__container__content__data{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:20rem}@media screen and (min-width: 1640px){pn-stats-info .pn-stats-info__container__content__data{width:65rem}}";
4
4
 
5
5
  const mockStringArray = '[{ "preamble": "Million parcels", "data": 226, "unit": null, "duration": 1000 }, { "preamble": "weighted parcel delivery quality", "data": 94.5, "unit": "%", "duration": 2500 },{ "preamble": "billion letters and other mail items", "data": 1.5, "unit": "", "duration": 3000 },{ "preamble": "carbon dioxide emissions since 2009", "data": -44, "unit": "%", "duration": 2000 }]';
6
6
  let PnStatsInfo = class {
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h, a as Host, g as getElement } from './index-5397620b.js';
2
2
 
3
- const pnTeaserCardCss = "pn-teaser-card{width:100%;height:100%;display:-ms-flexbox;display:flex}pn-teaser-card .pn-teaser-card__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;border-radius:2.4rem}pn-teaser-card .pn-teaser-card__container__image__container{width:100%;position:relative}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{-webkit-clip-path:ellipse(100% 90% at 50% 0%);clip-path:ellipse(100% 90% at 50% 0%);height:100%;overflow:hidden;border-top-left-radius:2.4rem;border-top-right-radius:2.4rem}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{width:100%;height:auto;-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out;-webkit-transform:scale(1);transform:scale(1);aspect-ratio:16/9}pn-teaser-card .pn-teaser-card__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1 1 100%;flex:1 1 100%;gap:3.2rem;padding:2.4rem 2.4rem;padding-top:0}pn-teaser-card .pn-teaser-card__container__content__text__container>h1{font-weight:700;font-size:2.4rem;line-height:2.64rem}pn-teaser-card .pn-teaser-card__container__content__text__container>p{padding-top:1.6rem;font-weight:400;font-size:1.6rem;line-height:2.24rem}pn-teaser-card .pn-teaser-card__container__content__text__container__label{display:block;margin-bottom:1.6rem;font-weight:400;font-size:1.2rem;line-height:140%}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{-ms-flex-item-align:end;align-self:flex-end;width:100%}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button a:hover{text-decoration:none}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button>button>.pn-button-bg,pn-teaser-card .pn-teaser-card__container__content__cta>pn-button>a>.pn-button-bg{-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out}@media screen and (min-width: 768px){pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}pn-teaser-card[data-card-color=coral]>.pn-teaser-card__container{background-color:#FDEFEE}pn-teaser-card[data-card-color=green]>.pn-teaser-card__container{background-color:#DCF6E7}@media screen and (min-width: 1200px){.halfwidth pn-teaser-card .pn-teaser-card__container__content{padding:0 5.6rem 5.6rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container>h1{font-weight:700;font-size:3.2rem;line-height:3.52rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container>p{font-weight:400;font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 768px){.fullwidth pn-teaser-card{min-height:35rem}.fullwidth pn-teaser-card .pn-teaser-card__container{-ms-flex-direction:row;flex-direction:row}.fullwidth pn-teaser-card .pn-teaser-card__container__content{-ms-flex-item-align:center;align-self:center;gap:2.4rem;padding:3.2rem 3.2rem 3.2rem 2.4rem}.fullwidth pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;-webkit-clip-path:ellipse(100% 100% at 0% 50%);clip-path:ellipse(100% 100% at 0% 50%)}.fullwidth pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{height:100%;-o-object-fit:cover;object-fit:cover}}@media screen and (min-width: 1200px){.fullwidth pn-teaser-card{min-height:52rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content{padding:4rem 4rem 4rem 3.2rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container>h1{font-weight:700;font-size:4.8rem;line-height:5.28rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container>p{font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 768px){.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__content{padding:3.2rem 2.4rem 3.2rem 3.2rem}.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__image__container>[slot=illustration]{border-bottom-right-radius:2.4rem;-webkit-clip-path:ellipse(100% 100% at 100% 50%);clip-path:ellipse(100% 100% at 100% 50%)}}@media screen and (min-width: 1200px){.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__content{padding:4rem 3.2rem 4rem 4rem}}pn-teaser-card.teaser-card--hover-effect:hover{cursor:pointer}pn-teaser-card.teaser-card--hover-effect:hover .pn-teaser-card__container__image__container [slot=illustration] picture>img{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-filter:brightness(0.85);filter:brightness(0.85)}pn-teaser-card.teaser-card--hover-effect:hover pn-button button .pn-button-bg,pn-teaser-card.teaser-card--hover-effect:hover pn-button a .pn-button-bg{background-color:#0D234B}";
3
+ const pnTeaserCardCss = "pn-teaser-card{width:100%;height:100%;display:-ms-flexbox;display:flex}pn-teaser-card .pn-teaser-card__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;border-radius:2.4rem}pn-teaser-card .pn-teaser-card__container__image__container{width:100%;position:relative}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{-webkit-clip-path:ellipse(100% 90% at 50% 0%);clip-path:ellipse(100% 90% at 50% 0%);height:100%;overflow:hidden;border-top-left-radius:2.4rem;border-top-right-radius:2.4rem}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{width:100%;height:auto;-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out;-webkit-transform:scale(1);transform:scale(1);aspect-ratio:16/9}pn-teaser-card .pn-teaser-card__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex:1 1 100%;flex:1 1 100%;gap:3.2rem;padding:2.4rem 2.4rem;padding-top:0}pn-teaser-card .pn-teaser-card__container__content__text__container>h1{font-weight:700;font-size:2.4rem;line-height:2.64rem}pn-teaser-card .pn-teaser-card__container__content__text__container>p{padding-top:1.6rem;font-weight:400;font-size:1.6rem;line-height:2.24rem}pn-teaser-card .pn-teaser-card__container__content__text__container__label{display:block;margin-bottom:1.6rem;font-weight:400;font-size:1.2rem;line-height:140%}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{-ms-flex-item-align:end;align-self:flex-end;width:100%}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button a:hover{text-decoration:none}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button>button>.pn-button-bg,pn-teaser-card .pn-teaser-card__container__content__cta>pn-button>a>.pn-button-bg{-webkit-transition:0.4s ease-in-out;transition:0.4s ease-in-out}@media screen and (min-width: 768px){pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}pn-teaser-card[data-card-color=coral]>.pn-teaser-card__container{background-color:#FDEFEE}pn-teaser-card[data-card-color=green]>.pn-teaser-card__container{background-color:#DCF6E7}pn-teaser-card[data-card-color=blue]>.pn-teaser-card__container{background-color:#EFFBFF}@media screen and (min-width: 1200px){.halfwidth pn-teaser-card .pn-teaser-card__container__content{padding:0 5.6rem 5.6rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container>h1{font-weight:700;font-size:3.2rem;line-height:3.52rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container>p{font-weight:400;font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 768px){.fullwidth pn-teaser-card{min-height:35rem}.fullwidth pn-teaser-card .pn-teaser-card__container{-ms-flex-direction:row;flex-direction:row}.fullwidth pn-teaser-card .pn-teaser-card__container__content{-ms-flex-item-align:center;align-self:center;gap:2.4rem;padding:3.2rem 3.2rem 3.2rem 2.4rem}.fullwidth pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;-webkit-clip-path:ellipse(100% 100% at 0% 50%);clip-path:ellipse(100% 100% at 0% 50%)}.fullwidth pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{height:100%;-o-object-fit:cover;object-fit:cover}}@media screen and (min-width: 1200px){.fullwidth pn-teaser-card{min-height:52rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content{padding:4rem 4rem 4rem 3.2rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container>h1{font-weight:700;font-size:4.8rem;line-height:5.28rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container>p{font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 768px){.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__content{padding:3.2rem 2.4rem 3.2rem 3.2rem}.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__image__container>[slot=illustration]{border-bottom-right-radius:2.4rem;-webkit-clip-path:ellipse(100% 100% at 100% 50%);clip-path:ellipse(100% 100% at 100% 50%)}}@media screen and (min-width: 1200px){.fullwidth pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__content{padding:4rem 3.2rem 4rem 4rem}}pn-teaser-card.teaser-card--hover-effect:hover{cursor:pointer}pn-teaser-card.teaser-card--hover-effect:hover .pn-teaser-card__container__image__container [slot=illustration] picture>img{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-filter:brightness(0.85);filter:brightness(0.85)}pn-teaser-card.teaser-card--hover-effect:hover pn-button button .pn-button-bg,pn-teaser-card.teaser-card--hover-effect:hover pn-button a .pn-button-bg{background-color:#0D234B}";
4
4
 
5
5
  let PnTeaserCard = class {
6
6
  constructor(hostRef) {
@@ -0,0 +1 @@
1
+ var __awaiter=this&&this.__awaiter||function(e,t,o,n){function r(e){return e instanceof o?e:new o((function(t){t(e)}))}return new(o||(o=Promise))((function(o,i){function s(e){try{c(n.next(e))}catch(t){i(t)}}function a(e){try{c(n["throw"](e))}catch(t){i(t)}}function c(e){e.done?o(e.value):r(e.value).then(s,a)}c((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var o={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,r,i,s;return s={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function a(e){return function(t){return c([e,t])}}function c(s){if(n)throw new TypeError("Generator is already executing.");while(o)try{if(n=1,r&&(i=s[0]&2?r["return"]:s[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,s[1])).done)return i;if(r=0,i)s=[s[0]&2,i.value];switch(s[0]){case 0:case 1:i=s;break;case 4:o.label++;return{value:s[1],done:false};case 5:o.label++;r=s[1];s=[0];continue;case 7:s=o.ops.pop();o.trys.pop();continue;default:if(!(i=o.trys,i=i.length>0&&i[i.length-1])&&(s[0]===6||s[0]===2)){o=0;continue}if(s[0]===3&&(!i||s[1]>i[0]&&s[1]<i[3])){o.label=s[1];break}if(s[0]===6&&o.label<i[1]){o.label=i[1];i=s;break}if(i&&o.label<i[2]){o.label=i[2];o.ops.push(s);break}if(i[2])o.ops.pop();o.trys.pop();continue}s=t.call(e,o)}catch(a){s=[6,a];r=0}finally{n=i=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var MarketWebLoginManager=function(){function e(e){var t=this;if(e===void 0){e=null}var o;this.eventTarget=window!==null&&window!==void 0?window:document===null||document===void 0?void 0:document.body;this.endpoint="";this.storagePrefix="pn-user";this.baseUrls={at:"https://atportal.postnord.com/api/unified-login/backend",prod:"https://portal.postnord.com/api/unified-login/backend"};this.events={loginstatechange:"loginstatechange"};this.endpoints={authorizationEndpoint:"/authorization",tokenExchangeEndpoint:"/token",userInfoEndpoint:"/user",logoutEndpoint:"/logout"};this.keys={tokensource:"tokensource",token:"token",user:"user",expire:"expire",expireDate:"expiredate"};this.overridetokenValue="overridetokenValue";this.store={get:function(e){var o=window.sessionStorage.getItem("".concat(t.storagePrefix,"-").concat(e));if(!o){return o}if(o.indexOf("{")===0){try{return JSON.parse(o)}catch(n){}}if(o.indexOf(",")!==-1){return o.split(",")}return o},set:function(e,o){if(typeof o==="object"&&typeof o.length==="undefined"){window.sessionStorage.setItem("".concat(t.storagePrefix,"-").concat(e),JSON.stringify(o));return}window.sessionStorage.setItem("".concat(t.storagePrefix,"-").concat(e),o)},remove:function(e){window.sessionStorage.removeItem("".concat(t.storagePrefix,"-").concat(e))}};if(!e){return}this.eventTarget=e.eventTarget?e.eventTarget:this.eventTarget;this.endpoint=e.endpoint?e.endpoint:"".concat(window.location.protocol,"//").concat(window.location.host);(o=this.storagePrefix)!==null&&o!==void 0?o:this.storagePrefix=e.storagePrefix;if(e.userInfo){this.store.set(this.keys.user,e.userInfo);this.registerToken(this.overridetokenValue,"override")}}e.prototype.init=function(e){if(e===void 0){e=true}if(e){this.checkParameters();this.checkPNTopbar();this.checkExpireTime();if(this.store.get(this.keys.token)&&!this.store.get(this.keys.user)){this.fetchUserInfo()}this.loginStateChange()}};e.prototype.isLoggedIn=function(e){if(e===void 0){e=false}if(e){return e}var t=this.store.get(this.keys.token)&&this.store.get(this.keys.user)?true:false;if(!t&&this.store.get(this.keys.token)===this.overridetokenValue){t=true}return t};e.prototype.registerToken=function(e,t){if(e===void 0){e=""}if(t===void 0){t="frontend"}if(!e||e===this.getToken()){return}this.clearUserData();this.store.set(this.keys.tokensource,t);this.store.set(this.keys.token,e);this.fetchUserInfo()};e.prototype.invalidateTokenOfType=function(e){if(e===void 0){e="frontend"}var t=this.store.get(this.keys.token);if(!t){return}var o=this.store.get(this.keys.tokensource);if(o!==e){return}this.clearUserData()};e.prototype.getLoginUrl=function(e){if(e===void 0){e=""}var t=window.location.href;e=e?e:t;return"".concat(this.getBaseUrl()).concat(this.endpoints.authorizationEndpoint,"?redirectionUrl=").concat(e)};e.prototype.getLogoutUrl=function(e){if(e===void 0){e=""}e=window.location.origin+"/logout";return"".concat(e,"?logoutUrl=").concat(this.getBaseUrl()).concat(this.endpoints.logoutEndpoint,"?redirectionUrl=").concat(e,"%26authorization=").concat(this.store.get(this.keys.token))};e.prototype.getUserInfo=function(){if(this.isLoggedIn()){return this.store.get(this.keys.user)}};e.prototype.getEventTarget=function(){return this.eventTarget};e.prototype.checkExpireTime=function(){var e=this.store.get(this.keys.expire);if(!e){return}var t=new Date;var o=new Date(Math.floor(parseInt(e,10)*1e3));if(t>o){console.info("Login time has expired");this.clearUserData();this.loginStateChange()}};e.prototype.checkPNTopbar=function(){if(this.isLoggedIn()||!window["pnTopbar"]||!window["pnTopbar"]["access_token"]){return}this.store.set(this.keys.token,window["pnTopbar"]["access_token"]);this.fetchUserInfo()};e.prototype.checkParameters=function(){if(!(window===null||window===void 0?void 0:window.location)){return}var e=new URLSearchParams(window.location.search);if(e.get("oneTimeCode")){var t=e.get("oneTimeCode");this.exchangeToken(t).then((function(){var e=window.location.href;var o=e.indexOf("?oneTimeCode")!==-1?"?":"&";var n=e.replace("".concat(o,"oneTimeCode=").concat(t),"");history.replaceState({},document.querySelector("title").innerText,n)}))}};e.prototype.fetchUserInfo=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,o,n,r,i,s;return __generator(this,(function(a){switch(a.label){case 0:e=this.store.get(this.keys.token);if(this.store.get(this.keys.token)===this.overridetokenValue){console.info("Did not fetch user data since it was set by an override");return[2]}t={method:"GET",headers:{Accept:"application/json","Content-Type":"application/json",Authorization:e}};return[4,fetch("".concat(this.getBaseUrl()).concat(this.endpoints.userInfoEndpoint),t)];case 1:o=a.sent();return[4,o.json()];case 2:n=a.sent();if(n&&n["idToken"]){try{r=n.idToken,i=n.expiryTime;s=this.parseUserInfo(r);if(!s){console.error("Userdata is not valid");this.clearUserData();return[2]}this.store.set(this.keys.user,s);this.store.set(this.keys.expire,i);this.store.set(this.keys.expireDate,new Date(Math.floor(parseInt(i,10)*1e3)));this.loginStateChange()}catch(c){console.error("Unable to get user information",c)}}else{console.error("Unable to get user information. Clearing login state");this.clearUserData()}return[2]}}))}))};e.prototype.clearUserData=function(){this.store.remove(this.keys.user);this.store.remove(this.keys.tokensource);this.store.remove(this.keys.token);this.store.remove(this.keys.expire);this.store.remove(this.keys.expireDate)};e.prototype.getToken=function(){return this.store.get(this.keys.token)};e.prototype.exchangeToken=function(e){return __awaiter(this,void 0,void 0,(function(){var t,o;return __generator(this,(function(n){switch(n.label){case 0:this.clearUserData();return[4,fetch("".concat(this.getBaseUrl()).concat(this.endpoints.tokenExchangeEndpoint,"?oneTimeCode=").concat(e))];case 1:t=n.sent();return[4,t.json()];case 2:o=n.sent().token;if(typeof o==="string"&&o){this.store.set(this.keys.token,o)}this.fetchUserInfo();return[2]}}))}))};e.prototype.loginStateChange=function(){if(!this.eventTarget){return}this.eventTarget.dispatchEvent(new CustomEvent(this.events.loginstatechange,{detail:this.isLoggedIn()}))};e.prototype.getBaseUrl=function(){var e=this;var t=["localhost","integration.","local."];var o=t.filter((function(t){return e.endpoint.indexOf(t)!==-1})).length>0;if(o){return this.baseUrls.at}return this.baseUrls.prod};e.prototype.parseUserInfo=function(e){if(!e){return null}var t=e.split(".")[1];var o=t.replace(/-/g,"+").replace(/_/g,"/");var n=decodeURIComponent(atob(o).split("").map((function(e){return"%"+("00"+e.charCodeAt(0).toString(16)).slice(-2)})).join(""));return JSON.parse(n)};return e}();export{MarketWebLoginManager as M};