@postnord/pn-marketweb-components 2.0.97 → 2.0.98
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/loader.cjs.js +1 -1
- package/cjs/pn-market-web-components.cjs.js +1 -1
- package/cjs/pn-marketweb-sitefooter.cjs.entry.js +0 -2
- package/cjs/pn-site-footer_2.cjs.entry.js +2 -2
- package/cjs/pn-stats-info-data.cjs.entry.js +47 -3
- package/cjs/pn-stats-info.cjs.entry.js +15 -11
- package/cjs/pn-teaser-card.cjs.entry.js +1 -1
- package/collection/collection-manifest.json +1 -1
- package/collection/components/cards/pn-teaser-card/pn-teaser-card.css +3 -23
- package/collection/components/data-visualization/pn-stats-info/pn-stats-info-data/animationHelper.js +14 -0
- package/collection/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.js +70 -6
- package/collection/components/data-visualization/pn-stats-info/pn-stats-info-data/viewIntersectionHelper.js +6 -0
- package/collection/components/data-visualization/pn-stats-info/pn-stats-info.css +38 -18
- package/collection/components/data-visualization/pn-stats-info/pn-stats-info.js +26 -20
- package/collection/components/data-visualization/pn-stats-info/pn-stats-info.stories.js +4 -1
- package/collection/components/data-visualization/pn-stats-info/types.js +1 -0
- package/collection/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.js +0 -2
- package/collection/components/navigation/pn-site-footer/pn-site-footer-col.css +1 -1
- package/collection/components/navigation/pn-site-footer/pn-site-footer.css +33 -3
- package/custom-elements/index.js +67 -21
- package/esm/loader.js +1 -1
- package/esm/pn-market-web-components.js +1 -1
- package/esm/pn-marketweb-sitefooter.entry.js +0 -2
- package/esm/pn-site-footer_2.entry.js +2 -2
- package/esm/pn-stats-info-data.entry.js +47 -3
- package/esm/pn-stats-info.entry.js +15 -11
- package/esm/pn-teaser-card.entry.js +1 -1
- package/esm-es5/loader.js +1 -1
- package/esm-es5/pn-market-web-components.js +1 -1
- package/esm-es5/pn-marketweb-sitefooter.entry.js +1 -1
- package/esm-es5/pn-site-footer_2.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/esm-es5/pn-teaser-card.entry.js +1 -1
- package/package.json +1 -1
- package/pn-market-web-components/p-072fbfcb.system.entry.js +1 -0
- package/pn-market-web-components/p-0954708a.entry.js +1 -0
- package/pn-market-web-components/p-1ef2ef71.system.entry.js +1 -0
- package/pn-market-web-components/p-20281c39.entry.js +1 -0
- package/pn-market-web-components/{p-30b11b9f.system.entry.js → p-2138ff10.system.entry.js} +1 -1
- package/pn-market-web-components/p-67887512.system.js +1 -1
- package/pn-market-web-components/p-6c5fab6f.entry.js +1 -0
- package/pn-market-web-components/{p-b94d5bb3.entry.js → p-a5f06730.entry.js} +1 -1
- package/pn-market-web-components/p-bb01a1b0.system.entry.js +1 -0
- package/pn-market-web-components/p-e0b10d83.system.entry.js +1 -0
- package/pn-market-web-components/{p-e397d524.entry.js → p-f94b22d7.entry.js} +1 -1
- package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
- package/types/components/data-visualization/pn-stats-info/pn-stats-info-data/animationHelper.d.ts +1 -0
- package/types/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.d.ts +6 -0
- package/types/components/data-visualization/pn-stats-info/pn-stats-info-data/viewIntersectionHelper.d.ts +1 -0
- package/types/components/data-visualization/pn-stats-info/pn-stats-info.d.ts +4 -6
- package/types/components/data-visualization/pn-stats-info/types.d.ts +6 -0
- package/types/components.d.ts +6 -3
- package/umd/pn-marketweb-salesforce.js +2 -2
- package/pn-market-web-components/p-16acc6ef.system.entry.js +0 -1
- package/pn-market-web-components/p-6cfd0189.entry.js +0 -1
- package/pn-market-web-components/p-76368bbe.system.entry.js +0 -1
- package/pn-market-web-components/p-7a4a84d6.entry.js +0 -1
- package/pn-market-web-components/p-7a8f077b.system.entry.js +0 -1
- package/pn-market-web-components/p-efe53010.system.entry.js +0 -1
- package/pn-market-web-components/p-fb37c6de.entry.js +0 -1
|
@@ -1,3 +1,16 @@
|
|
|
1
|
+
.bleed-container:has(pn-stats-info) {
|
|
2
|
+
border-bottom-left-radius: 2.4rem;
|
|
3
|
+
border-bottom-right-radius: 2.4rem;
|
|
4
|
+
padding: 0;
|
|
5
|
+
overflow: hidden;
|
|
6
|
+
}
|
|
7
|
+
.bleed-container:has(pn-stats-info) .container > .mb-5 {
|
|
8
|
+
margin-bottom: 0 !important;
|
|
9
|
+
}
|
|
10
|
+
.bleed-container:has(pn-stats-info) .statsblock {
|
|
11
|
+
margin-bottom: 0 !important;
|
|
12
|
+
}
|
|
13
|
+
|
|
1
14
|
pn-stats-info {
|
|
2
15
|
width: 100%;
|
|
3
16
|
}
|
|
@@ -17,9 +30,29 @@ pn-stats-info .pn-stats-info__container {
|
|
|
17
30
|
padding-top: 8rem;
|
|
18
31
|
}
|
|
19
32
|
}
|
|
33
|
+
pn-stats-info .pn-stats-info__container__map {
|
|
34
|
+
display: none;
|
|
35
|
+
}
|
|
36
|
+
@media screen and (min-width: 768px) {
|
|
37
|
+
pn-stats-info .pn-stats-info__container__map {
|
|
38
|
+
display: block;
|
|
39
|
+
max-width: 46rem;
|
|
40
|
+
width: 100%;
|
|
41
|
+
background-color: #0D234B;
|
|
42
|
+
background-repeat: no-repeat;
|
|
43
|
+
background-position: bottom center;
|
|
44
|
+
background-size: 55%;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
@media screen and (min-width: 1200px) {
|
|
48
|
+
pn-stats-info .pn-stats-info__container__map {
|
|
49
|
+
background-size: contain;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
20
52
|
pn-stats-info .pn-stats-info__container__content {
|
|
21
53
|
display: flex;
|
|
22
54
|
flex-direction: column;
|
|
55
|
+
align-items: center;
|
|
23
56
|
padding: 1rem;
|
|
24
57
|
width: 100%;
|
|
25
58
|
background-color: #0D234B;
|
|
@@ -49,13 +82,14 @@ pn-stats-info .pn-stats-info__container__content__heading {
|
|
|
49
82
|
color: #F06365;
|
|
50
83
|
margin-bottom: 2.4rem;
|
|
51
84
|
align-self: center;
|
|
85
|
+
text-align: center;
|
|
52
86
|
font-size: 3rem;
|
|
53
87
|
line-height: 110%;
|
|
54
88
|
}
|
|
55
89
|
@media screen and (min-width: 1200px) {
|
|
56
90
|
pn-stats-info .pn-stats-info__container__content__heading {
|
|
57
91
|
font-weight: 700;
|
|
58
|
-
font-size:
|
|
92
|
+
font-size: 4.8rem;
|
|
59
93
|
}
|
|
60
94
|
}
|
|
61
95
|
pn-stats-info .pn-stats-info__container__content__data {
|
|
@@ -65,22 +99,8 @@ pn-stats-info .pn-stats-info__container__content__data {
|
|
|
65
99
|
flex-wrap: wrap;
|
|
66
100
|
min-height: 20rem;
|
|
67
101
|
}
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
@media screen and (min-width: 768px) {
|
|
72
|
-
pn-stats-info .pn-stats-info__container__map {
|
|
73
|
-
display: block;
|
|
74
|
-
max-width: 460px;
|
|
75
|
-
width: 100%;
|
|
76
|
-
background-color: #0D234B;
|
|
77
|
-
background-repeat: no-repeat;
|
|
78
|
-
background-position: bottom center;
|
|
79
|
-
background-size: 55%;
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
@media screen and (min-width: 1200px) {
|
|
83
|
-
pn-stats-info .pn-stats-info__container__map {
|
|
84
|
-
background-size: contain;
|
|
102
|
+
@media screen and (min-width: 1640px) {
|
|
103
|
+
pn-stats-info .pn-stats-info__container__content__data {
|
|
104
|
+
width: 65rem;
|
|
85
105
|
}
|
|
86
106
|
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { Component, h, Host, Prop, } from '@stencil/core';
|
|
2
|
-
const
|
|
3
|
-
{ preamble: 'Million parcels', data: 226, unit: null },
|
|
4
|
-
{ preamble: 'weighted parcel delivery quality', data: 94.5, unit: '%' },
|
|
5
|
-
{ preamble: 'billion letters and other mail items', data: 1.5, unit: '' },
|
|
6
|
-
{ preamble: 'carbon dioxide emissions since 2009', data: -44, unit: '%' },
|
|
7
|
-
];
|
|
1
|
+
import { Component, h, Host, Prop, State, Watch, } from '@stencil/core';
|
|
2
|
+
const mockStringArray = '[{ "preamble": "Million parcels", "data": 226, "unit": null, "duration": 1000 }, { "preamble": "weighted parcel delivery quality", "data": 94.5, "unit": "%", "duration": 2500 },{ "preamble": "billion letters and other mail items", "data": 1.5, "unit": "", "duration": 3000 },{ "preamble": "carbon dioxide emissions since 2009", "data": -44, "unit": "%", "duration": 2000 }]';
|
|
8
3
|
export class PnStatsInfo {
|
|
9
4
|
constructor() {
|
|
10
5
|
this.heading = 'Heading';
|
|
11
|
-
this.dataArray =
|
|
6
|
+
this.dataArray = mockStringArray;
|
|
12
7
|
this.backgroundUrl = null;
|
|
8
|
+
this.myParsedArray = JSON.parse(this.dataArray);
|
|
9
|
+
}
|
|
10
|
+
parseMyArrayProp(newValue) {
|
|
11
|
+
if (newValue)
|
|
12
|
+
this.myParsedArray = JSON.parse(newValue);
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
15
|
return (h(Host, null,
|
|
@@ -17,9 +17,10 @@ export class PnStatsInfo {
|
|
|
17
17
|
h("div", { class: "pn-stats-info__container__map", style: { backgroundImage: `url(${this.backgroundUrl})` } }),
|
|
18
18
|
h("div", { class: "pn-stats-info__container__content", style: { backgroundImage: `url(${this.backgroundUrl})` } },
|
|
19
19
|
h("h3", { class: "pn-stats-info__container__content__heading" }, this.heading),
|
|
20
|
-
h("div", { class: "pn-stats-info__container__content__data" }, this.
|
|
21
|
-
|
|
22
|
-
|
|
20
|
+
h("div", { class: "pn-stats-info__container__content__data" }, this.myParsedArray &&
|
|
21
|
+
this.myParsedArray.map((stats, index) => {
|
|
22
|
+
return h("pn-stats-info-data", { "comp-id": index, data: stats.data, unit: stats.unit, preamble: stats.preamble, duration: stats.duration });
|
|
23
|
+
}))))));
|
|
23
24
|
}
|
|
24
25
|
static get is() { return "pn-stats-info"; }
|
|
25
26
|
static get originalStyleUrls() { return {
|
|
@@ -48,16 +49,12 @@ export class PnStatsInfo {
|
|
|
48
49
|
"defaultValue": "'Heading'"
|
|
49
50
|
},
|
|
50
51
|
"dataArray": {
|
|
51
|
-
"type": "
|
|
52
|
+
"type": "string",
|
|
52
53
|
"mutable": false,
|
|
53
54
|
"complexType": {
|
|
54
|
-
"original": "
|
|
55
|
-
"resolved": "
|
|
56
|
-
"references": {
|
|
57
|
-
"PnStatsInfoDataProps": {
|
|
58
|
-
"location": "local"
|
|
59
|
-
}
|
|
60
|
-
}
|
|
55
|
+
"original": "string",
|
|
56
|
+
"resolved": "string",
|
|
57
|
+
"references": {}
|
|
61
58
|
},
|
|
62
59
|
"required": false,
|
|
63
60
|
"optional": false,
|
|
@@ -65,7 +62,9 @@ export class PnStatsInfo {
|
|
|
65
62
|
"tags": [],
|
|
66
63
|
"text": ""
|
|
67
64
|
},
|
|
68
|
-
"
|
|
65
|
+
"attribute": "data-array",
|
|
66
|
+
"reflect": false,
|
|
67
|
+
"defaultValue": "mockStringArray"
|
|
69
68
|
},
|
|
70
69
|
"backgroundUrl": {
|
|
71
70
|
"type": "string",
|
|
@@ -86,4 +85,11 @@ export class PnStatsInfo {
|
|
|
86
85
|
"defaultValue": "null"
|
|
87
86
|
}
|
|
88
87
|
}; }
|
|
88
|
+
static get states() { return {
|
|
89
|
+
"myParsedArray": {}
|
|
90
|
+
}; }
|
|
91
|
+
static get watchers() { return [{
|
|
92
|
+
"propName": "dataArray",
|
|
93
|
+
"methodName": "parseMyArrayProp"
|
|
94
|
+
}]; }
|
|
89
95
|
}
|
|
@@ -10,8 +10,11 @@ export default {
|
|
|
10
10
|
|
|
11
11
|
const PrimaryTemplate = ({ ...args }) => {
|
|
12
12
|
return `
|
|
13
|
+
<div style="height:1200px">
|
|
14
|
+
<h1 style="text-align:center;">Scroll Down...</h1>
|
|
15
|
+
</div>
|
|
13
16
|
<div style="background-color:#0D234B;">
|
|
14
|
-
<div style="width:100%; max-width:
|
|
17
|
+
<div style="width:100%; max-width:1140px; margin:0 auto">
|
|
15
18
|
<pn-stats-info heading="${args.heading}" background-url="${args.backgroundUrl}">
|
|
16
19
|
</pn-stats-info>
|
|
17
20
|
</div>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/collection/components/layout-components/pn-marketweb-sitefooter/pn-marketweb-sitefooter.js
CHANGED
|
@@ -98,10 +98,8 @@ export class PnMarketwebSiteheader {
|
|
|
98
98
|
}
|
|
99
99
|
// Set site definition
|
|
100
100
|
this.siteDefinition = data.sitedefinition;
|
|
101
|
-
console.log('data.sitedefinition', data.sitedefinition);
|
|
102
101
|
// Set footer content
|
|
103
102
|
this.footerContent = data.footer;
|
|
104
|
-
console.log('data.footer', data.footer);
|
|
105
103
|
if (this.siteDomainInUrls) {
|
|
106
104
|
this.adjustLinks();
|
|
107
105
|
}
|
|
@@ -91,7 +91,7 @@ pn-site-footer-col[theme=dotcom] div {
|
|
|
91
91
|
margin-bottom: 1.4rem;
|
|
92
92
|
}
|
|
93
93
|
pn-site-footer-col[theme=dotcom] div p:nth-child(odd) {
|
|
94
|
-
font-weight:
|
|
94
|
+
font-weight: 500;
|
|
95
95
|
}
|
|
96
96
|
@media screen and (min-width: 768px) and (max-width: 1023px) {
|
|
97
97
|
pn-site-footer-col[theme=dotcom] div {
|
|
@@ -106,19 +106,46 @@ pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols {
|
|
|
106
106
|
display: flex;
|
|
107
107
|
flex-direction: row;
|
|
108
108
|
flex-wrap: wrap;
|
|
109
|
-
max-width: 1200px;
|
|
110
109
|
padding-top: 4.8rem;
|
|
111
110
|
padding-left: 3rem;
|
|
112
111
|
padding-right: 3rem;
|
|
113
112
|
margin: 0 auto;
|
|
114
113
|
}
|
|
114
|
+
@media screen and (min-width: 768px) {
|
|
115
|
+
pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols {
|
|
116
|
+
max-width: 72rem;
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
@media screen and (min-width: 992px) {
|
|
120
|
+
pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols {
|
|
121
|
+
max-width: 96rem;
|
|
122
|
+
padding-left: 0;
|
|
123
|
+
padding-right: 0;
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
@media screen and (min-width: 1200px) {
|
|
127
|
+
pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols {
|
|
128
|
+
max-width: 114rem;
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
@media screen and (min-width: 1640px) {
|
|
132
|
+
pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols {
|
|
133
|
+
max-width: 144rem;
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols h3 {
|
|
137
|
+
font-weight: 500;
|
|
138
|
+
}
|
|
139
|
+
pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols a:hover {
|
|
140
|
+
text-decoration: underline;
|
|
141
|
+
}
|
|
115
142
|
pn-site-footer[theme=dotcom] .pn-sitefooter-bottom {
|
|
116
143
|
width: 100%;
|
|
117
144
|
padding: 0.8rem 0;
|
|
118
145
|
background-color: #0D234B;
|
|
119
146
|
}
|
|
120
147
|
pn-site-footer[theme=dotcom] .pn-sitefooter-bottom > [slot=bottom] {
|
|
121
|
-
max-width:
|
|
148
|
+
max-width: 120rem;
|
|
122
149
|
margin: 0 auto;
|
|
123
150
|
padding-left: 3rem;
|
|
124
151
|
padding-right: 3rem;
|
|
@@ -137,11 +164,14 @@ pn-site-footer[theme=dotcom] .pn-sitefooter-bottom > [slot=bottom] > .social-med
|
|
|
137
164
|
display: flex;
|
|
138
165
|
flex-direction: row;
|
|
139
166
|
flex-wrap: wrap;
|
|
140
|
-
gap:
|
|
167
|
+
gap: 2.4rem;
|
|
141
168
|
margin: 0;
|
|
142
169
|
padding: 0;
|
|
143
170
|
list-style-type: none;
|
|
144
171
|
}
|
|
172
|
+
pn-site-footer[theme=dotcom] .pn-sitefooter-bottom > [slot=bottom] > .social-media > ul > li:hover svg > circle {
|
|
173
|
+
fill: #005D92;
|
|
174
|
+
}
|
|
145
175
|
pn-site-footer[theme=dotcom] .pn-sitefooter-bottom > [slot=bottom] > .copyright {
|
|
146
176
|
display: flex;
|
|
147
177
|
flex-direction: row;
|
package/custom-elements/index.js
CHANGED
|
@@ -4030,10 +4030,8 @@ let PnMarketwebSiteheader$2 = class extends HTMLElement {
|
|
|
4030
4030
|
}
|
|
4031
4031
|
// Set site definition
|
|
4032
4032
|
this.siteDefinition = data.sitedefinition;
|
|
4033
|
-
console.log('data.sitedefinition', data.sitedefinition);
|
|
4034
4033
|
// Set footer content
|
|
4035
4034
|
this.footerContent = data.footer;
|
|
4036
|
-
console.log('data.footer', data.footer);
|
|
4037
4035
|
if (this.siteDomainInUrls) {
|
|
4038
4036
|
this.adjustLinks();
|
|
4039
4037
|
}
|
|
@@ -6575,7 +6573,7 @@ let PnSidenavTogglebutton$1 = class extends HTMLElement {
|
|
|
6575
6573
|
static get style() { return pnSidenavTogglebuttonCss; }
|
|
6576
6574
|
};
|
|
6577
6575
|
|
|
6578
|
-
const pnSiteFooterCss = "pn-site-footer:not([theme=dotcom]){display:block;line-height:1.5}pn-site-footer:not([theme=dotcom]) a{color:#005D92}pn-site-footer:not([theme=dotcom]) a:hover{color:#0D234B;text-decoration:underline}pn-site-footer:not([theme=dotcom]) h3{font-size:2.4rem;margin-bottom:0.5rem;line-height:1.2}pn-site-footer:not([theme=dotcom]) p{font-size:1.6rem}pn-site-footer:not([theme=dotcom]) pn-site-footer-col ul.social-media{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;gap:1.6rem;row-gap:1.2rem;margin-bottom:1.6rem;-ms-flex-wrap:wrap;flex-wrap:wrap}pn-site-footer:not([theme=dotcom]) pn-site-footer-col ul.social-media li{margin-bottom:0}pn-site-footer:not([theme=dotcom])>svg{display:block}pn-site-footer:not([theme=dotcom])>div{background:#F3F2F2}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-top{display:-ms-flexbox;display:flex}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-cols{-ms-flex-item-align:center;align-self:center;-ms-flex-pack:center;justify-content:center;display:block;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0 auto;max-width:90em}@media screen and (min-width: 33.125em){pn-site-footer:not([theme=dotcom]) .pn-sitefooter-cols{display:-ms-flexbox;display:flex}}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom]{max-width:90em;margin:0 auto;padding:1.6rem 0;display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #D3CECB;border-bottom:1px solid #D3CECB}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] span,pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] a{line-height:2;margin:0 1.6rem;text-decoration:none}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] li{line-height:2em;margin:0 1.6rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;padding:3rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo svg{display:block;width:13.3rem;height:2.6rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo:has(div) a slot-fb{display:none}pn-site-footer[theme=dotcom]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#0D234B;margin:0 auto}pn-site-footer[theme=dotcom]>svg{background-color:#FFFFFF}pn-site-footer[theme=dotcom]>svg path{fill:#0D234B}pn-site-footer[theme=dotcom] .pn-sitefooter-top{width:100%}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;
|
|
6576
|
+
const pnSiteFooterCss = "pn-site-footer:not([theme=dotcom]){display:block;line-height:1.5}pn-site-footer:not([theme=dotcom]) a{color:#005D92}pn-site-footer:not([theme=dotcom]) a:hover{color:#0D234B;text-decoration:underline}pn-site-footer:not([theme=dotcom]) h3{font-size:2.4rem;margin-bottom:0.5rem;line-height:1.2}pn-site-footer:not([theme=dotcom]) p{font-size:1.6rem}pn-site-footer:not([theme=dotcom]) pn-site-footer-col ul.social-media{display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;gap:1.6rem;row-gap:1.2rem;margin-bottom:1.6rem;-ms-flex-wrap:wrap;flex-wrap:wrap}pn-site-footer:not([theme=dotcom]) pn-site-footer-col ul.social-media li{margin-bottom:0}pn-site-footer:not([theme=dotcom])>svg{display:block}pn-site-footer:not([theme=dotcom])>div{background:#F3F2F2}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-top{display:-ms-flexbox;display:flex}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-cols{-ms-flex-item-align:center;align-self:center;-ms-flex-pack:center;justify-content:center;display:block;-ms-flex-flow:row wrap;flex-flow:row wrap;margin:0 auto;max-width:90em}@media screen and (min-width: 33.125em){pn-site-footer:not([theme=dotcom]) .pn-sitefooter-cols{display:-ms-flexbox;display:flex}}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom]{max-width:90em;margin:0 auto;padding:1.6rem 0;display:-ms-flexbox;display:flex;-ms-flex-flow:row;flex-flow:row;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #D3CECB;border-bottom:1px solid #D3CECB}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] span,pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] a{line-height:2;margin:0 1.6rem;text-decoration:none}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-bottom [slot=bottom] li{line-height:2em;margin:0 1.6rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;padding:3rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo svg{display:block;width:13.3rem;height:2.6rem}pn-site-footer:not([theme=dotcom]) .pn-sitefooter-logo:has(div) a slot-fb{display:none}pn-site-footer[theme=dotcom]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#0D234B;margin:0 auto}pn-site-footer[theme=dotcom]>svg{background-color:#FFFFFF}pn-site-footer[theme=dotcom]>svg path{fill:#0D234B}pn-site-footer[theme=dotcom] .pn-sitefooter-top{width:100%}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:4.8rem;padding-left:3rem;padding-right:3rem;margin:0 auto}@media screen and (min-width: 768px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:72rem}}@media screen and (min-width: 992px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:96rem;padding-left:0;padding-right:0}}@media screen and (min-width: 1200px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:114rem}}@media screen and (min-width: 1640px){pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols{max-width:144rem}}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols h3{font-weight:500}pn-site-footer[theme=dotcom] .pn-sitefooter-top .pn-sitefooter-cols a:hover{text-decoration:underline}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom{width:100%;padding:0.8rem 0;background-color:#0D234B}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]{max-width:120rem;margin:0 auto;padding-left:3rem;padding-right:3rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:2.4rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:1.6rem 0;border-top:1px solid #005d924d;border-bottom:1px solid #005d924d}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media>ul{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:2.4rem;margin:0;padding:0;list-style-type:none}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.social-media>ul>li:hover svg>circle{fill:#005D92}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;gap:2.4rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright *{color:#FFFFFF;font-weight:400;font-size:1.4rem;line-height:1.96rem}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul{margin:0;padding:0}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul>li{display:inline}pn-site-footer[theme=dotcom] .pn-sitefooter-bottom>[slot=bottom]>.copyright>ul>li:last-child{margin-left:2.4rem}pn-site-footer[theme=dotcom] .pn-sitefooter-logo{padding:3rem;margin:0 auto}pn-site-footer[theme=dotcom] .pn-sitefooter-logo [name=logo]>svg{display:block;width:13.3rem;height:2.6rem}pn-site-footer[theme=dotcom] .pn-sitefooter-logo [name=logo]>svg>path{fill:#00A0D6}";
|
|
6579
6577
|
|
|
6580
6578
|
let PnSiteFooter$1 = class extends HTMLElement {
|
|
6581
6579
|
constructor() {
|
|
@@ -6593,7 +6591,7 @@ let PnSiteFooter$1 = class extends HTMLElement {
|
|
|
6593
6591
|
static get style() { return pnSiteFooterCss; }
|
|
6594
6592
|
};
|
|
6595
6593
|
|
|
6596
|
-
const pnSiteFooterColCss = "pn-site-footer-col:not([theme=dotcom]){min-width:15em;padding:2.5em 1.5rem 0;width:100%}@media screen and (min-width: 33.125em){pn-site-footer-col:not([theme=dotcom]){width:50%}}@media screen and (min-width: 60em){pn-site-footer-col:not([theme=dotcom]){max-width:25%}}pn-site-footer-col:not([theme=dotcom]) ul{list-style-type:none;padding:0;margin:0}pn-site-footer-col:not([theme=dotcom]) li{margin-bottom:1.6rem}pn-site-footer-col:not([theme=dotcom]) a{text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}pn-site-footer-col:not([theme=dotcom]) p{margin-top:0;margin-bottom:1rem}pn-site-footer-col[theme=dotcom]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-site-footer-col[theme=dotcom] *{color:#FFFFFF}@media screen and (min-width: 768px) and (max-width: 1023px){pn-site-footer-col[theme=dotcom]{width:33%}pn-site-footer-col[theme=dotcom]:nth-child(1){width:66%}}@media screen and (min-width: 1024px){pn-site-footer-col[theme=dotcom]{width:20%}pn-site-footer-col[theme=dotcom]:nth-child(1){width:20%}}pn-site-footer-col[theme=dotcom] h3{margin-bottom:1rem;font-weight:700;font-size:2rem;line-height:2.2rem}@media screen and (min-width: 1200px){pn-site-footer-col[theme=dotcom] h3{font-size:2.4rem;line-height:2.64rem}}pn-site-footer-col[theme=dotcom] ul{list-style-type:none;padding:0;margin:0;margin-bottom:1.4rem}pn-site-footer-col[theme=dotcom] ul li{margin-bottom:1rem}pn-site-footer-col[theme=dotcom] a{text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:400;font-size:1.6rem;line-height:2.24rem}pn-site-footer-col[theme=dotcom] p{margin-top:0;margin-bottom:1rem}pn-site-footer-col[theme=dotcom] div{min-height:150px;margin-bottom:1.4rem}pn-site-footer-col[theme=dotcom] div p:nth-child(odd){font-weight:
|
|
6594
|
+
const pnSiteFooterColCss = "pn-site-footer-col:not([theme=dotcom]){min-width:15em;padding:2.5em 1.5rem 0;width:100%}@media screen and (min-width: 33.125em){pn-site-footer-col:not([theme=dotcom]){width:50%}}@media screen and (min-width: 60em){pn-site-footer-col:not([theme=dotcom]){max-width:25%}}pn-site-footer-col:not([theme=dotcom]) ul{list-style-type:none;padding:0;margin:0}pn-site-footer-col:not([theme=dotcom]) li{margin-bottom:1.6rem}pn-site-footer-col:not([theme=dotcom]) a{text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}pn-site-footer-col:not([theme=dotcom]) p{margin-top:0;margin-bottom:1rem}pn-site-footer-col[theme=dotcom]{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-site-footer-col[theme=dotcom] *{color:#FFFFFF}@media screen and (min-width: 768px) and (max-width: 1023px){pn-site-footer-col[theme=dotcom]{width:33%}pn-site-footer-col[theme=dotcom]:nth-child(1){width:66%}}@media screen and (min-width: 1024px){pn-site-footer-col[theme=dotcom]{width:20%}pn-site-footer-col[theme=dotcom]:nth-child(1){width:20%}}pn-site-footer-col[theme=dotcom] h3{margin-bottom:1rem;font-weight:700;font-size:2rem;line-height:2.2rem}@media screen and (min-width: 1200px){pn-site-footer-col[theme=dotcom] h3{font-size:2.4rem;line-height:2.64rem}}pn-site-footer-col[theme=dotcom] ul{list-style-type:none;padding:0;margin:0;margin-bottom:1.4rem}pn-site-footer-col[theme=dotcom] ul li{margin-bottom:1rem}pn-site-footer-col[theme=dotcom] a{text-decoration:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:400;font-size:1.6rem;line-height:2.24rem}pn-site-footer-col[theme=dotcom] p{margin-top:0;margin-bottom:1rem}pn-site-footer-col[theme=dotcom] div{min-height:150px;margin-bottom:1.4rem}pn-site-footer-col[theme=dotcom] div p:nth-child(odd){font-weight:500}@media screen and (min-width: 768px) and (max-width: 1023px){pn-site-footer-col[theme=dotcom] div{position:relative}pn-site-footer-col[theme=dotcom] div p:nth-child(1){position:absolute}pn-site-footer-col[theme=dotcom] div p:nth-child(2){position:absolute;top:3.2rem}pn-site-footer-col[theme=dotcom] div p:nth-child(3){position:absolute;left:50%}pn-site-footer-col[theme=dotcom] div p:nth-child(4){position:absolute;top:3.2rem;left:50%}}";
|
|
6597
6595
|
|
|
6598
6596
|
let PnSiteFooterCol$1 = class extends HTMLElement {
|
|
6599
6597
|
constructor() {
|
|
@@ -6678,30 +6676,56 @@ let PnSiteSelectorItem$1 = class extends HTMLElement {
|
|
|
6678
6676
|
static get style() { return pnSiteSelectorItemCss; }
|
|
6679
6677
|
};
|
|
6680
6678
|
|
|
6681
|
-
const pnStatsInfoCss = "pn-stats-info{width:100%}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){pn-stats-info .pn-stats-info__container{padding-top:6rem}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container{padding-top:8rem}}pn-stats-info .pn-stats-info__container__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;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){pn-stats-info .pn-stats-info__container__content{max-width:540px;background-position:-999px -999px;background-size:0;padding-bottom:4rem;padding-right:4rem}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content{max-width:100%;padding-bottom:6rem;padding-right:6rem}}pn-stats-info .pn-stats-info__container__content__heading{color:#F06365;margin-bottom:2.4rem;-ms-flex-item-align:center;align-self: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:
|
|
6679
|
+
const pnStatsInfoCss = ".bleed-container:has(pn-stats-info){border-bottom-left-radius:2.4rem;border-bottom-right-radius:2.4rem;padding:0;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}pn-stats-info{width:100%}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){pn-stats-info .pn-stats-info__container{padding-top:6rem}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container{padding-top:8rem}}pn-stats-info .pn-stats-info__container__map{display:none}@media screen and (min-width: 768px){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){pn-stats-info .pn-stats-info__container__map{background-size:contain}}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){pn-stats-info .pn-stats-info__container__content{max-width:540px;background-position:-999px -999px;background-size:0;padding-bottom:4rem;padding-right:4rem}}@media screen and (min-width: 1200px){pn-stats-info .pn-stats-info__container__content{max-width:100%;padding-bottom:6rem;padding-right:6rem}}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-wrap:wrap;flex-wrap:wrap;min-height:20rem}@media screen and (min-width: 1640px){pn-stats-info .pn-stats-info__container__content__data{width:65rem}}";
|
|
6682
6680
|
|
|
6683
|
-
const
|
|
6684
|
-
{ preamble: 'Million parcels', data: 226, unit: null },
|
|
6685
|
-
{ preamble: 'weighted parcel delivery quality', data: 94.5, unit: '%' },
|
|
6686
|
-
{ preamble: 'billion letters and other mail items', data: 1.5, unit: '' },
|
|
6687
|
-
{ preamble: 'carbon dioxide emissions since 2009', data: -44, unit: '%' },
|
|
6688
|
-
];
|
|
6681
|
+
const mockStringArray = '[{ "preamble": "Million parcels", "data": 226, "unit": null, "duration": 1000 }, { "preamble": "weighted parcel delivery quality", "data": 94.5, "unit": "%", "duration": 2500 },{ "preamble": "billion letters and other mail items", "data": 1.5, "unit": "", "duration": 3000 },{ "preamble": "carbon dioxide emissions since 2009", "data": -44, "unit": "%", "duration": 2000 }]';
|
|
6689
6682
|
let PnStatsInfo$1 = class extends HTMLElement {
|
|
6690
6683
|
constructor() {
|
|
6691
6684
|
super();
|
|
6692
6685
|
this.__registerHost();
|
|
6693
6686
|
this.heading = 'Heading';
|
|
6694
|
-
this.dataArray =
|
|
6687
|
+
this.dataArray = mockStringArray;
|
|
6695
6688
|
this.backgroundUrl = null;
|
|
6689
|
+
this.myParsedArray = JSON.parse(this.dataArray);
|
|
6690
|
+
}
|
|
6691
|
+
parseMyArrayProp(newValue) {
|
|
6692
|
+
if (newValue)
|
|
6693
|
+
this.myParsedArray = JSON.parse(newValue);
|
|
6696
6694
|
}
|
|
6697
6695
|
render() {
|
|
6698
|
-
return (h(Host, null, h("div", { class: "pn-stats-info__container" }, h("div", { class: "pn-stats-info__container__map", style: { backgroundImage: `url(${this.backgroundUrl})` } }), h("div", { class: "pn-stats-info__container__content", style: { backgroundImage: `url(${this.backgroundUrl})` } }, h("h3", { class: "pn-stats-info__container__content__heading" }, this.heading), h("div", { class: "pn-stats-info__container__content__data" }, this.
|
|
6699
|
-
|
|
6700
|
-
|
|
6696
|
+
return (h(Host, null, h("div", { class: "pn-stats-info__container" }, h("div", { class: "pn-stats-info__container__map", style: { backgroundImage: `url(${this.backgroundUrl})` } }), h("div", { class: "pn-stats-info__container__content", style: { backgroundImage: `url(${this.backgroundUrl})` } }, h("h3", { class: "pn-stats-info__container__content__heading" }, this.heading), h("div", { class: "pn-stats-info__container__content__data" }, this.myParsedArray &&
|
|
6697
|
+
this.myParsedArray.map((stats, index) => {
|
|
6698
|
+
return h("pn-stats-info-data", { "comp-id": index, data: stats.data, unit: stats.unit, preamble: stats.preamble, duration: stats.duration });
|
|
6699
|
+
}))))));
|
|
6701
6700
|
}
|
|
6701
|
+
static get watchers() { return {
|
|
6702
|
+
"dataArray": ["parseMyArrayProp"]
|
|
6703
|
+
}; }
|
|
6702
6704
|
static get style() { return pnStatsInfoCss; }
|
|
6703
6705
|
};
|
|
6704
6706
|
|
|
6707
|
+
const animateValue = (obj, start = 0, end = 100, duration = 1000) => {
|
|
6708
|
+
let startTimestamp = null;
|
|
6709
|
+
const step = (timestamp) => {
|
|
6710
|
+
if (!startTimestamp)
|
|
6711
|
+
startTimestamp = timestamp;
|
|
6712
|
+
const progress = Math.min((timestamp - startTimestamp) / duration, 1);
|
|
6713
|
+
//obj.innerHTML = Math.floor(progress * (end - start) + start); //integer
|
|
6714
|
+
obj.innerHTML = (Math.round((progress * (end - start) + start) * 10) / 10).toString(); // decimal
|
|
6715
|
+
if (progress < 1) {
|
|
6716
|
+
window.requestAnimationFrame(step);
|
|
6717
|
+
}
|
|
6718
|
+
};
|
|
6719
|
+
window.requestAnimationFrame(step);
|
|
6720
|
+
};
|
|
6721
|
+
|
|
6722
|
+
const inViewport = (entries, toggleClass, isEntryIntersectingCallBack) => {
|
|
6723
|
+
entries.forEach(entry => {
|
|
6724
|
+
entry.target.classList.toggle(toggleClass, entry.isIntersecting);
|
|
6725
|
+
isEntryIntersectingCallBack(entry);
|
|
6726
|
+
});
|
|
6727
|
+
};
|
|
6728
|
+
|
|
6705
6729
|
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}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:6.8rem}}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:6.8rem}}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}";
|
|
6706
6730
|
|
|
6707
6731
|
let PnStatsInfoData$1 = class extends HTMLElement {
|
|
@@ -6709,16 +6733,38 @@ let PnStatsInfoData$1 = class extends HTMLElement {
|
|
|
6709
6733
|
super();
|
|
6710
6734
|
this.__registerHost();
|
|
6711
6735
|
this.data = 0;
|
|
6712
|
-
this.unit =
|
|
6713
|
-
this.preamble =
|
|
6736
|
+
this.unit = null;
|
|
6737
|
+
this.preamble = null;
|
|
6738
|
+
this.compId = null;
|
|
6739
|
+
this.duration = 1000; //ms;
|
|
6740
|
+
this.hasBeenShown = false;
|
|
6741
|
+
this.inViewPortCallback = (entry) => {
|
|
6742
|
+
if (entry.isIntersecting) {
|
|
6743
|
+
this.hasBeenShown = true;
|
|
6744
|
+
}
|
|
6745
|
+
};
|
|
6746
|
+
}
|
|
6747
|
+
watchStateHandlder(newValue, oldValue) {
|
|
6748
|
+
const obj = document.getElementById(`pn-stats-info-data-${this.compId}`);
|
|
6749
|
+
if (obj.classList.contains('is-inViewport') && newValue !== oldValue) {
|
|
6750
|
+
animateValue(obj, 0, this.data, this.duration);
|
|
6751
|
+
}
|
|
6714
6752
|
}
|
|
6715
6753
|
render() {
|
|
6716
|
-
return (h(Host, null, h("div", { class: "pn-stats-info-data__container" }, h("div", { class: "pn-stats-info-data__container__content" }, h("div", { class: "pn-stats-info-data__container__content__data"
|
|
6754
|
+
return (h(Host, null, h("div", { class: "pn-stats-info-data__container" }, h("div", { class: "pn-stats-info-data__container__content" }, h("div", { class: "pn-stats-info-data__container__content__data", id: `pn-stats-info-data-${this.compId}` }), h("div", { class: "pn-stats-info-data__container__content__unit" }, this.unit)), h("div", { class: "pn-stats-info-data__container__content__preamble" }, this.preamble))));
|
|
6717
6755
|
}
|
|
6756
|
+
componentDidRender() {
|
|
6757
|
+
const observer = new IntersectionObserver(entries => inViewport(entries, 'is-inViewport', this.inViewPortCallback));
|
|
6758
|
+
const obj = document.getElementById(`pn-stats-info-data-${this.compId}`);
|
|
6759
|
+
observer.observe(obj);
|
|
6760
|
+
}
|
|
6761
|
+
static get watchers() { return {
|
|
6762
|
+
"hasBeenShown": ["watchStateHandlder"]
|
|
6763
|
+
}; }
|
|
6718
6764
|
static get style() { return pnStatsInfoDataCss; }
|
|
6719
6765
|
};
|
|
6720
6766
|
|
|
6721
|
-
const pnTeaserCardCss = "pn-teaser-card{width:100%;height:100%;display:-ms-flexbox;display:flex
|
|
6767
|
+
const pnTeaserCardCss = "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}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}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>h1{font-weight:700;font-size:2.4rem;line-height:2.64rem}pn-teaser-card .pn-teaser-card__container__content__text__container>p{padding-top:1.6rem;font-weight:400;font-size:1.6rem;line-height:2.24rem}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[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}@media screen and (min-width: 1200px){.halfwidth pn-teaser-card .pn-teaser-card__container__content{padding:0 5.6rem 5.6rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container>h1{font-weight:700;font-size:3.2rem;line-height:3.52rem}.halfwidth pn-teaser-card .pn-teaser-card__container__content__text__container>p{font-weight:400;font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 768px){.fullwidth pn-teaser-card{min-height:35rem}.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>h1{font-weight:700;font-size:4.8rem;line-height:5.28rem}.fullwidth pn-teaser-card .pn-teaser-card__container__content__text__container>p{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 pn-button button .pn-button-bg,pn-teaser-card.teaser-card--hover-effect:hover pn-button a .pn-button-bg{background-color:#0D234B}";
|
|
6722
6768
|
|
|
6723
6769
|
let PnTeaserCard$1 = class extends HTMLElement {
|
|
6724
6770
|
constructor() {
|
|
@@ -6812,8 +6858,8 @@ const PnSiteFooter = /*@__PURE__*/proxyCustomElement(PnSiteFooter$1, [4,"pn-site
|
|
|
6812
6858
|
const PnSiteFooterCol = /*@__PURE__*/proxyCustomElement(PnSiteFooterCol$1, [4,"pn-site-footer-col",{"theme":[513]}]);
|
|
6813
6859
|
const PnSiteSelector = /*@__PURE__*/proxyCustomElement(PnSiteSelector$1, [4,"pn-site-selector",{"buttontext":[1537],"heading":[1537],"language":[1537],"i18n":[32]}]);
|
|
6814
6860
|
const PnSiteSelectorItem = /*@__PURE__*/proxyCustomElement(PnSiteSelectorItem$1, [0,"pn-site-selector-item",{"url":[1],"heading":[1],"description":[1],"newwindow":[4]}]);
|
|
6815
|
-
const PnStatsInfo = /*@__PURE__*/proxyCustomElement(PnStatsInfo$1, [0,"pn-stats-info",{"heading":[1],"dataArray":[
|
|
6816
|
-
const PnStatsInfoData = /*@__PURE__*/proxyCustomElement(PnStatsInfoData$1, [0,"pn-stats-info-data",{"data":[2],"unit":[1],"preamble":[1]}]);
|
|
6861
|
+
const PnStatsInfo = /*@__PURE__*/proxyCustomElement(PnStatsInfo$1, [0,"pn-stats-info",{"heading":[1],"dataArray":[1,"data-array"],"backgroundUrl":[1,"background-url"],"myParsedArray":[32]}]);
|
|
6862
|
+
const PnStatsInfoData = /*@__PURE__*/proxyCustomElement(PnStatsInfoData$1, [0,"pn-stats-info-data",{"data":[2],"unit":[1],"preamble":[1],"compId":[2,"comp-id"],"duration":[2],"hasBeenShown":[32]}]);
|
|
6817
6863
|
const PnTeaserCard = /*@__PURE__*/proxyCustomElement(PnTeaserCard$1, [4,"pn-teaser-card",{"text":[1],"heading":[1],"label":[1],"dataCardColor":[513,"data-card-color"],"dataCardAlignment":[513,"data-card-alignment"]}]);
|
|
6818
6864
|
const PnTitletag = /*@__PURE__*/proxyCustomElement(PnTiletag, [4,"pn-titletag",{"icon":[1],"color":[1537]}]);
|
|
6819
6865
|
const defineCustomElements = (opts) => {
|
package/esm/loader.js
CHANGED
|
@@ -10,7 +10,7 @@ const patchEsm = () => {
|
|
|
10
10
|
const defineCustomElements = (win, options) => {
|
|
11
11
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
12
12
|
return patchEsm().then(() => {
|
|
13
|
-
return bootstrapLazy(JSON.parse("[[\"pn-marketweb-siteheader\",[[4,\"pn-marketweb-siteheader\",{\"market\":[1537],\"language\":[1537],\"siteid\":[1],\"environment\":[1537],\"userToken\":[1,\"user-token\"],\"userFullname\":[1,\"user-fullname\"],\"userLoggedin\":[516,\"user-loggedin\"],\"endpoint\":[1],\"hideSiteSelector\":[1540,\"hide-site-selector\"],\"hideLanguageSelector\":[1540,\"hide-language-selector\"],\"hideSearch\":[1540,\"hide-search\"],\"hideLogin\":[1540,\"hide-login\"],\"showProfileSelection\":[1540,\"show-profile-selection\"],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"AutocompleteEndpoint\":[1,\"autocomplete-endpoint\"],\"sessionForward\":[4,\"session-forward\"],\"cache\":[4],\"spaMode\":[4,\"spa-mode\"],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32],\"homePageLink\":[32],\"menuItems\":[32],\"siteDefinition\":[32],\"search\":[32],\"siteSelector\":[32],\"languageSelector\":[32],\"languageOptions\":[32],\"loginDialog\":[32],\"minimizeSearch\":[32],\"loggedIn\":[32],\"loginManager\":[32]},[[0,\"setLanguage\",\"onLanguageSelectorChange\"],[0,\"loginStateChange\",\"onLoginStateChange\"],[9,\"resize\",\"handleResize\"]]]]],[\"pn-find-price\",[[0,\"pn-find-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"sourceData\":[32],\"sizecategory\":[32]}]]],[\"pn-find-service-and-price\",[[0,\"pn-find-service-and-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32],\"deliveryscope\":[32],\"sourceData\":[32]}]]],[\"pn-product-pricelist\",[[4,\"pn-product-pricelist\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"productid\":[1],\"filteredItems\":[32],\"sourceData\":[32],\"gotData\":[32],\"loading\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32]}]]],[\"pn-proxio-pricegroup\",[[0,\"pn-proxio-pricegroup\",{\"endpoint\":[1025],\"culture\":[1],\"tariffid\":[1],\"cache\":[4],\"activeWeightIndex\":[32],\"data\":[32],\"i18n\":[32]},[[0,\"activeWeightIndex\",\"setActiveWeightIndex\"],[0,\"culture\",\"setCulture\"]]]]],[\"pn-product-pricelist-result\",[[0,\"pn-product-pricelist-result\",{\"item\":[1040],\"description\":[16],\"shownitems\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32]}]]],[\"pn-marketweb-sitefooter\",[[4,\"pn-marketweb-sitefooter\",{\"market\":[1537],\"language\":[1537],\"environment\":[1537],\"endpoint\":[1],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"cache\":[4],\"theme\":[513],\"siteDefinition\":[32],\"footerContent\":[32],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32]}]]],[\"pn-pex-pricefinder\",[[0,\"pn-pex-pricefinder\",{\"language\":[1],\"currency\":[1],\"apiUrl\":[1,\"api-url\"],\"i18n\":[32],\"fromzip\":[32],\"tozip\":[32],\"weight\":[32],\"when\":[32],\"response\":[32]},[[0,\"language\",\"setLanguage\"]]]]],[\"pn-stats-info\",[[0,\"pn-stats-info\",{\"heading\":[1],\"dataArray\":[16],\"backgroundUrl\":[1,\"background-url\"]}]]],[\"pn-bonus-progressbar\",[[4,\"pn-bonus-progressbar\",{\"icon\":[1],\"heading\":[1],\"sumtext\":[513],\"theme\":[513],\"bonuspercentage\":[1],\"currency\":[513],\"value\":[1538],\"min\":[1538],\"max\":[1538],\"valuepercentage\":[32],\"progresspercentage\":[32],\"levelValues\":[32],\"currentLevelAdjustedValue\":[32]}]]],[\"pn-bonus-progressbar-level\",[[0,\"pn-bonus-progressbar-level\",{\"current\":[516],\"value\":[1538],\"bonuspercentage\":[1537],\"visualpercentage\":[1538],\"percentage\":[32],\"max\":[32],\"min\":[32],\"currency\":[32]}]]],[\"pn-customernumber-selector\",[[4,\"pn-customernumber-selector\",{\"language\":[1537],\"open\":[1540],\"heading\":[1],\"description\":[1],\"i18n\":[32]}]]],[\"pn-customernumber-selector-option\",[[4,\"pn-customernumber-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-filter-checkbox\",[[1,\"pn-filter-checkbox\",{\"value\":[520],\"name\":[1],\"checkboxid\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-marketweb-search\",[[1,\"pn-marketweb-search\",{\"disabled\":[4],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"autocomplete\":[1],\"list\":[1],\"value\":[1],\"label\":[1],\"loading\":[4],\"button\":[1],\"light\":[4],\"suggestionObserver\":[32],\"hasClonedInput\":[32],\"listSuggestion\":[32]},[[0,\"input\",\"inputHandler\"]]]]],[\"pn-product-tile\",[[4,\"pn-product-tile\"]]],[\"pn-profile-modal\",[[4,\"pn-profile-modal\",{\"heading\":[1],\"continueCtaText\":[1,\"continue-cta-text\"],\"choosenCompanyText\":[1,\"choosen-company-text\"],\"toText\":[1,\"to-text\"],\"chooseCustomerNumberText\":[1,\"choose-customer-number-text\"],\"isLoading\":[32]},[[0,\"urlSelected\",\"onUrlSelected\"]]]]],[\"pn-profile-modal-customernumber\",[[4,\"pn-profile-modal-customernumber\",{\"url\":[513],\"customernumber\":[513],\"selected\":[516]}]]],[\"pn-profile-modal-profile\",[[4,\"pn-profile-modal-profile\",{\"heading\":[513],\"description\":[513],\"url\":[513],\"selected\":[1028],\"showCustomerNumbers\":[516,\"show-customer-numbers\"],\"pleaseSelectText\":[513,\"please-select-text\"],\"visible\":[1540],\"identifier\":[32]}]]],[\"pn-profile-modal-type\",[[4,\"pn-profile-modal-type\",{\"typeid\":[513],\"name\":[1025],\"selected\":[1028],\"selectedprofile\":[1025]}]]],[\"pn-profile-selector\",[[4,\"pn-profile-selector\",{\"language\":[1537],\"returnUrl\":[1,\"return-url\"],\"heading\":[1],\"i18n\":[32],\"isLoading\":[32],\"numberOfProfiles\":[32]}]]],[\"pn-profile-selector-option\",[[0,\"pn-profile-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-sidenav\",[[4,\"pn-sidenav\",{\"language\":[1],\"navLabel\":[1,\"nav-label\"],\"i18n\":[32]},[[0,\"language\",\"setLanguage\"],[0,\"openSubMenuLevelChange\",\"onOpenSubMenuLevelChange\"]]]]],[\"pn-sidenav-level\",[[4,\"pn-sidenav-level\",{\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"alignment\":[32]}]]],[\"pn-sidenav-link\",[[4,\"pn-sidenav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"icon\":[1],\"current\":[4],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-sidenav-togglebutton\",[[4,\"pn-sidenav-togglebutton\",{\"label\":[1],\"i18n\":[32]}]]],[\"pn-teaser-card\",[[4,\"pn-teaser-card\",{\"text\":[1],\"heading\":[1],\"label\":[1],\"dataCardColor\":[513,\"data-card-color\"],\"dataCardAlignment\":[513,\"data-card-alignment\"]}]]],[\"pn-find-service-and-price-result\",[[0,\"pn-find-service-and-price-result\",{\"item\":[1040],\"shownitems\":[16],\"weightText\":[32]}]]],[\"pn-marketweb-input\",[[0,\"pn-marketweb-input\",{\"disabled\":[4],\"error\":[1],\"invalid\":[4],\"helpertext\":[1],\"label\":[1],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"required\":[4],\"type\":[1025],\"autocomplete\":[1],\"valid\":[4],\"value\":[1],\"maxlength\":[1],\"min\":[1],\"max\":[1],\"step\":[1],\"pattern\":[1],\"showText\":[32]}]]],[\"pn-stats-info-data\",[[0,\"pn-stats-info-data\",{\"data\":[2],\"unit\":[1],\"preamble\":[1]}]]],[\"pn-find-price-result\",[[0,\"pn-find-price-result\",{\"item\":[1040],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32]}]]],[\"pn-site-footer_2\",[[4,\"pn-site-footer\",{\"url\":[1],\"linktitle\":[1],\"theme\":[513]}],[4,\"pn-site-footer-col\",{\"theme\":[513]}]]],[\"pn-choice-button\",[[4,\"pn-choice-button\",{\"value\":[520],\"name\":[1],\"choiceid\":[1],\"type\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-mainnav-link\",[[4,\"pn-mainnav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-marketweb-siteheader-login-linklist\",[[0,\"pn-marketweb-siteheader-login-linklist\",{\"heading\":[1],\"links\":[16],\"idNamespace\":[1,\"id-namespace\"],\"loginManager\":[16]}]]],[\"pn-marketweb-siteheader-login-links_2\",[[0,\"pn-marketweb-siteheader-login-links\",{\"loginDialog\":[1040],\"loginManager\":[16],\"idNamespace\":[1,\"id-namespace\"],\"loggedin\":[516],\"username\":[1]}],[0,\"pn-marketweb-siteheader-login-profileselection\",{\"loginDialog\":[1040],\"loginManager\":[16],\"endpoint\":[1],\"loggedin\":[4],\"idNamespace\":[1,\"id-namespace\"],\"heading\":[1],\"i18n\":[16],\"currentProfile\":[1040],\"profileoptions\":[1040],\"user\":[32],\"logoutLink\":[32],\"userName\":[32],\"userEmail\":[32]}]]],[\"pn-proxio-productcard_4\",[[4,\"pn-proxio-productcard\"],[0,\"pn-proxio-productcard-description\",{\"heading\":[1],\"highlight\":[1],\"description\":[1],\"list\":[1040]}],[0,\"pn-proxio-productcard-information\",{\"label\":[1],\"information\":[16]}],[0,\"pn-proxio-productcard-pricelink\",{\"price\":[1],\"link\":[1],\"linktext\":[1]}]]],[\"pn-product-tile-info_2\",[[0,\"pn-product-tile-info\",{\"label\":[1],\"text\":[1],\"icon\":[1]}],[0,\"pn-product-tile-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"url\":[1]}]]],[\"pn-language-selector_9\",[[0,\"pn-marketweb-siteheader-login\",{\"endpoint\":[1],\"token\":[1],\"i18n\":[16],\"emitEvents\":[4,\"emit-events\"],\"loginDialog\":[1040],\"fullname\":[1],\"loggedin\":[4],\"showProfileSelection\":[1028,\"show-profile-selection\"],\"loginManager\":[32],\"loginLinks\":[32],\"toggleButtonText\":[32],\"username\":[32]}],[4,\"pn-mainnav-level\",{\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"listCount\":[32],\"alignment\":[32]}],[4,\"pn-language-selector\",{\"value\":[1537],\"selectedLanguageName\":[32],\"options\":[32],\"i18n\":[32]}],[0,\"pn-language-selector-option\",{\"name\":[1],\"code\":[1],\"url\":[1],\"selected\":[4],\"currentLanguage\":[1,\"current-language\"]}],[4,\"pn-mainnav\",{\"market\":[1],\"language\":[1],\"navigationId\":[1,\"navigation-id\"],\"openMenu\":[1028,\"open-menu\"],\"navLabel\":[1,\"nav-label\"]},[[0,\"language\",\"setLanguage\"],[0,\"market\",\"setMarket\"],[0,\"menuLanguageChange\",\"onLanguageChange\"],[0,\"setmenuopenstate\",\"setMenuOpenState\"],[0,\"openMenuLevelChange\",\"onOpenMenuLevelChange\"]]],[4,\"pn-mainnav-list\",{\"heading\":[1],\"linkCount\":[32]}],[0,\"pn-marketweb-siteheader-search\",{\"i18n\":[8,\"i-1-8n\"],\"showOnlyLink\":[1028,\"show-only-link\"],\"hideSearch\":[1028,\"hide-search\"],\"language\":[1537],\"siteid\":[1],\"search\":[1040],\"primary\":[4],\"autoCompleteOptions\":[32]}],[4,\"pn-site-selector\",{\"buttontext\":[1537],\"heading\":[1537],\"language\":[1537],\"i18n\":[32]}],[0,\"pn-site-selector-item\",{\"url\":[1],\"heading\":[1],\"description\":[1],\"newwindow\":[4]}]]],[\"pn-product-card_4\",[[0,\"pn-product-card-info\",{\"rulle\":[1],\"paket\":[1],\"label\":[1],\"text\":[1]}],[0,\"pn-product-card-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"note\":[1],\"url\":[1],\"service\":[1],\"linkid\":[1]}],[4,\"pn-titletag\",{\"icon\":[1],\"color\":[1537]}],[4,\"pn-product-card\"]]]]"), options);
|
|
13
|
+
return bootstrapLazy(JSON.parse("[[\"pn-marketweb-siteheader\",[[4,\"pn-marketweb-siteheader\",{\"market\":[1537],\"language\":[1537],\"siteid\":[1],\"environment\":[1537],\"userToken\":[1,\"user-token\"],\"userFullname\":[1,\"user-fullname\"],\"userLoggedin\":[516,\"user-loggedin\"],\"endpoint\":[1],\"hideSiteSelector\":[1540,\"hide-site-selector\"],\"hideLanguageSelector\":[1540,\"hide-language-selector\"],\"hideSearch\":[1540,\"hide-search\"],\"hideLogin\":[1540,\"hide-login\"],\"showProfileSelection\":[1540,\"show-profile-selection\"],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"AutocompleteEndpoint\":[1,\"autocomplete-endpoint\"],\"sessionForward\":[4,\"session-forward\"],\"cache\":[4],\"spaMode\":[4,\"spa-mode\"],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32],\"homePageLink\":[32],\"menuItems\":[32],\"siteDefinition\":[32],\"search\":[32],\"siteSelector\":[32],\"languageSelector\":[32],\"languageOptions\":[32],\"loginDialog\":[32],\"minimizeSearch\":[32],\"loggedIn\":[32],\"loginManager\":[32]},[[0,\"setLanguage\",\"onLanguageSelectorChange\"],[0,\"loginStateChange\",\"onLoginStateChange\"],[9,\"resize\",\"handleResize\"]]]]],[\"pn-find-price\",[[0,\"pn-find-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"sourceData\":[32],\"sizecategory\":[32]}]]],[\"pn-find-service-and-price\",[[0,\"pn-find-service-and-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32],\"deliveryscope\":[32],\"sourceData\":[32]}]]],[\"pn-product-pricelist\",[[4,\"pn-product-pricelist\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"productid\":[1],\"filteredItems\":[32],\"sourceData\":[32],\"gotData\":[32],\"loading\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32]}]]],[\"pn-proxio-pricegroup\",[[0,\"pn-proxio-pricegroup\",{\"endpoint\":[1025],\"culture\":[1],\"tariffid\":[1],\"cache\":[4],\"activeWeightIndex\":[32],\"data\":[32],\"i18n\":[32]},[[0,\"activeWeightIndex\",\"setActiveWeightIndex\"],[0,\"culture\",\"setCulture\"]]]]],[\"pn-product-pricelist-result\",[[0,\"pn-product-pricelist-result\",{\"item\":[1040],\"description\":[16],\"shownitems\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32]}]]],[\"pn-marketweb-sitefooter\",[[4,\"pn-marketweb-sitefooter\",{\"market\":[1537],\"language\":[1537],\"environment\":[1537],\"endpoint\":[1],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"cache\":[4],\"theme\":[513],\"siteDefinition\":[32],\"footerContent\":[32],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32]}]]],[\"pn-pex-pricefinder\",[[0,\"pn-pex-pricefinder\",{\"language\":[1],\"currency\":[1],\"apiUrl\":[1,\"api-url\"],\"i18n\":[32],\"fromzip\":[32],\"tozip\":[32],\"weight\":[32],\"when\":[32],\"response\":[32]},[[0,\"language\",\"setLanguage\"]]]]],[\"pn-stats-info\",[[0,\"pn-stats-info\",{\"heading\":[1],\"dataArray\":[1,\"data-array\"],\"backgroundUrl\":[1,\"background-url\"],\"myParsedArray\":[32]}]]],[\"pn-bonus-progressbar\",[[4,\"pn-bonus-progressbar\",{\"icon\":[1],\"heading\":[1],\"sumtext\":[513],\"theme\":[513],\"bonuspercentage\":[1],\"currency\":[513],\"value\":[1538],\"min\":[1538],\"max\":[1538],\"valuepercentage\":[32],\"progresspercentage\":[32],\"levelValues\":[32],\"currentLevelAdjustedValue\":[32]}]]],[\"pn-bonus-progressbar-level\",[[0,\"pn-bonus-progressbar-level\",{\"current\":[516],\"value\":[1538],\"bonuspercentage\":[1537],\"visualpercentage\":[1538],\"percentage\":[32],\"max\":[32],\"min\":[32],\"currency\":[32]}]]],[\"pn-customernumber-selector\",[[4,\"pn-customernumber-selector\",{\"language\":[1537],\"open\":[1540],\"heading\":[1],\"description\":[1],\"i18n\":[32]}]]],[\"pn-customernumber-selector-option\",[[4,\"pn-customernumber-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-filter-checkbox\",[[1,\"pn-filter-checkbox\",{\"value\":[520],\"name\":[1],\"checkboxid\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-marketweb-search\",[[1,\"pn-marketweb-search\",{\"disabled\":[4],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"autocomplete\":[1],\"list\":[1],\"value\":[1],\"label\":[1],\"loading\":[4],\"button\":[1],\"light\":[4],\"suggestionObserver\":[32],\"hasClonedInput\":[32],\"listSuggestion\":[32]},[[0,\"input\",\"inputHandler\"]]]]],[\"pn-product-tile\",[[4,\"pn-product-tile\"]]],[\"pn-profile-modal\",[[4,\"pn-profile-modal\",{\"heading\":[1],\"continueCtaText\":[1,\"continue-cta-text\"],\"choosenCompanyText\":[1,\"choosen-company-text\"],\"toText\":[1,\"to-text\"],\"chooseCustomerNumberText\":[1,\"choose-customer-number-text\"],\"isLoading\":[32]},[[0,\"urlSelected\",\"onUrlSelected\"]]]]],[\"pn-profile-modal-customernumber\",[[4,\"pn-profile-modal-customernumber\",{\"url\":[513],\"customernumber\":[513],\"selected\":[516]}]]],[\"pn-profile-modal-profile\",[[4,\"pn-profile-modal-profile\",{\"heading\":[513],\"description\":[513],\"url\":[513],\"selected\":[1028],\"showCustomerNumbers\":[516,\"show-customer-numbers\"],\"pleaseSelectText\":[513,\"please-select-text\"],\"visible\":[1540],\"identifier\":[32]}]]],[\"pn-profile-modal-type\",[[4,\"pn-profile-modal-type\",{\"typeid\":[513],\"name\":[1025],\"selected\":[1028],\"selectedprofile\":[1025]}]]],[\"pn-profile-selector\",[[4,\"pn-profile-selector\",{\"language\":[1537],\"returnUrl\":[1,\"return-url\"],\"heading\":[1],\"i18n\":[32],\"isLoading\":[32],\"numberOfProfiles\":[32]}]]],[\"pn-profile-selector-option\",[[0,\"pn-profile-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-sidenav\",[[4,\"pn-sidenav\",{\"language\":[1],\"navLabel\":[1,\"nav-label\"],\"i18n\":[32]},[[0,\"language\",\"setLanguage\"],[0,\"openSubMenuLevelChange\",\"onOpenSubMenuLevelChange\"]]]]],[\"pn-sidenav-level\",[[4,\"pn-sidenav-level\",{\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"alignment\":[32]}]]],[\"pn-sidenav-link\",[[4,\"pn-sidenav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"icon\":[1],\"current\":[4],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-sidenav-togglebutton\",[[4,\"pn-sidenav-togglebutton\",{\"label\":[1],\"i18n\":[32]}]]],[\"pn-teaser-card\",[[4,\"pn-teaser-card\",{\"text\":[1],\"heading\":[1],\"label\":[1],\"dataCardColor\":[513,\"data-card-color\"],\"dataCardAlignment\":[513,\"data-card-alignment\"]}]]],[\"pn-find-service-and-price-result\",[[0,\"pn-find-service-and-price-result\",{\"item\":[1040],\"shownitems\":[16],\"weightText\":[32]}]]],[\"pn-marketweb-input\",[[0,\"pn-marketweb-input\",{\"disabled\":[4],\"error\":[1],\"invalid\":[4],\"helpertext\":[1],\"label\":[1],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"required\":[4],\"type\":[1025],\"autocomplete\":[1],\"valid\":[4],\"value\":[1],\"maxlength\":[1],\"min\":[1],\"max\":[1],\"step\":[1],\"pattern\":[1],\"showText\":[32]}]]],[\"pn-stats-info-data\",[[0,\"pn-stats-info-data\",{\"data\":[2],\"unit\":[1],\"preamble\":[1],\"compId\":[2,\"comp-id\"],\"duration\":[2],\"hasBeenShown\":[32]}]]],[\"pn-find-price-result\",[[0,\"pn-find-price-result\",{\"item\":[1040],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32]}]]],[\"pn-site-footer_2\",[[4,\"pn-site-footer\",{\"url\":[1],\"linktitle\":[1],\"theme\":[513]}],[4,\"pn-site-footer-col\",{\"theme\":[513]}]]],[\"pn-choice-button\",[[4,\"pn-choice-button\",{\"value\":[520],\"name\":[1],\"choiceid\":[1],\"type\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-mainnav-link\",[[4,\"pn-mainnav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-marketweb-siteheader-login-linklist\",[[0,\"pn-marketweb-siteheader-login-linklist\",{\"heading\":[1],\"links\":[16],\"idNamespace\":[1,\"id-namespace\"],\"loginManager\":[16]}]]],[\"pn-marketweb-siteheader-login-links_2\",[[0,\"pn-marketweb-siteheader-login-links\",{\"loginDialog\":[1040],\"loginManager\":[16],\"idNamespace\":[1,\"id-namespace\"],\"loggedin\":[516],\"username\":[1]}],[0,\"pn-marketweb-siteheader-login-profileselection\",{\"loginDialog\":[1040],\"loginManager\":[16],\"endpoint\":[1],\"loggedin\":[4],\"idNamespace\":[1,\"id-namespace\"],\"heading\":[1],\"i18n\":[16],\"currentProfile\":[1040],\"profileoptions\":[1040],\"user\":[32],\"logoutLink\":[32],\"userName\":[32],\"userEmail\":[32]}]]],[\"pn-proxio-productcard_4\",[[4,\"pn-proxio-productcard\"],[0,\"pn-proxio-productcard-description\",{\"heading\":[1],\"highlight\":[1],\"description\":[1],\"list\":[1040]}],[0,\"pn-proxio-productcard-information\",{\"label\":[1],\"information\":[16]}],[0,\"pn-proxio-productcard-pricelink\",{\"price\":[1],\"link\":[1],\"linktext\":[1]}]]],[\"pn-product-tile-info_2\",[[0,\"pn-product-tile-info\",{\"label\":[1],\"text\":[1],\"icon\":[1]}],[0,\"pn-product-tile-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"url\":[1]}]]],[\"pn-language-selector_9\",[[0,\"pn-marketweb-siteheader-login\",{\"endpoint\":[1],\"token\":[1],\"i18n\":[16],\"emitEvents\":[4,\"emit-events\"],\"loginDialog\":[1040],\"fullname\":[1],\"loggedin\":[4],\"showProfileSelection\":[1028,\"show-profile-selection\"],\"loginManager\":[32],\"loginLinks\":[32],\"toggleButtonText\":[32],\"username\":[32]}],[4,\"pn-mainnav-level\",{\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"listCount\":[32],\"alignment\":[32]}],[4,\"pn-language-selector\",{\"value\":[1537],\"selectedLanguageName\":[32],\"options\":[32],\"i18n\":[32]}],[0,\"pn-language-selector-option\",{\"name\":[1],\"code\":[1],\"url\":[1],\"selected\":[4],\"currentLanguage\":[1,\"current-language\"]}],[4,\"pn-mainnav\",{\"market\":[1],\"language\":[1],\"navigationId\":[1,\"navigation-id\"],\"openMenu\":[1028,\"open-menu\"],\"navLabel\":[1,\"nav-label\"]},[[0,\"language\",\"setLanguage\"],[0,\"market\",\"setMarket\"],[0,\"menuLanguageChange\",\"onLanguageChange\"],[0,\"setmenuopenstate\",\"setMenuOpenState\"],[0,\"openMenuLevelChange\",\"onOpenMenuLevelChange\"]]],[4,\"pn-mainnav-list\",{\"heading\":[1],\"linkCount\":[32]}],[0,\"pn-marketweb-siteheader-search\",{\"i18n\":[8,\"i-1-8n\"],\"showOnlyLink\":[1028,\"show-only-link\"],\"hideSearch\":[1028,\"hide-search\"],\"language\":[1537],\"siteid\":[1],\"search\":[1040],\"primary\":[4],\"autoCompleteOptions\":[32]}],[4,\"pn-site-selector\",{\"buttontext\":[1537],\"heading\":[1537],\"language\":[1537],\"i18n\":[32]}],[0,\"pn-site-selector-item\",{\"url\":[1],\"heading\":[1],\"description\":[1],\"newwindow\":[4]}]]],[\"pn-product-card_4\",[[0,\"pn-product-card-info\",{\"rulle\":[1],\"paket\":[1],\"label\":[1],\"text\":[1]}],[0,\"pn-product-card-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"note\":[1],\"url\":[1],\"service\":[1],\"linkid\":[1]}],[4,\"pn-titletag\",{\"icon\":[1],\"color\":[1537]}],[4,\"pn-product-card\"]]]]"), options);
|
|
14
14
|
});
|
|
15
15
|
};
|
|
16
16
|
|