@postnord/pn-marketweb-components 2.1.8 → 2.1.9

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');
 
 // Unique ID creation requires a high quality random # generator. In the browser we therefore
 // require the crypto API and do not support built-in fallback to lower quality random number
@@ -93,21 +93,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%}@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();

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

@@ -2,12 +2,12 @@
 
 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}";
 
 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 = 'Heading';

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

@@ -73,8 +73,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/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"; }
 }

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

@@ -1,92 +1,81 @@
-import { Component, Element, h, Host, Prop, } from '@stencil/core';
+import { h, Host, } from '@stencil/core';
 export class PnQuoteCard {
   constructor() {
-    //props
     this.quote = null;
     this.name = null;
     this.occupation = null;
   }
   render() {
-    return (h(Host, null,
-      h("div", { class: "pn-quote-card__section" },
-        h("div", { class: "pn-quote-card__container" },
-          h("slot", { name: "vertical-line" }, " "),
-          h("div", { class: "pn-quote-card__quote__container" },
-            h("blockquote", { class: "pn-quote-card__quote" },
-              h("svg", { width: "25", height: "18", viewBox: "0 0 25 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                h("path", { d: "M10.483 0V7.391C10.483 13.095 6.752 16.961 1.5 18L0.505 15.849C2.937 14.932 4.5 12.211 4.5 10H0.5V0H10.483ZM24.5 0V7.391C24.5 13.095 20.752 16.962 15.5 18L14.504 15.849C16.937 14.932 18.5 12.211 18.5 10H14.517V0H24.5Z", fill: "white" })),
-              this.quote),
-            h("slot", { name: "horizontal-line" }),
-            h("div", { class: "pn-quote-card__reference__container" },
-              h("slot", { name: "illustration" }),
-              h("div", { class: "pn-quote-card__reference" },
-                h("span", { class: "pn-quote-card__reference__name" }, this.name),
-                h("span", { class: "pn-quote-card__reference__occupation" }, this.occupation)))),
-          h("div", { class: "pn-quote-card__large-photo" },
-            h("slot", { name: "illustration-big" }))))));
+    return (h(Host, null, h("div", { class: "pn-quote-card__section" }, h("div", { class: "pn-quote-card__container" }, h("slot", { name: "vertical-line" }, " "), h("div", { class: "pn-quote-card__quote__container" }, h("blockquote", { class: "pn-quote-card__quote" }, h("svg", { width: "25", height: "18", viewBox: "0 0 25 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M10.483 0V7.391C10.483 13.095 6.752 16.961 1.5 18L0.505 15.849C2.937 14.932 4.5 12.211 4.5 10H0.5V0H10.483ZM24.5 0V7.391C24.5 13.095 20.752 16.962 15.5 18L14.504 15.849C16.937 14.932 18.5 12.211 18.5 10H14.517V0H24.5Z", fill: "white" })), this.quote), h("slot", { name: "horizontal-line" }), h("div", { class: "pn-quote-card__reference__container" }, h("slot", { name: "illustration" }), h("div", { class: "pn-quote-card__reference" }, h("span", { class: "pn-quote-card__reference__name" }, this.name), h("span", { class: "pn-quote-card__reference__occupation" }, this.occupation)))), h("div", { class: "pn-quote-card__large-photo" }, h("slot", { name: "illustration-big" }))))));
   }
   static get is() { return "pn-quote-card"; }
-  static get originalStyleUrls() { return {
-    "$": ["pn-quote-card.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pn-quote-card.css"]
-  }; }
-  static get properties() { return {
-    "quote": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "quote",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "name",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "occupation": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["pn-quote-card.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["pn-quote-card.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "quote": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "quote",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "name",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "attribute": "occupation",
-      "reflect": false,
-      "defaultValue": "null"
-    }
-  }; }
+      "occupation": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "occupation",
+        "reflect": false,
+        "defaultValue": "null"
+      }
+    };
+  }
   static get elementRef() { return "hostElement"; }
 }

package/collection/components/cards/pn-teaser-card/pn-teaser-card.js

@@ -1,14 +1,13 @@
-import { Component, Element, h, Host, Prop, State, } from '@stencil/core';
+import { h, Host, } from '@stencil/core';
 export class PnTeaserCard {
   constructor() {
     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;
   }
@@ -18,121 +17,118 @@ export class PnTeaserCard {
   }
   //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 ${!this.hasIllustrationSlot ? 'pn-teaser-card__container__image__container--no-image' : ''}` },
-          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("h2", { class: "pn-teaser-card__container__content__text__container__heading" }, this.heading),
-            h("p", { class: "pn-teaser-card__container__content__text__container__preamble" }, this.text)),
-          this.hasCtaSlotContent && (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 ${!this.hasIllustrationSlot ? 'pn-teaser-card__container__image__container--no-image' : ''}` }, 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("h2", { class: "pn-teaser-card__container__content__text__container__heading" }, this.heading), h("p", { class: "pn-teaser-card__container__content__text__container__preamble" }, this.text)), this.hasCtaSlotContent && (h("div", { class: "pn-teaser-card__container__content__cta" }, h("slot", { name: "cta" })))))));
   }
   static get is() { return "pn-teaser-card"; }
-  static get originalStyleUrls() { return {
-    "$": ["pn-teaser-card.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["pn-teaser-card.css"]
-  }; }
-  static get properties() { return {
-    "text": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "text",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "heading": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "heading",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "label",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "dataCardColor": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["pn-teaser-card.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["pn-teaser-card.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "text": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "text",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "heading": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "heading",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "attribute": "data-card-color",
-      "reflect": true,
-      "defaultValue": "'coral'"
-    },
-    "dataCardAlignment": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "label",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "dataCardColor": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data-card-color",
+        "reflect": true,
+        "defaultValue": "'coral'"
       },
-      "attribute": "data-card-alignment",
-      "reflect": true,
-      "defaultValue": "'left'"
-    }
-  }; }
-  static get states() { return {
-    "hasCtaSlotContent": {},
-    "hasIllustrationSlot": {}
-  }; }
+      "dataCardAlignment": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "data-card-alignment",
+        "reflect": true,
+        "defaultValue": "'left'"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "hasCtaSlotContent": {},
+      "hasIllustrationSlot": {}
+    };
+  }
   static get elementRef() { return "hostElement"; }
 }