@postnord/pn-marketweb-components 2.3.12 → 2.3.14

package/cjs/pn-sidenav.cjs.entry.js

@@ -2,51 +2,64 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e3e27c79.js');
-const pnSidenavStore = require('./pn-sidenav-store-d9bd9e00.js');
-require('./index-28bbc937.js');
+const index = require('./index-4199ff85.js');
+const pnSidenavStore = require('./pn-sidenav-store-d2389306.js');
+require('./index-95e5b7f9.js');
 
 const translations = {
-  'sv': {
-    "open": "Öppna",
-    "close": "Stäng",
-    "navLabel": "Undernavigering",
+  sv: {
+    open: 'Öppna',
+    close: 'Stäng',
+    navLabel: 'Undernavigering',
   },
-  'en': {
-    "open": "Open",
-    "close": "Close",
-    "navLabel": "Sub navigation",
+  en: {
+    open: 'Open',
+    close: 'Close',
+    navLabel: 'Sub navigation',
   },
-  'da': {
-    "open": "Åbne",
-    "close": "Stæng",
-    "navLabel": "Undernavigation"
+  da: {
+    open: 'Åbne',
+    close: 'Stæng',
+    navLabel: 'Undernavigation',
   },
-  'no': {
-    "open": "Åpne",
-    "close": "Stäng",
-    "navLabel": "Undernavigering",
+  no: {
+    open: 'Åpne',
+    close: 'Stäng',
+    navLabel: 'Undernavigering',
   },
-  'fi': {
-    "open": "Avaa",
-    "close": "Sulje",
-    "navLabel": "Ali navigointi",
+  fi: {
+    open: 'Avaa',
+    close: 'Sulje',
+    navLabel: 'Ali navigointi',
+  },
+  de: {
+    open: 'Offen',
+    close: 'Schließen',
+    navLabel: 'Unternavigation',
+  },
+  zh: {
+    open: 'Open',
+    close: 'Close',
+    navLabel: 'Sub navigation',
+  },
+  it: {
+    open: 'Open',
+    close: 'Close',
+    navLabel: 'Sub navigation',
+  },
+  nl: {
+    open: 'Open',
+    close: 'Close',
+    navLabel: 'Sub navigation',
   },
-  'de': {
-    "open": "Offen",
-    "close": "Schließen",
-    "navLabel": "Unternavigation",
-  }
 };
 
 const pnSidenavCss = "body[data-siteheader-sidemenuopen=true]{max-height:100vh;overflow:hidden}@media screen and (min-width: 60em){body[data-siteheader-sidemenuopen=true]{max-height:initial;overflow:initial}}pn-sidenav{display:block;height:auto;width:100vw;padding:0 1.6rem;background-color:#FFFFFF;z-index:6;-webkit-transform:translateX(-100vw);transform:translateX(-100vw);-webkit-transition:-webkit-transform 0.2s 0s;transition:-webkit-transform 0.2s 0s;transition:transform 0.2s 0s;transition:transform 0.2s 0s, -webkit-transform 0.2s 0s;-webkit-transition-property:visibility, -webkit-transform;transition-property:visibility, -webkit-transform;transition-property:transform, visibility;transition-property:transform, visibility, -webkit-transform;-ms-flex-flow:column;flex-flow:column;visibility:hidden;position:fixed;top:10.2rem;bottom:0;left:0}pn-sidenav[open=true]{visibility:visible;-webkit-transform:none;transform:none}@media screen and (min-width: 48em){pn-sidenav{top:15.3rem}}@media screen and (min-width: 64em){pn-sidenav{position:relative;-webkit-transform:none;transform:none;visibility:visible;top:0;z-index:inherit;width:100%;padding:0;height:auto;bottom:auto;left:auto}}";
 
-let PnSidenav = class {
+const PnSidenav = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** Specifies which language we want to show navigation in (sv,da,fi,no,en) */
     this.language = "sv";
-    /** Sets the label of the navigation (Required if multiple nav elements are on a page) */
     this.navLabel = "";
     this.i18n = { open: '', close: '', navLabel: '' };
   }

package/cjs/pn-site-footer_2.cjs.entry.js

@@ -2,14 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e3e27c79.js');
+const index = require('./index-4199ff85.js');
 
 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%;position:relative;top:-1px;background-color:#0D234B}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;margin-left:2.4rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul>li:first-child{margin-left:0}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}";
 
-let PnSiteFooter = class {
+const PnSiteFooter = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** What you write in the comment block above each prop is what ends up in the description fields in the prop table in the documentation */
     this.url = '#';
     this.linktitle = 'PostNord';
     this.theme = null;
@@ -23,7 +22,7 @@ PnSiteFooter.style = pnSiteFooterCss;
 
 const pnSiteFooterColCss = "pn-site-footer-col:not([theme=dotcom]){min-width:15em;padding:2.5em 1.5rem 0;width:100%}@media screen and (min-width: 33.125em){pn-site-footer-col:not([theme=dotcom]){width:50%}}@media screen and (min-width: 60em){pn-site-footer-col:not([theme=dotcom]){max-width:25%}}pn-site-footer-col:not([theme=dotcom]) ul{list-style-type:none;padding:0;margin:0}pn-site-footer-col:not([theme=dotcom]) li{margin-bottom:1.6rem}pn-site-footer-col:not([theme=dotcom]) a{text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}pn-site-footer-col:not([theme=dotcom]) a h3{color:#000000}pn-site-footer-col:not([theme=dotcom]) p{margin-top:0;margin-bottom:1rem}pn-site-footer-col[theme=dotcom]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-site-footer-col[theme=dotcom] *{color:#FFFFFF}@media screen and (min-width: 768px){pn-site-footer-col[theme=dotcom]{width:33%;padding-left:0.8rem;padding-right:0.8rem}pn-site-footer-col[theme=dotcom]:nth-child(1),pn-site-footer-col[theme=dotcom]:nth-child(4){padding-left:0}pn-site-footer-col[theme=dotcom]:nth-child(3),pn-site-footer-col[theme=dotcom]:nth-child(5){padding-right:0}}@media screen and (min-width: 1024px){pn-site-footer-col[theme=dotcom]{width:20%;padding-left:1.6rem;padding-right:1.6rem}pn-site-footer-col[theme=dotcom]:nth-child(1){width:20%;padding-left:0}pn-site-footer-col[theme=dotcom]:nth-child(4){padding-left:1.6rem}pn-site-footer-col[theme=dotcom]:nth-child(3){padding-right:1.6rem}pn-site-footer-col[theme=dotcom]:nth-child(5){padding-right:0}}pn-site-footer-col[theme=dotcom] h3{margin-bottom:1rem;font-weight:700;font-size:2rem;line-height:2.2rem}@media screen and (min-width: 1200px){pn-site-footer-col[theme=dotcom] h3{font-size:2.4rem;line-height:2.64rem}}pn-site-footer-col[theme=dotcom] ul{list-style-type:none;padding:0;margin:0;margin-bottom:1.4rem}pn-site-footer-col[theme=dotcom] ul li{margin-bottom:1rem}pn-site-footer-col[theme=dotcom] a{text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:400;font-size:1.6rem;line-height:2.24rem}pn-site-footer-col[theme=dotcom] a h3{color:#FFFFFF}pn-site-footer-col[theme=dotcom] p{margin-top:0;margin-bottom:1rem}pn-site-footer-col[theme=dotcom] div{min-height:150px;margin-bottom:1.4rem}pn-site-footer-col[theme=dotcom] div p:nth-child(odd){font-weight:500}";
 
-let PnSiteFooterCol = class {
+const PnSiteFooterCol = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.theme = null;

package/cjs/pn-spotlight.cjs.entry.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e3e27c79.js');
+const index = require('./index-4199ff85.js');
 const index$1 = require('./index-9066c0d0.js');
 require('./_commonjsHelpers-206db00d.js');
 
 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;color:#0D234B}@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: 992px){pn-spotlight .pn-spotlight__container__wrapper{max-width:90%;margin:0 auto}}@media screen and (min-width: 1640px){pn-spotlight .pn-spotlight__container__wrapper{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:-57.5px;width:calc(100% + 57.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:1.5rem}@media screen and (min-width: 768px){pn-spotlight .pn-spotlight__container__wrapper__content__ball{min-height:85px;margin-right:2.5rem}}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 1.5rem;padding-left:50px;width:100%}@media screen and (min-width: 992px){pn-spotlight [slot=content]{padding:0 2rem;border-radius:10rem}}@media screen and (min-width: 992px){.pn-spotlight__container__wrapper.cta--dynamic{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media screen and (min-width: 992px){.pn-spotlight__container__wrapper.cta--dynamic [slot=content]{padding-left:4rem}}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}pn-spotlight[data-cta-color=business] [slot=content],pn-spotlight[data-cta-color=business] .pn-spotlight__container__wrapper__content__ball{background-color:#0D234B}pn-spotlight[data-cta-color=private] [slot=content],pn-spotlight[data-cta-color=private] .pn-spotlight__container__wrapper__content__ball{background-color:#00A0D6}pn-spotlight[data-cta-color=hybrid] [slot=content],pn-spotlight[data-cta-color=hybrid] .pn-spotlight__container__wrapper__content__ball{background-color:#e9e6e5}";
 
-let PnSpotlight = class {
+const PnSpotlight = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.heading = null;

package/cjs/pn-stats-info-data.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e3e27c79.js');
+const index = require('./index-4199ff85.js');
 const v4 = require('./v4-45e08b63.js');
 
 const animateValue = (obj, start = 0, end = 100, duration = 1000) => {
@@ -29,21 +29,21 @@ const inViewport = (entries, toggleClass, isEntryIntersectingCallBack) => {
 
 const pnStatsInfoDataCss = "pn-stats-info-data{width:50%}pn-stats-info-data .pn-stats-info-data__container{width:100%;background-color:transparent;color:#F06365;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:2rem}@media screen and (min-width: 768px){pn-stats-info-data .pn-stats-info-data__container{-ms-flex-pack:center;justify-content:center;min-height:102px;padding:0 2rem}}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container{min-height:125px}}pn-stats-info-data .pn-stats-info-data__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}pn-stats-info-data .pn-stats-info-data__container__content__data{font-weight:700;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container__content__data{font-size:5.6rem}}pn-stats-info-data .pn-stats-info-data__container__content__unit{font-weight:700;font-size:3rem;line-height:110%;margin-left:0.8rem}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container__content__unit{font-size:5.6rem}}pn-stats-info-data .pn-stats-info-data__container__content__preamble{text-align:center;font-weight:400;font-size:1.4rem;line-height:110%;color:#FFFFFF}";
 
-let PnStatsInfoData = class {
+const PnStatsInfoData = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.inViewPortCallback = (entry) => {
+      if (entry.isIntersecting) {
+        this.hasBeenShown = true;
+      }
+    };
     this.data = 0;
     this.unit = null;
     this.preamble = null;
-    this.duration = 1000; //ms;
+    this.duration = 1000;
     this.index = null;
     this.hasBeenShown = false;
     this.compId = null;
-    this.inViewPortCallback = (entry) => {
-      if (entry.isIntersecting) {
-        this.hasBeenShown = true;
-      }
-    };
   }
   generateUniqueId() {
     return v4.v4();

package/cjs/pn-stats-info.cjs.entry.js

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e3e27c79.js');
+const index = require('./index-4199ff85.js');
 
 const pnStatsInfoCss = "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}pn-stats-info .pn-stats-info__container__map{display:none}pn-stats-info .pn-stats-info-image-container{display:none}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:2.4rem 2.4rem 1.6rem;width:100%;background-color:#0D234B;border-radius:2.4rem}@media screen and (min-width: 992px){pn-stats-info .pn-stats-info__container__content{padding:4rem 2.4rem 1.6rem}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content{padding:5.6rem 2.4rem 3.2rem}}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-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(2n),pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(2n)~pn-stats-info-data{width:50%}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(1){width:100%}pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(2),pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(2)~pn-stats-info-data{width:50%}pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(3n),pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(3n)~pn-stats-info-data{width:33%}pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(8),pn-stats-info .pn-stats-info__container__content__data pn-stats-info-data:first-child:nth-last-child(8)~pn-stats-info-data{width:25%}}pn-stats-info .pn-stats-info__container__content__data .pn-stats-info-data__container{-ms-flex-pack:start;justify-content:flex-start;min-height:0;padding:2.4rem}@media screen and (min-width: 768px){pn-stats-info .pn-stats-info__container__content__data .pn-stats-info-data__container{min-height:0}}@media screen and (min-width: 992px){pn-stats-info .pn-stats-info__container__content__data .pn-stats-info-data__container{min-height:0}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content__data .pn-stats-info-data__container{min-height:0}}pn-stats-info[data-stats-image=background] .pn-stats-info__container__map{display:none;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem}@media screen and (min-width: 768px){pn-stats-info[data-stats-image=background] .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[data-stats-image=background] .pn-stats-info__container__map{background-size:contain}}pn-stats-info[data-stats-image=background] .pn-stats-info-image-container{display:none}pn-stats-info[data-stats-image=background] .pn-stats-info__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%;background-color:#0D234B;background-repeat:no-repeat;background-position:bottom left;background-size:50%;background-blend-mode:overlay;border-radius:2.4rem}@media screen and (min-width: 768px){pn-stats-info[data-stats-image=background] .pn-stats-info__container__content{border-top-left-radius:0;border-bottom-left-radius:0;max-width:54rem;background-position:-999px -999px;background-size:0}}@media screen and (min-width: 1200px){pn-stats-info[data-stats-image=background] .pn-stats-info__container__content{max-width:100%}}pn-stats-info[data-stats-image=background] .pn-stats-info__container__content__data{min-height:0}pn-stats-info[data-stats-image=image] .pn-stats-info__container{-ms-flex-direction:column;flex-direction:column;padding-top:0}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info__container{-ms-flex-direction:row;flex-direction:row}}pn-stats-info[data-stats-image=image] .pn-stats-info__container__map{display:none}pn-stats-info[data-stats-image=image] .pn-stats-info-image-container{display:block;position:relative}pn-stats-info[data-stats-image=image] .pn-stats-info-image-container [slot=illustration]{border-top-left-radius:2.4rem;border-top-right-radius:2.4rem}pn-stats-info[data-stats-image=image] .pn-stats-info-image-container [slot=illustration]>picture>img{width:100%;height:auto;border-top-left-radius:2.4rem;border-top-right-radius:2.4rem;border-bottom-left-radius:0;border-bottom-right-radius:0}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info-image-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:#0D234B;padding-left:4rem;border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem}pn-stats-info[data-stats-image=image] .pn-stats-info-image-container [slot=illustration] img{-webkit-clip-path:circle(50%);clip-path:circle(50%);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;aspect-ratio:1;max-width:45rem}}pn-stats-info[data-stats-image=image] .pn-stats-info__container__content{width:100%;max-width:100%;border-bottom-right-radius:2.4rem;border-bottom-left-radius:2.4rem;border-top-right-radius:0;border-top-left-radius:0}@media screen and (min-width: 768px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content{-ms-flex-pack:center;justify-content:center}}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content{border-top-right-radius:2.4rem;border-bottom-right-radius:2.4rem;border-bottom-left-radius:0;max-width:100%}}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__heading{font-size:4.8rem}}pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data{width:100%;height:auto;min-height:0}pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data .pn-stats-info-data__container{-ms-flex-pack:start;justify-content:flex-start;min-height:5.6rem}@media screen and (min-width: 768px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data .pn-stats-info-data__container{min-height:5.6rem;padding:2.4rem}}@media screen and (min-width: 1200px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data .pn-stats-info-data__container{min-height:5rem}}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data .pn-stats-info-data__container__content__data{font-size:5.6rem}}@media screen and (min-width: 992px){pn-stats-info[data-stats-image=image] .pn-stats-info__container__content__data .pn-stats-info-data__container__content__unit{font-size:5.6rem}}.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}.comboquotestatsblock pn-stats-info{width:100%}.comboquotestatsblock 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){.comboquotestatsblock pn-stats-info .pn-stats-info__container{padding-top:6rem}}@media screen and (min-width: 1200px){.comboquotestatsblock pn-stats-info .pn-stats-info__container{padding-top:8rem}}.comboquotestatsblock pn-stats-info .pn-stats-info__container__map{display:none}@media screen and (min-width: 768px){.comboquotestatsblock 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){.comboquotestatsblock pn-stats-info .pn-stats-info__container__map{background-size:contain}}.comboquotestatsblock pn-stats-info .pn-stats-info-image-container{display:none}.comboquotestatsblock 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){.comboquotestatsblock pn-stats-info .pn-stats-info__container__content{max-width:54rem;background-position:-999px -999px;background-size:0;padding-bottom:4rem;padding-right:4rem}}@media screen and (min-width: 1200px){.comboquotestatsblock pn-stats-info .pn-stats-info__container__content{max-width:100%;padding-bottom:6rem;padding-right:6rem}}.comboquotestatsblock 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){.comboquotestatsblock pn-stats-info .pn-stats-info__container__content__heading{font-weight:700;font-size:4.8rem}}.comboquotestatsblock 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){.comboquotestatsblock pn-stats-info .pn-stats-info__container__content__data{width:65rem}}pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info__container__map{background-color:#0D234B}pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info-image-container [slot=illustration]{background-color:#0D234B}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info-image-container{background-color:#0D234B}}pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info-data__container__content{color:#F06365}pn-stats-info[data-stats-background-color=bluedarkest] .pn-stats-info-data__container__content__preamble{color:#FFFFFF}pn-stats-info[data-stats-background-color=greendark] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=greendark] .pn-stats-info__container__map{background-color:#005E41}pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-image-container [slot=illustration]{background-color:#005E41}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-image-container{background-color:#005E41}}pn-stats-info[data-stats-background-color=greendark] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-data__container__content{color:#FFFFFF}pn-stats-info[data-stats-background-color=greendark] .pn-stats-info-data__container__content__preamble{color:#FFFFFF}pn-stats-info[data-stats-background-color=green25] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=green25] .pn-stats-info__container__map{background-color:#EDFBF3}pn-stats-info[data-stats-background-color=green25] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=green25] .pn-stats-info-image-container [slot=illustration]{background-color:#EDFBF3}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=green25] .pn-stats-info-image-container{background-color:#EDFBF3}}pn-stats-info[data-stats-background-color=green25] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=green25] .pn-stats-info-data__container__content{color:#005D92}pn-stats-info[data-stats-background-color=green25] .pn-stats-info-data__container__content__preamble{color:#0D234B}pn-stats-info[data-stats-background-color=gray100] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=gray100] .pn-stats-info__container__map{background-color:#e9e6e5}pn-stats-info[data-stats-background-color=gray100] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=gray100] .pn-stats-info-image-container [slot=illustration]{background-color:#e9e6e5}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=gray100] .pn-stats-info-image-container{background-color:#e9e6e5}}pn-stats-info[data-stats-background-color=gray100] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=gray100] .pn-stats-info-data__container__content{color:#005D92}pn-stats-info[data-stats-background-color=gray100] .pn-stats-info-data__container__content__preamble{color:#0D234B}pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info__container__content,pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info__container__map{background-color:#00A0D6}pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info-image-container{background-color:transparent}pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info-image-container [slot=illustration]{background-color:#00A0D6}@media screen and (min-width: 992px){pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info-image-container{background-color:#00A0D6}}pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info__container__content__heading,pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info-data__container__content{color:#FFFFFF}pn-stats-info[data-stats-background-color=bluedefault] .pn-stats-info-data__container__content__preamble{color:#0D234B}";
 
 const mockStringArray = '[ { "preamble": "Million parcels", "data": 226, "unit": null, "duration": 1000 }, { "preamble": "Million parcels", "data": 226, "unit": null, "duration": 1000 },{"preamble": "carbon dioxide emissions since 2009", "data": -44, "unit": "%", "duration": 2000 }, { "preamble": "Million parcels", "data": 226, "unit": null, "duration": 1000 }, {"preamble": "carbon dioxide emissions since 2009", "data": -44, "unit": "%", "duration": 2000 }, { "preamble": "Million parcels", "data": 226, "unit": null, "duration": 1000 }]';
-let PnStatsInfo = class {
+const PnStatsInfo = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.heading = undefined;
     this.dataArray = mockStringArray;
     this.backgroundUrl = null;
     this.myParsedArray = JSON.parse(this.dataArray);

package/cjs/pn-teaser-card.cjs.entry.js

@@ -2,21 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e3e27c79.js');
+const index = require('./index-4199ff85.js');
 
 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;width:100%}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;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 0;object-position:50% 0}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__heading{font-weight:700;font-size:2.4rem;line-height:2.64rem;margin-bottom:0}pn-teaser-card .pn-teaser-card__container__content__text__container__preamble{padding-top:1.6rem;font-weight:400;font-size:1.6rem;line-height:2.24rem;margin-bottom:0}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 .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:500;font-size:1.6rem;text-decoration:none;color:#005D92}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated pn-icon svg{-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;position:relative;left:-0.3rem}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated pn-icon svg path{fill:#005D92}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated[target=_blank]:not(.pn-button):after{display:none}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}pn-teaser-card[data-card-color=white]>.pn-teaser-card__container{background-color:#FFFFFF}.teasercardlistblock .teasercardblock.has-bg{background-color:transparent;background:transparent}@media screen and (min-width: 1200px){.onequarterwidth .pn-teaser-card__container__content__text__container__label{margin-bottom:0.8rem}}.onethirdwidth>pn-teaser-card .pn-teaser-card__container__image__container--no-image,.onequarterwidth>pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:2.4rem}.onethirdwidth .pn-teaser-card__container__content__cta .secondary-link--animated,.onequarterwidth .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:400}.halfwidth>pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:400}.halfwidth>pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:2.4rem}@media screen and (min-width: 992px){.halfwidth>pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:500}}@media screen and (min-width: 1200px){.halfwidth>pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:4rem}.halfwidth>pn-teaser-card .pn-teaser-card__container__content{padding:0 4rem 4rem}.halfwidth>pn-teaser-card .pn-teaser-card__container__content__text__container__heading{font-weight:700;font-size:3.2rem;line-height:3.52rem}.halfwidth>pn-teaser-card .pn-teaser-card__container__content__text__container__preamble{font-weight:400;font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 1640px){.halfwidth>pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:5.6rem}.halfwidth>pn-teaser-card .pn-teaser-card__container__content{padding:0 5.6rem 5.6rem}}.fullwidth>pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:400}.fullwidth>pn-teaser-card .pn-teaser-card__container__image__container--no-image{width:auto;padding-top:2.4rem}@media screen and (min-width: 768px){.fullwidth>pn-teaser-card{min-height:35rem}.fullwidth>pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:500}.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__heading{font-weight:700;font-size:4.8rem;line-height:5.28rem}.fullwidth>pn-teaser-card .pn-teaser-card__container__content__text__container__preamble{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 .secondary-link--animated{text-decoration:underline}pn-teaser-card.teaser-card--hover-effect:hover .secondary-link--animated pn-icon svg{left:0}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 = class {
+const PnTeaserCard = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     var _a;
-    //props
+    this.labelToCapitals = (_a = this.label) === null || _a === void 0 ? void 0 : _a.toUpperCase();
     this.text = null;
     this.heading = null;
     this.label = null;
     this.dataCardColor = 'coral';
     this.dataCardAlignment = 'left';
-    this.labelToCapitals = (_a = this.label) === null || _a === void 0 ? void 0 : _a.toUpperCase();
     this.hasCtaSlotContent = false;
     this.hasIllustrationSlot = true;
   }

package/cjs/pn-titletag.cjs.entry.js

@@ -2,16 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-e3e27c79.js');
+const index = require('./index-4199ff85.js');
 
 const pnTitletagCss = "pn-titletag{display:-ms-inline-flexbox;display:inline-flex;border-radius:0.4rem;min-height:2.5em;font-weight:normal;font-size:0.75em;text-align:center;vertical-align:bottom;padding:0.6rem;gap:0.6em}pn-titletag[color=green700],pn-titletag[color=green]{color:#005E41;background:#DCF6E7}pn-titletag[color=blue700],pn-titletag[color=blue]{background:#E0F8FF;color:#005D92}pn-titletag[color=coral700],pn-titletag[color=coral]{background:#FDEFEE;color:#9B1C2E}pn-titletag[color=gray900],pn-titletag[color=gray],pn-titletag[color=grey]{background:#D3CECB;color:#2D2013}pn-titletag[color=gray50],pn-titletag[color=lightgray],pn-titletag[color=lightgrey]{background:#F3F2F2;color:#2D2013}";
 
-let PnTiletag = class {
+const PnTiletag = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    /** Icon of the tag */
     this.icon = null;
-    /** Icon of the tag */
     this.color = "green700";
   }
   render() {

package/collection/collection-manifest.json

@@ -78,8 +78,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.14.0",
-    "typescriptVersion": "4.5.4"
+    "version": "2.22.2",
+    "typescriptVersion": "4.9.4"
   },
   "collections": [],
   "bundles": []

package/collection/components/animation/pn-animated-tile/pn-animated-tile.js

@@ -1,42 +1,44 @@
 import classNames from 'classnames';
-import { Component, Element, h, Host, State, Watch } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class PnAnimatedTile {
   constructor() {
-    this.toggled = false;
-    this.transitionClassName = '';
-    this.animateIcon = '';
     this.onClickHandler = () => {
       this.toggled = !this.toggled;
     };
+    this.toggled = false;
+    this.transitionClassName = '';
+    this.animateIcon = '';
   }
   onToggledHandler() {
     this.transitionClassName = classNames({ 'fade': this.toggled, 'fade--reversed': !this.toggled });
     this.animateIcon = classNames({ 'animate': this.toggled, '': !this.toggled });
   }
   render() {
-    return (h(Host, null,
-      h("div", { class: "pn-animated-tile__container" },
-        h("div", { class: `pn-animated-tile__content cat-animate ${this.transitionClassName}` },
-          h("slot", { name: "side-a" }),
-          h("slot", { name: "side-b" })),
-        h("button", { type: "button", "aria-label": "Read more", class: `pn-animated-tile__toggle cat-animate toggle ${this.animateIcon}`, onClick: this.onClickHandler },
-          h("pn-icon", { symbol: "plus" })))));
+    return (h(Host, null, h("div", { class: "pn-animated-tile__container" }, h("div", { class: `pn-animated-tile__content cat-animate ${this.transitionClassName}` }, h("slot", { name: "side-a" }), h("slot", { name: "side-b" })), h("button", { type: "button", "aria-label": "Read more", class: `pn-animated-tile__toggle cat-animate toggle ${this.animateIcon}`, onClick: this.onClickHandler }, h("pn-icon", { symbol: "plus" })))));
   }
   static get is() { return "pn-animated-tile"; }
-  static get originalStyleUrls() { return {
-    "$": ["pn-animated-tile.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pn-animated-tile.css"]
-  }; }
-  static get states() { return {
-    "toggled": {},
-    "transitionClassName": {},
-    "animateIcon": {}
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["pn-animated-tile.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["pn-animated-tile.css"]
+    };
+  }
+  static get states() {
+    return {
+      "toggled": {},
+      "transitionClassName": {},
+      "animateIcon": {}
+    };
+  }
   static get elementRef() { return "hostElement"; }
-  static get watchers() { return [{
-      "propName": "toggled",
-      "methodName": "onToggledHandler"
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "toggled",
+        "methodName": "onToggledHandler"
+      }];
+  }
 }

package/collection/components/animation/pn-scroll/pn-scroll.js

@@ -1,5 +1,5 @@
 import { v4 as uuidv4 } from 'uuid';
-import { Component, Element, h, Host, Prop, State } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 const defaultIntersectionCallback = (entries, observer, shouldLoop = false) => {
   entries.forEach(entry => {
     if (!shouldLoop) {
@@ -42,97 +42,103 @@ export class PnScroll {
     observer.observe(objectToObserve);
   }
   render() {
-    return (h(Host, null,
-      h("div", { class: `scroll-wrapper ${this.behaviourClasses}`, id: `${SCROLL_ID}${this.compId}`, style: { '--transition-duration': `${this.transitionDurationSeconds}s` } },
-        h("slot", { name: "scroll-affected" }))));
+    return (h(Host, null, h("div", { class: `scroll-wrapper ${this.behaviourClasses}`, id: `${SCROLL_ID}${this.compId}`, style: { '--transition-duration': `${this.transitionDurationSeconds}s` } }, h("slot", { name: "scroll-affected" }))));
   }
   static get is() { return "pn-scroll"; }
-  static get originalStyleUrls() { return {
-    "$": ["pn-scroll.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pn-scroll.css"]
-  }; }
-  static get properties() { return {
-    "intersectionCustomCallback": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IntersectionObserverCallback",
-        "resolved": "IntersectionObserverCallback",
-        "references": {
-          "IntersectionObserverCallback": {
-            "location": "global"
+  static get originalStyleUrls() {
+    return {
+      "$": ["pn-scroll.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["pn-scroll.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "intersectionCustomCallback": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IntersectionObserverCallback",
+          "resolved": "IntersectionObserverCallback",
+          "references": {
+            "IntersectionObserverCallback": {
+              "location": "global"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "defaultIntersectionCallback"
       },
-      "defaultValue": "defaultIntersectionCallback"
-    },
-    "observerOptions": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IntersectionObserverInit",
-        "resolved": "IntersectionObserverInit",
-        "references": {
-          "IntersectionObserverInit": {
-            "location": "global"
+      "observerOptions": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IntersectionObserverInit",
+          "resolved": "IntersectionObserverInit",
+          "references": {
+            "IntersectionObserverInit": {
+              "location": "global"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "defaultObserverOptions"
-    },
-    "behaviourClasses": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "defaultObserverOptions"
       },
-      "attribute": "behaviour-classes",
-      "reflect": false,
-      "defaultValue": "'fade slide-up'"
-    },
-    "transitionDurationSeconds": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "behaviourClasses": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "behaviour-classes",
+        "reflect": false,
+        "defaultValue": "'fade slide-up'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "transition-duration-seconds",
-      "reflect": false,
-      "defaultValue": "0.5"
-    }
-  }; }
-  static get states() { return {
-    "compId": {}
-  }; }
+      "transitionDurationSeconds": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "transition-duration-seconds",
+        "reflect": false,
+        "defaultValue": "0.5"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "compId": {}
+    };
+  }
   static get elementRef() { return "hostElement"; }
 }

package/collection/components/cards/pn-quote-card/pn-line-shape/pn-line-shape.js

@@ -1,18 +1,19 @@
-import { Component, Element, h, Host, } from '@stencil/core';
+import { h, Host, } from '@stencil/core';
 export class PnLineShape {
   //props
   render() {
-    return (h(Host, null,
-      h("div", { class: "pn-line-shape__container" },
-        h("canvas", { class: "pn-line-shape__line" }),
-        h("canvas", { class: "pn-line-shape__dot" }))));
+    return (h(Host, null, h("div", { class: "pn-line-shape__container" }, h("canvas", { class: "pn-line-shape__line" }), h("canvas", { class: "pn-line-shape__dot" }))));
   }
   static get is() { return "pn-line-shape"; }
-  static get originalStyleUrls() { return {
-    "$": ["pn-line-shape.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pn-line-shape.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["pn-line-shape.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["pn-line-shape.css"]
+    };
+  }
   static get elementRef() { return "hostElement"; }
 }