@postnord/pn-marketweb-components 2.0.101 → 2.0.103

package/collection/components/cta/pn-spotlight/pn-spotlight.css

@@ -0,0 +1,96 @@
+pn-spotlight .pn-spotlight__container {
+  overflow: hidden;
+}
+@media screen and (max-width: 991px) {
+  pn-spotlight .pn-spotlight__container {
+    margin-left: calc(-50vw + 50%);
+    margin-right: calc(-50vw + 50%);
+  }
+}
+pn-spotlight [slot=mobile-heading] {
+  text-align: center;
+  padding-bottom: 1.6rem;
+  font-weight: 500;
+}
+@media screen and (min-width: 769px) {
+  pn-spotlight [slot=mobile-heading] {
+    display: none;
+  }
+}
+pn-spotlight .pn-spotlight__container__wrapper {
+  position: relative;
+  max-width: 100%;
+}
+@media screen and (min-width: 1640px) {
+  pn-spotlight .pn-spotlight__container__wrapper {
+    margin: 0 auto;
+    max-width: 80%;
+  }
+}
+pn-spotlight .pn-spotlight__container__wrapper__content {
+  position: relative;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: row;
+  left: -37.5px;
+  width: calc(100% + 37.5px);
+}
+@media screen and (min-width: 768px) {
+  pn-spotlight .pn-spotlight__container__wrapper__content {
+    left: -50px;
+    width: calc(100% + 50px);
+  }
+}
+@media screen and (min-width: 992px) {
+  pn-spotlight .pn-spotlight__container__wrapper__content {
+    left: 0;
+    width: 100%;
+  }
+}
+pn-spotlight .pn-spotlight__container__wrapper__content__ball {
+  border-radius: 50%;
+  min-height: 75px;
+  aspect-ratio: 1/1;
+  margin-right: 2.5rem;
+}
+@media screen and (min-width: 768px) {
+  pn-spotlight .pn-spotlight__container__wrapper__content__ball {
+    min-height: 85px;
+  }
+}
+pn-spotlight [slot=content] {
+  display: flex;
+  border-top-left-radius: 10rem;
+  border-bottom-left-radius: 10rem;
+  align-items: center;
+  justify-content: right;
+  padding: 0 2rem;
+  padding-left: 50px;
+  width: 100%;
+}
+@media screen and (min-width: 992px) {
+  pn-spotlight [slot=content] {
+    border-radius: 10rem;
+  }
+}
+
+pn-spotlight[data-cta-color=green] [slot=content] {
+  background-color: #DCF6E7;
+}
+pn-spotlight[data-cta-color=green] .pn-spotlight__container__wrapper__content__ball {
+  background-color: #DCF6E7;
+}
+
+pn-spotlight[data-cta-color=coral] [slot=content] {
+  background-color: #FDEFEE;
+}
+pn-spotlight[data-cta-color=coral] .pn-spotlight__container__wrapper__content__ball {
+  background-color: #FDEFEE;
+}
+
+pn-spotlight[data-cta-color=blue] [slot=content] {
+  background-color: #EFFBFF;
+}
+pn-spotlight[data-cta-color=blue] .pn-spotlight__container__wrapper__content__ball {
+  background-color: #EFFBFF;
+}

package/collection/components/cta/pn-spotlight/pn-spotlight.js

@@ -0,0 +1,62 @@
+import { Component, Element, h, Host, Prop, } from '@stencil/core';
+export class PnSpotlight {
+  constructor() {
+    this.heading = null;
+    this.preamble = null;
+  }
+  render() {
+    return (h(Host, null,
+      h("div", { class: "pn-spotlight__container" },
+        h("slot", { name: "mobile-heading" }),
+        h("div", { class: "pn-spotlight__container__wrapper" },
+          h("div", { class: "pn-spotlight__container__wrapper__content" },
+            h("div", { class: "pn-spotlight__container__wrapper__content__ball" }),
+            h("slot", { name: "content" }))))));
+  }
+  static get is() { return "pn-spotlight"; }
+  static get originalStyleUrls() { return {
+    "$": ["pn-spotlight.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["pn-spotlight.css"]
+  }; }
+  static get properties() { return {
+    "heading": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "heading",
+      "reflect": false,
+      "defaultValue": "null"
+    },
+    "preamble": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "preamble",
+      "reflect": false,
+      "defaultValue": "null"
+    }
+  }; }
+  static get elementRef() { return "hostElement"; }
+}

package/collection/components/cta/pn-spotlight/pn-spotlight.stories.js

@@ -0,0 +1,60 @@
+import readme from './readme.md';
+
+export default {
+  title: 'CTA/Spotlight',
+  parameters: {
+    notes: readme,
+    layout: 'fullscreen',
+  },
+};
+
+const TemplatePrimary = ({ ...args }) => {
+  return `  
+  <pn-breakpoints break-point-class="dotcom"></pn-breakpoints>  
+  <div id="container" style="margin: 0 auto;">
+    <pn-spotlight data-cta-color="blue">                   
+        <h2 slot="mobile-heading">${args.heading}</h2>
+        <div slot="content">
+         <pn-quick-cta heading="${args.heading}" preamble="${args.preamble}">         
+            <pn-button slot="quick-cta-cta" href="${args.ctaUrl}">${args.ctaLabel}</pn-button>         
+         </pn-quick-cta>
+        </div>                
+    </pn-spotlight>
+  </div> 
+  
+  <br/>
+
+  <div id="container" style="margin: 0 auto;">
+    <pn-spotlight data-cta-color="coral">                   
+        <h2 slot="mobile-heading">${args.heading}</h2>
+        <div slot="content">
+         <pn-quick-cta heading="${args.heading}" preamble="${args.preamble}">         
+            <pn-button slot="quick-cta-cta" href="${args.ctaUrl}">${args.ctaLabel}</pn-button>         
+         </pn-quick-cta>
+        </div>                
+    </pn-spotlight>
+  </div> 
+
+  <br />
+
+  <div id="container" style="margin: 0 auto;">
+    <pn-spotlight data-cta-color="green">                   
+        <h2 slot="mobile-heading">${args.heading}</h2>
+        <div slot="content">
+         <pn-quick-cta heading="${args.heading}" preamble="${args.preamble}">         
+            <pn-button slot="quick-cta-cta" href="${args.ctaUrl}">${args.ctaLabel}</pn-button>         
+         </pn-quick-cta>
+        </div>                
+    </pn-spotlight>
+  </div>  
+  `;
+};
+
+export const Primary = TemplatePrimary.bind({});
+
+Primary.args = {
+  heading: 'A Spotlight component',
+  preamble: 'With quick-cta component as content',
+  ctaUrl: 'http://www.google.se',
+  ctaLabel: 'Read more',
+};

package/collection/components/data-visualization/pn-stats-info/pn-stats-info.css

@@ -1,6 +1,4 @@
 .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;

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

@@ -471,7 +471,7 @@ DotComSiteHeader.args = {
 const ATLoginTestTemplate = ({ ...args }) => {
   return `
   <script>
-  window['pnTopbar'] = { access_token : 'b54237185e06db83b1d6467895ba774328d6d3a8dd6b22f7305af65' };
+  window['pnTopbar'] = { session_id : 'b54237185e06db83b1d6467895ba774328d6d3a8dd6b22f7305af65' };
   </script>
   <header>
   <pn-marketweb-siteheader 

package/collection/components/utilities/pn-breakpoints/pn-breakpoints.css

@@ -0,0 +1,72 @@
+pn-breakpoints {
+  width: 100%;
+}
+pn-breakpoints .breakpoints--dotcom {
+  width: 100%;
+  background-color: aliceblue;
+  text-align: center;
+  margin-bottom: 2.4rem;
+  background-color: aliceblue;
+}
+pn-breakpoints .breakpoints--dotcom .reference::before {
+  content: "less than 321";
+}
+@media screen and (min-width: 321px) {
+  pn-breakpoints .breakpoints--dotcom {
+    background-color: yellow;
+  }
+  pn-breakpoints .breakpoints--dotcom .reference::before {
+    content: "321 (xs)";
+  }
+}
+@media screen and (min-width: 576px) {
+  pn-breakpoints .breakpoints--dotcom {
+    background-color: aqua;
+  }
+  pn-breakpoints .breakpoints--dotcom .reference::before {
+    content: "576 (sm)";
+  }
+}
+@media screen and (min-width: 768px) {
+  pn-breakpoints .breakpoints--dotcom {
+    background-color: red;
+    color: #fff;
+  }
+  pn-breakpoints .breakpoints--dotcom .reference::before {
+    content: "768 (md)";
+  }
+}
+@media screen and (min-width: 992px) {
+  pn-breakpoints .breakpoints--dotcom {
+    background-color: green;
+    color: #fff;
+  }
+  pn-breakpoints .breakpoints--dotcom .reference::before {
+    content: "992 (lg)";
+  }
+}
+@media screen and (min-width: 1200px) {
+  pn-breakpoints .breakpoints--dotcom {
+    background-color: blue;
+    color: #fff;
+  }
+  pn-breakpoints .breakpoints--dotcom .reference::before {
+    content: "1200 (xl)";
+  }
+}
+@media screen and (min-width: 1640px) {
+  pn-breakpoints .breakpoints--dotcom {
+    background-color: pink;
+  }
+  pn-breakpoints .breakpoints--dotcom .reference::before {
+    content: "1640 (xxl)";
+  }
+}
+@media screen and (min-width: 1920px) {
+  pn-breakpoints .breakpoints--dotcom {
+    background-color: orange;
+  }
+  pn-breakpoints .breakpoints--dotcom .reference::before {
+    content: "1920 (fhd)";
+  }
+}

package/collection/components/utilities/pn-breakpoints/pn-breakpoints.js

@@ -0,0 +1,58 @@
+import { Component, Element, h, Host, Listen, Prop, State, } from '@stencil/core';
+export class PnBreakpoints {
+  constructor() {
+    this.currentWidth = window.innerWidth;
+    this.breakPointClass = 'dotcom';
+  }
+  handleViewportSizeChange(event) {
+    this.currentWidth = event.target.innerWidth;
+  }
+  createBreakpointClass() {
+    return `breakpoints--${this.breakPointClass}`;
+  }
+  render() {
+    return (h(Host, null,
+      h("div", { class: `breakpoints ${this.createBreakpointClass()} ` },
+        `${this.currentWidth} px`,
+        ' min-width: ',
+        h("span", { class: "reference" }, ' px'))));
+  }
+  static get is() { return "pn-breakpoints"; }
+  static get originalStyleUrls() { return {
+    "$": ["pn-breakpoints.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["pn-breakpoints.css"]
+  }; }
+  static get properties() { return {
+    "breakPointClass": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "break-point-class",
+      "reflect": false,
+      "defaultValue": "'dotcom'"
+    }
+  }; }
+  static get states() { return {
+    "currentWidth": {}
+  }; }
+  static get elementRef() { return "hostElement"; }
+  static get listeners() { return [{
+      "name": "resize",
+      "method": "handleViewportSizeChange",
+      "target": "window",
+      "capture": false,
+      "passive": true
+    }]; }
+}

package/collection/globals/MarketWebLoginManager.js

@@ -138,10 +138,10 @@ class MarketWebLoginManager {
     }
   }
   checkPNTopbar() {
-    if (this.isLoggedIn() || !window['pnTopbar'] || !window['pnTopbar']['access_token']) {
+    if (this.isLoggedIn() || !window['pnTopbar'] || !window['pnTopbar']['session_id']) {
       return;
     }
-    this.store.set(this.keys.token, window['pnTopbar']['access_token']);
+    this.store.set(this.keys.token, window['pnTopbar']['session_id']);
     this.fetchUserInfo();
   }
   checkParameters() {

package/custom-elements/index.d.ts

@@ -14,6 +14,12 @@ export const PnBonusProgressbarLevel: {
   new (): PnBonusProgressbarLevel;
 };
 
+interface PnBreakpoints extends Components.PnBreakpoints, HTMLElement {}
+export const PnBreakpoints: {
+  prototype: PnBreakpoints;
+  new (): PnBreakpoints;
+};
+
 interface PnChoiceButton extends Components.PnChoiceButton, HTMLElement {}
 export const PnChoiceButton: {
   prototype: PnChoiceButton;
@@ -272,6 +278,12 @@ export const PnProxioProductcardPricelink: {
   new (): PnProxioProductcardPricelink;
 };
 
+interface PnQuickCta extends Components.PnQuickCta, HTMLElement {}
+export const PnQuickCta: {
+  prototype: PnQuickCta;
+  new (): PnQuickCta;
+};
+
 interface PnSidenav extends Components.PnSidenav, HTMLElement {}
 export const PnSidenav: {
   prototype: PnSidenav;
@@ -320,6 +332,12 @@ export const PnSiteSelectorItem: {
   new (): PnSiteSelectorItem;
 };
 
+interface PnSpotlight extends Components.PnSpotlight, HTMLElement {}
+export const PnSpotlight: {
+  prototype: PnSpotlight;
+  new (): PnSpotlight;
+};
+
 interface PnStatsInfo extends Components.PnStatsInfo, HTMLElement {}
 export const PnStatsInfo: {
   prototype: PnStatsInfo;

package/custom-elements/index.js

@@ -131,6 +131,28 @@ let PnBonusProgressbarLevel$1 = class extends HTMLElement {
   static get style() { return pnBonusProgressbarLevelCss; }
 };
 
+const pnBreakpointsCss = "pn-breakpoints{width:100%}pn-breakpoints .breakpoints--dotcom{width:100%;background-color:aliceblue;text-align:center;margin-bottom:2.4rem;background-color:aliceblue}pn-breakpoints .breakpoints--dotcom .reference::before{content:\"less than 321\"}@media screen and (min-width: 321px){pn-breakpoints .breakpoints--dotcom{background-color:yellow}pn-breakpoints .breakpoints--dotcom .reference::before{content:\"321 (xs)\"}}@media screen and (min-width: 576px){pn-breakpoints .breakpoints--dotcom{background-color:aqua}pn-breakpoints .breakpoints--dotcom .reference::before{content:\"576 (sm)\"}}@media screen and (min-width: 768px){pn-breakpoints .breakpoints--dotcom{background-color:red;color:#fff}pn-breakpoints .breakpoints--dotcom .reference::before{content:\"768 (md)\"}}@media screen and (min-width: 992px){pn-breakpoints .breakpoints--dotcom{background-color:green;color:#fff}pn-breakpoints .breakpoints--dotcom .reference::before{content:\"992 (lg)\"}}@media screen and (min-width: 1200px){pn-breakpoints .breakpoints--dotcom{background-color:blue;color:#fff}pn-breakpoints .breakpoints--dotcom .reference::before{content:\"1200 (xl)\"}}@media screen and (min-width: 1640px){pn-breakpoints .breakpoints--dotcom{background-color:pink}pn-breakpoints .breakpoints--dotcom .reference::before{content:\"1640 (xxl)\"}}@media screen and (min-width: 1920px){pn-breakpoints .breakpoints--dotcom{background-color:orange}pn-breakpoints .breakpoints--dotcom .reference::before{content:\"1920 (fhd)\"}}";
+
+let PnBreakpoints$1 = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.currentWidth = window.innerWidth;
+    this.breakPointClass = 'dotcom';
+  }
+  handleViewportSizeChange(event) {
+    this.currentWidth = event.target.innerWidth;
+  }
+  createBreakpointClass() {
+    return `breakpoints--${this.breakPointClass}`;
+  }
+  render() {
+    return (h(Host, null, h("div", { class: `breakpoints ${this.createBreakpointClass()} ` }, `${this.currentWidth} px`, ' min-width: ', h("span", { class: "reference" }, ' px'))));
+  }
+  get hostElement() { return this; }
+  static get style() { return pnBreakpointsCss; }
+};
+
 const pnChoiceButtonCss = "pn-choice-button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;display:inline-block;background:#fff;position:relative;margin:0.2em 0.4em}pn-choice-button input{opacity:0;position:absolute;top:0;left:0;pointer-events:none;margin:0;width:100%;height:100%}pn-choice-button label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0.4rem 0.8rem;border:0.1rem solid #D3CECB;color:#005D92;font-weight:500;border-radius:0.8rem;text-align:center;cursor:pointer;-webkit-transition:background 0.2s, -webkit-box-shadow 0.1s;transition:background 0.2s, -webkit-box-shadow 0.1s;transition:box-shadow 0.1s, background 0.2s;transition:box-shadow 0.1s, background 0.2s, -webkit-box-shadow 0.1s}pn-choice-button label pn-illustration{display:inline-block;width:3rem;height:3rem;margin-right:0.9rem}pn-choice-button>input:checked+label.pn-choice-button{background:#E0F8FF;color:#005D92;border-color:#005D92;-webkit-box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13)}pn-choice-button>input:indeterminate+label.pn-choice-button{background:#FFFFFF;color:#005D92}pn-choice-button>input:hover+label.pn-choice-button{background:#E0F8FF}pn-choice-button>input:focus+label.pn-choice-button,pn-choice-button>input:active+label.pn-choice-button{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}pn-choice-button>input:active+label.pn-choice-button{background:#8EDDF9}pn-choice-button>input:disabled+label.pn-choice-button{background-color:#D3CECB}pn-choice-button>input:checked+label.pn-choice-button:hover{background:#8EDDF9}pn-choice-button>input:checked+label.pn-choice-button:active{background:#8EDDF9;border:0.1rem solid #00A0D6}";
 
 let PnChoiceButton$1 = class extends HTMLElement {
@@ -4270,10 +4292,10 @@ class MarketWebLoginManager {
     }
   }
   checkPNTopbar() {
-    if (this.isLoggedIn() || !window['pnTopbar'] || !window['pnTopbar']['access_token']) {
+    if (this.isLoggedIn() || !window['pnTopbar'] || !window['pnTopbar']['session_id']) {
       return;
     }
-    this.store.set(this.keys.token, window['pnTopbar']['access_token']);
+    this.store.set(this.keys.token, window['pnTopbar']['session_id']);
     this.fetchUserInfo();
   }
   checkParameters() {
@@ -6358,6 +6380,22 @@ let PnProxioProductcardPricelink$1 = class extends HTMLElement {
   static get style() { return pnProxioProductcardPricelinkCss; }
 };
 
+const pnQuickCtaCss = "pn-quick-cta .quick-cta__content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:2.4rem;width:100%}pn-quick-cta .quick-cta__content .quick-cta__content__heading{padding:0;margin:0;font-size:2.4rem;font-weight:500}@media screen and (max-width: 768px){pn-quick-cta .quick-cta__content .quick-cta__content__heading{display:none}}@media screen and (min-width: 1640px){pn-quick-cta .quick-cta__content .quick-cta__content__heading{font-size:2.8rem;font-weight:700}}pn-quick-cta .quick-cta__content .quick-cta__content__preamble{font-weight:400;font-size:1.6rem;line-height:140%;padding:0;margin:0}pn-quick-cta .quick-cta__content [slot=quick-cta-cta] a{white-space:nowrap}pn-quick-cta .quick-cta__content [slot=quick-cta-cta] a:hover{text-decoration:none}";
+
+let PnQuickCta$1 = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.heading = null;
+    this.preamble = null;
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "quick-cta__content" }, h("h2", { class: "quick-cta__content__heading" }, this.heading), h("p", { class: "quick-cta__content__preamble" }, this.preamble), h("slot", { name: "quick-cta-cta" }))));
+  }
+  get hostElement() { return this; }
+  static get style() { return pnQuickCtaCss; }
+};
+
 const translations = {
   'sv': {
     "open": "Öppna",
@@ -6685,7 +6723,23 @@ let PnSiteSelectorItem$1 = class extends HTMLElement {
   static get style() { return pnSiteSelectorItemCss; }
 };
 
-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}}";
+const pnSpotlightCss = "pn-spotlight .pn-spotlight__container{overflow:hidden}@media screen and (max-width: 991px){pn-spotlight .pn-spotlight__container{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}}pn-spotlight [slot=mobile-heading]{text-align:center;padding-bottom:1.6rem;font-weight:500}@media screen and (min-width: 769px){pn-spotlight [slot=mobile-heading]{display:none}}pn-spotlight .pn-spotlight__container__wrapper{position:relative;max-width:100%}@media screen and (min-width: 1640px){pn-spotlight .pn-spotlight__container__wrapper{margin:0 auto;max-width:80%}}pn-spotlight .pn-spotlight__container__wrapper__content{position:relative;margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;left:-37.5px;width:calc(100% + 37.5px)}@media screen and (min-width: 768px){pn-spotlight .pn-spotlight__container__wrapper__content{left:-50px;width:calc(100% + 50px)}}@media screen and (min-width: 992px){pn-spotlight .pn-spotlight__container__wrapper__content{left:0;width:100%}}pn-spotlight .pn-spotlight__container__wrapper__content__ball{border-radius:50%;min-height:75px;aspect-ratio:1/1;margin-right:2.5rem}@media screen and (min-width: 768px){pn-spotlight .pn-spotlight__container__wrapper__content__ball{min-height:85px}}pn-spotlight [slot=content]{display:-ms-flexbox;display:flex;border-top-left-radius:10rem;border-bottom-left-radius:10rem;-ms-flex-align:center;align-items:center;-ms-flex-pack:right;justify-content:right;padding:0 2rem;padding-left:50px;width:100%}@media screen and (min-width: 992px){pn-spotlight [slot=content]{border-radius:10rem}}pn-spotlight[data-cta-color=green] [slot=content]{background-color:#DCF6E7}pn-spotlight[data-cta-color=green] .pn-spotlight__container__wrapper__content__ball{background-color:#DCF6E7}pn-spotlight[data-cta-color=coral] [slot=content]{background-color:#FDEFEE}pn-spotlight[data-cta-color=coral] .pn-spotlight__container__wrapper__content__ball{background-color:#FDEFEE}pn-spotlight[data-cta-color=blue] [slot=content]{background-color:#EFFBFF}pn-spotlight[data-cta-color=blue] .pn-spotlight__container__wrapper__content__ball{background-color:#EFFBFF}";
+
+let PnSpotlight$1 = class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.heading = null;
+    this.preamble = null;
+  }
+  render() {
+    return (h(Host, null, h("div", { class: "pn-spotlight__container" }, h("slot", { name: "mobile-heading" }), h("div", { class: "pn-spotlight__container__wrapper" }, h("div", { class: "pn-spotlight__container__wrapper__content" }, h("div", { class: "pn-spotlight__container__wrapper__content__ball" }), h("slot", { name: "content" }))))));
+  }
+  get hostElement() { return this; }
+  static get style() { return pnSpotlightCss; }
+};
+
+const pnStatsInfoCss = ".bleed-container:has(pn-stats-info){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}}";
 
 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 }]';
 let PnStatsInfo$1 = class extends HTMLElement {
@@ -6773,7 +6827,7 @@ let PnStatsInfoData$1 = class extends HTMLElement {
   static get style() { return pnStatsInfoDataCss; }
 };
 
-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}";
+const pnTeaserCardCss = ".block.teasercardblock a[data-block-clickable-link=true]{z-index:1}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 4rem 4rem}.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: 1640px){.halfwidth pn-teaser-card .pn-teaser-card__container__content{padding:0 5.6rem 5.6rem}}@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}";
 
 let PnTeaserCard$1 = class extends HTMLElement {
   constructor() {
@@ -6787,10 +6841,14 @@ let PnTeaserCard$1 = class extends HTMLElement {
     this.dataCardColor = 'coral';
     this.dataCardAlignment = 'left';
     this.labelToCapitals = (_a = this.label) === null || _a === void 0 ? void 0 : _a.toUpperCase();
+    this.hasCtaSlotContent = false;
+  }
+  componentWillLoad() {
+    this.hasCtaSlotContent = !!this.hostElement.querySelector('[slot="cta"]');
   }
   //render
   render() {
-    return (h(Host, null, h("slot", { name: "clickable-block-wrapper" }), h("div", { class: "pn-teaser-card__container" }, h("div", { class: "pn-teaser-card__container__image__container" }, h("slot", { name: "illustration" })), h("div", { class: "pn-teaser-card__container__content" }, h("div", { class: "pn-teaser-card__container__content__text__container" }, h("span", { class: "pn-teaser-card__container__content__text__container__label" }, this.labelToCapitals), h("h1", null, this.heading), h("p", null, this.text)), h("div", { class: "pn-teaser-card__container__content__cta" }, h("slot", { name: "cta" }))))));
+    return (h(Host, null, h("slot", { name: "clickable-block-wrapper" }), h("div", { class: "pn-teaser-card__container" }, h("div", { class: "pn-teaser-card__container__image__container" }, h("slot", { name: "illustration" })), h("div", { class: "pn-teaser-card__container__content" }, h("div", { class: "pn-teaser-card__container__content__text__container" }, this.labelToCapitals && h("span", { class: "pn-teaser-card__container__content__text__container__label" }, this.labelToCapitals), h("h1", null, this.heading), h("p", null, this.text)), this.hasCtaSlotContent && (h("div", { class: "pn-teaser-card__container__content__cta" }, h("slot", { name: "cta" })))))));
   }
   get hostElement() { return this; }
   static get style() { return pnTeaserCardCss; }
@@ -6816,6 +6874,7 @@ let PnTiletag = class extends HTMLElement {
 
 const PnBonusProgressbar = /*@__PURE__*/proxyCustomElement(PnBonusProgressbar$1, [4,"pn-bonus-progressbar",{"icon":[1],"heading":[1],"sumtext":[513],"theme":[513],"bonuspercentage":[1],"currency":[513],"value":[1538],"min":[1538],"max":[1538],"valuepercentage":[32],"progresspercentage":[32],"levelValues":[32],"currentLevelAdjustedValue":[32]}]);
 const PnBonusProgressbarLevel = /*@__PURE__*/proxyCustomElement(PnBonusProgressbarLevel$1, [0,"pn-bonus-progressbar-level",{"current":[516],"value":[1538],"bonuspercentage":[1537],"visualpercentage":[1538],"percentage":[32],"max":[32],"min":[32],"currency":[32]}]);
+const PnBreakpoints = /*@__PURE__*/proxyCustomElement(PnBreakpoints$1, [0,"pn-breakpoints",{"breakPointClass":[1,"break-point-class"],"currentWidth":[32]},[[9,"resize","handleViewportSizeChange"]]]);
 const PnChoiceButton = /*@__PURE__*/proxyCustomElement(PnChoiceButton$1, [4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]);
 const PnCustomernumberSelector = /*@__PURE__*/proxyCustomElement(PnCustomernumberSelector$1, [4,"pn-customernumber-selector",{"language":[1537],"open":[1540],"heading":[1],"description":[1],"i18n":[32]}]);
 const PnCustomernumberSelectorOption = /*@__PURE__*/proxyCustomElement(PnProfileSelectorOption$2, [4,"pn-customernumber-selector-option",{"heading":[1],"description":[1],"url":[1]}]);
@@ -6859,6 +6918,7 @@ const PnProxioProductcard = /*@__PURE__*/proxyCustomElement(PnProxioProductcard$
 const PnProxioProductcardDescription = /*@__PURE__*/proxyCustomElement(PnProxioProductcardDescription$1, [0,"pn-proxio-productcard-description",{"heading":[1],"highlight":[1],"description":[1],"list":[1040]}]);
 const PnProxioProductcardInformation = /*@__PURE__*/proxyCustomElement(PnProxioProductcardInformation$1, [0,"pn-proxio-productcard-information",{"label":[1],"information":[16]}]);
 const PnProxioProductcardPricelink = /*@__PURE__*/proxyCustomElement(PnProxioProductcardPricelink$1, [0,"pn-proxio-productcard-pricelink",{"price":[1],"link":[1],"linktext":[1]}]);
+const PnQuickCta = /*@__PURE__*/proxyCustomElement(PnQuickCta$1, [4,"pn-quick-cta",{"heading":[1],"preamble":[1]}]);
 const PnSidenav = /*@__PURE__*/proxyCustomElement(PnSidenav$1, [4,"pn-sidenav",{"language":[1],"navLabel":[1,"nav-label"],"i18n":[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]);
 const PnSidenavLevel = /*@__PURE__*/proxyCustomElement(PnSidenavLevel$1, [4,"pn-sidenav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"alignment":[32]}]);
 const PnSidenavLink = /*@__PURE__*/proxyCustomElement(PnSidenavLink$1, [4,"pn-sidenav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"icon":[1],"current":[4],"levelId":[32],"open":[32],"hasChildren":[32]}]);
@@ -6867,15 +6927,17 @@ const PnSiteFooter = /*@__PURE__*/proxyCustomElement(PnSiteFooter$1, [4,"pn-site
 const PnSiteFooterCol = /*@__PURE__*/proxyCustomElement(PnSiteFooterCol$1, [4,"pn-site-footer-col",{"theme":[513]}]);
 const PnSiteSelector = /*@__PURE__*/proxyCustomElement(PnSiteSelector$1, [4,"pn-site-selector",{"buttontext":[1537],"heading":[1537],"language":[1537],"i18n":[32]}]);
 const PnSiteSelectorItem = /*@__PURE__*/proxyCustomElement(PnSiteSelectorItem$1, [0,"pn-site-selector-item",{"url":[1],"heading":[1],"description":[1],"newwindow":[4]}]);
+const PnSpotlight = /*@__PURE__*/proxyCustomElement(PnSpotlight$1, [4,"pn-spotlight",{"heading":[1],"preamble":[1]}]);
 const PnStatsInfo = /*@__PURE__*/proxyCustomElement(PnStatsInfo$1, [0,"pn-stats-info",{"heading":[1],"dataArray":[1,"data-array"],"backgroundUrl":[1,"background-url"],"myParsedArray":[32]}]);
 const PnStatsInfoData = /*@__PURE__*/proxyCustomElement(PnStatsInfoData$1, [0,"pn-stats-info-data",{"data":[2],"unit":[1],"preamble":[1],"compId":[2,"comp-id"],"duration":[2],"hasBeenShown":[32]}]);
-const PnTeaserCard = /*@__PURE__*/proxyCustomElement(PnTeaserCard$1, [4,"pn-teaser-card",{"text":[1],"heading":[1],"label":[1],"dataCardColor":[513,"data-card-color"],"dataCardAlignment":[513,"data-card-alignment"]}]);
+const PnTeaserCard = /*@__PURE__*/proxyCustomElement(PnTeaserCard$1, [4,"pn-teaser-card",{"text":[1],"heading":[1],"label":[1],"dataCardColor":[513,"data-card-color"],"dataCardAlignment":[513,"data-card-alignment"],"hasCtaSlotContent":[32]}]);
 const PnTitletag = /*@__PURE__*/proxyCustomElement(PnTiletag, [4,"pn-titletag",{"icon":[1],"color":[1537]}]);
 const defineCustomElements = (opts) => {
   if (typeof customElements !== 'undefined') {
     [
       PnBonusProgressbar,
   PnBonusProgressbarLevel,
+  PnBreakpoints,
   PnChoiceButton,
   PnCustomernumberSelector,
   PnCustomernumberSelectorOption,
@@ -6919,6 +6981,7 @@ const defineCustomElements = (opts) => {
   PnProxioProductcardDescription,
   PnProxioProductcardInformation,
   PnProxioProductcardPricelink,
+  PnQuickCta,
   PnSidenav,
   PnSidenavLevel,
   PnSidenavLink,
@@ -6927,6 +6990,7 @@ const defineCustomElements = (opts) => {
   PnSiteFooterCol,
   PnSiteSelector,
   PnSiteSelectorItem,
+  PnSpotlight,
   PnStatsInfo,
   PnStatsInfoData,
   PnTeaserCard,
@@ -6939,4 +7003,4 @@ const defineCustomElements = (opts) => {
   }
 };
 
-export { PnBonusProgressbar, PnBonusProgressbarLevel, PnChoiceButton, PnCustomernumberSelector, PnCustomernumberSelectorOption, PnFilterCheckbox, PnFindPrice, PnFindPriceResult, PnFindServiceAndPrice, PnFindServiceAndPriceResult, PnLanguageSelector, PnLanguageSelectorOption, PnMainnav, PnMainnavLevel, PnMainnavLink, PnMainnavList, PnMarketwebInput, PnMarketwebSearch, PnMarketwebSitefooter, PnMarketwebSiteheader, PnMarketwebSiteheaderLogin, PnMarketwebSiteheaderLoginLinklist, PnMarketwebSiteheaderLoginLinks, PnMarketwebSiteheaderLoginProfileselection, PnMarketwebSiteheaderSearch, PnPexPricefinder, PnProductCard, PnProductCardInfo, PnProductCardPrice, PnProductPricelist, PnProductPricelistResult, PnProductTile, PnProductTileInfo, PnProductTilePrice, PnProfileModal, PnProfileModalCustomernumber, PnProfileModalProfile, PnProfileModalType, PnProfileSelector, PnProfileSelectorOption, PnProxioPricegroup, PnProxioProductcard, PnProxioProductcardDescription, PnProxioProductcardInformation, PnProxioProductcardPricelink, PnSidenav, PnSidenavLevel, PnSidenavLink, PnSidenavTogglebutton, PnSiteFooter, PnSiteFooterCol, PnSiteSelector, PnSiteSelectorItem, PnStatsInfo, PnStatsInfoData, PnTeaserCard, PnTitletag, defineCustomElements };
+export { PnBonusProgressbar, PnBonusProgressbarLevel, PnBreakpoints, PnChoiceButton, PnCustomernumberSelector, PnCustomernumberSelectorOption, PnFilterCheckbox, PnFindPrice, PnFindPriceResult, PnFindServiceAndPrice, PnFindServiceAndPriceResult, PnLanguageSelector, PnLanguageSelectorOption, PnMainnav, PnMainnavLevel, PnMainnavLink, PnMainnavList, PnMarketwebInput, PnMarketwebSearch, PnMarketwebSitefooter, PnMarketwebSiteheader, PnMarketwebSiteheaderLogin, PnMarketwebSiteheaderLoginLinklist, PnMarketwebSiteheaderLoginLinks, PnMarketwebSiteheaderLoginProfileselection, PnMarketwebSiteheaderSearch, PnPexPricefinder, PnProductCard, PnProductCardInfo, PnProductCardPrice, PnProductPricelist, PnProductPricelistResult, PnProductTile, PnProductTileInfo, PnProductTilePrice, PnProfileModal, PnProfileModalCustomernumber, PnProfileModalProfile, PnProfileModalType, PnProfileSelector, PnProfileSelectorOption, PnProxioPricegroup, PnProxioProductcard, PnProxioProductcardDescription, PnProxioProductcardInformation, PnProxioProductcardPricelink, PnQuickCta, PnSidenav, PnSidenavLevel, PnSidenavLink, PnSidenavTogglebutton, PnSiteFooter, PnSiteFooterCol, PnSiteSelector, PnSiteSelectorItem, PnSpotlight, PnStatsInfo, PnStatsInfoData, PnTeaserCard, PnTitletag, defineCustomElements };

package/esm/{MarketWebLoginManager-163d8a0c.js → MarketWebLoginManager-a893e8cc.js}

@@ -138,10 +138,10 @@ class MarketWebLoginManager {
     }
   }
   checkPNTopbar() {
-    if (this.isLoggedIn() || !window['pnTopbar'] || !window['pnTopbar']['access_token']) {
+    if (this.isLoggedIn() || !window['pnTopbar'] || !window['pnTopbar']['session_id']) {
       return;
     }
-    this.store.set(this.keys.token, window['pnTopbar']['access_token']);
+    this.store.set(this.keys.token, window['pnTopbar']['session_id']);
     this.fetchUserInfo();
   }
   checkParameters() {