@postnord/pn-marketweb-components 2.9.0 → 2.9.2
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-cta-block.cjs.entry.js +7 -2
- package/cjs/pn-market-web-components.cjs.js +1 -1
- package/cjs/pn-media-block.cjs.entry.js +7 -39
- package/cjs/pn-multi-row-connected-dropdown-row.cjs.entry.js +2 -0
- package/cjs/pn-play-on-scroll.cjs.entry.js +3 -2
- package/cjs/pn-usp-promoter.cjs.entry.js +9 -4
- package/collection/components/animation/pn-play-on-scroll/pn-play-on-scroll.js +3 -2
- package/collection/components/animation/pn-play-on-scroll/pn-play-on-scroll.stories.js +6 -86
- package/collection/components/cta/pn-cta-block/cta-block.stories.js +90 -21
- package/collection/components/cta/pn-cta-block/pn-cta-block.css +35 -20
- package/collection/components/cta/pn-cta-block/pn-cta-block.js +6 -1
- package/collection/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown-row.js +2 -0
- package/collection/components/media/pn-media-block/media-block.stories.js +6 -15
- package/collection/components/media/pn-media-block/pn-media-block.css +20 -2
- package/collection/components/media/pn-media-block/pn-media-block.js +24 -57
- package/collection/components/widgets/pn-usp-promoter/pn-usp-promoter.css +12 -3
- package/collection/components/widgets/pn-usp-promoter/pn-usp-promoter.js +8 -3
- package/collection/components/widgets/pn-usp-promoter/usp-promoter.stories.js +13 -13
- package/collection/globals/storybookGlobals.js +10 -0
- package/components/pn-cta-block.js +7 -2
- package/components/pn-media-block.js +8 -40
- package/components/pn-multi-row-connected-dropdown-row2.js +2 -0
- package/components/pn-play-on-scroll2.js +3 -2
- package/components/pn-usp-promoter.js +9 -4
- package/esm/loader.js +1 -1
- package/esm/pn-cta-block.entry.js +7 -2
- package/esm/pn-market-web-components.js +1 -1
- package/esm/pn-media-block.entry.js +7 -39
- package/esm/pn-multi-row-connected-dropdown-row.entry.js +2 -0
- package/esm/pn-play-on-scroll.entry.js +3 -2
- package/esm/pn-usp-promoter.entry.js +9 -4
- package/esm-es5/loader.js +1 -1
- package/esm-es5/pn-cta-block.entry.js +1 -1
- package/esm-es5/pn-market-web-components.js +1 -1
- package/esm-es5/pn-media-block.entry.js +1 -1
- package/esm-es5/pn-multi-row-connected-dropdown-row.entry.js +1 -1
- package/esm-es5/pn-play-on-scroll.entry.js +1 -1
- package/esm-es5/pn-usp-promoter.entry.js +1 -1
- package/package.json +1 -1
- package/pn-market-web-components/p-0c50ded4.entry.js +1 -0
- package/pn-market-web-components/p-4bcf66cb.entry.js +1 -0
- package/pn-market-web-components/p-4f6ebbda.system.entry.js +1 -0
- package/pn-market-web-components/p-6f853c29.system.js +1 -1
- package/pn-market-web-components/p-928ced33.system.entry.js +1 -0
- package/pn-market-web-components/p-9f6c833e.entry.js +1 -0
- package/pn-market-web-components/p-aadb8ed1.system.entry.js +1 -0
- package/pn-market-web-components/p-b0055a00.entry.js +1 -0
- package/pn-market-web-components/p-bc27295a.system.entry.js +1 -0
- package/pn-market-web-components/p-dc136523.entry.js +1 -0
- package/pn-market-web-components/p-ec116d47.system.entry.js +1 -0
- package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
- package/types/components/animation/pn-play-on-scroll/pn-play-on-scroll.d.ts +1 -0
- package/types/components/media/pn-media-block/pn-media-block.d.ts +1 -1
- package/types/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.d.ts +1 -1
- package/types/components.d.ts +2 -2
- package/types/globals/storybookGlobals.d.ts +10 -0
- package/pn-market-web-components/p-395105d0.system.entry.js +0 -1
- package/pn-market-web-components/p-42e969c9.system.entry.js +0 -1
- package/pn-market-web-components/p-5033c1d0.system.entry.js +0 -1
- package/pn-market-web-components/p-8c41af0e.entry.js +0 -1
- package/pn-market-web-components/p-a2ed2bf6.entry.js +0 -1
- package/pn-market-web-components/p-c1738e39.entry.js +0 -1
- package/pn-market-web-components/p-dcf7b3fc.system.entry.js +0 -1
- package/pn-market-web-components/p-df1142cc.entry.js +0 -1
- package/pn-market-web-components/p-e3b61a83.entry.js +0 -1
- package/pn-market-web-components/p-e4d68a16.system.entry.js +0 -1
|
@@ -3,28 +3,21 @@ import { d as defineCustomElement$4 } from './pn-play-on-scroll2.js';
|
|
|
3
3
|
import { d as defineCustomElement$3 } from './pn-scroll2.js';
|
|
4
4
|
import { d as defineCustomElement$2 } from './pn-video-overlay2.js';
|
|
5
5
|
|
|
6
|
-
const pnMediaBlockCss = "pn-media-block .media-block .media-block__block-container{display:grid;overflow:hidden}pn-media-block .media-block .media-block__media-container,pn-media-block .media-block .media-block__content-container,pn-media-block .media-block .media-block__overlay-filter{grid-area:1/1;width:100%;position:relative}pn-media-block .media-block .media-block__media-container{height:100vh;overflow:hidden;position:relative}pn-media-block .media-block .media-block__media-container img,pn-media-block .media-block .media-block__media-container video{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-o-object-fit:cover;object-fit:cover;pointer-events:none;max-width:100%;max-height:none;height:100%;width:100%;pointer-events:none}pn-media-block .media-block .media-block__media-container pn-play-on-scroll{width:100%;height:100%}pn-media-block .media-block .media-block__media-container .scroll-wrapper{width:100%;height:100%}pn-media-block .media-block .media-block__media-container [slot=scroll-affected]{width:100%;height:100%;display:-ms-flexbox;display:flex}pn-media-block .media-block .media-block__media-container .scroll-wrapper,pn-media-block .media-block .media-block__media-container .scroll-affected{width:100%;height:100%;display:-ms-flexbox;display:flex}pn-media-block .media-block .media-block__media-container video{width:100%;height:100%}pn-media-block .media-block .media-block__overlay-filter{z-index:2}pn-media-block .media-block .media-block__content-container{z-index:3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity 1s;transition:opacity 1s;-ms-flex-direction:column;flex-direction:column;margin:0 auto;padding:3.4rem 0;width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 576px){pn-media-block .media-block .media-block__content-container{max-width:540px}}@media (min-width: 768px){pn-media-block .media-block .media-block__content-container{max-width:720px}}@media (min-width: 992px){pn-media-block .media-block .media-block__content-container{max-width:960px}}@media (min-width: 1200px){pn-media-block .media-block .media-block__content-container{max-width:1140px}}@media (min-width: 1640px){pn-media-block .media-block .media-block__content-container{max-width:1440px}}@media screen and (min-width: 992px){pn-media-block .media-block .media-block__content-container{padding:6.4rem 0}}@media screen and (min-width: 1200px){pn-media-block .media-block .media-block__content-container{padding:7.2rem 0}}@media screen and (min-width: 1640px){pn-media-block .media-block .media-block__content-container{padding:8rem 0}}pn-media-block .media-block .media-block__content-container .media-block__block-heading{max-width:100rem;text-wrap:balance;color:white;font-size:3.2rem;text-align:center;font-weight:700;line-height:1.1;margin-bottom:3rem}@media screen and (min-width: 576px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:4rem}}@media screen and (min-width: 768px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:4.8rem}}@media screen and (min-width: 992px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:5.6rem}}@media screen and (min-width: 1200px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:8rem}}@media screen and (min-width: 1640px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:8.8rem}}pn-media-block .media-block .media-block__content-container .media-block__preamble{max-width:80rem;max-width:80ch;text-wrap:balance;display:-ms-flexbox;display:flex;color:white;font-size:1.8rem;text-align:center;font-weight:300}@media screen and (min-width: 576px){pn-media-block .media-block .media-block__content-container .media-block__preamble{font-size:2rem}}@media screen and (min-width: 1200px){pn-media-block .media-block .media-block__content-container .media-block__preamble{font-size:2.4rem}}@media screen and (min-width: 1640px){pn-media-block .media-block .media-block__content-container .media-block__preamble{font-weight:500}}pn-media-block .media-block .media-block__content-container .media-block__cta-link{margin-top:3rem}pn-media-block .media-block--height-100svh{height:100vh}@supports (height: 100svh){pn-media-block .media-block--height-100svh{height:100svh}}pn-media-block .media-block--height-100svh .media-block__block-container{height:100vh}@supports (max-height: 100svh){pn-media-block .media-block--height-100svh .media-block__block-container{max-height:100svh}}pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__overlay-filter{height:100vh}@supports (max-height: 100svh){pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__overlay-filter{max-height:100svh}}pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container picture{height:100vh}@supports (max-height: 100svh){pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container picture{max-height:100svh}}pn-media-block .media-block--height-65svh{height:65svh;overflow:auto}pn-media-block .media-block--height-65svh .media-block__block-container{height:65vh}@supports (max-height: 100svh){pn-media-block .media-block--height-65svh .media-block__block-container{max-height:65svh}}pn-media-block .media-block--height-65svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__overlay-filter{height:65vh}@supports (max-height: 100svh){pn-media-block .media-block--height-65svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__overlay-filter{max-height:65svh}}pn-media-block .media-block--height-65svh .media-block__media-container img{max-height:none !important;height:auto !important}pn-media-block .media-block--height-dynamic{height:auto;overflow:auto}pn-media-block .media-block--height-dynamic .media-block__block-container{height:auto;max-height:none}pn-media-block .media-block--height-dynamic .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-dynamic .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-dynamic .media-block__block-container .media-block__overlay-filter{height:auto;max-height:none}pn-media-block .media-block--with-overlay .media-block__block-container .media-block__overlay-filter{z-index:2;background:radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%)}pn-media-block .media-block--fixed-background .media-block__block-container .media-block__media-container,pn-media-block .media-block--fixed-background .media-block__block-container .media-block__overlay-filter{position:relative;overflow:hidden;top:0;width:100%;display:-ms-flexbox !important;display:flex !important;-webkit-clip-path:inset(0);clip-path:inset(0)}pn-media-block .media-block--fixed-background .media-block__block-container .media-block__media-container picture{position:absolute;top:0;width:100%;display:-ms-flexbox !important;display:flex !important;-webkit-clip-path:inset(0);clip-path:inset(0);height:100%}pn-media-block .media-block--fixed-background .media-block__block-container .media-block__media-container picture img{position:fixed;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}pn-media-block .media-block--video .media-block__content-container{max-width:80%}pn-media-block .media-block--animate-overlay-background .media-block__overlay-filter{background-size:200% 200% !important;-webkit-animation:overlayBackgroundAnimation 20s ease infinite;animation:overlayBackgroundAnimation 20s ease infinite}@-webkit-keyframes overlayBackgroundAnimation{0%{background-position:100% 100%}50%{background-position:50% 60%}100%{background-position:100% 100%}}@keyframes overlayBackgroundAnimation{0%{background-position:100% 100%}50%{background-position:50% 60%}100%{background-position:100% 100%}}";
|
|
6
|
+
const pnMediaBlockCss = "pn-media-block .media-block .media-block__block-container{display:grid;overflow:hidden}pn-media-block .media-block .media-block__media-container,pn-media-block .media-block .media-block__content-container,pn-media-block .media-block .media-block__overlay-filter{grid-area:1/1;width:100%;position:relative}pn-media-block .media-block .media-block__media-container{height:100vh;overflow:hidden;position:relative}pn-media-block .media-block .media-block__media-container img,pn-media-block .media-block .media-block__media-container video{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-o-object-fit:cover;object-fit:cover;pointer-events:none;max-width:100%;max-height:none;height:100%;width:100%;pointer-events:none}pn-media-block .media-block .media-block__media-container pn-play-on-scroll{width:100%;height:100%}pn-media-block .media-block .media-block__media-container .scroll-wrapper{width:100%;height:100%}pn-media-block .media-block .media-block__media-container [slot=scroll-affected]{width:100%;height:100%;display:-ms-flexbox;display:flex}pn-media-block .media-block .media-block__media-container .scroll-wrapper,pn-media-block .media-block .media-block__media-container .scroll-affected{width:100%;height:100%;display:-ms-flexbox;display:flex}pn-media-block .media-block .media-block__media-container video{width:100%;height:100%}pn-media-block .media-block .media-block__overlay-filter{z-index:2}pn-media-block .media-block .media-block__content-container{z-index:3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:opacity 1s;transition:opacity 1s;-ms-flex-direction:column;flex-direction:column;margin:0 auto;padding:3.4rem 0;width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width: 576px){pn-media-block .media-block .media-block__content-container{max-width:540px}}@media (min-width: 768px){pn-media-block .media-block .media-block__content-container{max-width:720px}}@media (min-width: 992px){pn-media-block .media-block .media-block__content-container{max-width:960px}}@media (min-width: 1200px){pn-media-block .media-block .media-block__content-container{max-width:1140px}}@media (min-width: 1640px){pn-media-block .media-block .media-block__content-container{max-width:1440px}}@media screen and (min-width: 992px){pn-media-block .media-block .media-block__content-container{padding:6.4rem 0}}@media screen and (min-width: 1200px){pn-media-block .media-block .media-block__content-container{padding:7.2rem 0}}@media screen and (min-width: 1640px){pn-media-block .media-block .media-block__content-container{padding:8rem 0}}pn-media-block .media-block .media-block__content-container .media-block__block-heading{max-width:100rem;text-wrap:balance;color:white;font-size:3.2rem;text-align:center;font-weight:700;line-height:1.1;margin-bottom:3rem}@media screen and (min-width: 576px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:4rem}}@media screen and (min-width: 768px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:4.8rem}}@media screen and (min-width: 992px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:5.6rem}}@media screen and (min-width: 1200px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:8rem}}@media screen and (min-width: 1640px){pn-media-block .media-block .media-block__content-container .media-block__block-heading{font-size:8.8rem}}pn-media-block .media-block .media-block__content-container .media-block__preamble{max-width:80rem;max-width:80ch;text-wrap:balance;display:-ms-flexbox;display:flex;color:white;font-size:1.8rem;text-align:center;font-weight:300}@media screen and (min-width: 576px){pn-media-block .media-block .media-block__content-container .media-block__preamble{font-size:2rem}}@media screen and (min-width: 1200px){pn-media-block .media-block .media-block__content-container .media-block__preamble{font-size:2.4rem}}@media screen and (min-width: 1640px){pn-media-block .media-block .media-block__content-container .media-block__preamble{font-weight:500}}pn-media-block .media-block .media-block__content-container .media-block__cta-link{margin-top:3rem}pn-media-block .media-block--height-100svh{min-height:100vh}@supports (height: 100svh){pn-media-block .media-block--height-100svh{height:100svh}}pn-media-block .media-block--height-100svh .media-block__block-container{height:100vh}@supports (max-height: 100svh){pn-media-block .media-block--height-100svh .media-block__block-container{max-height:100svh}}pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__overlay-filter{height:100vh}@supports (max-height: 100svh){pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-100svh .media-block__block-container .media-block__overlay-filter{max-height:100svh}}pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container picture{height:100vh}@supports (max-height: 100svh){pn-media-block .media-block--height-100svh .media-block__block-container .media-block__media-container picture{max-height:100svh}}pn-media-block .media-block--height-65svh{min-height:65svh;overflow:auto}pn-media-block .media-block--height-65svh .media-block__block-container{height:65vh}@supports (max-height: 100svh){pn-media-block .media-block--height-65svh .media-block__block-container{max-height:65svh}}pn-media-block .media-block--height-65svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__overlay-filter{height:65vh}@supports (max-height: 100svh){pn-media-block .media-block--height-65svh .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-65svh .media-block__block-container .media-block__overlay-filter{max-height:65svh}}pn-media-block .media-block--height-65svh .media-block__media-container img{max-height:none !important;height:auto !important}pn-media-block .media-block--height-dynamic{height:auto;overflow:auto}pn-media-block .media-block--height-dynamic .media-block__block-container{height:auto;max-height:none}pn-media-block .media-block--height-dynamic .media-block__block-container .media-block__media-container,pn-media-block .media-block--height-dynamic .media-block__block-container .media-block__content-container,pn-media-block .media-block--height-dynamic .media-block__block-container .media-block__overlay-filter{height:auto;max-height:none}pn-media-block .media-block--with-overlay .media-block__block-container .media-block__overlay-filter{z-index:2;background:radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%)}pn-media-block .media-block--fixed-background .media-block__block-container .media-block__media-container,pn-media-block .media-block--fixed-background .media-block__block-container .media-block__overlay-filter{position:relative;overflow:hidden;top:0;width:100%;display:-ms-flexbox !important;display:flex !important;-webkit-clip-path:inset(0);clip-path:inset(0)}pn-media-block .media-block--fixed-background .media-block__block-container .media-block__media-container picture{position:absolute;top:0;width:100%;display:-ms-flexbox !important;display:flex !important;-webkit-clip-path:inset(0);clip-path:inset(0);height:100%}pn-media-block .media-block--fixed-background .media-block__block-container .media-block__media-container picture img{position:fixed;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}pn-media-block .media-block--video .media-block__content-container{max-width:80%}pn-media-block .media-block--animate-overlay-background .media-block__overlay-filter{background-size:200% 200% !important;-webkit-animation:overlayBackgroundAnimation 20s ease infinite;animation:overlayBackgroundAnimation 20s ease infinite}@-webkit-keyframes overlayBackgroundAnimation{0%{background-position:100% 100%}50%{background-position:50% 60%}100%{background-position:100% 100%}}@keyframes overlayBackgroundAnimation{0%{background-position:100% 100%}50%{background-position:50% 60%}100%{background-position:100% 100%}}pn-media-block .media-block--margin-bottom{margin-bottom:3.2rem}@media screen and (min-width: 768px){pn-media-block .media-block--margin-bottom{margin-bottom:4rem}}@media screen and (min-width: 992px){pn-media-block .media-block--margin-bottom{margin-bottom:5.6rem}}@media screen and (min-width: 1200px){pn-media-block .media-block--margin-bottom{margin-bottom:7.2rem}}";
|
|
7
7
|
|
|
8
|
-
function userPrefersReducedMotion() {
|
|
9
|
-
return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
10
|
-
}
|
|
11
8
|
const PnmediaBlock = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
12
9
|
constructor() {
|
|
13
10
|
super();
|
|
14
11
|
this.__registerHost();
|
|
15
12
|
this.handleScroll = () => {
|
|
16
|
-
if (!this.parallaxScroll)
|
|
17
|
-
return;
|
|
18
13
|
const mediaBlockElement = this.block.firstElementChild;
|
|
19
14
|
const scrollTrigger = this.block.querySelector('#scroll-trigger');
|
|
20
15
|
const videoPauseButton = this.block.querySelector('#overlayed-button-pause-video');
|
|
21
16
|
const scrollTriggerTop = scrollTrigger.getBoundingClientRect().top;
|
|
22
17
|
const mediaBlockElementHeight = mediaBlockElement.offsetHeight;
|
|
23
18
|
const scrollPosition = mediaBlockElementHeight - scrollTriggerTop;
|
|
24
|
-
const parallaxSpeedContent = 0.3;
|
|
25
19
|
const parallaxSpeedMedia = 0.2;
|
|
26
20
|
const mediaContainer = this.block.querySelector('.media-block__media-container');
|
|
27
|
-
const content = this.block.querySelector('.media-block__content-container');
|
|
28
21
|
if (mediaContainer != null) {
|
|
29
22
|
// Move the image or video at a slower speed
|
|
30
23
|
mediaContainer.style.transform = `translate(0, ${scrollPosition * (0.1 + parallaxSpeedMedia)}px)`;
|
|
@@ -33,25 +26,18 @@ const PnmediaBlock = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
33
26
|
videoPauseButton.style.transform = `translate(0, ${-scrollPosition * (0.3 + parallaxSpeedMedia)}px)`;
|
|
34
27
|
}
|
|
35
28
|
}
|
|
36
|
-
if (content) {
|
|
37
|
-
// Move the content at a faster speed
|
|
38
|
-
content.style.transform = `translate(0, ${scrollPosition * (0.5 + parallaxSpeedContent)}px)`;
|
|
39
|
-
// Change the opacity based on the scroll position
|
|
40
|
-
const opacity = Math.max(0, 1 - scrollPosition / 600);
|
|
41
|
-
content.style.opacity = `${opacity}`;
|
|
42
|
-
}
|
|
43
29
|
};
|
|
44
30
|
this.blockHeight = null;
|
|
45
31
|
this.imageSrc = null;
|
|
46
32
|
this.imageSrcSmallScreenFormat = undefined;
|
|
47
33
|
this.imageAltText = "";
|
|
48
34
|
this.videoSrc = null;
|
|
49
|
-
this.parallaxScroll = false;
|
|
50
35
|
this.showOverlayLayer = false;
|
|
51
36
|
this.customOverlayBackground = null;
|
|
52
37
|
this.animateOverlayBackground = false;
|
|
53
38
|
this.scrollSnapBlock = false;
|
|
54
39
|
this.fixedBackground = false;
|
|
40
|
+
this.marginBottom = false;
|
|
55
41
|
this.blockHeading = null;
|
|
56
42
|
this.blockHeadingLevel = 2;
|
|
57
43
|
this.blockPreamble = null;
|
|
@@ -86,30 +72,12 @@ const PnmediaBlock = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
86
72
|
this.hasButtonSlot = !!this.block.querySelector('[slot="cta-button"]');
|
|
87
73
|
}
|
|
88
74
|
async componentDidLoad() {
|
|
89
|
-
if (userPrefersReducedMotion()) {
|
|
90
|
-
// Handle the case where the user prefers reduced motion.
|
|
91
|
-
// For example, you might disable parallax scrolling:
|
|
92
|
-
this.parallaxScroll = false;
|
|
93
|
-
}
|
|
94
75
|
const scrollTrigger = document.getElementById('scroll-trigger');
|
|
95
76
|
this.calculatedBlockHeight = this.block.offsetHeight;
|
|
96
77
|
const overlayElement = this.block.querySelector('#mediaBlockOverlay');
|
|
97
78
|
if (this.customOverlayBackground != null || this.customOverlayBackground != "undefined") {
|
|
98
79
|
overlayElement.style.background = `${this.customOverlayBackground}`;
|
|
99
80
|
}
|
|
100
|
-
if (this.parallaxScroll) {
|
|
101
|
-
this.observerScroll = new IntersectionObserver(entries => {
|
|
102
|
-
entries.forEach(entry => {
|
|
103
|
-
if (entry.isIntersecting) {
|
|
104
|
-
window.addEventListener('scroll', this.handleScroll);
|
|
105
|
-
}
|
|
106
|
-
else {
|
|
107
|
-
window.removeEventListener('scroll', this.handleScroll);
|
|
108
|
-
}
|
|
109
|
-
});
|
|
110
|
-
}, { rootMargin: `0px 0px` });
|
|
111
|
-
this.observerScroll.observe(scrollTrigger);
|
|
112
|
-
}
|
|
113
81
|
if (this.scrollSnapBlock) {
|
|
114
82
|
this.observerSnap = new IntersectionObserver(entries => {
|
|
115
83
|
entries.forEach(entry => {
|
|
@@ -144,7 +112,7 @@ const PnmediaBlock = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
144
112
|
window.removeEventListener('scroll', this.handleScroll);
|
|
145
113
|
}
|
|
146
114
|
render() {
|
|
147
|
-
const { showOverlayLayer, fixedBackground, blockHeight, scrollSnapBlock, blockHeadingLevelChecked, hasButtonSlot, hasVideo, hasImage, animateOverlayBackground } = this;
|
|
115
|
+
const { showOverlayLayer, fixedBackground, blockHeight, scrollSnapBlock, blockHeadingLevelChecked, hasButtonSlot, hasVideo, hasImage, animateOverlayBackground, marginBottom } = this;
|
|
148
116
|
const HeadingTag = `h${blockHeadingLevelChecked !== null && blockHeadingLevelChecked !== void 0 ? blockHeadingLevelChecked : 2}`;
|
|
149
117
|
const isVideo = hasVideo;
|
|
150
118
|
const isImage = hasImage;
|
|
@@ -155,12 +123,12 @@ const PnmediaBlock = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
155
123
|
animateOverlayBackground ? `media-block--animate-overlay-background` : '',
|
|
156
124
|
isVideo ? 'media-block--video' : '',
|
|
157
125
|
scrollSnapBlock ? 'scroll-snap' : 'no-scroll-snap',
|
|
158
|
-
fixedBackground ? 'media-block--fixed-background' : ''
|
|
126
|
+
fixedBackground ? 'media-block--fixed-background' : '',
|
|
127
|
+
marginBottom ? 'media-block--margin-bottom' : ''
|
|
159
128
|
].join(' ');
|
|
160
129
|
const pnPlayOnScrollObserverOptions = {
|
|
161
|
-
root: this.blockHeight === "100svh" ?
|
|
162
|
-
threshold: 1,
|
|
163
|
-
rootMargin: '220px 0px 220px 0px',
|
|
130
|
+
root: this.blockHeight === "100svh" ? this.block : null,
|
|
131
|
+
threshold: [0, 0.5, 1], // Callback will be executed when 0%, 50%, and 100% of the target is visible
|
|
164
132
|
};
|
|
165
133
|
return (h("div", { class: classes }, h("div", { class: "media-block__block-container" }, h("div", { class: "media-block__media-container" }, isVideo ? (h("pn-play-on-scroll", { "show-overlay": this.showOverlayLayer, observerOptions: pnPlayOnScrollObserverOptions, "video-src": this.videoSrc })) : isImage ? (h("picture", null, h("source", { media: "(min-width: 1400px)", srcSet: this.imageSrc }), h("source", { media: "(min-width: 1224px)", srcSet: this.imageSrc }), h("source", { media: "(min-width: 1140px)", srcSet: this.imageSrc }), h("source", { media: "(min-width: 1023px)", srcSet: this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== "undefined" ? this.imageSrcSmallScreenFormat : this.imageSrc }), h("source", { media: "(min-width: 768px)", srcSet: this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== "undefined" ? this.imageSrcSmallScreenFormat : this.imageSrc }), h("source", { media: "(min-width: 500px)", srcSet: this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== "undefined" ? this.imageSrcSmallScreenFormat : this.imageSrc }), h("img", { src: this.imageSrcSmallScreenFormat !== "undefined" ? this.imageSrcSmallScreenFormat : this.imageSrc, alt: this.imageAltText !== "undefined" ? this.imageAltText : "", role: this.imageAltText !== "undefined" ? "img" : "presentation", "aria-hidden": this.imageAltText !== "undefined" ? "false" : "true" }))) : null), !isVideo && (h("div", { class: "media-block__overlay-filter", id: "mediaBlockOverlay" })), (this.blockHeading || this.blockPreamble) && (h("div", { class: "media-block__content-container" }, this.blockHeading && h(HeadingTag, { class: "media-block__block-heading" }, this.blockHeading), this.blockPreamble && h("p", { class: "media-block__preamble" }, this.blockPreamble), hasButtonSlot &&
|
|
166
134
|
h("div", { class: "media-block__cta-link" }, h("slot", { name: "cta-button" }))))), h("div", { id: "scroll-trigger" })));
|
|
@@ -173,12 +141,12 @@ const PnmediaBlock = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
|
|
|
173
141
|
"imageSrcSmallScreenFormat": [1, "image-src-small-screen-format"],
|
|
174
142
|
"imageAltText": [1, "image-alt-text"],
|
|
175
143
|
"videoSrc": [1, "video-src"],
|
|
176
|
-
"parallaxScroll": [4, "parallax-scroll"],
|
|
177
144
|
"showOverlayLayer": [4, "show-overlay-layer"],
|
|
178
145
|
"customOverlayBackground": [1, "custom-overlay-background"],
|
|
179
146
|
"animateOverlayBackground": [4, "animate-overlay-background"],
|
|
180
147
|
"scrollSnapBlock": [4, "scroll-snap-block"],
|
|
181
148
|
"fixedBackground": [4, "fixed-background"],
|
|
149
|
+
"marginBottom": [4, "margin-bottom"],
|
|
182
150
|
"blockHeading": [1, "block-heading"],
|
|
183
151
|
"blockHeadingLevel": [2, "block-heading-level"],
|
|
184
152
|
"blockPreamble": [1, "block-preamble"],
|
|
@@ -171,8 +171,10 @@ const PnMultiRowConnectedDropdownRow = /*@__PURE__*/ proxyCustomElement(class ex
|
|
|
171
171
|
const emmitValues = debounce_1.debounce(this.emittRowValues.bind(this), 500);
|
|
172
172
|
this.pnInputField.addEventListener('keyup', this.handleInput.bind(this));
|
|
173
173
|
this.pnInputField.addEventListener('change', this.handleInput.bind(this));
|
|
174
|
+
this.pnInputField.addEventListener('input', this.handleInput.bind(this));
|
|
174
175
|
this.pnInputField.addEventListener('keyup', emmitValues);
|
|
175
176
|
this.pnInputField.addEventListener('change', emmitValues);
|
|
177
|
+
this.pnInputField.addEventListener('input', emmitValues);
|
|
176
178
|
if (this.allowMultipleDates) {
|
|
177
179
|
this.pnShowDateRangeFiledButton.addEventListener('click', this.showDateRangeRow.bind(this));
|
|
178
180
|
this.pnStartDate.addEventListener('dateselection', this.HandleRangeDatePickers.bind(this));
|
|
@@ -10,7 +10,7 @@ const pnPlayOnScrollCss = "pn-play-on-scroll pn-scroll [slot=scroll-affected]{po
|
|
|
10
10
|
*/
|
|
11
11
|
const defaultObserverOptions = {
|
|
12
12
|
root: null,
|
|
13
|
-
threshold:
|
|
13
|
+
threshold: 1,
|
|
14
14
|
rootMargin: '0px 0px 0px 0px',
|
|
15
15
|
};
|
|
16
16
|
const onIntersecting = (video, isManualPaused, togglePaused) => {
|
|
@@ -61,9 +61,10 @@ const PnPlayOnScroll = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
|
|
|
61
61
|
componentDidLoad() {
|
|
62
62
|
this.video = document.getElementById(this.videoId);
|
|
63
63
|
this.video.addEventListener('click', this.handlePlayPauseClicked);
|
|
64
|
+
this.localObserverOptions = this.observerOptions;
|
|
64
65
|
}
|
|
65
66
|
render() {
|
|
66
|
-
return (h(Host, null, h("pn-scroll", { intersectFunc: () => onIntersecting(this.video, this.isManuallyPaused, this.togglePaused), notIntersectFunc: () => onNotIntersecting(this.video, this.togglePaused), shouldLoop: true, behaviourClasses: 'some-behaviour-class', observerOptions: this.
|
|
67
|
+
return (h(Host, null, h("pn-scroll", { intersectFunc: () => onIntersecting(this.video, this.isManuallyPaused, this.togglePaused), notIntersectFunc: () => onNotIntersecting(this.video, this.togglePaused), shouldLoop: true, behaviourClasses: 'some-behaviour-class', observerOptions: this.localObserverOptions }, h("div", { slot: "scroll-affected" }, h("video", { playsinline: true, muted: true, autoPlay: true, id: `${this.videoId}` }, h("source", { src: this.videoSrc, type: "video/mp4" })), h("pn-video-overlay", { showOverlay: this.showOverlay, isPaused: this.isManuallyPaused || this.isPaused, onPlayPauseClicked: this.handlePlayPauseClicked })))));
|
|
67
68
|
}
|
|
68
69
|
get hostElement() { return this; }
|
|
69
70
|
static get style() { return pnPlayOnScrollCss; }
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
|
-
const pnUspPromoterCss = "pn-usp-promoter{width:80%}pn-usp-promoter .usp-promoter{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:3rem 0.8rem}pn-usp-promoter .usp-promoter--full-width{overflow:hidden;margin:0 calc(-50vw + 50%)}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--full-width{padding:8rem 4rem}}pn-usp-promoter .usp-promoter__content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content{-ms-flex-align:center;align-items:center;text-align:left;-ms-flex-pack:center;justify-content:center}}pn-usp-promoter .usp-promoter__content-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-wrapper{-ms-flex-align:start;align-items:flex-start;padding-left:4rem}}pn-usp-promoter .usp-promoter__content-heading{margin-bottom:0.8rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-heading{font-size:4.2rem
|
|
3
|
+
const pnUspPromoterCss = "pn-usp-promoter{width:80%}pn-usp-promoter .usp-promoter{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:3rem 0.8rem}pn-usp-promoter .usp-promoter--full-width{overflow:hidden;margin:0 calc(-50vw + 50%)}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--full-width{padding:8rem 4rem}}pn-usp-promoter .usp-promoter__content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%;max-width:114rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content{-ms-flex-align:center;align-items:center;text-align:left;-ms-flex-pack:center;justify-content:center}}pn-usp-promoter .usp-promoter__content-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:75rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-wrapper{-ms-flex-align:start;align-items:flex-start;padding-left:4rem}}pn-usp-promoter .usp-promoter__content-heading{margin-bottom:0.8rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-heading{font-size:4.2rem}}@media screen and (min-width: 1140px){pn-usp-promoter .usp-promoter__content-heading{font-size:4.8rem}}@media screen and (min-width: 1440px){pn-usp-promoter .usp-promoter__content-heading{font-size:5.6rem}}pn-usp-promoter .usp-promoter__no-margin-bottom{margin-bottom:0 !important}pn-usp-promoter .usp-promoter__content-text{font-size:1.6rem;max-width:47rem;margin-bottom:2.6rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-text{text-wrap:balance}}@media screen and (min-width: 1140px){pn-usp-promoter .usp-promoter__content-text{font-size:1.8rem;max-width:60rem}}@media screen and (min-width: 1440px){pn-usp-promoter .usp-promoter__content-text{font-size:2rem;max-width:70rem}}pn-usp-promoter [slot=app-store]{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;margin-bottom:2.6rem;gap:1rem}pn-usp-promoter [slot=app-store]>a{background-color:black;border:0.1rem solid #A6A6A6;border-radius:0.8rem;color:#FFF;display:inline-block;line-height:0;text-decoration:none;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out}pn-usp-promoter [slot=app-store]>a::after{margin-left:0 !important;margin-right:0.5rem;top:0.2rem;position:relative}pn-usp-promoter [slot=app-store]>a:hover{background-color:#0D234B}pn-usp-promoter [slot=app-store]>a:focus{background-color:#0D234B;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #0D234B;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #0D234B}pn-usp-promoter [slot=app-store]>a:focus-visible{outline:none}pn-usp-promoter [slot=usp-buttons] pn-button{margin-bottom:1.6rem}pn-usp-promoter [slot=usp-buttons]>a{color:#005D92;font-weight:500;font-size:1.6rem;padding:0.1rem;text-decoration:none}pn-usp-promoter [slot=usp-buttons]>a pn-icon svg{-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out}pn-usp-promoter [slot=usp-buttons]>a pn-icon svg path{fill:#005D92}pn-usp-promoter [slot=usp-buttons]>a:hover pn-icon svg{-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;-webkit-transform:translateX(0.3rem);transform:translateX(0.3rem)}pn-usp-promoter [slot=usp-buttons]>a:hover pn-icon svg path{fill:#005D92}pn-usp-promoter [slot=app-store],pn-usp-promoter [slot=usp-buttons]{-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 768px){pn-usp-promoter [slot=app-store],pn-usp-promoter [slot=usp-buttons]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:1.6rem}}pn-usp-promoter [slot=illustration]{max-width:25%;position:relative;left:-1.6rem}pn-usp-promoter [slot=illustration] pn-scroll{position:-webkit-sticky;position:sticky;top:0}@media screen and (min-width: 768px){pn-usp-promoter [slot=illustration]{display:block}}pn-usp-promoter [slot=illustration] picture img{max-width:100%}@media screen and (min-width: 1140px){pn-usp-promoter [slot=illustration] picture img{width:32rem}}@media screen and (min-width: 1440px){pn-usp-promoter [slot=illustration] picture img{width:33.6rem}}pn-usp-promoter .usp-promoter__heading-extension{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-usp-promoter .usp-promoter--right-align .usp-promoter__content{-ms-flex-direction:row-reverse;flex-direction:row-reverse;text-align:right}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--right-align .usp-promoter__content{-ms-flex-align:center;align-items:center}}pn-usp-promoter .usp-promoter--right-align .usp-promoter__content-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;padding-left:0}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--right-align .usp-promoter__content-wrapper{padding-right:4rem}}pn-usp-promoter .usp-promoter--right-align [slot=app-store],pn-usp-promoter .usp-promoter--right-align [slot=usp-buttons]{-ms-flex-align:end;align-items:flex-end}pn-usp-promoter .usp-promoter--right-align [slot=illustration]{left:1.6rem}@media screen and (max-width: 768px){pn-usp-promoter .usp-promoter--hide-image-small-screen [slot=illustration] picture img{display:none}pn-usp-promoter .usp-promoter--hide-image-small-screen .usp-promoter__content{text-align:center}pn-usp-promoter .usp-promoter--hide-image-small-screen .usp-promoter__content-wrapper{-ms-flex-align:center;align-items:center;padding-right:0}pn-usp-promoter .usp-promoter--hide-image-small-screen [slot=app-store],pn-usp-promoter .usp-promoter--hide-image-small-screen [slot=usp-buttons]{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}}";
|
|
4
4
|
|
|
5
5
|
const PnUspPromoter$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
6
6
|
constructor() {
|
|
@@ -19,12 +19,17 @@ const PnUspPromoter$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
|
|
|
19
19
|
if (this.hideMobileImage || slot == null) {
|
|
20
20
|
return "usp-promoter--hide-image-small-screen";
|
|
21
21
|
}
|
|
22
|
+
return "";
|
|
22
23
|
}
|
|
23
24
|
render() {
|
|
24
|
-
const
|
|
25
|
-
const
|
|
25
|
+
const { fullWidth, rightAlign } = this;
|
|
26
|
+
const classes = [
|
|
27
|
+
'usp-promoter',
|
|
28
|
+
fullWidth ? "usp-promoter--full-width" : "",
|
|
29
|
+
rightAlign ? "usp-promoter--right-align" : "",
|
|
30
|
+
].join(' ');
|
|
26
31
|
const hasHeadingExtension = this.headingExtension ? "usp-promoter__heading-extension" : "";
|
|
27
|
-
return (h(Host, null, h("div", { class: `
|
|
32
|
+
return (h(Host, null, h("div", { class: ` ${classes} ${this.centerMobileContent()}`, style: { 'background': `${this.backgroundGradient}` } }, h("div", { class: "usp-promoter__content" }, h("slot", { name: "illustration" }), h("div", { class: "usp-promoter__content-wrapper" }, h("h2", { class: `usp-promoter__content-heading ${hasHeadingExtension}` }, h("span", null, this.heading), (this.headingExtension) ? h("span", null, this.headingExtension) : null), h("p", { class: "usp-promoter__content-text" }, this.bodyText), h("slot", { name: "app-store" }), h("slot", { name: "usp-buttons" }))))));
|
|
28
33
|
}
|
|
29
34
|
get hostElement() { return this; }
|
|
30
35
|
static get style() { return pnUspPromoterCss; }
|
package/esm/loader.js
CHANGED
|
@@ -11,7 +11,7 @@ const patchEsm = () => {
|
|
|
11
11
|
const defineCustomElements = (win, options) => {
|
|
12
12
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
13
13
|
return patchEsm().then(() => {
|
|
14
|
-
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\"],\"hideHomeMenuItem\":[1540,\"hide-home-menu-item\"],\"hideLanguageSelector\":[1540,\"hide-language-selector\"],\"hideSearch\":[1540,\"hide-search\"],\"hideLogin\":[1540,\"hide-login\"],\"showProfileSelection\":[1540,\"show-profile-selection\"],\"showUnifiedLogin\":[4,\"show-unified-login\"],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"AutocompleteEndpoint\":[1,\"autocomplete-endpoint\"],\"sessionForward\":[4,\"session-forward\"],\"cache\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"spaMode\":[4,\"spa-mode\"],\"checkUserLoggedInStateInterval\":[2,\"check-user-logged-in-state-interval\"],\"pageId\":[1,\"page-id\"],\"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]},[[0,\"setLanguage\",\"onLanguageSelectorChange\"],[0,\"loginStateChange\",\"onLoginStateChange\"],[9,\"resize\",\"handleResize\"]]]]],[\"pn-proxio-findprice\",[[0,\"pn-proxio-findprice\",{\"endpoint\":[1025],\"language\":[1025],\"market\":[1025],\"showMedium\":[4,\"show-medium\"],\"showInternational\":[4,\"show-international\"],\"maxAbroadKg\":[2,\"max-abroad-kg\"],\"weightListName\":[1,\"weight-list-name\"],\"cache\":[4],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"countrycodevalue\":[32],\"sizecategory\":[32],\"data\":[32]}]]],[\"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],\"language\":[1],\"market\":[1],\"tariffid\":[1],\"cache\":[4],\"activeWeightIndex\":[32],\"data\":[32],\"i18n\":[32]},[[0,\"activeWeightIndex\",\"setActiveWeightIndex\"],[0,\"language\",\"setLanguage\"]]]]],[\"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],\"backgroundcolor\":[513],\"showSwan\":[4,\"show-swan\"],\"siteDefinition\":[32],\"footerContent\":[32],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32]}]]],[\"pn-media-block\",[[4,\"pn-media-block\",{\"blockHeight\":[1,\"block-height\"],\"imageSrc\":[1,\"image-src\"],\"imageSrcSmallScreenFormat\":[1,\"image-src-small-screen-format\"],\"imageAltText\":[1,\"image-alt-text\"],\"videoSrc\":[1,\"video-src\"],\"parallaxScroll\":[4,\"parallax-scroll\"],\"showOverlayLayer\":[4,\"show-overlay-layer\"],\"customOverlayBackground\":[1,\"custom-overlay-background\"],\"animateOverlayBackground\":[4,\"animate-overlay-background\"],\"scrollSnapBlock\":[4,\"scroll-snap-block\"],\"fixedBackground\":[4,\"fixed-background\"],\"blockHeading\":[1,\"block-heading\"],\"blockHeadingLevel\":[2,\"block-heading-level\"],\"blockPreamble\":[1,\"block-preamble\"],\"pnPlayOnScrollObserverOptions\":[32],\"calculatedBlockHeight\":[32],\"hasButtonSlot\":[32]}]]],[\"pn-multi-row-connected-dropdown\",[[0,\"pn-multi-row-connected-dropdown\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"label\":[1],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"dropdownPlaceholder\":[1,\"dropdown-placeholder\"],\"addRowText\":[1,\"add-row-text\"],\"inputFildLabel\":[1,\"input-fild-label\"],\"inputFildPlaceholder\":[1,\"input-fild-placeholder\"],\"dateButtonText\":[1,\"date-button-text\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"allowMultipleRows\":[4,\"allow-multiple-rows\"],\"allowMultipleDates\":[4,\"allow-multiple-dates\"],\"startDateLabel\":[1,\"start-date-label\"],\"endDateLabel\":[1,\"end-date-label\"],\"multiDateHelperText\":[1,\"multi-date-helper-text\"],\"generateDatesButtonText\":[1,\"generate-dates-button-text\"],\"saveDateButtonText\":[1,\"save-date-button-text\"],\"noDatesText\":[1,\"no-dates-text\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"rowCount\":[32],\"rowData\":[32],\"formValues\":[32]},[[0,\"rowValueChange\",\"predefinedValueChange\"],[0,\"deleteRowEvent\",\"deleteRowEvent\"]]]]],[\"pn-dropdown-with-multi-input-rows\",[[0,\"pn-dropdown-with-multi-input-rows\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"firstDropdownHelperText\":[1,\"first-dropdown-helper-text\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"secondDropdownHelperText\":[1,\"second-dropdown-helper-text\"],\"secondDropdownMax\":[2,\"second-dropdown-max\"],\"deleteMultipleRowsWarningText\":[1,\"delete-multiple-rows-warning-text\"],\"confirmDeleteButtonText\":[1,\"confirm-delete-button-text\"],\"abortDeleteButtonText\":[1,\"abort-delete-button-text\"],\"fristInputLabel\":[1,\"frist-input-label\"],\"fristInputPlaceholder\":[1,\"frist-input-placeholder\"],\"firstInputMin\":[2,\"first-input-min\"],\"firstInputMax\":[2,\"first-input-max\"],\"firstInputWarning\":[2,\"first-input-warning\"],\"firstInputWarningText\":[1,\"first-input-warning-text\"],\"firstInputLowErrorText\":[1,\"first-input-low-error-text\"],\"firstInputHighErrorText\":[1,\"first-input-high-error-text\"],\"secondInputLabel\":[1,\"second-input-label\"],\"secondInputPlaceholder\":[1,\"second-input-placeholder\"],\"secondInputMin\":[2,\"second-input-min\"],\"secondInputMax\":[2,\"second-input-max\"],\"secondInputWarning\":[2,\"second-input-warning\"],\"secondInputWarningText\":[1,\"second-input-warning-text\"],\"secondInputLowErrorText\":[1,\"second-input-low-error-text\"],\"secondInputHighErrorText\":[1,\"second-input-high-error-text\"],\"dateLabel\":[1,\"date-label\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"sumFieldLabel\":[1,\"sum-field-label\"],\"addRowText\":[1,\"add-row-text\"],\"elementHelperText\":[1,\"element-helper-text\"],\"dropdownDataRoot\":[32],\"secondDropdownArr\":[32],\"rowCount\":[32],\"rowData\":[32],\"formValues\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32],\"rowSum\":[32],\"minRowCount\":[32],\"showDelteConfirm\":[32]},[[0,\"rowValueChange\",\"predefinedValueChange\"],[0,\"firstInputChange\",\"predefinedValueChange\"],[0,\"secondInputChange\",\"predefinedValueChange\"],[0,\"deleteRowEvent\",\"deleteRowEvent\"]]]]],[\"pn-address-autofill\",[[0,\"pn-address-autofill\",{\"market\":[1537],\"environment\":[1537],\"endpoint\":[1],\"cache\":[4],\"countryCode\":[1,\"country-code\"],\"postalCodeProps\":[1,\"postal-code-props\"],\"cityProps\":[1,\"city-props\"],\"streetAddressProps\":[1,\"street-address-props\"],\"streetNumberProps\":[1,\"street-number-props\"],\"streetAdressArr\":[32],\"streetNumberArr\":[32],\"city\":[32],\"postalCode\":[32],\"streetAddress\":[32],\"streetNumber\":[32],\"fullAddress\":[32]}]]],[\"pn-dropdown-choice-adds-row\",[[4,\"pn-dropdown-choice-adds-row\",{\"dropdownData\":[1,\"dropdown-data\"],\"addRowDropdownName\":[1,\"add-row-dropdown-name\"],\"addRowDropdownPlaceholder\":[1,\"add-row-dropdown-placeholder\"],\"addRowDropdownLabel\":[1,\"add-row-dropdown-label\"],\"rowNameLabel\":[1,\"row-name-label\"],\"rowHasDropdown\":[4,\"row-has-dropdown\"],\"rowDropdownLabel\":[1,\"row-dropdown-label\"],\"rowDropdownPlaceholder\":[1,\"row-dropdown-placeholder\"],\"rowInputLabel\":[1,\"row-input-label\"],\"rowDeleteButtonText\":[1,\"row-delete-button-text\"],\"totalInputLimit\":[2,\"total-input-limit\"],\"inputLimitWarning\":[1,\"input-limit-warning\"],\"nextRowIndex\":[32],\"rowSelectDropdownArr\":[32],\"columnCount\":[32],\"showWarning\":[32],\"formValue\":[32]}]]],[\"pn-multiple-input\",[[0,\"pn-multiple-input\",{\"label\":[1],\"placeholder\":[1],\"addRowButtonText\":[1,\"add-row-button-text\"],\"rowData\":[32]}]]],[\"pn-parcel-tracker\",[[0,\"pn-parcel-tracker\",{\"formActionUrl\":[1,\"form-action-url\"],\"heading\":[1],\"buttonLabel\":[1,\"button-label\"],\"locale\":[1],\"placeholder\":[1],\"inputName\":[1,\"input-name\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"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-share\",[[0,\"pn-share\",{\"link\":[1],\"language\":[1537],\"i18n\":[32]}]]],[\"pn-stats-info\",[[4,\"pn-stats-info\",{\"heading\":[1],\"dataArray\":[1,\"data-array\"],\"backgroundUrl\":[1,\"background-url\"],\"myParsedArray\":[32]}]]],[\"pn-animated-tile\",[[4,\"pn-animated-tile\",{\"toggled\":[32],\"transitionClassName\":[32],\"animateIcon\":[32]}]]],[\"pn-app-banner\",[[0,\"pn-app-banner\",{\"appName\":[1,\"app-name\"],\"appDescription\":[1,\"app-description\"],\"ctaText\":[1,\"cta-text\"],\"appleStoreLink\":[1,\"apple-store-link\"],\"googleStoreLink\":[1,\"google-store-link\"],\"isClosed\":[32],\"storeLink\":[32],\"isLocalStorageAvailable\":[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-breakpoints\",[[0,\"pn-breakpoints\",{\"breakPointClass\":[1,\"break-point-class\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-chart\",[[0,\"pn-chart\",{\"labels\":[1],\"dataSets\":[1,\"data-sets\"],\"dataChartType\":[8,\"data-chart-type\"],\"myChartCtxRef\":[32]}]]],[\"pn-charts-card\",[[4,\"pn-charts-card\",{\"header\":[1],\"highlight\":[1],\"preamble\":[1],\"label\":[1],\"source\":[1],\"sourceUrl\":[1,\"source-url\"],\"ctaLinkText\":[1,\"cta-link-text\"],\"openInNewWindow\":[4,\"open-in-new-window\"]}]]],[\"pn-cta-block\",[[4,\"pn-cta-block\",{\"heading\":[1],\"bodyText\":[1,\"body-text\"],\"pnBackgroundColor\":[1,\"pn-background-color\"],\"isLarge\":[4,\"is-large\"],\"isCentered\":[4,\"is-centered\"],\"isSmall\":[4,\"is-small\"],\"contentTop\":[4,\"content-top\"]}]]],[\"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-date-and-time\",[[0,\"pn-date-and-time\",{\"languageCode\":[1,\"language-code\"],\"dateAndTimeLabel\":[1,\"date-and-time-label\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"validTimeRangeMinutes\":[2,\"valid-time-range-minutes\"],\"errorMessage\":[1,\"error-message\"],\"dateHelperText\":[1,\"date-helper-text\"],\"timeHelperText\":[1,\"time-helper-text\"],\"disableWeekends\":[4,\"disable-weekends\"],\"datePlacehodler\":[1,\"date-placehodler\"],\"language\":[32],\"hourArr\":[32],\"minuteArr\":[32],\"formValue\":[32],\"invalidTimespan\":[32],\"selectedDate\":[32],\"selectedFromHour\":[32],\"selectedFromMin\":[32],\"selectedToHour\":[32],\"selectedToMin\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32]}]]],[\"pn-hero-block-international\",[[4,\"pn-hero-block-international\",{\"heading\":[1],\"subHeading\":[1,\"sub-heading\"],\"preamble\":[1],\"animateLogo\":[4,\"animate-logo\"],\"showSideLoader\":[4,\"show-side-loader\"],\"centeredLayout\":[4,\"centered-layout\"]}]]],[\"pn-line-shape\",[[0,\"pn-line-shape\"]]],[\"pn-link-list\",[[4,\"pn-link-list\",{\"heading\":[1],\"label\":[1],\"preamble\":[1],\"url\":[1],\"showMoreLabel\":[1,\"show-more-label\"],\"showMoreUrl\":[1,\"show-more-url\"]}]]],[\"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-multi-formfield\",[[4,\"pn-multi-formfield\",{\"value\":[1040],\"formFieldClassName\":[1,\"form-field-class-name\"],\"formFieldOuterParentClassName\":[1,\"form-field-outer-parent-class-name\"],\"formRow\":[32],\"formValues\":[32],\"elementToCopy\":[32],\"fieldsPerRowCount\":[32],\"newRowStartIndex\":[32],\"originalLabelNames\":[32]}]]],[\"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-quick-cta\",[[4,\"pn-quick-cta\",{\"heading\":[1],\"preamble\":[1]}]]],[\"pn-quote-card\",[[4,\"pn-quote-card\",{\"quote\":[1],\"name\":[1],\"occupation\":[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-spotlight\",[[4,\"pn-spotlight\",{\"heading\":[1],\"preamble\":[1],\"isDynamic\":[4,\"is-dynamic\"],\"addDynamic\":[32]}]]],[\"pn-teaser-card\",[[4,\"pn-teaser-card\",{\"text\":[1],\"heading\":[1],\"label\":[1],\"dataCardColor\":[513,\"data-card-color\"],\"dataCardAlignment\":[513,\"data-card-alignment\"],\"hasCtaSlotContent\":[32],\"hasIllustrationSlot\":[32]}]]],[\"pn-usp-promoter\",[[4,\"pn-usp-promoter\",{\"heading\":[1],\"headingExtension\":[1,\"heading-extension\"],\"bodyText\":[1,\"body-text\"],\"backgroundGradient\":[1,\"background-gradient\"],\"fullWidth\":[4,\"full-width\"],\"rightAlign\":[4,\"right-align\"],\"hideMobileImage\":[4,\"hide-mobile-image\"]}]]],[\"pn-proxio-findprice-result\",[[0,\"pn-proxio-findprice-result\",{\"item\":[1040],\"activeweight\":[1026],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"showInternational\":[4,\"show-international\"],\"selectedCountrycode\":[1,\"selected-countrycode\"],\"market\":[1],\"language\":[1025],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32],\"i18n\":[32]}]]],[\"pn-find-service-and-price-result\",[[0,\"pn-find-service-and-price-result\",{\"item\":[1040],\"shownitems\":[16],\"weightText\":[32]}]]],[\"pn-multi-row-connected-dropdown-row\",[[0,\"pn-multi-row-connected-dropdown-row\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"label\":[1],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"dropdownPlaceholder\":[1,\"dropdown-placeholder\"],\"addRowText\":[1,\"add-row-text\"],\"inputFildLabel\":[1,\"input-fild-label\"],\"inputFildPlaceholder\":[1,\"input-fild-placeholder\"],\"dateButtonText\":[1,\"date-button-text\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"allowMultipleDates\":[4,\"allow-multiple-dates\"],\"startDateLabel\":[1,\"start-date-label\"],\"endDateLabel\":[1,\"end-date-label\"],\"multiDateHelperText\":[1,\"multi-date-helper-text\"],\"generateDatesButtonText\":[1,\"generate-dates-button-text\"],\"saveDateButtonText\":[1,\"save-date-button-text\"],\"noDatesText\":[1,\"no-dates-text\"],\"index\":[2],\"predefinedValue\":[1,\"predefined-value\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"buttonsArray\":[32],\"firstDropdownArr\":[32],\"secondDropdownArr\":[32],\"firstDropdownClass\":[32],\"secondDropdownClass\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32],\"firstDropdownPlaceholder\":[32],\"secondDropdownPlaceholder\":[32],\"starDateValue\":[32],\"endDateValue\":[32],\"generatedDatesArr\":[32],\"selectedButtonValue\":[32],\"inputFieldValue\":[32],\"dateValue\":[32],\"daysArr\":[32]}]]],[\"pn-play-on-scroll\",[[0,\"pn-play-on-scroll\",{\"videoSrc\":[1,\"video-src\"],\"observerOptions\":[16],\"showOverlay\":[4,\"show-overlay\"],\"videoId\":[32],\"isManuallyPaused\":[32],\"isPaused\":[32]}]]],[\"pn-dropdown-with-multi-input-rows-row\",[[0,\"pn-dropdown-with-multi-input-rows-row\",{\"languageCode\":[1,\"language-code\"],\"fristInputPlaceholder\":[1,\"frist-input-placeholder\"],\"firstInputMin\":[2,\"first-input-min\"],\"firstInputMax\":[2,\"first-input-max\"],\"firstInputWarning\":[2,\"first-input-warning\"],\"firstInputWarningText\":[1,\"first-input-warning-text\"],\"firstInputLowErrorText\":[1,\"first-input-low-error-text\"],\"firstInputHighErrorText\":[1,\"first-input-high-error-text\"],\"secondInputPlaceholder\":[1,\"second-input-placeholder\"],\"secondInputMin\":[2,\"second-input-min\"],\"secondInputMax\":[2,\"second-input-max\"],\"secondInputWarning\":[2,\"second-input-warning\"],\"secondInputWarningText\":[1,\"second-input-warning-text\"],\"secondInputLowErrorText\":[1,\"second-input-low-error-text\"],\"secondInputHighErrorText\":[1,\"second-input-high-error-text\"],\"dateLabel\":[1,\"date-label\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"firstValidDate\":[1,\"first-valid-date\"],\"lastValidDate\":[1,\"last-valid-date\"],\"predefinedValue\":[1,\"predefined-value\"],\"rowIndex\":[2,\"row-index\"],\"minRowCount\":[2,\"min-row-count\"],\"showFirstInputWarning\":[32],\"showFirstInputLowError\":[32],\"showFirstInputHighError\":[32],\"showSecondInputWarning\":[32],\"showSecondInputLowError\":[32],\"showSecondInputHighError\":[32],\"firstInputValue\":[32],\"secondInputValue\":[32],\"dateValue\":[32]}]]],[\"pn-share-item\",[[4,\"pn-share-item\",{\"link\":[1],\"text\":[1]}]]],[\"pn-stats-info-data\",[[0,\"pn-stats-info-data\",{\"format\":[1],\"formatStyle\":[1,\"format-style\"],\"startValue\":[2,\"start-value\"],\"data\":[2],\"unit\":[1],\"preamble\":[1],\"duration\":[2],\"index\":[2],\"hasBeenShown\":[32],\"compId\":[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-filter-checkbox\",[[1,\"pn-filter-checkbox\",{\"value\":[520],\"name\":[1],\"checkboxid\":[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-site-footer_3\",[[4,\"pn-site-footer\",{\"url\":[1],\"linktitle\":[1],\"theme\":[513]}],[4,\"pn-site-footer-col\",{\"theme\":[513]}],[0,\"pn-swan\",{\"licenseNumber\":[1,\"license-number\"],\"language\":[1537],\"linkTo\":[1,\"link-to\"],\"i18n\":[32]}]]],[\"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-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-scroll_2\",[[4,\"pn-scroll\",{\"observerOptions\":[16],\"behaviourClasses\":[1,\"behaviour-classes\"],\"transitionDurationSeconds\":[2,\"transition-duration-seconds\"],\"shouldLoop\":[4,\"should-loop\"],\"intersectFunc\":[16],\"notIntersectFunc\":[16],\"compId\":[32]}],[0,\"pn-video-overlay\",{\"language\":[1],\"isPaused\":[4,\"is-paused\"],\"showOverlay\":[4,\"show-overlay\"],\"i18n\":[32]}]]],[\"pn-marketweb-siteheader-login-linklist\",[[0,\"pn-marketweb-siteheader-login-linklist\",{\"heading\":[1],\"links\":[16],\"idNamespace\":[1,\"id-namespace\"],\"showUnifiedLogin\":[4,\"show-unified-login\"]}]]],[\"pn-titletag\",[[4,\"pn-titletag\",{\"icon\":[1],\"color\":[1537]}]]],[\"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-marketweb-siteheader-login-button_5\",[[0,\"pn-marketweb-siteheader-unified-login\",{\"loggedIn\":[4,\"logged-in\"],\"myPageLabel\":[1,\"my-page-label\"],\"myPageUrl\":[1,\"my-page-url\"],\"logInLabel\":[1,\"log-in-label\"]}],[0,\"pn-marketweb-siteheader-login-links\",{\"loginDialog\":[1040],\"idNamespace\":[1,\"id-namespace\"],\"loggedin\":[516],\"username\":[1],\"showUnifiedLogin\":[4,\"show-unified-login\"]}],[0,\"pn-marketweb-siteheader-login-profileselection\",{\"loginDialog\":[1040],\"endpoint\":[1],\"loggedin\":[4],\"idNamespace\":[1,\"id-namespace\"],\"heading\":[1],\"i18n\":[16],\"currentProfile\":[1040],\"profileoptions\":[1040],\"user\":[32],\"logoutLink\":[32],\"userName\":[32],\"userEmail\":[32]}],[0,\"pn-marketweb-siteheader-login-button\",{\"label\":[1]}],[0,\"pn-marketweb-siteheader-login-mypage-button\",{\"label\":[1],\"myPageUrl\":[1,\"my-page-url\"]}]]],[\"pn-language-selector_9\",[[0,\"pn-marketweb-siteheader-login\",{\"endpoint\":[1],\"token\":[1],\"i18n\":[16],\"siteUrl\":[1,\"site-url\"],\"emitEvents\":[4,\"emit-events\"],\"loginDialog\":[1040],\"fullname\":[1],\"loggedin\":[4],\"showProfileSelection\":[1028,\"show-profile-selection\"],\"showUnifiedLogin\":[4,\"show-unified-login\"],\"checkUserLoggedInStateInterval\":[2,\"check-user-logged-in-state-interval\"],\"environment\":[1],\"loginLinks\":[32],\"toggleButtonText\":[32],\"username\":[32]}],[4,\"pn-mainnav-level\",{\"label\":[1537],\"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],\"icononly\":[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-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],\"vatText\":[1,\"vat-text\"],\"link\":[1],\"linktext\":[1]}]]],[\"pn-product-card_3\",[[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-product-card\"]]]]"), options);
|
|
14
|
+
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\"],\"hideHomeMenuItem\":[1540,\"hide-home-menu-item\"],\"hideLanguageSelector\":[1540,\"hide-language-selector\"],\"hideSearch\":[1540,\"hide-search\"],\"hideLogin\":[1540,\"hide-login\"],\"showProfileSelection\":[1540,\"show-profile-selection\"],\"showUnifiedLogin\":[4,\"show-unified-login\"],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"AutocompleteEndpoint\":[1,\"autocomplete-endpoint\"],\"sessionForward\":[4,\"session-forward\"],\"cache\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"spaMode\":[4,\"spa-mode\"],\"checkUserLoggedInStateInterval\":[2,\"check-user-logged-in-state-interval\"],\"pageId\":[1,\"page-id\"],\"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]},[[0,\"setLanguage\",\"onLanguageSelectorChange\"],[0,\"loginStateChange\",\"onLoginStateChange\"],[9,\"resize\",\"handleResize\"]]]]],[\"pn-proxio-findprice\",[[0,\"pn-proxio-findprice\",{\"endpoint\":[1025],\"language\":[1025],\"market\":[1025],\"showMedium\":[4,\"show-medium\"],\"showInternational\":[4,\"show-international\"],\"maxAbroadKg\":[2,\"max-abroad-kg\"],\"weightListName\":[1,\"weight-list-name\"],\"cache\":[4],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"countrycodevalue\":[32],\"sizecategory\":[32],\"data\":[32]}]]],[\"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],\"language\":[1],\"market\":[1],\"tariffid\":[1],\"cache\":[4],\"activeWeightIndex\":[32],\"data\":[32],\"i18n\":[32]},[[0,\"activeWeightIndex\",\"setActiveWeightIndex\"],[0,\"language\",\"setLanguage\"]]]]],[\"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],\"backgroundcolor\":[513],\"showSwan\":[4,\"show-swan\"],\"siteDefinition\":[32],\"footerContent\":[32],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32]}]]],[\"pn-media-block\",[[4,\"pn-media-block\",{\"blockHeight\":[1,\"block-height\"],\"imageSrc\":[1,\"image-src\"],\"imageSrcSmallScreenFormat\":[1,\"image-src-small-screen-format\"],\"imageAltText\":[1,\"image-alt-text\"],\"videoSrc\":[1,\"video-src\"],\"showOverlayLayer\":[4,\"show-overlay-layer\"],\"customOverlayBackground\":[1,\"custom-overlay-background\"],\"animateOverlayBackground\":[4,\"animate-overlay-background\"],\"scrollSnapBlock\":[4,\"scroll-snap-block\"],\"fixedBackground\":[4,\"fixed-background\"],\"marginBottom\":[4,\"margin-bottom\"],\"blockHeading\":[1,\"block-heading\"],\"blockHeadingLevel\":[2,\"block-heading-level\"],\"blockPreamble\":[1,\"block-preamble\"],\"pnPlayOnScrollObserverOptions\":[32],\"calculatedBlockHeight\":[32],\"hasButtonSlot\":[32]}]]],[\"pn-multi-row-connected-dropdown\",[[0,\"pn-multi-row-connected-dropdown\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"label\":[1],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"dropdownPlaceholder\":[1,\"dropdown-placeholder\"],\"addRowText\":[1,\"add-row-text\"],\"inputFildLabel\":[1,\"input-fild-label\"],\"inputFildPlaceholder\":[1,\"input-fild-placeholder\"],\"dateButtonText\":[1,\"date-button-text\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"allowMultipleRows\":[4,\"allow-multiple-rows\"],\"allowMultipleDates\":[4,\"allow-multiple-dates\"],\"startDateLabel\":[1,\"start-date-label\"],\"endDateLabel\":[1,\"end-date-label\"],\"multiDateHelperText\":[1,\"multi-date-helper-text\"],\"generateDatesButtonText\":[1,\"generate-dates-button-text\"],\"saveDateButtonText\":[1,\"save-date-button-text\"],\"noDatesText\":[1,\"no-dates-text\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"rowCount\":[32],\"rowData\":[32],\"formValues\":[32]},[[0,\"rowValueChange\",\"predefinedValueChange\"],[0,\"deleteRowEvent\",\"deleteRowEvent\"]]]]],[\"pn-dropdown-with-multi-input-rows\",[[0,\"pn-dropdown-with-multi-input-rows\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"firstDropdownHelperText\":[1,\"first-dropdown-helper-text\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"secondDropdownHelperText\":[1,\"second-dropdown-helper-text\"],\"secondDropdownMax\":[2,\"second-dropdown-max\"],\"deleteMultipleRowsWarningText\":[1,\"delete-multiple-rows-warning-text\"],\"confirmDeleteButtonText\":[1,\"confirm-delete-button-text\"],\"abortDeleteButtonText\":[1,\"abort-delete-button-text\"],\"fristInputLabel\":[1,\"frist-input-label\"],\"fristInputPlaceholder\":[1,\"frist-input-placeholder\"],\"firstInputMin\":[2,\"first-input-min\"],\"firstInputMax\":[2,\"first-input-max\"],\"firstInputWarning\":[2,\"first-input-warning\"],\"firstInputWarningText\":[1,\"first-input-warning-text\"],\"firstInputLowErrorText\":[1,\"first-input-low-error-text\"],\"firstInputHighErrorText\":[1,\"first-input-high-error-text\"],\"secondInputLabel\":[1,\"second-input-label\"],\"secondInputPlaceholder\":[1,\"second-input-placeholder\"],\"secondInputMin\":[2,\"second-input-min\"],\"secondInputMax\":[2,\"second-input-max\"],\"secondInputWarning\":[2,\"second-input-warning\"],\"secondInputWarningText\":[1,\"second-input-warning-text\"],\"secondInputLowErrorText\":[1,\"second-input-low-error-text\"],\"secondInputHighErrorText\":[1,\"second-input-high-error-text\"],\"dateLabel\":[1,\"date-label\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"sumFieldLabel\":[1,\"sum-field-label\"],\"addRowText\":[1,\"add-row-text\"],\"elementHelperText\":[1,\"element-helper-text\"],\"dropdownDataRoot\":[32],\"secondDropdownArr\":[32],\"rowCount\":[32],\"rowData\":[32],\"formValues\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32],\"rowSum\":[32],\"minRowCount\":[32],\"showDelteConfirm\":[32]},[[0,\"rowValueChange\",\"predefinedValueChange\"],[0,\"firstInputChange\",\"predefinedValueChange\"],[0,\"secondInputChange\",\"predefinedValueChange\"],[0,\"deleteRowEvent\",\"deleteRowEvent\"]]]]],[\"pn-address-autofill\",[[0,\"pn-address-autofill\",{\"market\":[1537],\"environment\":[1537],\"endpoint\":[1],\"cache\":[4],\"countryCode\":[1,\"country-code\"],\"postalCodeProps\":[1,\"postal-code-props\"],\"cityProps\":[1,\"city-props\"],\"streetAddressProps\":[1,\"street-address-props\"],\"streetNumberProps\":[1,\"street-number-props\"],\"streetAdressArr\":[32],\"streetNumberArr\":[32],\"city\":[32],\"postalCode\":[32],\"streetAddress\":[32],\"streetNumber\":[32],\"fullAddress\":[32]}]]],[\"pn-dropdown-choice-adds-row\",[[4,\"pn-dropdown-choice-adds-row\",{\"dropdownData\":[1,\"dropdown-data\"],\"addRowDropdownName\":[1,\"add-row-dropdown-name\"],\"addRowDropdownPlaceholder\":[1,\"add-row-dropdown-placeholder\"],\"addRowDropdownLabel\":[1,\"add-row-dropdown-label\"],\"rowNameLabel\":[1,\"row-name-label\"],\"rowHasDropdown\":[4,\"row-has-dropdown\"],\"rowDropdownLabel\":[1,\"row-dropdown-label\"],\"rowDropdownPlaceholder\":[1,\"row-dropdown-placeholder\"],\"rowInputLabel\":[1,\"row-input-label\"],\"rowDeleteButtonText\":[1,\"row-delete-button-text\"],\"totalInputLimit\":[2,\"total-input-limit\"],\"inputLimitWarning\":[1,\"input-limit-warning\"],\"nextRowIndex\":[32],\"rowSelectDropdownArr\":[32],\"columnCount\":[32],\"showWarning\":[32],\"formValue\":[32]}]]],[\"pn-multiple-input\",[[0,\"pn-multiple-input\",{\"label\":[1],\"placeholder\":[1],\"addRowButtonText\":[1,\"add-row-button-text\"],\"rowData\":[32]}]]],[\"pn-parcel-tracker\",[[0,\"pn-parcel-tracker\",{\"formActionUrl\":[1,\"form-action-url\"],\"heading\":[1],\"buttonLabel\":[1,\"button-label\"],\"locale\":[1],\"placeholder\":[1],\"inputName\":[1,\"input-name\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"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-share\",[[0,\"pn-share\",{\"link\":[1],\"language\":[1537],\"i18n\":[32]}]]],[\"pn-stats-info\",[[4,\"pn-stats-info\",{\"heading\":[1],\"dataArray\":[1,\"data-array\"],\"backgroundUrl\":[1,\"background-url\"],\"myParsedArray\":[32]}]]],[\"pn-animated-tile\",[[4,\"pn-animated-tile\",{\"toggled\":[32],\"transitionClassName\":[32],\"animateIcon\":[32]}]]],[\"pn-app-banner\",[[0,\"pn-app-banner\",{\"appName\":[1,\"app-name\"],\"appDescription\":[1,\"app-description\"],\"ctaText\":[1,\"cta-text\"],\"appleStoreLink\":[1,\"apple-store-link\"],\"googleStoreLink\":[1,\"google-store-link\"],\"isClosed\":[32],\"storeLink\":[32],\"isLocalStorageAvailable\":[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-breakpoints\",[[0,\"pn-breakpoints\",{\"breakPointClass\":[1,\"break-point-class\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-chart\",[[0,\"pn-chart\",{\"labels\":[1],\"dataSets\":[1,\"data-sets\"],\"dataChartType\":[8,\"data-chart-type\"],\"myChartCtxRef\":[32]}]]],[\"pn-charts-card\",[[4,\"pn-charts-card\",{\"header\":[1],\"highlight\":[1],\"preamble\":[1],\"label\":[1],\"source\":[1],\"sourceUrl\":[1,\"source-url\"],\"ctaLinkText\":[1,\"cta-link-text\"],\"openInNewWindow\":[4,\"open-in-new-window\"]}]]],[\"pn-cta-block\",[[4,\"pn-cta-block\",{\"heading\":[1],\"bodyText\":[1,\"body-text\"],\"pnBackgroundColor\":[1,\"pn-background-color\"],\"isLarge\":[4,\"is-large\"],\"isCentered\":[4,\"is-centered\"],\"isSmall\":[4,\"is-small\"],\"contentTop\":[4,\"content-top\"]}]]],[\"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-date-and-time\",[[0,\"pn-date-and-time\",{\"languageCode\":[1,\"language-code\"],\"dateAndTimeLabel\":[1,\"date-and-time-label\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"validTimeRangeMinutes\":[2,\"valid-time-range-minutes\"],\"errorMessage\":[1,\"error-message\"],\"dateHelperText\":[1,\"date-helper-text\"],\"timeHelperText\":[1,\"time-helper-text\"],\"disableWeekends\":[4,\"disable-weekends\"],\"datePlacehodler\":[1,\"date-placehodler\"],\"language\":[32],\"hourArr\":[32],\"minuteArr\":[32],\"formValue\":[32],\"invalidTimespan\":[32],\"selectedDate\":[32],\"selectedFromHour\":[32],\"selectedFromMin\":[32],\"selectedToHour\":[32],\"selectedToMin\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32]}]]],[\"pn-hero-block-international\",[[4,\"pn-hero-block-international\",{\"heading\":[1],\"subHeading\":[1,\"sub-heading\"],\"preamble\":[1],\"animateLogo\":[4,\"animate-logo\"],\"showSideLoader\":[4,\"show-side-loader\"],\"centeredLayout\":[4,\"centered-layout\"]}]]],[\"pn-line-shape\",[[0,\"pn-line-shape\"]]],[\"pn-link-list\",[[4,\"pn-link-list\",{\"heading\":[1],\"label\":[1],\"preamble\":[1],\"url\":[1],\"showMoreLabel\":[1,\"show-more-label\"],\"showMoreUrl\":[1,\"show-more-url\"]}]]],[\"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-multi-formfield\",[[4,\"pn-multi-formfield\",{\"value\":[1040],\"formFieldClassName\":[1,\"form-field-class-name\"],\"formFieldOuterParentClassName\":[1,\"form-field-outer-parent-class-name\"],\"formRow\":[32],\"formValues\":[32],\"elementToCopy\":[32],\"fieldsPerRowCount\":[32],\"newRowStartIndex\":[32],\"originalLabelNames\":[32]}]]],[\"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-quick-cta\",[[4,\"pn-quick-cta\",{\"heading\":[1],\"preamble\":[1]}]]],[\"pn-quote-card\",[[4,\"pn-quote-card\",{\"quote\":[1],\"name\":[1],\"occupation\":[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-spotlight\",[[4,\"pn-spotlight\",{\"heading\":[1],\"preamble\":[1],\"isDynamic\":[4,\"is-dynamic\"],\"addDynamic\":[32]}]]],[\"pn-teaser-card\",[[4,\"pn-teaser-card\",{\"text\":[1],\"heading\":[1],\"label\":[1],\"dataCardColor\":[513,\"data-card-color\"],\"dataCardAlignment\":[513,\"data-card-alignment\"],\"hasCtaSlotContent\":[32],\"hasIllustrationSlot\":[32]}]]],[\"pn-usp-promoter\",[[4,\"pn-usp-promoter\",{\"heading\":[1],\"headingExtension\":[1,\"heading-extension\"],\"bodyText\":[1,\"body-text\"],\"backgroundGradient\":[1,\"background-gradient\"],\"fullWidth\":[4,\"full-width\"],\"rightAlign\":[4,\"right-align\"],\"hideMobileImage\":[4,\"hide-mobile-image\"]}]]],[\"pn-proxio-findprice-result\",[[0,\"pn-proxio-findprice-result\",{\"item\":[1040],\"activeweight\":[1026],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"showInternational\":[4,\"show-international\"],\"selectedCountrycode\":[1,\"selected-countrycode\"],\"market\":[1],\"language\":[1025],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32],\"i18n\":[32]}]]],[\"pn-find-service-and-price-result\",[[0,\"pn-find-service-and-price-result\",{\"item\":[1040],\"shownitems\":[16],\"weightText\":[32]}]]],[\"pn-multi-row-connected-dropdown-row\",[[0,\"pn-multi-row-connected-dropdown-row\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"label\":[1],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"dropdownPlaceholder\":[1,\"dropdown-placeholder\"],\"addRowText\":[1,\"add-row-text\"],\"inputFildLabel\":[1,\"input-fild-label\"],\"inputFildPlaceholder\":[1,\"input-fild-placeholder\"],\"dateButtonText\":[1,\"date-button-text\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"allowMultipleDates\":[4,\"allow-multiple-dates\"],\"startDateLabel\":[1,\"start-date-label\"],\"endDateLabel\":[1,\"end-date-label\"],\"multiDateHelperText\":[1,\"multi-date-helper-text\"],\"generateDatesButtonText\":[1,\"generate-dates-button-text\"],\"saveDateButtonText\":[1,\"save-date-button-text\"],\"noDatesText\":[1,\"no-dates-text\"],\"index\":[2],\"predefinedValue\":[1,\"predefined-value\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"buttonsArray\":[32],\"firstDropdownArr\":[32],\"secondDropdownArr\":[32],\"firstDropdownClass\":[32],\"secondDropdownClass\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32],\"firstDropdownPlaceholder\":[32],\"secondDropdownPlaceholder\":[32],\"starDateValue\":[32],\"endDateValue\":[32],\"generatedDatesArr\":[32],\"selectedButtonValue\":[32],\"inputFieldValue\":[32],\"dateValue\":[32],\"daysArr\":[32]}]]],[\"pn-play-on-scroll\",[[0,\"pn-play-on-scroll\",{\"videoSrc\":[1,\"video-src\"],\"observerOptions\":[16],\"showOverlay\":[4,\"show-overlay\"],\"videoId\":[32],\"isManuallyPaused\":[32],\"isPaused\":[32]}]]],[\"pn-dropdown-with-multi-input-rows-row\",[[0,\"pn-dropdown-with-multi-input-rows-row\",{\"languageCode\":[1,\"language-code\"],\"fristInputPlaceholder\":[1,\"frist-input-placeholder\"],\"firstInputMin\":[2,\"first-input-min\"],\"firstInputMax\":[2,\"first-input-max\"],\"firstInputWarning\":[2,\"first-input-warning\"],\"firstInputWarningText\":[1,\"first-input-warning-text\"],\"firstInputLowErrorText\":[1,\"first-input-low-error-text\"],\"firstInputHighErrorText\":[1,\"first-input-high-error-text\"],\"secondInputPlaceholder\":[1,\"second-input-placeholder\"],\"secondInputMin\":[2,\"second-input-min\"],\"secondInputMax\":[2,\"second-input-max\"],\"secondInputWarning\":[2,\"second-input-warning\"],\"secondInputWarningText\":[1,\"second-input-warning-text\"],\"secondInputLowErrorText\":[1,\"second-input-low-error-text\"],\"secondInputHighErrorText\":[1,\"second-input-high-error-text\"],\"dateLabel\":[1,\"date-label\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"firstValidDate\":[1,\"first-valid-date\"],\"lastValidDate\":[1,\"last-valid-date\"],\"predefinedValue\":[1,\"predefined-value\"],\"rowIndex\":[2,\"row-index\"],\"minRowCount\":[2,\"min-row-count\"],\"showFirstInputWarning\":[32],\"showFirstInputLowError\":[32],\"showFirstInputHighError\":[32],\"showSecondInputWarning\":[32],\"showSecondInputLowError\":[32],\"showSecondInputHighError\":[32],\"firstInputValue\":[32],\"secondInputValue\":[32],\"dateValue\":[32]}]]],[\"pn-share-item\",[[4,\"pn-share-item\",{\"link\":[1],\"text\":[1]}]]],[\"pn-stats-info-data\",[[0,\"pn-stats-info-data\",{\"format\":[1],\"formatStyle\":[1,\"format-style\"],\"startValue\":[2,\"start-value\"],\"data\":[2],\"unit\":[1],\"preamble\":[1],\"duration\":[2],\"index\":[2],\"hasBeenShown\":[32],\"compId\":[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-filter-checkbox\",[[1,\"pn-filter-checkbox\",{\"value\":[520],\"name\":[1],\"checkboxid\":[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-site-footer_3\",[[4,\"pn-site-footer\",{\"url\":[1],\"linktitle\":[1],\"theme\":[513]}],[4,\"pn-site-footer-col\",{\"theme\":[513]}],[0,\"pn-swan\",{\"licenseNumber\":[1,\"license-number\"],\"language\":[1537],\"linkTo\":[1,\"link-to\"],\"i18n\":[32]}]]],[\"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-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-scroll_2\",[[4,\"pn-scroll\",{\"observerOptions\":[16],\"behaviourClasses\":[1,\"behaviour-classes\"],\"transitionDurationSeconds\":[2,\"transition-duration-seconds\"],\"shouldLoop\":[4,\"should-loop\"],\"intersectFunc\":[16],\"notIntersectFunc\":[16],\"compId\":[32]}],[0,\"pn-video-overlay\",{\"language\":[1],\"isPaused\":[4,\"is-paused\"],\"showOverlay\":[4,\"show-overlay\"],\"i18n\":[32]}]]],[\"pn-marketweb-siteheader-login-linklist\",[[0,\"pn-marketweb-siteheader-login-linklist\",{\"heading\":[1],\"links\":[16],\"idNamespace\":[1,\"id-namespace\"],\"showUnifiedLogin\":[4,\"show-unified-login\"]}]]],[\"pn-titletag\",[[4,\"pn-titletag\",{\"icon\":[1],\"color\":[1537]}]]],[\"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-marketweb-siteheader-login-button_5\",[[0,\"pn-marketweb-siteheader-unified-login\",{\"loggedIn\":[4,\"logged-in\"],\"myPageLabel\":[1,\"my-page-label\"],\"myPageUrl\":[1,\"my-page-url\"],\"logInLabel\":[1,\"log-in-label\"]}],[0,\"pn-marketweb-siteheader-login-links\",{\"loginDialog\":[1040],\"idNamespace\":[1,\"id-namespace\"],\"loggedin\":[516],\"username\":[1],\"showUnifiedLogin\":[4,\"show-unified-login\"]}],[0,\"pn-marketweb-siteheader-login-profileselection\",{\"loginDialog\":[1040],\"endpoint\":[1],\"loggedin\":[4],\"idNamespace\":[1,\"id-namespace\"],\"heading\":[1],\"i18n\":[16],\"currentProfile\":[1040],\"profileoptions\":[1040],\"user\":[32],\"logoutLink\":[32],\"userName\":[32],\"userEmail\":[32]}],[0,\"pn-marketweb-siteheader-login-button\",{\"label\":[1]}],[0,\"pn-marketweb-siteheader-login-mypage-button\",{\"label\":[1],\"myPageUrl\":[1,\"my-page-url\"]}]]],[\"pn-language-selector_9\",[[0,\"pn-marketweb-siteheader-login\",{\"endpoint\":[1],\"token\":[1],\"i18n\":[16],\"siteUrl\":[1,\"site-url\"],\"emitEvents\":[4,\"emit-events\"],\"loginDialog\":[1040],\"fullname\":[1],\"loggedin\":[4],\"showProfileSelection\":[1028,\"show-profile-selection\"],\"showUnifiedLogin\":[4,\"show-unified-login\"],\"checkUserLoggedInStateInterval\":[2,\"check-user-logged-in-state-interval\"],\"environment\":[1],\"loginLinks\":[32],\"toggleButtonText\":[32],\"username\":[32]}],[4,\"pn-mainnav-level\",{\"label\":[1537],\"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],\"icononly\":[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-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],\"vatText\":[1,\"vat-text\"],\"link\":[1],\"linktext\":[1]}]]],[\"pn-product-card_3\",[[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-product-card\"]]]]"), options);
|
|
15
15
|
});
|
|
16
16
|
};
|
|
17
17
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, e as Host, g as getElement } from './index-a0d3240d.js';
|
|
2
2
|
|
|
3
|
-
const pnCtaBlockCss = "pn-cta-block .cta-block{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column;border-radius:2.4rem;padding:3.2rem 2.4rem;width:100%}@media screen and (min-width: 768px){pn-cta-block .cta-block{-ms-flex-direction:row;flex-direction:row;padding:2.4rem}}@media screen and (min-width: 1140px){pn-cta-block .cta-block{
|
|
3
|
+
const pnCtaBlockCss = "pn-cta-block{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}pn-cta-block .cta-block{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column;border-radius:2.4rem;padding:3.2rem 2.4rem;width:100%}@media screen and (min-width: 768px){pn-cta-block .cta-block{-ms-flex-direction:row;flex-direction:row;padding:2.4rem}}@media screen and (min-width: 1140px){pn-cta-block .cta-block{max-width:95%}}@media screen and (min-width: 1440px){pn-cta-block .cta-block{max-width:90%}}pn-cta-block .cta-block[pn-background-color=blue25]{background-color:#EFFBFF}pn-cta-block .cta-block[pn-background-color=coral50]{background-color:#FDEFEE}pn-cta-block .cta-block[pn-background-color=gray25]{background-color:#F9F8F8}pn-cta-block .cta-block[pn-background-color=green25]{background-color:#EDFBF3}pn-cta-block .cta-block[pn-background-color=transparent]{padding:0 3.2rem}pn-cta-block .cta-block--content-top .cta-block__content{-ms-flex-pack:start;justify-content:flex-start}@media screen and (min-width: 768px){pn-cta-block .cta-block--large .cta-block__heading{font-size:3.6rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block--large .cta-block__text{font-size:2rem}}pn-cta-block .cta-block--small{width:auto}@media screen and (min-width: 992px){pn-cta-block .cta-block--small{display:-ms-inline-flexbox;display:inline-flex;max-width:75%}pn-cta-block .cta-block--small.cta-block--center{max-width:66%}}pn-cta-block .cta-block--center{-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;gap:1.6rem;text-align:center}@media screen and (min-width: 768px){pn-cta-block .cta-block--center{gap:2.4rem;padding:3.2rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block--center .cta-block__content{max-width:74rem;padding:0}}pn-cta-block .cta-block--center .cta-block__action{margin-top:0.8rem}@media screen and (min-width: 768px){pn-cta-block .cta-block--center .cta-block__action{-ms-flex-direction:row;flex-direction:row;gap:2.4rem;margin-top:0}pn-cta-block .cta-block--center .cta-block__action.cta-block__button{margin-bottom:0}pn-cta-block .cta-block--center .cta-block__action>[slot=cta-buttons]{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:2.4rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block--center .cta-block__image-wrapper{display:block}}pn-cta-block .cta-block--center .cta-block__image-wrapper>[slot=illustration]{padding-right:0}pn-cta-block .cta-block--center .cta-block__text{margin-bottom:0 !important}pn-cta-block .cta-block__image-wrapper{margin-bottom:1.6rem}pn-cta-block .cta-block__image-wrapper>[slot=illustration]>picture>img{border-radius:0.8rem;max-width:100%}@media screen and (min-width: 768px){pn-cta-block .cta-block__image-wrapper{display:none;max-width:20%}}@media screen and (min-width: 992px){pn-cta-block .cta-block__image-wrapper{display:block;margin-bottom:0}pn-cta-block .cta-block__image-wrapper>[slot=illustration]{padding-right:3.2rem}}pn-cta-block .cta-block__content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}@media screen and (min-width: 768px){pn-cta-block .cta-block__content{padding-right:2.4rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block__content .cta-block__heading,pn-cta-block .cta-block__content .cta-block__text{max-width:74rem}}pn-cta-block .cta-block__content .cta-block__text{margin-bottom:2.4rem}@media screen and (min-width: 768px){pn-cta-block .cta-block__content .cta-block__text{margin-bottom:0}}pn-cta-block .cta-block__heading{margin-bottom:0.8rem}pn-cta-block .cta-block__action{display:-ms-flexbox;display:flex}pn-cta-block .cta-block__action>[slot=cta-buttons]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;row-gap:1.6rem;-ms-flex:1;flex:1}@media screen and (min-width: 768px){pn-cta-block .cta-block__action>[slot=cta-buttons]{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center;gap:1.6rem;margin-top:0}}pn-cta-block .cta-block__action>[slot=cta-buttons]>a{color:#005D92;font-weight:500;font-size:1.6rem;padding:0.1rem;text-decoration:none}pn-cta-block .cta-block__action>[slot=cta-buttons]>a pn-icon svg{-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out}pn-cta-block .cta-block__action>[slot=cta-buttons]>a pn-icon svg path{fill:#005D92}pn-cta-block .cta-block__action>[slot=cta-buttons]>a:hover pn-icon svg{-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;-webkit-transform:translateX(0.3rem);transform:translateX(0.3rem)}pn-cta-block .cta-block__action>[slot=cta-buttons]>a:hover pn-icon svg path{fill:#005D92}";
|
|
4
4
|
|
|
5
5
|
const PnCtaBlock = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -14,7 +14,12 @@ const PnCtaBlock = class {
|
|
|
14
14
|
this.contentTop = false;
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
|
|
17
|
+
const hasImage = this.hostElement.querySelector('[slot="illustration"]');
|
|
18
|
+
const hasButtons = this.hostElement.querySelector('[slot="cta-buttons"]');
|
|
19
|
+
return (h(Host, null, h("div", { "pn-background-color": this.pnBackgroundColor, class: `cta-block ${this.isLarge ? 'cta-block--large' : ''} ${this.isCentered ? 'cta-block--center' : ''} ${(this.isSmall ? 'cta-block--small' : '')} ${this.contentTop ? 'cta-block--content-top' : ''}` }, (hasImage ?
|
|
20
|
+
h("div", { class: "cta-block__image-wrapper" }, h("slot", { name: "illustration" })) : null), (this.heading && this.bodyText) ?
|
|
21
|
+
h("div", { class: "cta-block__content" }, h("h2", { class: "cta-block__heading" }, this.heading), h("p", { class: "cta-block__text" }, this.bodyText)) : null, (hasButtons ?
|
|
22
|
+
h("div", { class: "cta-block__action" }, h("slot", { name: "cta-buttons" })) : null))));
|
|
18
23
|
}
|
|
19
24
|
get hostElement() { return getElement(this); }
|
|
20
25
|
};
|