@postnord/pn-marketweb-components 2.2.7 → 2.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/cjs/loader.cjs.js +1 -1
  2. package/cjs/pn-market-web-components.cjs.js +1 -1
  3. package/cjs/pn-marketweb-sitefooter.cjs.entry.js +1 -1
  4. package/cjs/pn-quote-card.cjs.entry.js +1 -1
  5. package/cjs/pn-scroll.cjs.entry.js +58 -0
  6. package/cjs/pn-stats-info-data.cjs.entry.js +2 -66
  7. package/cjs/v4-45e08b63.js +68 -0
  8. package/collection/collection-manifest.json +1 -0
  9. package/collection/components/animation/pn-scroll.css +15 -0
  10. package/collection/components/animation/pn-scroll.js +137 -0
  11. package/collection/components/animation/pn-scroll.stories.js +145 -0
  12. package/collection/components/cards/pn-quote-card/pn-quote-card.css +1 -0
  13. package/collection/components/cards/pn-quote-card/pn-quote-card.stories.js +1 -1
  14. package/collection/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.css +22 -9
  15. package/collection/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.stories.js +1 -2
  16. package/custom-elements/index.d.ts +6 -0
  17. package/custom-elements/index.js +121 -68
  18. package/esm/loader.js +1 -1
  19. package/esm/pn-market-web-components.js +1 -1
  20. package/esm/pn-marketweb-sitefooter.entry.js +1 -1
  21. package/esm/pn-quote-card.entry.js +1 -1
  22. package/esm/pn-scroll.entry.js +54 -0
  23. package/esm/pn-stats-info-data.entry.js +1 -65
  24. package/esm/v4-f450efa7.js +66 -0
  25. package/esm-es5/loader.js +1 -1
  26. package/esm-es5/pn-market-web-components.js +1 -1
  27. package/esm-es5/pn-marketweb-sitefooter.entry.js +1 -1
  28. package/esm-es5/pn-quote-card.entry.js +1 -1
  29. package/esm-es5/pn-scroll.entry.js +1 -0
  30. package/esm-es5/pn-stats-info-data.entry.js +1 -1
  31. package/esm-es5/v4-f450efa7.js +1 -0
  32. package/package.json +1 -1
  33. package/pn-market-web-components/p-3343610e.entry.js +1 -0
  34. package/pn-market-web-components/p-41220f82.system.entry.js +1 -0
  35. package/pn-market-web-components/p-5b9144fd.system.entry.js +1 -0
  36. package/pn-market-web-components/p-67887512.system.js +1 -1
  37. package/pn-market-web-components/p-acf5fe7a.entry.js +1 -0
  38. package/pn-market-web-components/p-d3d7fec8.js +1 -0
  39. package/pn-market-web-components/p-dc4a66ad.entry.js +1 -0
  40. package/pn-market-web-components/{p-249964b5.entry.js → p-dd0b02de.entry.js} +1 -1
  41. package/pn-market-web-components/p-e351523a.system.js +1 -0
  42. package/pn-market-web-components/{p-d57f4246.system.entry.js → p-ed990629.system.entry.js} +1 -1
  43. package/pn-market-web-components/p-f64a7188.system.entry.js +1 -0
  44. package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
  45. package/types/components/animation/pn-scroll.d.ts +12 -0
  46. package/types/components.d.ts +21 -0
  47. package/pn-market-web-components/p-0862b4b6.entry.js +0 -1
  48. package/pn-market-web-components/p-28c4b4d9.system.entry.js +0 -1
  49. package/pn-market-web-components/p-c5f98650.entry.js +0 -1
  50. package/pn-market-web-components/p-d05ab060.system.entry.js +0 -1
@@ -597,6 +597,12 @@ export namespace Components {
597
597
  "occupation": string;
598
598
  "quote": string;
599
599
  }
600
+ interface PnScroll {
601
+ "behaviourClasses": string;
602
+ "intersectionCustomCallback": IntersectionObserverCallback;
603
+ "observerOptions": IntersectionObserverInit;
604
+ "transitionDurationSeconds": number;
605
+ }
600
606
  interface PnShare {
601
607
  "language": string;
602
608
  "link": string;
@@ -1051,6 +1057,12 @@ declare global {
1051
1057
  prototype: HTMLPnQuoteCardElement;
1052
1058
  new (): HTMLPnQuoteCardElement;
1053
1059
  };
1060
+ interface HTMLPnScrollElement extends Components.PnScroll, HTMLStencilElement {
1061
+ }
1062
+ var HTMLPnScrollElement: {
1063
+ prototype: HTMLPnScrollElement;
1064
+ new (): HTMLPnScrollElement;
1065
+ };
1054
1066
  interface HTMLPnShareElement extends Components.PnShare, HTMLStencilElement {
1055
1067
  }
1056
1068
  var HTMLPnShareElement: {
@@ -1199,6 +1211,7 @@ declare global {
1199
1211
  "pn-proxio-productcard-pricelink": HTMLPnProxioProductcardPricelinkElement;
1200
1212
  "pn-quick-cta": HTMLPnQuickCtaElement;
1201
1213
  "pn-quote-card": HTMLPnQuoteCardElement;
1214
+ "pn-scroll": HTMLPnScrollElement;
1202
1215
  "pn-share": HTMLPnShareElement;
1203
1216
  "pn-share-item": HTMLPnShareItemElement;
1204
1217
  "pn-sidenav": HTMLPnSidenavElement;
@@ -1823,6 +1836,12 @@ declare namespace LocalJSX {
1823
1836
  "occupation"?: string;
1824
1837
  "quote"?: string;
1825
1838
  }
1839
+ interface PnScroll {
1840
+ "behaviourClasses"?: string;
1841
+ "intersectionCustomCallback"?: IntersectionObserverCallback;
1842
+ "observerOptions"?: IntersectionObserverInit;
1843
+ "transitionDurationSeconds"?: number;
1844
+ }
1826
1845
  interface PnShare {
1827
1846
  "language"?: string;
1828
1847
  "link"?: string;
@@ -1991,6 +2010,7 @@ declare namespace LocalJSX {
1991
2010
  "pn-proxio-productcard-pricelink": PnProxioProductcardPricelink;
1992
2011
  "pn-quick-cta": PnQuickCta;
1993
2012
  "pn-quote-card": PnQuoteCard;
2013
+ "pn-scroll": PnScroll;
1994
2014
  "pn-share": PnShare;
1995
2015
  "pn-share-item": PnShareItem;
1996
2016
  "pn-sidenav": PnSidenav;
@@ -2069,6 +2089,7 @@ declare module "@stencil/core" {
2069
2089
  "pn-proxio-productcard-pricelink": LocalJSX.PnProxioProductcardPricelink & JSXBase.HTMLAttributes<HTMLPnProxioProductcardPricelinkElement>;
2070
2090
  "pn-quick-cta": LocalJSX.PnQuickCta & JSXBase.HTMLAttributes<HTMLPnQuickCtaElement>;
2071
2091
  "pn-quote-card": LocalJSX.PnQuoteCard & JSXBase.HTMLAttributes<HTMLPnQuoteCardElement>;
2092
+ "pn-scroll": LocalJSX.PnScroll & JSXBase.HTMLAttributes<HTMLPnScrollElement>;
2072
2093
  "pn-share": LocalJSX.PnShare & JSXBase.HTMLAttributes<HTMLPnShareElement>;
2073
2094
  "pn-share-item": LocalJSX.PnShareItem & JSXBase.HTMLAttributes<HTMLPnShareItemElement>;
2074
2095
  "pn-sidenav": LocalJSX.PnSidenav & JSXBase.HTMLAttributes<HTMLPnSidenavElement>;
@@ -1 +0,0 @@
1
- import{r as t,h as n,a}from"./p-58e8d7d5.js";let e;const i=new Uint8Array(16);function s(){if(!e&&(e="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!e))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return e(i)}const o=[];for(let p=0;p<256;++p)o.push((p+256).toString(16).slice(1));const r={randomUUID:"undefined"!=typeof crypto&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function d(t,n,a){if(r.randomUUID&&!n&&!t)return r.randomUUID();const e=(t=t||{}).random||(t.rng||s)();if(e[6]=15&e[6]|64,e[8]=63&e[8]|128,n){a=a||0;for(let t=0;t<16;++t)n[a+t]=e[t];return n}return function(t,n=0){return(o[t[n+0]]+o[t[n+1]]+o[t[n+2]]+o[t[n+3]]+"-"+o[t[n+4]]+o[t[n+5]]+"-"+o[t[n+6]]+o[t[n+7]]+"-"+o[t[n+8]]+o[t[n+9]]+"-"+o[t[n+10]]+o[t[n+11]]+o[t[n+12]]+o[t[n+13]]+o[t[n+14]]+o[t[n+15]]).toLowerCase()}(e)}let c=class{constructor(n){t(this,n),this.data=0,this.unit=null,this.preamble=null,this.duration=1e3,this.index=null,this.hasBeenShown=!1,this.compId=null,this.inViewPortCallback=t=>{t.isIntersecting&&(this.hasBeenShown=!0)}}generateUniqueId(){return d()}componentWillLoad(){this.compId=this.generateUniqueId()}watchStateHandlder(t,n){const a=document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);a.classList.contains("is-inViewport")&&t!==n&&((t,n=0,a=100,e=1e3)=>{let i=null;const s=o=>{i||(i=o);const r=Math.min((o-i)/e,1);t.innerHTML=e?(Math.round(10*(r*(a-n)+n))/10).toString():a.toString(),r<1&&window.requestAnimationFrame(s)};window.requestAnimationFrame(s)})(a,0,this.data,this.duration)}render(){return n(a,null,n("div",{class:"pn-stats-info-data__container"},n("div",{class:"pn-stats-info-data__container__content"},n("div",{class:"pn-stats-info-data__container__content__data",id:`pn-stats-info-data-${this.compId}-${this.index}`}),n("div",{class:"pn-stats-info-data__container__content__unit"},this.unit)),n("div",{class:"pn-stats-info-data__container__content__preamble"},this.preamble)))}componentDidRender(){const t=new IntersectionObserver((t=>((t,n,a)=>{t.forEach((t=>{t.target.classList.toggle("is-inViewport",t.isIntersecting),a(t)}))})(t,0,this.inViewPortCallback))),n=document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);t.observe(n)}static get watchers(){return{hasBeenShown:["watchStateHandlder"]}}};c.style="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}";export{c as pn_stats_info_data}
@@ -1 +0,0 @@
1
- System.register(["./p-36654f2a.system.js"],(function(t){"use strict";var n,e,a;return{setters:[function(t){n=t.r;e=t.h;a=t.a}],execute:function(){var i;var o=new Uint8Array(16);function r(){if(!i){i=typeof crypto!=="undefined"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto);if(!i){throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported")}}return i(o)}var s=[];for(var c=0;c<256;++c){s.push((c+256).toString(16).slice(1))}function d(t,n){if(n===void 0){n=0}return(s[t[n+0]]+s[t[n+1]]+s[t[n+2]]+s[t[n+3]]+"-"+s[t[n+4]]+s[t[n+5]]+"-"+s[t[n+6]]+s[t[n+7]]+"-"+s[t[n+8]]+s[t[n+9]]+"-"+s[t[n+10]]+s[t[n+11]]+s[t[n+12]]+s[t[n+13]]+s[t[n+14]]+s[t[n+15]]).toLowerCase()}var f=typeof crypto!=="undefined"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);var p={randomUUID:f};function u(t,n,e){if(p.randomUUID&&!n&&!t){return p.randomUUID()}t=t||{};var a=t.random||(t.rng||r)();a[6]=a[6]&15|64;a[8]=a[8]&63|128;if(n){e=e||0;for(var i=0;i<16;++i){n[e+i]=a[i]}return n}return d(a)}var l=function(t,n,e,a){if(n===void 0){n=0}if(e===void 0){e=100}if(a===void 0){a=1e3}var i=null;var o=function(r){if(!i)i=r;var s=Math.min((r-i)/a,1);t.innerHTML=a?(Math.round((s*(e-n)+n)*10)/10).toString():e.toString();if(s<1){window.requestAnimationFrame(o)}};window.requestAnimationFrame(o)};var _=function(t,n,e){t.forEach((function(t){t.target.classList.toggle(n,t.isIntersecting);e(t)}))};var m="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}";var h=t("pn_stats_info_data",function(){function t(t){var e=this;n(this,t);this.data=0;this.unit=null;this.preamble=null;this.duration=1e3;this.index=null;this.hasBeenShown=false;this.compId=null;this.inViewPortCallback=function(t){if(t.isIntersecting){e.hasBeenShown=true}}}t.prototype.generateUniqueId=function(){return u()};t.prototype.componentWillLoad=function(){this.compId=this.generateUniqueId()};t.prototype.watchStateHandlder=function(t,n){var e=document.getElementById("pn-stats-info-data-".concat(this.compId,"-").concat(this.index));if(e.classList.contains("is-inViewport")&&t!==n){l(e,0,this.data,this.duration)}};t.prototype.render=function(){return e(a,null,e("div",{class:"pn-stats-info-data__container"},e("div",{class:"pn-stats-info-data__container__content"},e("div",{class:"pn-stats-info-data__container__content__data",id:"pn-stats-info-data-".concat(this.compId,"-").concat(this.index)}),e("div",{class:"pn-stats-info-data__container__content__unit"},this.unit)),e("div",{class:"pn-stats-info-data__container__content__preamble"},this.preamble)))};t.prototype.componentDidRender=function(){var t=this;var n=new IntersectionObserver((function(n){return _(n,"is-inViewport",t.inViewPortCallback)}));var e=document.getElementById("pn-stats-info-data-".concat(this.compId,"-").concat(this.index));n.observe(e)};Object.defineProperty(t,"watchers",{get:function(){return{hasBeenShown:["watchStateHandlder"]}},enumerable:false,configurable:true});return t}());h.style=m}}}));
@@ -1 +0,0 @@
1
- import{r as e,h as t,a,g as o}from"./p-58e8d7d5.js";let n=class{constructor(t){e(this,t),this.quote=null,this.name=null,this.occupation=null}render(){return t(a,null,t("div",{class:"pn-quote-card__section"},t("div",{class:"pn-quote-card__container"},t("slot",{name:"vertical-line"}," "),t("div",{class:"pn-quote-card__quote__container"},t("blockquote",{class:"pn-quote-card__quote"},t("svg",{width:"25",height:"18",viewBox:"0 0 25 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("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),t("slot",{name:"horizontal-line"}),t("div",{class:"pn-quote-card__reference__container"},t("slot",{name:"illustration"}),t("div",{class:"pn-quote-card__reference"},t("span",{class:"pn-quote-card__reference__name"},this.name),t("span",{class:"pn-quote-card__reference__occupation"},this.occupation)))),t("div",{class:"pn-quote-card__large-photo"},t("slot",{name:"illustration-big"})))))}get hostElement(){return o(this)}};n.style="pn-quote-card .pn-quote-card__container{margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;min-height:262px;padding:0 2.4rem}pn-quote-card .pn-quote-card__quote__container{padding:0 3.2rem}pn-quote-card .pn-quote-card__quote{position:relative;font-weight:400;font-size:2rem;line-height:140%;margin:0}pn-quote-card .pn-quote-card__quote svg{position:absolute;left:-3.2rem;top:0.2rem}pn-quote-card .pn-quote-card__reference__container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;gap:1.6rem;-ms-flex-align:center;align-items:center}pn-quote-card .pn-quote-card__reference__name{display:block;font-weight:400;font-size:2.4rem;line-height:2.9rem}pn-quote-card .pn-quote-card__reference__occupation{display:block;font-weight:400;font-size:1.4rem;line-height:1.7rem}pn-quote-card [slot=illustration]{padding:0}pn-quote-card [slot=illustration-big]{padding:0.8rem 0}pn-quote-card [slot=illustration],pn-quote-card [slot=illustration-big]{aspect-ratio:1/1}pn-quote-card [slot=illustration] picture,pn-quote-card [slot=illustration-big] picture{aspect-ratio:1/1}pn-quote-card [slot=illustration] picture img,pn-quote-card [slot=illustration-big] picture img{-webkit-clip-path:circle(50%);clip-path:circle(50%)}pn-quote-card [slot=horizontal-line],pn-quote-card [slot=vertical-line]{display:-ms-flexbox;display:flex}pn-quote-card[data-line-color=white] .pn-quote-card__section{background-color:#005D92;color:#FFFFFF}pn-quote-card[data-line-color=white] .pn-line-shape__line,pn-quote-card[data-line-color=white] .pn-line-shape__dot{border-color:#FFFFFF;background-color:#FFFFFF}pn-quote-card[data-line-color=white] .pn-quote-card__quote svg>path{fill:#FFFFFF}pn-quote-card[data-line-color=blue] .pn-quote-card__section{background-color:#FFFFFF}pn-quote-card[data-line-color=blue] .pn-line-shape__line,pn-quote-card[data-line-color=blue] .pn-line-shape__dot{border-color:#00A0D6;background-color:#00A0D6}pn-quote-card[data-line-color=blue] .pn-quote-card__quote svg>path{fill:#00A0D6}pn-quote-card[data-card-style=standalone][data-line-color=white] .pn-quote-card__section{border-radius:2.4rem}pn-quote-card[data-card-style=standalone][data-line-color=white] .pn-quote-card__container{padding:2.4rem}pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:100%;margin:0 auto}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:70%}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:60%}}pn-quote-card[data-card-style=standalone] .pn-quote-card__container{min-height:unset;padding:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=standalone] .pn-quote-card__container{padding:0 2.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;gap:3.2rem;padding:2.4rem 1.6rem 1.6rem 1.6rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=standalone] .pn-quote-card__quote__container{padding:2.4rem 3.2rem 1.6rem 3.2rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote{font-size:1.6rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__quote{font-size:2rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote svg{display:block;margin-bottom:0.8rem;position:relative;top:0;left:0}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__container [slot=illustration] picture img{height:6rem;width:6rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__container [slot=illustration] picture img{height:9rem;width:9rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__name{font-size:1.6rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__name{font-size:2.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__occupation{font-size:1.2rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__occupation{font-size:1.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__large-photo{display:none}pn-quote-card[data-card-style=combo] .pn-quote-card__section{width:100%;margin:0 auto;padding-top:4rem;padding-bottom:4rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__section{padding-bottom:0}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__section{padding-top:10rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__container{min-height:10rem;padding-bottom:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:90%;width:100%}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:768px;width:100%}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:1140px;width:100%;padding:0 5.6rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:1440px;width:100%;padding:0 12rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__quote__container{padding-bottom:0;padding-left:0;padding-right:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote__container{padding-left:2.4rem;padding-right:2.4rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:2rem;padding-left:2.4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-0.8rem;top:0.2rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{padding-left:4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:0}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:2.4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:0;top:0.4rem;scale:1.3}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{padding-left:0;font-size:3.2rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-4.8rem;top:1rem;scale:1.4}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:3.8rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-6.4rem;top:1.6rem;scale:1.8}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__container{-ms-flex-direction:row-reverse;flex-direction:row-reverse}pn-quote-card[data-card-style=combo] [slot=illustration] picture>img{max-width:6rem;max-height:6rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] [slot=illustration] picture>img{max-width:10rem;max-height:10rem}}@media screen and (min-width: 1140px){pn-quote-card[data-card-style=combo] [slot=illustration]{display:none}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference{text-align:right}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{display:block;font-size:1.4rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:1.6rem}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:2rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:3.2rem;margin-bottom:1rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{display:block;font-size:1.2rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{font-size:1.4rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{font-size:1.6rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:none}@media screen and (min-width: 1140px){pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:block}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]{width:18rem;height:18rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big] picture>img{width:18rem;height:18rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:block;width:24rem;height:24rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]{position:relative;z-index:1;width:24rem;height:24rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]>picture>img{width:24rem;height:24rem}}";export{n as pn_quote_card}
@@ -1 +0,0 @@
1
- System.register(["./p-36654f2a.system.js"],(function(e){"use strict";var t,a,n,o;return{setters:[function(e){t=e.r;a=e.h;n=e.a;o=e.g}],execute:function(){var r="pn-quote-card .pn-quote-card__container{margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;min-height:262px;padding:0 2.4rem}pn-quote-card .pn-quote-card__quote__container{padding:0 3.2rem}pn-quote-card .pn-quote-card__quote{position:relative;font-weight:400;font-size:2rem;line-height:140%;margin:0}pn-quote-card .pn-quote-card__quote svg{position:absolute;left:-3.2rem;top:0.2rem}pn-quote-card .pn-quote-card__reference__container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start;gap:1.6rem;-ms-flex-align:center;align-items:center}pn-quote-card .pn-quote-card__reference__name{display:block;font-weight:400;font-size:2.4rem;line-height:2.9rem}pn-quote-card .pn-quote-card__reference__occupation{display:block;font-weight:400;font-size:1.4rem;line-height:1.7rem}pn-quote-card [slot=illustration]{padding:0}pn-quote-card [slot=illustration-big]{padding:0.8rem 0}pn-quote-card [slot=illustration],pn-quote-card [slot=illustration-big]{aspect-ratio:1/1}pn-quote-card [slot=illustration] picture,pn-quote-card [slot=illustration-big] picture{aspect-ratio:1/1}pn-quote-card [slot=illustration] picture img,pn-quote-card [slot=illustration-big] picture img{-webkit-clip-path:circle(50%);clip-path:circle(50%)}pn-quote-card [slot=horizontal-line],pn-quote-card [slot=vertical-line]{display:-ms-flexbox;display:flex}pn-quote-card[data-line-color=white] .pn-quote-card__section{background-color:#005D92;color:#FFFFFF}pn-quote-card[data-line-color=white] .pn-line-shape__line,pn-quote-card[data-line-color=white] .pn-line-shape__dot{border-color:#FFFFFF;background-color:#FFFFFF}pn-quote-card[data-line-color=white] .pn-quote-card__quote svg>path{fill:#FFFFFF}pn-quote-card[data-line-color=blue] .pn-quote-card__section{background-color:#FFFFFF}pn-quote-card[data-line-color=blue] .pn-line-shape__line,pn-quote-card[data-line-color=blue] .pn-line-shape__dot{border-color:#00A0D6;background-color:#00A0D6}pn-quote-card[data-line-color=blue] .pn-quote-card__quote svg>path{fill:#00A0D6}pn-quote-card[data-card-style=standalone][data-line-color=white] .pn-quote-card__section{border-radius:2.4rem}pn-quote-card[data-card-style=standalone][data-line-color=white] .pn-quote-card__container{padding:2.4rem}pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:100%;margin:0 auto}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:70%}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=standalone] .pn-quote-card__section{max-width:60%}}pn-quote-card[data-card-style=standalone] .pn-quote-card__container{min-height:unset;padding:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=standalone] .pn-quote-card__container{padding:0 2.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote__container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;gap:3.2rem;padding:2.4rem 1.6rem 1.6rem 1.6rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=standalone] .pn-quote-card__quote__container{padding:2.4rem 3.2rem 1.6rem 3.2rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote{font-size:1.6rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__quote{font-size:2rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__quote svg{display:block;margin-bottom:0.8rem;position:relative;top:0;left:0}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__container [slot=illustration] picture img{height:6rem;width:6rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__container [slot=illustration] picture img{height:9rem;width:9rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__name{font-size:1.6rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__name{font-size:2.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__occupation{font-size:1.2rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=standalone] .pn-quote-card__reference__occupation{font-size:1.4rem}}pn-quote-card[data-card-style=standalone] .pn-quote-card__large-photo{display:none}pn-quote-card[data-card-style=combo] .pn-quote-card__section{width:100%;margin:0 auto;padding-top:4rem;padding-bottom:4rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__section{padding-bottom:0}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__section{padding-top:10rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__container{min-height:10rem;padding-bottom:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:90%;width:100%}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:768px;width:100%}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:1140px;width:100%;padding:0 5.6rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__container{max-width:1440px;width:100%;padding:0 12rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__quote__container{padding-bottom:0;padding-left:0;padding-right:0}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote__container{padding-left:2.4rem;padding-right:2.4rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:2rem;padding-left:2.4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-0.8rem;top:0.2rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{padding-left:4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:0}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:2.4rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:0;top:0.4rem;scale:1.3}}@media screen and (min-width: 1200px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{padding-left:0;font-size:3.2rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-4.8rem;top:1rem;scale:1.4}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__quote{font-size:3.8rem}pn-quote-card[data-card-style=combo] .pn-quote-card__quote svg{left:-6.4rem;top:1.6rem;scale:1.8}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__container{-ms-flex-direction:row-reverse;flex-direction:row-reverse}pn-quote-card[data-card-style=combo] [slot=illustration] picture>img{max-width:6rem;max-height:6rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] [slot=illustration] picture>img{max-width:10rem;max-height:10rem}}@media screen and (min-width: 1140px){pn-quote-card[data-card-style=combo] [slot=illustration]{display:none}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference{text-align:right}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{display:block;font-size:1.4rem}@media screen and (min-width: 768px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:1.6rem}}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:2rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__name{font-size:3.2rem;margin-bottom:1rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{display:block;font-size:1.2rem}@media screen and (min-width: 992px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{font-size:1.4rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__reference__occupation{font-size:1.6rem}}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:none}@media screen and (min-width: 1140px){pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:block}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]{width:18rem;height:18rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big] picture>img{width:18rem;height:18rem}}@media screen and (min-width: 1640px){pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo{display:block;width:24rem;height:24rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]{position:relative;z-index:1;width:24rem;height:24rem}pn-quote-card[data-card-style=combo] .pn-quote-card__large-photo>[slot=illustration-big]>picture>img{width:24rem;height:24rem}}";var d=e("pn_quote_card",function(){function e(e){t(this,e);this.quote=null;this.name=null;this.occupation=null}e.prototype.render=function(){return a(n,null,a("div",{class:"pn-quote-card__section"},a("div",{class:"pn-quote-card__container"},a("slot",{name:"vertical-line"}," "),a("div",{class:"pn-quote-card__quote__container"},a("blockquote",{class:"pn-quote-card__quote"},a("svg",{width:"25",height:"18",viewBox:"0 0 25 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a("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),a("slot",{name:"horizontal-line"}),a("div",{class:"pn-quote-card__reference__container"},a("slot",{name:"illustration"}),a("div",{class:"pn-quote-card__reference"},a("span",{class:"pn-quote-card__reference__name"},this.name),a("span",{class:"pn-quote-card__reference__occupation"},this.occupation)))),a("div",{class:"pn-quote-card__large-photo"},a("slot",{name:"illustration-big"})))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return o(this)},enumerable:false,configurable:true});return e}());d.style=r}}}));