@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.
- package/cjs/index-9066c0d0.js +61 -0
- package/cjs/loader.cjs.js +1 -1
- package/cjs/pn-animated-tile.cjs.entry.js +35 -0
- package/cjs/pn-market-web-components.cjs.js +1 -1
- package/cjs/pn-multi-input.cjs.entry.js +32 -0
- package/cjs/pn-quick-cta.cjs.entry.js +1 -1
- package/cjs/pn-spotlight.cjs.entry.js +9 -2
- package/cjs/pn-stats-info-data.cjs.entry.js +2 -2
- package/cjs/pn-stats-info.cjs.entry.js +1 -1
- package/collection/collection-manifest.json +3 -1
- package/collection/components/animation/pn-animated-tile/pn-animated-tile.css +128 -0
- package/collection/components/animation/pn-animated-tile/pn-animated-tile.js +42 -0
- package/collection/components/animation/pn-animated-tile/pn-animated-tile.stories.js +93 -0
- package/collection/components/animation/{pn-scroll.stories.js → pn-scroll/pn-scroll.stories.js} +1 -1
- package/collection/components/cta/pn-quick-cta/pn-quick-cta.css +19 -0
- package/collection/components/cta/pn-quick-cta/pn-quick-cta.stories.js +55 -1
- package/collection/components/cta/pn-spotlight/pn-spotlight.css +26 -0
- package/collection/components/cta/pn-spotlight/pn-spotlight.js +29 -2
- package/collection/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.css +1 -0
- package/collection/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.js +1 -1
- package/collection/components/data-visualization/pn-stats-info/pn-stats-info.css +46 -0
- package/collection/components/data-visualization/pn-stats-info/pn-stats-info.stories.js +2 -2
- package/collection/components/layout-components/pn-multi-input/multi-input.stories.js +22 -0
- package/collection/components/layout-components/pn-multi-input/pn-multi-input.css +0 -0
- package/collection/components/layout-components/pn-multi-input/pn-multi-input.js +31 -0
- package/custom-elements/index.d.ts +12 -0
- package/custom-elements/index.js +160 -42
- package/esm/index-45541632.js +59 -0
- package/esm/loader.js +1 -1
- package/esm/pn-animated-tile.entry.js +31 -0
- package/esm/pn-market-web-components.js +1 -1
- package/esm/pn-multi-input.entry.js +28 -0
- package/esm/pn-quick-cta.entry.js +1 -1
- package/esm/pn-spotlight.entry.js +9 -2
- package/esm/pn-stats-info-data.entry.js +2 -2
- package/esm/pn-stats-info.entry.js +1 -1
- package/esm-es5/index-45541632.js +7 -0
- package/esm-es5/loader.js +1 -1
- package/esm-es5/pn-animated-tile.entry.js +1 -0
- package/esm-es5/pn-market-web-components.js +1 -1
- package/esm-es5/pn-multi-input.entry.js +1 -0
- package/esm-es5/pn-quick-cta.entry.js +1 -1
- package/esm-es5/pn-spotlight.entry.js +1 -1
- package/esm-es5/pn-stats-info-data.entry.js +1 -1
- package/esm-es5/pn-stats-info.entry.js +1 -1
- package/package.json +2 -1
- package/pn-market-web-components/{p-0c34d974.system.entry.js → p-054f8b3a.system.entry.js} +1 -1
- package/pn-market-web-components/p-3e668a3f.system.js +7 -0
- package/pn-market-web-components/p-5e43ccf2.js +7 -0
- package/pn-market-web-components/{p-233a7e8a.entry.js → p-5f0acbbd.entry.js} +1 -1
- package/pn-market-web-components/p-67887512.system.js +1 -1
- package/pn-market-web-components/{p-7fd8b012.entry.js → p-6f28cfba.entry.js} +1 -1
- package/pn-market-web-components/p-7cab2106.system.entry.js +1 -0
- package/pn-market-web-components/p-8e890ab1.system.entry.js +1 -0
- package/pn-market-web-components/p-91c5cd79.entry.js +1 -0
- package/pn-market-web-components/p-97aafcf4.entry.js +1 -0
- package/pn-market-web-components/p-a1cf4618.system.entry.js +1 -0
- package/pn-market-web-components/p-a864fbed.system.entry.js +1 -0
- package/pn-market-web-components/p-b66743b3.system.entry.js +1 -0
- package/pn-market-web-components/p-d74172bc.entry.js +1 -0
- package/pn-market-web-components/p-f82c5d08.entry.js +1 -0
- package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
- package/types/components/animation/pn-animated-tile/pn-animated-tile.d.ts +9 -0
- package/types/components/cta/pn-spotlight/pn-spotlight.d.ts +3 -0
- package/types/components/layout-components/pn-multi-input/pn-multi-input.d.ts +8 -0
- package/types/components.d.ts +28 -0
- package/pn-market-web-components/p-1c38553b.system.entry.js +0 -1
- package/pn-market-web-components/p-8e38c337.entry.js +0 -1
- package/pn-market-web-components/p-acf5fe7a.entry.js +0 -1
- package/pn-market-web-components/p-af415c1a.system.entry.js +0 -1
- package/pn-market-web-components/p-f64a7188.system.entry.js +0 -1
- /package/collection/components/animation/{pn-scroll.css → pn-scroll/pn-scroll.css} +0 -0
- /package/collection/components/animation/{pn-scroll.js → pn-scroll/pn-scroll.js} +0 -0
- /package/types/components/animation/{pn-scroll.d.ts → pn-scroll/pn-scroll.d.ts} +0 -0
package/types/components.d.ts
CHANGED
|
@@ -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}}}));
|
|
File without changes
|
|
File without changes
|
|
File without changes
|