@postnord/pn-marketweb-components 2.3.4 → 2.3.6

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 (74) hide show
  1. package/cjs/index-9066c0d0.js +61 -0
  2. package/cjs/loader.cjs.js +1 -1
  3. package/cjs/pn-animated-tile.cjs.entry.js +35 -0
  4. package/cjs/pn-market-web-components.cjs.js +1 -1
  5. package/cjs/pn-multi-input.cjs.entry.js +32 -0
  6. package/cjs/pn-quick-cta.cjs.entry.js +1 -1
  7. package/cjs/pn-spotlight.cjs.entry.js +9 -2
  8. package/cjs/pn-stats-info-data.cjs.entry.js +2 -2
  9. package/cjs/pn-stats-info.cjs.entry.js +1 -1
  10. package/collection/collection-manifest.json +3 -1
  11. package/collection/components/animation/pn-animated-tile/pn-animated-tile.css +128 -0
  12. package/collection/components/animation/pn-animated-tile/pn-animated-tile.js +42 -0
  13. package/collection/components/animation/pn-animated-tile/pn-animated-tile.stories.js +93 -0
  14. package/collection/components/animation/{pn-scroll.stories.js → pn-scroll/pn-scroll.stories.js} +1 -1
  15. package/collection/components/cta/pn-quick-cta/pn-quick-cta.css +19 -0
  16. package/collection/components/cta/pn-quick-cta/pn-quick-cta.stories.js +55 -1
  17. package/collection/components/cta/pn-spotlight/pn-spotlight.css +26 -0
  18. package/collection/components/cta/pn-spotlight/pn-spotlight.js +29 -2
  19. package/collection/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.css +1 -0
  20. package/collection/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.js +1 -1
  21. package/collection/components/data-visualization/pn-stats-info/pn-stats-info.css +46 -0
  22. package/collection/components/data-visualization/pn-stats-info/pn-stats-info.stories.js +2 -2
  23. package/collection/components/layout-components/pn-multi-input/multi-input.stories.js +22 -0
  24. package/collection/components/layout-components/pn-multi-input/pn-multi-input.css +0 -0
  25. package/collection/components/layout-components/pn-multi-input/pn-multi-input.js +31 -0
  26. package/custom-elements/index.d.ts +12 -0
  27. package/custom-elements/index.js +160 -42
  28. package/esm/index-45541632.js +59 -0
  29. package/esm/loader.js +1 -1
  30. package/esm/pn-animated-tile.entry.js +31 -0
  31. package/esm/pn-market-web-components.js +1 -1
  32. package/esm/pn-multi-input.entry.js +28 -0
  33. package/esm/pn-quick-cta.entry.js +1 -1
  34. package/esm/pn-spotlight.entry.js +9 -2
  35. package/esm/pn-stats-info-data.entry.js +2 -2
  36. package/esm/pn-stats-info.entry.js +1 -1
  37. package/esm-es5/index-45541632.js +7 -0
  38. package/esm-es5/loader.js +1 -1
  39. package/esm-es5/pn-animated-tile.entry.js +1 -0
  40. package/esm-es5/pn-market-web-components.js +1 -1
  41. package/esm-es5/pn-multi-input.entry.js +1 -0
  42. package/esm-es5/pn-quick-cta.entry.js +1 -1
  43. package/esm-es5/pn-spotlight.entry.js +1 -1
  44. package/esm-es5/pn-stats-info-data.entry.js +1 -1
  45. package/esm-es5/pn-stats-info.entry.js +1 -1
  46. package/package.json +2 -1
  47. package/pn-market-web-components/{p-0c34d974.system.entry.js → p-054f8b3a.system.entry.js} +1 -1
  48. package/pn-market-web-components/p-3e668a3f.system.js +7 -0
  49. package/pn-market-web-components/p-5e43ccf2.js +7 -0
  50. package/pn-market-web-components/{p-233a7e8a.entry.js → p-5f0acbbd.entry.js} +1 -1
  51. package/pn-market-web-components/p-67887512.system.js +1 -1
  52. package/pn-market-web-components/{p-7fd8b012.entry.js → p-6f28cfba.entry.js} +1 -1
  53. package/pn-market-web-components/p-7cab2106.system.entry.js +1 -0
  54. package/pn-market-web-components/p-8e890ab1.system.entry.js +1 -0
  55. package/pn-market-web-components/p-91c5cd79.entry.js +1 -0
  56. package/pn-market-web-components/p-97aafcf4.entry.js +1 -0
  57. package/pn-market-web-components/p-a1cf4618.system.entry.js +1 -0
  58. package/pn-market-web-components/p-a864fbed.system.entry.js +1 -0
  59. package/pn-market-web-components/p-b66743b3.system.entry.js +1 -0
  60. package/pn-market-web-components/p-d74172bc.entry.js +1 -0
  61. package/pn-market-web-components/p-f82c5d08.entry.js +1 -0
  62. package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
  63. package/types/components/animation/pn-animated-tile/pn-animated-tile.d.ts +9 -0
  64. package/types/components/cta/pn-spotlight/pn-spotlight.d.ts +3 -0
  65. package/types/components/layout-components/pn-multi-input/pn-multi-input.d.ts +8 -0
  66. package/types/components.d.ts +28 -0
  67. package/pn-market-web-components/p-1c38553b.system.entry.js +0 -1
  68. package/pn-market-web-components/p-8e38c337.entry.js +0 -1
  69. package/pn-market-web-components/p-acf5fe7a.entry.js +0 -1
  70. package/pn-market-web-components/p-af415c1a.system.entry.js +0 -1
  71. package/pn-market-web-components/p-f64a7188.system.entry.js +0 -1
  72. /package/collection/components/animation/{pn-scroll.css → pn-scroll/pn-scroll.css} +0 -0
  73. /package/collection/components/animation/{pn-scroll.js → pn-scroll/pn-scroll.js} +0 -0
  74. /package/types/components/animation/{pn-scroll.d.ts → pn-scroll/pn-scroll.d.ts} +0 -0
@@ -0,0 +1,8 @@
1
+ export declare class PnmultiInput {
2
+ hostElement: HTMLElement;
3
+ inputElm: HTMLElement;
4
+ componentDidLoad(): Promise<void>;
5
+ init(): void;
6
+ addRow(e: any): void;
7
+ render(): any;
8
+ }
@@ -10,6 +10,8 @@ import { ProductPriceItem as ProductPriceItem1 } from "./globals/shared/productp
10
10
  import { LoginDialog, LoginDialogLink, ProfileSelectorCustomerItem, ProfileSelectorOrganization, SiteHeaderI18N, SiteHeaderSearch } from "./components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-types";
11
11
  import { ProductGenericItem, ProxioPriceListGroupResponse } from "./components/widgets/pn-proxio-pricegroup/types";
12
12
  export namespace Components {
13
+ interface PnAnimatedTile {
14
+ }
13
15
  interface PnBonusProgressbar {
14
16
  "bonuspercentage": string;
15
17
  "currency": string;
@@ -443,6 +445,8 @@ export namespace Components {
443
445
  "myPageLabel": string;
444
446
  "myPageUrl": string;
445
447
  }
448
+ interface PnMultiInput {
449
+ }
446
450
  interface PnParcelTracker {
447
451
  "buttonLabel": string;
448
452
  "formActionUrl": string;
@@ -684,6 +688,7 @@ export namespace Components {
684
688
  }
685
689
  interface PnSpotlight {
686
690
  "heading": string;
691
+ "isDynamic": boolean;
687
692
  "preamble": string;
688
693
  }
689
694
  interface PnStatsInfo {
@@ -717,6 +722,12 @@ export namespace Components {
717
722
  }
718
723
  }
719
724
  declare global {
725
+ interface HTMLPnAnimatedTileElement extends Components.PnAnimatedTile, HTMLStencilElement {
726
+ }
727
+ var HTMLPnAnimatedTileElement: {
728
+ prototype: HTMLPnAnimatedTileElement;
729
+ new (): HTMLPnAnimatedTileElement;
730
+ };
720
731
  interface HTMLPnBonusProgressbarElement extends Components.PnBonusProgressbar, HTMLStencilElement {
721
732
  }
722
733
  var HTMLPnBonusProgressbarElement: {
@@ -909,6 +920,12 @@ declare global {
909
920
  prototype: HTMLPnMarketwebSiteheaderUnifiedLoginElement;
910
921
  new (): HTMLPnMarketwebSiteheaderUnifiedLoginElement;
911
922
  };
923
+ interface HTMLPnMultiInputElement extends Components.PnMultiInput, HTMLStencilElement {
924
+ }
925
+ var HTMLPnMultiInputElement: {
926
+ prototype: HTMLPnMultiInputElement;
927
+ new (): HTMLPnMultiInputElement;
928
+ };
912
929
  interface HTMLPnParcelTrackerElement extends Components.PnParcelTracker, HTMLStencilElement {
913
930
  }
914
931
  var HTMLPnParcelTrackerElement: {
@@ -1156,6 +1173,7 @@ declare global {
1156
1173
  new (): HTMLPnTitletagElement;
1157
1174
  };
1158
1175
  interface HTMLElementTagNameMap {
1176
+ "pn-animated-tile": HTMLPnAnimatedTileElement;
1159
1177
  "pn-bonus-progressbar": HTMLPnBonusProgressbarElement;
1160
1178
  "pn-bonus-progressbar-level": HTMLPnBonusProgressbarLevelElement;
1161
1179
  "pn-breakpoints": HTMLPnBreakpointsElement;
@@ -1188,6 +1206,7 @@ declare global {
1188
1206
  "pn-marketweb-siteheader-login-profileselection": HTMLPnMarketwebSiteheaderLoginProfileselectionElement;
1189
1207
  "pn-marketweb-siteheader-search": HTMLPnMarketwebSiteheaderSearchElement;
1190
1208
  "pn-marketweb-siteheader-unified-login": HTMLPnMarketwebSiteheaderUnifiedLoginElement;
1209
+ "pn-multi-input": HTMLPnMultiInputElement;
1191
1210
  "pn-parcel-tracker": HTMLPnParcelTrackerElement;
1192
1211
  "pn-pex-pricefinder": HTMLPnPexPricefinderElement;
1193
1212
  "pn-product-card": HTMLPnProductCardElement;
@@ -1232,6 +1251,8 @@ declare global {
1232
1251
  }
1233
1252
  }
1234
1253
  declare namespace LocalJSX {
1254
+ interface PnAnimatedTile {
1255
+ }
1235
1256
  interface PnBonusProgressbar {
1236
1257
  "bonuspercentage"?: string;
1237
1258
  "currency"?: string;
@@ -1681,6 +1702,8 @@ declare namespace LocalJSX {
1681
1702
  "myPageLabel"?: string;
1682
1703
  "myPageUrl"?: string;
1683
1704
  }
1705
+ interface PnMultiInput {
1706
+ }
1684
1707
  interface PnParcelTracker {
1685
1708
  "buttonLabel"?: string;
1686
1709
  "formActionUrl"?: string;
@@ -1925,6 +1948,7 @@ declare namespace LocalJSX {
1925
1948
  }
1926
1949
  interface PnSpotlight {
1927
1950
  "heading"?: string;
1951
+ "isDynamic"?: boolean;
1928
1952
  "preamble"?: string;
1929
1953
  }
1930
1954
  interface PnStatsInfo {
@@ -1957,6 +1981,7 @@ declare namespace LocalJSX {
1957
1981
  "icon"?: string;
1958
1982
  }
1959
1983
  interface IntrinsicElements {
1984
+ "pn-animated-tile": PnAnimatedTile;
1960
1985
  "pn-bonus-progressbar": PnBonusProgressbar;
1961
1986
  "pn-bonus-progressbar-level": PnBonusProgressbarLevel;
1962
1987
  "pn-breakpoints": PnBreakpoints;
@@ -1989,6 +2014,7 @@ declare namespace LocalJSX {
1989
2014
  "pn-marketweb-siteheader-login-profileselection": PnMarketwebSiteheaderLoginProfileselection;
1990
2015
  "pn-marketweb-siteheader-search": PnMarketwebSiteheaderSearch;
1991
2016
  "pn-marketweb-siteheader-unified-login": PnMarketwebSiteheaderUnifiedLogin;
2017
+ "pn-multi-input": PnMultiInput;
1992
2018
  "pn-parcel-tracker": PnParcelTracker;
1993
2019
  "pn-pex-pricefinder": PnPexPricefinder;
1994
2020
  "pn-product-card": PnProductCard;
@@ -2036,6 +2062,7 @@ export { LocalJSX as JSX };
2036
2062
  declare module "@stencil/core" {
2037
2063
  export namespace JSX {
2038
2064
  interface IntrinsicElements {
2065
+ "pn-animated-tile": LocalJSX.PnAnimatedTile & JSXBase.HTMLAttributes<HTMLPnAnimatedTileElement>;
2039
2066
  "pn-bonus-progressbar": LocalJSX.PnBonusProgressbar & JSXBase.HTMLAttributes<HTMLPnBonusProgressbarElement>;
2040
2067
  "pn-bonus-progressbar-level": LocalJSX.PnBonusProgressbarLevel & JSXBase.HTMLAttributes<HTMLPnBonusProgressbarLevelElement>;
2041
2068
  "pn-breakpoints": LocalJSX.PnBreakpoints & JSXBase.HTMLAttributes<HTMLPnBreakpointsElement>;
@@ -2068,6 +2095,7 @@ declare module "@stencil/core" {
2068
2095
  "pn-marketweb-siteheader-login-profileselection": LocalJSX.PnMarketwebSiteheaderLoginProfileselection & JSXBase.HTMLAttributes<HTMLPnMarketwebSiteheaderLoginProfileselectionElement>;
2069
2096
  "pn-marketweb-siteheader-search": LocalJSX.PnMarketwebSiteheaderSearch & JSXBase.HTMLAttributes<HTMLPnMarketwebSiteheaderSearchElement>;
2070
2097
  "pn-marketweb-siteheader-unified-login": LocalJSX.PnMarketwebSiteheaderUnifiedLogin & JSXBase.HTMLAttributes<HTMLPnMarketwebSiteheaderUnifiedLoginElement>;
2098
+ "pn-multi-input": LocalJSX.PnMultiInput & JSXBase.HTMLAttributes<HTMLPnMultiInputElement>;
2071
2099
  "pn-parcel-tracker": LocalJSX.PnParcelTracker & JSXBase.HTMLAttributes<HTMLPnParcelTrackerElement>;
2072
2100
  "pn-pex-pricefinder": LocalJSX.PnPexPricefinder & JSXBase.HTMLAttributes<HTMLPnPexPricefinderElement>;
2073
2101
  "pn-product-card": LocalJSX.PnProductCard & JSXBase.HTMLAttributes<HTMLPnProductCardElement>;
@@ -1 +0,0 @@
1
- System.register(["./p-36654f2a.system.js"],(function(t){"use strict";var n,e,o,i;return{setters:[function(t){n=t.r;e=t.h;o=t.a;i=t.g}],execute:function(){var r="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}}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}";var p=t("pn_spotlight",function(){function t(t){n(this,t);this.heading=null;this.preamble=null}t.prototype.render=function(){return e(o,null,e("div",{class:"pn-spotlight__container"},e("slot",{name:"mobile-heading"}),e("div",{class:"pn-spotlight__container__wrapper"},e("div",{class:"pn-spotlight__container__wrapper__content"},e("div",{class:"pn-spotlight__container__wrapper__content__ball"}),e("slot",{name:"content"})))))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());p.style=r}}}));
@@ -1 +0,0 @@
1
- import{r as t,h as n,a as o,g as i}from"./p-58e8d7d5.js";let e=class{constructor(n){t(this,n),this.heading=null,this.preamble=null}render(){return n(o,null,n("div",{class:"pn-spotlight__container"},n("slot",{name:"mobile-heading"}),n("div",{class:"pn-spotlight__container__wrapper"},n("div",{class:"pn-spotlight__container__wrapper__content"},n("div",{class:"pn-spotlight__container__wrapper__content__ball"}),n("slot",{name:"content"})))))}get hostElement(){return i(this)}};e.style="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}}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}";export{e as pn_spotlight}
@@ -1 +0,0 @@
1
- import{r as t,h as n,a}from"./p-58e8d7d5.js";import{v as i}from"./p-d3d7fec8.js";let e=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 i()}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,i=1e3)=>{let e=null;const s=o=>{e||(e=o);const d=Math.min((o-e)/i,1);t.innerHTML=i?(Math.round(10*(d*(a-n)+n))/10).toString():a.toString(),d<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"]}}};e.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{e as pn_stats_info_data}
@@ -1 +0,0 @@
1
- System.register(["./p-36654f2a.system.js"],(function(t){"use strict";var e,n,c,i;return{setters:[function(t){e=t.r;n=t.h;c=t.a;i=t.g}],execute:function(){var a="pn-quick-cta{width:100%}pn-quick-cta .quick-cta__content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;gap:2.4rem;width:100%}pn-quick-cta .quick-cta__content .quick-cta__content__heading{padding:0;margin:0;font-size:2.4rem;font-weight:500;color:#0D234B}@media screen and (max-width: 768px){pn-quick-cta .quick-cta__content .quick-cta__content__heading{display:none}}@media screen and (min-width: 1640px){pn-quick-cta .quick-cta__content .quick-cta__content__heading{font-size:2.8rem;font-weight:700}}pn-quick-cta .quick-cta__content .quick-cta__content__preamble{font-weight:400;font-size:1.6rem;line-height:140%;padding:0;margin:0;color:#2D2013}pn-quick-cta .quick-cta__content [slot=quick-cta-cta] a{white-space:nowrap}pn-quick-cta .quick-cta__content [slot=quick-cta-cta] a:hover{text-decoration:none}";var o=t("pn_quick_cta",function(){function t(t){e(this,t);this.heading=null;this.preamble=null}t.prototype.render=function(){return n(c,null,n("div",{class:"quick-cta__content"},n("h2",{class:"quick-cta__content__heading"},this.heading),n("p",{class:"quick-cta__content__preamble"},this.preamble),n("slot",{name:"quick-cta-cta"})))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());o.style=a}}}));
@@ -1 +0,0 @@
1
- System.register(["./p-36654f2a.system.js","./p-e351523a.system.js"],(function(t){"use strict";var n,e,i,a;return{setters:[function(t){n=t.r;e=t.h;i=t.a},function(t){a=t.v}],execute:function(){var o=function(t,n,e,i){if(n===void 0){n=0}if(e===void 0){e=100}if(i===void 0){i=1e3}var a=null;var o=function(s){if(!a)a=s;var r=Math.min((s-a)/i,1);t.innerHTML=i?(Math.round((r*(e-n)+n)*10)/10).toString():e.toString();if(r<1){window.requestAnimationFrame(o)}};window.requestAnimationFrame(o)};var s=function(t,n,e){t.forEach((function(t){t.target.classList.toggle(n,t.isIntersecting);e(t)}))};var r="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 c=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 a()};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){o(e,0,this.data,this.duration)}};t.prototype.render=function(){return e(i,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 s(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}());c.style=r}}}));