@postnord/pn-marketweb-components 3.5.2 → 4.0.0

package/esm/pn-media-block.entry.js

@@ -1,6 +1,7 @@
-import { r as registerInstance, g as getElement, h } from './index-51d67461.js';
+import { r as registerInstance, g as getElement, h } from './index-c311acd6.js';
+import { H as HeadingTag } from './HeadingTag-e20016ab.js';
 
-const pnMediaBlockCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}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%;transform:translate(-50%, -50%);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: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: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:flex;align-items:center;justify-content:center;transition:opacity 1s;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: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 picture{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:flex !important;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:flex !important;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%;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;animation:overlayBackgroundAnimation 20s ease infinite}@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}}";
+const pnMediaBlockCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}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%;transform:translate(-50%, -50%);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: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: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:flex;align-items:center;justify-content:center;transition:opacity 1s;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: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 picture{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:flex !important;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:flex !important;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%;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;animation:overlayBackgroundAnimation 20s ease infinite}@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}}";
 const PnMediaBlockStyle0 = pnMediaBlockCss;
 
 const PnmediaBlock = class {
@@ -18,7 +19,7 @@ const PnmediaBlock = class {
         this.scrollSnapBlock = false;
         this.fixedBackground = false;
         this.blockHeading = null;
-        this.blockHeadingLevel = 2;
+        this.blockHeadingLevel = 'h2';
         this.blockPreamble = null;
         this.marginBottom = false;
         this.pnPlayOnScrollObserverOptions = {
@@ -129,7 +130,6 @@ const PnmediaBlock = class {
     };
     render() {
         const { showOverlayLayer, fixedBackground, blockHeight, scrollSnapBlock, hasButtonSlot, hasVideo, hasImage, animateOverlayBackground, marginBottom } = this;
-        const HeadingTag = `h${this.blockHeadingLevel ?? 2}`;
         const isVideo = hasVideo;
         const isImage = hasImage;
         const classes = [
@@ -143,10 +143,10 @@ const PnmediaBlock = class {
             marginBottom ? 'media-block--margin-bottom' : '',
         ].join(' ');
         const pnPlayOnScrollObserverOptions = {
-            root: this.blockHeight === "100svh" ? this.block : null,
+            root: this.blockHeight === '100svh' ? this.block : null,
             threshold: [0, 0.5, 1], // Callback will be executed when 0%, 50%, and 100% of the target is visible
         };
-        return (h("div", { key: 'dc3cf32de0360eac8564ff3f91d8c5891ee16ec1', class: classes }, h("div", { key: 'e8210700007640025d21b0d0aea5988a3fceda87', class: "media-block__block-container" }, h("div", { key: '7191a14b7f3df69b436cb162cccea46dae7c3968', 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", { key: 'af376598e9306a98a3b93c7242e5a2a4e20c0b6e', class: "media-block__overlay-filter", id: "mediaBlockOverlay" }), (this.blockHeading || this.blockPreamble) && (h("div", { key: 'cf0d1995a249cc03befb202cb2a1c728c1a66c39', class: "media-block__content-container" }, this.blockHeading && (h(HeadingTag, { key: '1116ae451a6e6135191137018de6e07c77fe683f', level: this.blockHeadingLevel, class: "media-block__block-heading" }, this.blockHeading)), this.blockPreamble && h("p", { key: '4e93ed27ebb5e1e53040a6305cbb45d3c90c4799', class: "media-block__preamble" }, this.blockPreamble), hasButtonSlot && (h("div", { key: 'a68d5f917070cef67b0d7a5116b513bb2cf59d6b', class: "media-block__cta-link" }, h("slot", { key: '0e48cbeadf462bfc357de335959e8901c3281fb3', name: "cta-button" })))))), h("div", { key: '5dd819e8c2b65f0445eb29f3850d5641c3108eef', id: "scroll-trigger" })));
+        return (h("div", { key: 'f5ae835cc4299ae08a0c781368c6407f359f8c8e', class: classes }, h("div", { key: 'c7ddb415c0f9fc3ea505dc38f0a1a6ed61eba35b', class: "media-block__block-container" }, h("div", { key: '82e5ebb277e31a683eea026dea5481655076dfb1', 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", { key: '8d2090b3845bce11806a486c714b7b43b5519880', class: "media-block__overlay-filter", id: "mediaBlockOverlay" }), (this.blockHeading || this.blockPreamble) && (h("div", { key: '9919ba7c0af23dd1323202badbb68c302d037df1', class: "media-block__content-container" }, this.blockHeading && (h(HeadingTag, { key: '5476764a9c75666dc7bdf45c7b7211a071cf78cd', level: this.blockHeadingLevel, cssClass: "media-block__block-heading" }, this.blockHeading)), this.blockPreamble && h("p", { key: 'd8b7c40d8465c45e8149560446081cc272675fef', class: "media-block__preamble" }, this.blockPreamble), hasButtonSlot && (h("div", { key: '1273888646c5e960ce36f4b3ecf03cefe16bc6a2', class: "media-block__cta-link" }, h("slot", { key: '80d7f2fe2f1657222d385d3e5263c698ddcfeff6', name: "cta-button" })))))), h("div", { key: '19f99b2fffe0d4a9152e8cf956aee689978f502f', id: "scroll-trigger" })));
     }
 };
 PnmediaBlock.style = PnMediaBlockStyle0;

package/esm/pn-media-block.entry.js.map

@@ -1 +1 @@
-{"file":"pn-media-block.entry.js","mappings":"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","names":[],"sources":["src/components/media/pn-media-block/pn-media-block.scss?tag=pn-media-block","src/components/media/pn-media-block/pn-media-block.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n$animationDuration: 20s;\n\npn-media-block {\n  .media-block {\n    .media-block__block-container {\n      display: grid;\n      overflow: hidden;\n    }\n    .media-block__media-container,\n    .media-block__content-container,\n    .media-block__overlay-filter {\n      grid-area: 1 / 1;\n      width: 100%;\n      position: relative;\n    }\n\n    .media-block__media-container {\n      height: 100vh;\n      overflow: hidden;\n      position: relative;\n\n      img,\n      video {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        object-fit: cover;\n        pointer-events: none;\n        max-width: 100%;\n        max-height: none;\n        height: 100%;\n        width: 100%;\n        pointer-events: none;\n      }\n\n      pn-play-on-scroll {\n        width: 100%;\n        height: 100%;\n      }\n\n      .scroll-wrapper {\n        width: 100%;\n        height: 100%;\n      }\n\n      [slot='scroll-affected'] {\n        width: 100%;\n        height: 100%;\n        display: flex;\n      }\n\n      .scroll-wrapper,\n      .scroll-affected {\n        width: 100%;\n        height: 100%;\n        display: flex;\n      }\n      video {\n        width: 100%;\n        height: 100%;\n      }\n    }\n\n    .media-block__overlay-filter {\n      z-index: 2;\n    }\n\n    .media-block__content-container {\n      z-index: 3;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: opacity 1s;\n      flex-direction: column;\n      margin: 0 auto;\n      padding: 3.4rem 0;\n\n      @include inner-container;\n\n      @media screen and (min-width: $min-width-lg) {\n        padding: 6.4rem 0;\n      }\n\n      @media screen and (min-width: $min-width-xl) {\n        padding: 7.2rem 0;\n      }\n\n      @media screen and (min-width: $min-width-xxl) {\n        padding: 8rem 0;\n      }\n\n      .media-block__block-heading {\n        max-width: 100rem;\n        text-wrap: balance;\n        color: white;\n        font-size: 3.2rem;\n        text-align: center;\n        font-weight: 700;\n        line-height: 1.1;\n        margin-bottom: 3rem;\n\n        @media screen and (min-width: $min-width-sm) {\n          font-size: 4rem;\n        }\n\n        @media screen and (min-width: $min-width-md) {\n          font-size: 4.8rem;\n        }\n\n        @media screen and (min-width: $min-width-lg) {\n          font-size: 5.6rem;\n        }\n\n        @media screen and (min-width: $min-width-xl) {\n          font-size: 8rem;\n        }\n\n        @media screen and (min-width: $min-width-xxl) {\n          font-size: 8.8rem;\n        }\n      }\n\n      .media-block__preamble {\n        max-width: 80rem;\n        max-width: 80ch;\n        text-wrap: balance;\n        display: flex;\n        color: white;\n        font-size: 1.8rem;\n        text-align: center;\n        font-weight: 300;\n\n        @media screen and (min-width: $min-width-sm) {\n          font-size: 2rem;\n        }\n\n        @media screen and (min-width: $min-width-xl) {\n          font-size: 2.4rem;\n        }\n\n        @media screen and (min-width: $min-width-xxl) {\n          font-weight: 500;\n        }\n      }\n\n      .media-block__cta-link {\n        margin-top: 3rem;\n      }\n    }\n  }\n\n  .media-block--height-100svh {\n    min-height: 100vh;\n\n    @supports (height: 100svh) {\n      height: 100svh;\n    }\n\n    .media-block__block-container {\n      height: 100vh;\n\n      @supports (max-height: 100svh) {\n        max-height: 100svh;\n      }\n\n      .media-block__media-container,\n      .media-block__content-container,\n      .media-block__overlay-filter {\n        height: 100vh;\n\n        @supports (max-height: 100svh) {\n          max-height: 100svh;\n        }\n      }\n\n      .media-block__media-container picture {\n        height: 100vh;\n\n        @supports (max-height: 100svh) {\n          max-height: 100svh;\n        }\n      }\n    }\n  }\n\n  .media-block--height-65svh {\n    min-height: 65svh;\n    overflow: auto;\n\n    .media-block__block-container {\n      height: 65vh;\n\n      @supports (max-height: 100svh) {\n        max-height: 65svh;\n      }\n\n      .media-block__media-container,\n      .media-block__content-container,\n      .media-block__overlay-filter {\n        height: 65vh;\n\n        @supports (max-height: 100svh) {\n          max-height: 65svh;\n        }\n      }\n    }\n\n    .media-block__media-container picture {\n      max-height: none !important;\n      height: auto !important;\n    }\n  }\n\n  .media-block--height-dynamic {\n    height: auto;\n    overflow: auto;\n\n    .media-block__block-container {\n      height: auto;\n      max-height: none;\n\n      .media-block__media-container,\n      .media-block__content-container,\n      .media-block__overlay-filter {\n        height: auto;\n        max-height: none;\n      }\n    }\n  }\n\n  .media-block--with-overlay {\n    .media-block__block-container .media-block__overlay-filter {\n      z-index: 2;\n      background: radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%);\n    }\n  }\n\n  .media-block--fixed-background {\n    .media-block__block-container {\n      .media-block__media-container,\n      .media-block__overlay-filter {\n        position: relative;\n        overflow: hidden;\n        top: 0;\n        width: 100%;\n        display: flex !important;\n        clip-path: inset(0);\n      }\n\n      .media-block__media-container {\n        picture {\n          position: absolute;\n          top: 0;\n          width: 100%;\n          display: flex !important;\n          height: 100%;\n\n          img {\n            position: fixed;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            z-index: 1;\n          }\n        }\n      }\n    }\n  }\n\n  .media-block--video {\n    .media-block__content-container {\n      max-width: 80%;\n    }\n  }\n\n  .media-block--animate-overlay-background {\n    .media-block__overlay-filter {\n      background-size: 200% 200% !important;\n      animation: overlayBackgroundAnimation $animationDuration ease infinite;\n    }\n  }\n\n  @keyframes overlayBackgroundAnimation {\n    0% {\n      background-position: 100% 100%;\n    }\n    50% {\n      background-position: 50% 60%;\n    }\n    100% {\n      background-position: 100% 100%;\n    }\n  }\n\n  .media-block--margin-bottom {\n    margin-bottom: 3.2rem;\n\n    @media screen and (min-width:$min-width-md) {\n      margin-bottom: 4rem;\n    }\n\n    @media screen and (min-width:$min-width-lg) {\n      margin-bottom: 5.6rem;\n    }\n\n    @media screen and (min-width:$min-width-xl) {\n      margin-bottom: 7.2rem;\n    }\n  }\n}\n","import { Component, Element, Prop, h, State } from '@stencil/core';\n\nfunction userPrefersReducedMotion(): boolean {\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n@Component({\n  tag: 'pn-media-block',\n  styleUrl: 'pn-media-block.scss',\n})\nexport class PnmediaBlock {\n  @Prop() blockHeight: string = null;\n  @Prop() imageSrc?: string = null;\n  @Prop() imageSrcSmallScreenFormat?: string = undefined;\n  @Prop() imageAltText?: string = '';\n  @Prop() videoSrc?: string = null;\n  @Prop() parallaxScroll: boolean = false;\n  @Prop() showOverlayLayer: boolean = false;\n  @Prop() customOverlayBackground?: string = null;\n  @Prop() animateOverlayBackground: boolean = false;\n  @Prop() scrollSnapBlock: boolean = false;\n  @Prop() fixedBackground: boolean = false;\n  @Prop() blockHeading?: string = null;\n  @Prop() blockHeadingLevel?: number = 2;\n  @Prop() blockPreamble?: string = null;\n  @Prop() marginBottom?: boolean = false;\n\n  @State() pnPlayOnScrollObserverOptions: IntersectionObserverInit = {\n    root: document,\n    threshold: 1,\n    rootMargin: '220px 0px 220px 0px',\n  };\n\n  @State() calculatedBlockHeight: number;\n  @State() hasButtonSlot: boolean = true;\n\n  @Element() block: HTMLElement;\n\n  get hasVideo() {\n    if (this.videoSrc !== null && this.videoSrc !== 'undefined') {\n      return true;\n    }\n    return false;\n  }\n\n  get hasImage() {\n    if (this.imageSrc !== null && this.imageSrc !== 'undefined') {\n      return true;\n    }\n    return false;\n  }\n\n  private observerScroll: IntersectionObserver;\n  private observerSnap: IntersectionObserver;\n\n  componentWillLoad() {\n    this.hasButtonSlot = !!this.block.querySelector('[slot=\"cta-button\"]');\n  }\n\n  async componentDidLoad() {\n    const scrollTrigger = document.getElementById('scroll-trigger');\n    this.calculatedBlockHeight = this.block.offsetHeight;\n\n    const overlayElement = this.block.querySelector('#mediaBlockOverlay') as HTMLElement;\n    if (this.customOverlayBackground != null || this.customOverlayBackground != 'undefined') {\n      overlayElement.style.background = `${this.customOverlayBackground}`;\n    }\n\n    if (this.parallaxScroll) {\n      this.observerScroll = new IntersectionObserver(\n        entries => {\n          entries.forEach(entry => {\n            if (entry.isIntersecting) {\n              window.addEventListener('scroll', this.handleScroll);\n            } else {\n              window.removeEventListener('scroll', this.handleScroll);\n            }\n          });\n        },\n        { rootMargin: `0px 0px` },\n      );\n\n      this.observerScroll.observe(scrollTrigger);\n    }\n\n    if (this.scrollSnapBlock) {\n      this.observerSnap = new IntersectionObserver(\n        entries => {\n          entries.forEach(entry => {\n            if (entry.isIntersecting) {\n              // The block is within 100px of the viewport, scroll it into view\n              if (this.block instanceof HTMLElement) {\n                setTimeout(() => {\n                  this.block.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                }, 1000); // Adjust the delay as needed\n              } else {\n                console.error('this.block is not a valid HTMLElement');\n              }\n            }\n          });\n        },\n        {\n          root: document,\n          rootMargin: '100px 0px 100px 0px',\n          threshold: 0,\n        },\n      );\n\n      this.observerSnap.observe(scrollTrigger);\n    }\n  }\n\n  disconnectedCallback() {\n    // Clean up the observer and event listener when the component is removed\n    if (this.observerScroll) {\n      this.observerScroll.disconnect();\n    }\n    if (this.observerSnap) {\n      this.observerSnap.disconnect();\n    }\n    window.removeEventListener('scroll', this.handleScroll);\n  }\n\n  handleScroll = () => {\n    const mediaBlockElement = this.block.firstElementChild as HTMLElement;\n    const scrollTrigger = this.block.querySelector('#scroll-trigger') as HTMLElement;\n    const videoPauseButton = this.block.querySelector('#overlayed-button-pause-video') as HTMLButtonElement;\n\n    const scrollTriggerTop = scrollTrigger.getBoundingClientRect().top;\n    const mediaBlockElementHeight = mediaBlockElement.offsetHeight;\n\n    const scrollPosition = mediaBlockElementHeight - scrollTriggerTop;\n\n    const parallaxSpeedContent = 0.3;\n    const parallaxSpeedMedia = 0.2;\n\n    const mediaContainer = this.block.querySelector('.media-block__media-container') as HTMLElement;\n    const content = this.block.querySelector('.media-block__content-container') as HTMLElement;\n\n    if (mediaContainer != null) {\n      // Move the image or video at a slower speed\n      mediaContainer.style.transform = `translate(0, ${scrollPosition * (0.1 + parallaxSpeedMedia)}px)`;\n\n      if (videoPauseButton != null) {\n        // Move the pause button up\n        videoPauseButton.style.transform = `translate(0, ${-scrollPosition * (0.3 + parallaxSpeedMedia)}px)`;\n      }\n    }\n\n    if (content) {\n      // Move the content at a faster speed\n      content.style.transform = `translate(0, ${scrollPosition * (0.5 + parallaxSpeedContent)}px)`;\n\n      // Change the opacity based on the scroll position\n      const opacity = Math.max(0, 1 - scrollPosition / 600);\n      content.style.opacity = `${opacity}`;\n    }\n  };\n\n  render() {\n    const { showOverlayLayer, fixedBackground, blockHeight, scrollSnapBlock, hasButtonSlot, hasVideo, hasImage, animateOverlayBackground, marginBottom } = this;\n    const HeadingTag = `h${this.blockHeadingLevel ?? 2}`;\n    const isVideo = hasVideo;\n    const isImage = hasImage;\n\n    const classes = [\n      'media-block',\n      blockHeight ? `media-block--height-${blockHeight}` : '',\n      showOverlayLayer ? 'media-block--with-overlay' : '',\n      animateOverlayBackground ? `media-block--animate-overlay-background` : '',\n      isVideo ? 'media-block--video' : '',\n      scrollSnapBlock ? 'scroll-snap' : 'no-scroll-snap',\n      fixedBackground ? 'media-block--fixed-background' : '',\n      marginBottom ? 'media-block--margin-bottom' : '',\n    ].join(' ');\n\n    const pnPlayOnScrollObserverOptions: IntersectionObserverInit = {\n      root: this.blockHeight === \"100svh\" ? this.block : null,\n      threshold: [0, 0.5, 1],  // Callback will be executed when 0%, 50%, and 100% of the target is visible\n    };\n\n    return (\n      <div class={classes}>\n        <div class=\"media-block__block-container\">\n          <div class=\"media-block__media-container\">\n            {isVideo ? (\n              <pn-play-on-scroll show-overlay={this.showOverlayLayer} observerOptions={pnPlayOnScrollObserverOptions} video-src={this.videoSrc}></pn-play-on-scroll>\n            ) : isImage ? (\n              <picture>\n                <source media=\"(min-width: 1400px)\" srcSet={this.imageSrc} />\n                <source media=\"(min-width: 1224px)\" srcSet={this.imageSrc} />\n                <source media=\"(min-width: 1140px)\" srcSet={this.imageSrc} />\n                <source\n                  media=\"(min-width: 1023px)\"\n                  srcSet={this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n                />\n                <source\n                  media=\"(min-width: 768px)\"\n                  srcSet={this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n                />\n                <source\n                  media=\"(min-width: 500px)\"\n                  srcSet={this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n                />\n                <img\n                  src={this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n                  alt={this.imageAltText !== 'undefined' ? this.imageAltText : ''}\n                  role={this.imageAltText !== 'undefined' ? 'img' : 'presentation'}\n                  aria-hidden={this.imageAltText !== 'undefined' ? 'false' : 'true'}\n                />\n              </picture>\n            ) : null}\n          </div>\n\n          {!isVideo && <div class=\"media-block__overlay-filter\" id=\"mediaBlockOverlay\"></div>}\n\n          {(this.blockHeading || this.blockPreamble) && (\n            <div class=\"media-block__content-container\">\n              {this.blockHeading && (\n                <HeadingTag level={this.blockHeadingLevel} class=\"media-block__block-heading\">\n                  {this.blockHeading}\n                </HeadingTag>\n              )}\n              {this.blockPreamble && <p class=\"media-block__preamble\">{this.blockPreamble}</p>}\n              {hasButtonSlot && (\n                <div class=\"media-block__cta-link\">\n                  <slot name=\"cta-button\" />\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n\n        <div id=\"scroll-trigger\"></div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"pn-media-block.entry.js","mappings":"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","names":[],"sources":["src/components/media/pn-media-block/pn-media-block.scss?tag=pn-media-block","src/components/media/pn-media-block/pn-media-block.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n$animationDuration: 20s;\n\npn-media-block {\n  .media-block {\n    .media-block__block-container {\n      display: grid;\n      overflow: hidden;\n    }\n    .media-block__media-container,\n    .media-block__content-container,\n    .media-block__overlay-filter {\n      grid-area: 1 / 1;\n      width: 100%;\n      position: relative;\n    }\n\n    .media-block__media-container {\n      height: 100vh;\n      overflow: hidden;\n      position: relative;\n\n      img,\n      video {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        object-fit: cover;\n        pointer-events: none;\n        max-width: 100%;\n        max-height: none;\n        height: 100%;\n        width: 100%;\n        pointer-events: none;\n      }\n\n      pn-play-on-scroll {\n        width: 100%;\n        height: 100%;\n      }\n\n      .scroll-wrapper {\n        width: 100%;\n        height: 100%;\n      }\n\n      [slot='scroll-affected'] {\n        width: 100%;\n        height: 100%;\n        display: flex;\n      }\n\n      .scroll-wrapper,\n      .scroll-affected {\n        width: 100%;\n        height: 100%;\n        display: flex;\n      }\n      video {\n        width: 100%;\n        height: 100%;\n      }\n    }\n\n    .media-block__overlay-filter {\n      z-index: 2;\n    }\n\n    .media-block__content-container {\n      z-index: 3;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: opacity 1s;\n      flex-direction: column;\n      margin: 0 auto;\n      padding: 3.4rem 0;\n\n      @include inner-container;\n\n      @media screen and (min-width: $min-width-lg) {\n        padding: 6.4rem 0;\n      }\n\n      @media screen and (min-width: $min-width-xl) {\n        padding: 7.2rem 0;\n      }\n\n      @media screen and (min-width: $min-width-xxl) {\n        padding: 8rem 0;\n      }\n\n      .media-block__block-heading {\n        max-width: 100rem;\n        text-wrap: balance;\n        color: white;\n        font-size: 3.2rem;\n        text-align: center;\n        font-weight: 700;\n        line-height: 1.1;\n        margin-bottom: 3rem;\n\n        @media screen and (min-width: $min-width-sm) {\n          font-size: 4rem;\n        }\n\n        @media screen and (min-width: $min-width-md) {\n          font-size: 4.8rem;\n        }\n\n        @media screen and (min-width: $min-width-lg) {\n          font-size: 5.6rem;\n        }\n\n        @media screen and (min-width: $min-width-xl) {\n          font-size: 8rem;\n        }\n\n        @media screen and (min-width: $min-width-xxl) {\n          font-size: 8.8rem;\n        }\n      }\n\n      .media-block__preamble {\n        max-width: 80rem;\n        max-width: 80ch;\n        text-wrap: balance;\n        display: flex;\n        color: white;\n        font-size: 1.8rem;\n        text-align: center;\n        font-weight: 300;\n\n        @media screen and (min-width: $min-width-sm) {\n          font-size: 2rem;\n        }\n\n        @media screen and (min-width: $min-width-xl) {\n          font-size: 2.4rem;\n        }\n\n        @media screen and (min-width: $min-width-xxl) {\n          font-weight: 500;\n        }\n      }\n\n      .media-block__cta-link {\n        margin-top: 3rem;\n      }\n    }\n  }\n\n  .media-block--height-100svh {\n    min-height: 100vh;\n\n    @supports (height: 100svh) {\n      height: 100svh;\n    }\n\n    .media-block__block-container {\n      height: 100vh;\n\n      @supports (max-height: 100svh) {\n        max-height: 100svh;\n      }\n\n      .media-block__media-container,\n      .media-block__content-container,\n      .media-block__overlay-filter {\n        height: 100vh;\n\n        @supports (max-height: 100svh) {\n          max-height: 100svh;\n        }\n      }\n\n      .media-block__media-container picture {\n        height: 100vh;\n\n        @supports (max-height: 100svh) {\n          max-height: 100svh;\n        }\n      }\n    }\n  }\n\n  .media-block--height-65svh {\n    min-height: 65svh;\n    overflow: auto;\n\n    .media-block__block-container {\n      height: 65vh;\n\n      @supports (max-height: 100svh) {\n        max-height: 65svh;\n      }\n\n      .media-block__media-container,\n      .media-block__content-container,\n      .media-block__overlay-filter {\n        height: 65vh;\n\n        @supports (max-height: 100svh) {\n          max-height: 65svh;\n        }\n      }\n    }\n\n    .media-block__media-container picture {\n      max-height: none !important;\n      height: auto !important;\n    }\n  }\n\n  .media-block--height-dynamic {\n    height: auto;\n    overflow: auto;\n\n    .media-block__block-container {\n      height: auto;\n      max-height: none;\n\n      .media-block__media-container,\n      .media-block__content-container,\n      .media-block__overlay-filter {\n        height: auto;\n        max-height: none;\n      }\n    }\n  }\n\n  .media-block--with-overlay {\n    .media-block__block-container .media-block__overlay-filter {\n      z-index: 2;\n      background: radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%);\n    }\n  }\n\n  .media-block--fixed-background {\n    .media-block__block-container {\n      .media-block__media-container,\n      .media-block__overlay-filter {\n        position: relative;\n        overflow: hidden;\n        top: 0;\n        width: 100%;\n        display: flex !important;\n        clip-path: inset(0);\n      }\n\n      .media-block__media-container {\n        picture {\n          position: absolute;\n          top: 0;\n          width: 100%;\n          display: flex !important;\n          height: 100%;\n\n          img {\n            position: fixed;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            z-index: 1;\n          }\n        }\n      }\n    }\n  }\n\n  .media-block--video {\n    .media-block__content-container {\n      max-width: 80%;\n    }\n  }\n\n  .media-block--animate-overlay-background {\n    .media-block__overlay-filter {\n      background-size: 200% 200% !important;\n      animation: overlayBackgroundAnimation $animationDuration ease infinite;\n    }\n  }\n\n  @keyframes overlayBackgroundAnimation {\n    0% {\n      background-position: 100% 100%;\n    }\n    50% {\n      background-position: 50% 60%;\n    }\n    100% {\n      background-position: 100% 100%;\n    }\n  }\n\n  .media-block--margin-bottom {\n    margin-bottom: 3.2rem;\n\n    @media screen and (min-width:$min-width-md) {\n      margin-bottom: 4rem;\n    }\n\n    @media screen and (min-width:$min-width-lg) {\n      margin-bottom: 5.6rem;\n    }\n\n    @media screen and (min-width:$min-width-xl) {\n      margin-bottom: 7.2rem;\n    }\n  }\n}\n","import { HeadingTag } from '@/globals/HeadingTag';\nimport { Component, Element, Prop, h, State } from '@stencil/core';\n\nfunction userPrefersReducedMotion(): boolean {\n  return window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n}\n\n@Component({\n  tag: 'pn-media-block',\n  styleUrl: 'pn-media-block.scss',\n})\nexport class PnmediaBlock {\n  @Prop() blockHeight: string = null;\n  @Prop() imageSrc?: string = null;\n  @Prop() imageSrcSmallScreenFormat?: string = undefined;\n  @Prop() imageAltText?: string = '';\n  @Prop() videoSrc?: string = null;\n  @Prop() parallaxScroll: boolean = false;\n  @Prop() showOverlayLayer: boolean = false;\n  @Prop() customOverlayBackground?: string = null;\n  @Prop() animateOverlayBackground: boolean = false;\n  @Prop() scrollSnapBlock: boolean = false;\n  @Prop() fixedBackground: boolean = false;\n  @Prop() blockHeading?: string = null;\n  @Prop() blockHeadingLevel?: string = 'h2';\n  @Prop() blockPreamble?: string = null;\n  @Prop() marginBottom?: boolean = false;\n\n  @State() pnPlayOnScrollObserverOptions: IntersectionObserverInit = {\n    root: document,\n    threshold: 1,\n    rootMargin: '220px 0px 220px 0px',\n  };\n\n  @State() calculatedBlockHeight: number;\n  @State() hasButtonSlot: boolean = true;\n\n  @Element() block: HTMLElement;\n\n  get hasVideo() {\n    if (this.videoSrc !== null && this.videoSrc !== 'undefined') {\n      return true;\n    }\n    return false;\n  }\n\n  get hasImage() {\n    if (this.imageSrc !== null && this.imageSrc !== 'undefined') {\n      return true;\n    }\n    return false;\n  }\n\n  private observerScroll: IntersectionObserver;\n  private observerSnap: IntersectionObserver;\n\n  componentWillLoad() {\n    this.hasButtonSlot = !!this.block.querySelector('[slot=\"cta-button\"]');\n  }\n\n  async componentDidLoad() {\n    const scrollTrigger = document.getElementById('scroll-trigger');\n    this.calculatedBlockHeight = this.block.offsetHeight;\n\n    const overlayElement = this.block.querySelector('#mediaBlockOverlay') as HTMLElement;\n    if (this.customOverlayBackground != null || this.customOverlayBackground != 'undefined') {\n      overlayElement.style.background = `${this.customOverlayBackground}`;\n    }\n\n    if (this.parallaxScroll) {\n      this.observerScroll = new IntersectionObserver(\n        entries => {\n          entries.forEach(entry => {\n            if (entry.isIntersecting) {\n              window.addEventListener('scroll', this.handleScroll);\n            } else {\n              window.removeEventListener('scroll', this.handleScroll);\n            }\n          });\n        },\n        { rootMargin: `0px 0px` },\n      );\n\n      this.observerScroll.observe(scrollTrigger);\n    }\n\n    if (this.scrollSnapBlock) {\n      this.observerSnap = new IntersectionObserver(\n        entries => {\n          entries.forEach(entry => {\n            if (entry.isIntersecting) {\n              // The block is within 100px of the viewport, scroll it into view\n              if (this.block instanceof HTMLElement) {\n                setTimeout(() => {\n                  this.block.scrollIntoView({ behavior: 'smooth', block: 'start' });\n                }, 1000); // Adjust the delay as needed\n              } else {\n                console.error('this.block is not a valid HTMLElement');\n              }\n            }\n          });\n        },\n        {\n          root: document,\n          rootMargin: '100px 0px 100px 0px',\n          threshold: 0,\n        },\n      );\n\n      this.observerSnap.observe(scrollTrigger);\n    }\n  }\n\n  disconnectedCallback() {\n    // Clean up the observer and event listener when the component is removed\n    if (this.observerScroll) {\n      this.observerScroll.disconnect();\n    }\n    if (this.observerSnap) {\n      this.observerSnap.disconnect();\n    }\n    window.removeEventListener('scroll', this.handleScroll);\n  }\n\n  handleScroll = () => {\n    const mediaBlockElement = this.block.firstElementChild as HTMLElement;\n    const scrollTrigger = this.block.querySelector('#scroll-trigger') as HTMLElement;\n    const videoPauseButton = this.block.querySelector('#overlayed-button-pause-video') as HTMLButtonElement;\n\n    const scrollTriggerTop = scrollTrigger.getBoundingClientRect().top;\n    const mediaBlockElementHeight = mediaBlockElement.offsetHeight;\n\n    const scrollPosition = mediaBlockElementHeight - scrollTriggerTop;\n\n    const parallaxSpeedContent = 0.3;\n    const parallaxSpeedMedia = 0.2;\n\n    const mediaContainer = this.block.querySelector('.media-block__media-container') as HTMLElement;\n    const content = this.block.querySelector('.media-block__content-container') as HTMLElement;\n\n    if (mediaContainer != null) {\n      // Move the image or video at a slower speed\n      mediaContainer.style.transform = `translate(0, ${scrollPosition * (0.1 + parallaxSpeedMedia)}px)`;\n\n      if (videoPauseButton != null) {\n        // Move the pause button up\n        videoPauseButton.style.transform = `translate(0, ${-scrollPosition * (0.3 + parallaxSpeedMedia)}px)`;\n      }\n    }\n\n    if (content) {\n      // Move the content at a faster speed\n      content.style.transform = `translate(0, ${scrollPosition * (0.5 + parallaxSpeedContent)}px)`;\n\n      // Change the opacity based on the scroll position\n      const opacity = Math.max(0, 1 - scrollPosition / 600);\n      content.style.opacity = `${opacity}`;\n    }\n  };\n\n  render() {\n    const { showOverlayLayer, fixedBackground, blockHeight, scrollSnapBlock, hasButtonSlot, hasVideo, hasImage, animateOverlayBackground, marginBottom } = this;\n\n    const isVideo = hasVideo;\n    const isImage = hasImage;\n\n    const classes = [\n      'media-block',\n      blockHeight ? `media-block--height-${blockHeight}` : '',\n      showOverlayLayer ? 'media-block--with-overlay' : '',\n      animateOverlayBackground ? `media-block--animate-overlay-background` : '',\n      isVideo ? 'media-block--video' : '',\n      scrollSnapBlock ? 'scroll-snap' : 'no-scroll-snap',\n      fixedBackground ? 'media-block--fixed-background' : '',\n      marginBottom ? 'media-block--margin-bottom' : '',\n    ].join(' ');\n\n    const pnPlayOnScrollObserverOptions: IntersectionObserverInit = {\n      root: this.blockHeight === '100svh' ? this.block : null,\n      threshold: [0, 0.5, 1], // Callback will be executed when 0%, 50%, and 100% of the target is visible\n    };\n\n    return (\n      <div class={classes}>\n        <div class=\"media-block__block-container\">\n          <div class=\"media-block__media-container\">\n            {isVideo ? (\n              <pn-play-on-scroll show-overlay={this.showOverlayLayer} observerOptions={pnPlayOnScrollObserverOptions} video-src={this.videoSrc}></pn-play-on-scroll>\n            ) : isImage ? (\n              <picture>\n                <source media=\"(min-width: 1400px)\" srcSet={this.imageSrc} />\n                <source media=\"(min-width: 1224px)\" srcSet={this.imageSrc} />\n                <source media=\"(min-width: 1140px)\" srcSet={this.imageSrc} />\n                <source\n                  media=\"(min-width: 1023px)\"\n                  srcSet={this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n                />\n                <source\n                  media=\"(min-width: 768px)\"\n                  srcSet={this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n                />\n                <source\n                  media=\"(min-width: 500px)\"\n                  srcSet={this.imageSrcSmallScreenFormat && this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n                />\n                <img\n                  src={this.imageSrcSmallScreenFormat !== 'undefined' ? this.imageSrcSmallScreenFormat : this.imageSrc}\n                  alt={this.imageAltText !== 'undefined' ? this.imageAltText : ''}\n                  role={this.imageAltText !== 'undefined' ? 'img' : 'presentation'}\n                  aria-hidden={this.imageAltText !== 'undefined' ? 'false' : 'true'}\n                />\n              </picture>\n            ) : null}\n          </div>\n\n          {!isVideo && <div class=\"media-block__overlay-filter\" id=\"mediaBlockOverlay\"></div>}\n\n          {(this.blockHeading || this.blockPreamble) && (\n            <div class=\"media-block__content-container\">\n              {this.blockHeading && (\n                <HeadingTag level={this.blockHeadingLevel} cssClass=\"media-block__block-heading\">\n                  {this.blockHeading}\n                </HeadingTag>\n              )}\n              {this.blockPreamble && <p class=\"media-block__preamble\">{this.blockPreamble}</p>}\n              {hasButtonSlot && (\n                <div class=\"media-block__cta-link\">\n                  <slot name=\"cta-button\" />\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n\n        <div id=\"scroll-trigger\"></div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/esm/pn-multi-row-connected-dropdown-row.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, g as getElement, h, d as Host } from './index-51d67461.js';
+import { r as registerInstance, c as createEvent, g as getElement, h, d as Host } from './index-c311acd6.js';
 import { d as debounce } from './index-1190bec4.js';
 import { m as minus } from './minus-2b8ae0b8.js';
 import { v as v4 } from './v4-964634d6.js';
 
-const pnMultiRowConnectedDropdownRowCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-multi-row-connected-dropdown-row{gap:1rem}pn-multi-row-connected-dropdown-row pn-date-picker .pn-date-picker{container-type:normal}pn-multi-row-connected-dropdown-row .connected-dropdown__row.input-row pn-select,pn-multi-row-connected-dropdown-row .connected-dropdown__row.input-row pn-input{width:25%}pn-multi-row-connected-dropdown-row .connected-dropdown-parent-element{margin-bottom:0.5rem}pn-multi-row-connected-dropdown-row pn-select{width:35%}pn-multi-row-connected-dropdown-row pn-marketweb-input{width:10%}pn-multi-row-connected-dropdown-row pn-marketweb-input input{height:4.3rem}pn-multi-row-connected-dropdown-row .connected-dropdown{padding:1rem;border-left:0.2rem solid #005d92}pn-multi-row-connected-dropdown-row .connected-dropdown:hover{background-color:#f9f8f8}pn-multi-row-connected-dropdown-row .connected-dropdown__toggle-date-button{width:20%;margin-bottom:0.5rem;align-self:center}pn-multi-row-connected-dropdown-row .connected-dropdown__row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;justify-content:space-between}pn-multi-row-connected-dropdown-row .connected-dropdown__row__no-margin{margin:0}pn-multi-row-connected-dropdown-row .connected-dropdown__multi-date-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}pn-multi-row-connected-dropdown-row .connected-dropdown__button-container{display:flex;align-items:flex-end;gap:1rem}pn-multi-row-connected-dropdown-row .connected-dropdown__button{background-color:#ffffff;border:solid;border-width:0.1rem;border-radius:0.8rem;border-color:#005d92;padding:0.4rem 0.8rem;color:#005d92;font-size:1.4rem;text-align:center;text-decoration:none;cursor:pointer}pn-multi-row-connected-dropdown-row .connected-dropdown__button:hover,pn-multi-row-connected-dropdown-row .connected-dropdown__button.active{background-color:#0d234b;border-color:#0d234b;color:#ffffff}pn-multi-row-connected-dropdown-row .connected-dropdown__buttom-container-right{display:flex}pn-multi-row-connected-dropdown-row .connected-dropdown__button-right{margin-left:auto}pn-multi-row-connected-dropdown-row .connected-dropdown__label-container{margin-bottom:0.4rem;color:#5e554a;font-size:0.875em;justify-content:space-between;align-items:flex-end}pn-multi-row-connected-dropdown-row .connected-dropdown__checkbox{display:flex;gap:0.5rem}pn-multi-row-connected-dropdown-row .connected-dropdown__date-slot{border:0.1rem solid #005d92;margin-bottom:1rem;padding:1rem}pn-multi-row-connected-dropdown-row .generated-date-row{border-bottom:0.1rem solid #005d92}";
+const pnMultiRowConnectedDropdownRowCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-multi-row-connected-dropdown-row{gap:1rem}pn-multi-row-connected-dropdown-row pn-date-picker .pn-date-picker{container-type:normal}pn-multi-row-connected-dropdown-row .connected-dropdown__row.input-row pn-select,pn-multi-row-connected-dropdown-row .connected-dropdown__row.input-row pn-input{width:25%}pn-multi-row-connected-dropdown-row .connected-dropdown-parent-element{margin-bottom:0.5rem}pn-multi-row-connected-dropdown-row pn-select{width:35%}pn-multi-row-connected-dropdown-row pn-marketweb-input{width:10%}pn-multi-row-connected-dropdown-row pn-marketweb-input input{height:4.3rem}pn-multi-row-connected-dropdown-row .connected-dropdown{padding:1rem;border-left:0.2rem solid #005d92}pn-multi-row-connected-dropdown-row .connected-dropdown:hover{background-color:#f9f8f8}pn-multi-row-connected-dropdown-row .connected-dropdown__toggle-date-button{width:20%;margin-bottom:0.5rem;align-self:center}pn-multi-row-connected-dropdown-row .connected-dropdown__row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;justify-content:space-between}pn-multi-row-connected-dropdown-row .connected-dropdown__row__no-margin{margin:0}pn-multi-row-connected-dropdown-row .connected-dropdown__multi-date-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}pn-multi-row-connected-dropdown-row .connected-dropdown__button-container{display:flex;align-items:flex-end;gap:1rem}pn-multi-row-connected-dropdown-row .connected-dropdown__button{background-color:#ffffff;border:solid;border-width:0.1rem;border-radius:0.8rem;border-color:#005d92;padding:0.4rem 0.8rem;color:#005d92;font-size:1.4rem;text-align:center;text-decoration:none;cursor:pointer}pn-multi-row-connected-dropdown-row .connected-dropdown__button:hover,pn-multi-row-connected-dropdown-row .connected-dropdown__button.active{background-color:#0d234b;border-color:#0d234b;color:#ffffff}pn-multi-row-connected-dropdown-row .connected-dropdown__buttom-container-right{display:flex}pn-multi-row-connected-dropdown-row .connected-dropdown__button-right{margin-left:auto}pn-multi-row-connected-dropdown-row .connected-dropdown__label-container{margin-bottom:0.4rem;color:#5e554a;font-size:0.875em;justify-content:space-between;align-items:flex-end}pn-multi-row-connected-dropdown-row .connected-dropdown__checkbox{display:flex;gap:0.5rem}pn-multi-row-connected-dropdown-row .connected-dropdown__date-slot{border:0.1rem solid #005d92;margin-bottom:1rem;padding:1rem}pn-multi-row-connected-dropdown-row .generated-date-row{border-bottom:0.1rem solid #005d92}";
 const PnMultiRowConnectedDropdownRowStyle0 = pnMultiRowConnectedDropdownRowCss;
 
 const PnMultiRowConnectedDropdownRow = class {

package/esm/pn-multi-row-connected-dropdown-row.entry.js.map

@@ -1 +1 @@
-{"file":"pn-multi-row-connected-dropdown-row.entry.js","mappings":"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","names":["uuidv4"],"sources":["src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown-row.scss?tag=pn-multi-row-connected-dropdown-row","src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown-row.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-multi-row-connected-dropdown-row {\n  pn-date-picker .pn-date-picker {\n    container-type: normal;\n  }\n\n  gap: 1rem;\n\n  .connected-dropdown__row.input-row pn-select,\n  .connected-dropdown__row.input-row pn-input {\n    width: 25%;\n  }\n\n  .connected-dropdown-parent-element {\n    margin-bottom: 0.5rem;\n  }\n\n  pn-select {\n    width: 35%;\n  }\n\n  pn-marketweb-input {\n    width: 10%;\n\n    input {\n      height: 4.3rem;\n    }\n  }\n\n  .connected-dropdown {\n    padding: 1rem;\n    border-left: 0.2rem solid $blue700;\n\n    &:hover {\n      background-color: $gray25;\n    }\n\n    &__toggle-date-button {\n      width: 20%;\n      margin-bottom: 0.5rem;\n      align-self: center;\n    }\n\n    &__row {\n      display: flex;\n      align-items: flex-start;\n      gap: 1rem;\n      margin-bottom: 1rem;\n      justify-content: space-between;\n\n      &__no-margin {\n        margin: 0;\n      }\n    }\n\n    &__multi-date-row {\n      display: flex;\n      align-items: center;\n      gap: 1rem;\n      margin-bottom: 1rem;\n    }\n\n    &__button-container {\n      display: flex;\n      align-items: flex-end;\n      gap: 1rem;\n    }\n\n    &__button {\n      background-color: #ffffff;\n      border: solid;\n      border-width: 0.1rem;\n      border-radius: 0.8rem;\n      border-color: $blue700;\n      padding: 0.4rem 0.8rem;\n      color: $blue700;\n      font-size: 1.4rem;\n      text-align: center;\n      text-decoration: none;\n      cursor: pointer;\n\n      &:hover,\n      &.active {\n        background-color: $blue900;\n        border-color: $blue900;\n        color: #ffffff;\n      }\n    }\n\n    &__buttom-container-right {\n      display: flex;\n    }\n\n    &__button-right {\n      margin-left: auto;\n    }\n\n    &__label-container {\n      margin-bottom: 0.4rem;\n      color: $gray700;\n      font-size: 0.875em;\n      justify-content: space-between;\n      align-items: flex-end;\n    }\n\n    &__checkbox {\n      display: flex;\n      gap: 0.5rem;\n    }\n\n    &__date-slot {\n      border: 0.1rem solid $blue700;\n      margin-bottom: 1rem;\n      padding: 1rem;\n    }\n  }\n\n  .generated-date-row {\n    border-bottom: 0.1rem solid $blue700;\n  }\n}","import { Component, Prop, h, Element, Host, State, Watch, Event, EventEmitter } from '@stencil/core';\nimport { Root, SelectItem, PredefinedValues } from './types';\nimport debounce from 'debounce';\nimport { v4 as uuidv4 } from 'uuid';\nimport { minus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-multi-row-connected-dropdown-row',\n  styleUrl: 'pn-multi-row-connected-dropdown-row.scss',\n})\nexport class PnMultiRowConnectedDropdownRow {\n  @Element() hostElement: Element;\n  private _dropdownData: Root[];\n  private _predefinedValue: PredefinedValues;\n  pnConnectedDropdown: HTMLElement = null;\n  pnConnectedDropdownSlotElement: HTMLElement = null;\n  pnAddFieldButton: HTMLElement = null;\n  pnFirstDropdown: HTMLElement = null;\n  pnSecondDropdown: HTMLElement = null;\n  pnInputField: HTMLElement = null;\n  pnSingleDatePicker: HTMLElement = null;\n  pnStartDate: HTMLElement = null;\n  pnEndDate: HTMLElement = null;\n  pnShowDateRangeFiledButton: HTMLElement = null;\n  pnDateRangeContainer: HTMLElement = null;\n  pnGenerateDatesButton: HTMLElement = null;\n  pnDaysRow: HTMLElement = null;\n  pnGeneratedDatesSlot: HTMLElement = null;\n  pnSaveGeneratedDatesButton: HTMLElement = null;\n  pnDeleteRowButton: HTMLElement = null;\n\n  @Prop() dropdownData: string | Root[] = null;\n  @Prop() languageCode: string = null;\n  @Prop() label: string = null;\n  @Prop() firstDropdownLabel: string = null;\n  @Prop() secondDropdownLabel: string = null;\n  @Prop() dropdownPlaceholder: string = null;\n  @Prop() addRowText: string = null;\n  @Prop() inputFieldLabel: string = null;\n  @Prop() inputFieldPlaceholder: string = null;\n  @Prop() disabledDates: string = null;\n  @Prop() dateButtonText: string = null;\n  @Prop() datePlaceholder: string = null;\n  @Prop() dateDaysFromToday: number = 1;\n  @Prop() allowMultipleDates: boolean = null;\n  @Prop() startDateLabel: string = null;\n  @Prop() endDateLabel: string = null;\n  @Prop() multiDateHelperText: string = null;\n  @Prop() generateDatesButtonText: string = null;\n  @Prop() saveDateButtonText: string = null;\n  @Prop() noDatesText: string = null;\n  @Prop() index: number = null;\n  @Prop() predefinedValue: string = null;\n  @Prop() yearsToAddToEndDate: number = null;\n  @Prop() minAmount: number = null;\n  @Prop() errorMessageEmpty: string;\n  @Prop() errorMessageMinAmount: string;\n  @Prop() minWarningAmount: number = null;\n  @Prop() warningMessageMinAmount: string;\n\n  @State() buttonsArray: SelectItem[] = null;\n  @State() firstDropdownArr: SelectItem[] = null;\n  @State() secondDropdownArr: SelectItem[] = [];\n  @State() firstDropdownClass: string = null;\n  @State() secondDropdownClass: string = null;\n  @State() firstValidDateString: string = '';\n  @State() lastValidDateString: string = '';\n  @State() firstDropdownPlaceholder: string = '-';\n  @State() secondDropdownPlaceholder: string = '-';\n  @State() startDateValue: string = '';\n  @State() endDateValue: string = '';\n  @State() generatedDatesArr: string[] = [];\n  @State() selectedButtonValue: string = '';\n  @State() inputFieldValue: string = '';\n  @State() dateValue: string = '';\n  @State() daysArr: SelectItem[] = null;\n\n  @Event() rowValueChange: EventEmitter<PredefinedValues>;\n  @Event() deleteRowEvent: EventEmitter<string>;\n\n  componentWillLoad() {\n    this.getPredefinedValues();\n    this.setDropDownData();\n    this.setFirstValidDate();\n    this.setInitialValues();\n  }\n\n  componentDidLoad() {\n    this.addEventHandlers();\n    this.emitRowValues();\n  }\n\n  setDropDownData() {\n    if (typeof this.dropdownData === 'string') {\n      this._dropdownData = JSON.parse(this.dropdownData);\n    } else {\n      this._dropdownData = this.dropdownData;\n    }\n  }\n\n  getPredefinedValues() {\n    this._predefinedValue = JSON.parse(this.predefinedValue);\n  }\n\n  @Watch('predefinedValue')\n  applyPredefinedValue() {\n    this.getPredefinedValues();\n  }\n\n  setInitialValues() {\n    this.setButtonsValue();\n    this.setFirstDropdownValues();\n    this.setSecondDropdownValues();\n    this.setInputField();\n    this.setDateValue();\n    this.setDateRangeDefaults();\n\n    this.firstDropdownClass = this.firstDropdownLabel.replace(' ', '_') + '-dropdown';\n    this.secondDropdownClass = this.secondDropdownLabel.replace(' ', '_') + '-dropdown';\n  }\n\n  setButtonsValue() {\n    this.buttonsArray = [];\n\n    if (this._predefinedValue.buttons?.length) {\n      this.buttonsArray = this._predefinedValue.buttons;\n\n      this.buttonsArray.forEach(item => {\n        if (item.selected) {\n          this.selectedButtonValue = item.value;\n        }\n      });\n    } else {\n      this._dropdownData.forEach(item => {\n        const button: SelectItem = { selected: false, value: item.label, label: item.label };\n        this.buttonsArray.push(button);\n      });\n    }\n  }\n\n  setFirstDropdownValues() {\n    this.firstDropdownArr = [];\n\n    if (this._predefinedValue.firstDropdown?.length) {\n      this.firstDropdownArr = [...this._predefinedValue.firstDropdown];\n    }\n  }\n\n  setSecondDropdownValues() {\n    this.secondDropdownArr = [];\n\n    if (this._predefinedValue.secondDropdown?.length) {\n      this.secondDropdownArr = [...this._predefinedValue.secondDropdown];\n    }\n  }\n\n  setInputField() {\n    this.inputFieldValue = this._predefinedValue.input?.length ? this._predefinedValue.input : '';\n  }\n\n  setDateValue() {\n    if (this.allowMultipleDates) {\n      if (this.pnDateRangeContainer) {\n        this.pnDateRangeContainer.style.display = this._predefinedValue.dates[\"start\"]?.length ? '' : 'none';\n      }\n      this.generatedDatesArr = this._predefinedValue.dates[\"start\"]?.length ? this._predefinedValue.dates[\"start\"].split(',') : [];\n      this.saveGeneratedDates();\n    } else {\n      this.dateValue = this._predefinedValue.dates[\"start\"]?.length ? this._predefinedValue.dates[\"start\"] : '';\n    }\n  }\n\n  setDateRangeDefaults() {\n    this.daysArr = this._predefinedValue.dateRange.days;\n    this.startDateValue = this._predefinedValue.dateRange.startDate?.length ? this._predefinedValue.dateRange.startDate : '';\n    this.endDateValue = this._predefinedValue.dateRange.endDate?.length ? this._predefinedValue.dateRange.endDate : '';\n  }\n\n  setFirstValidDate() {\n    const yearsToAdd = this.yearsToAddToEndDate ? this.yearsToAddToEndDate : 2;\n    const date = new Date();\n    date.setDate(date.getDate() + this.dateDaysFromToday);\n\n    const year = date.getFullYear();\n    const month = (date.getMonth() + 1).toString().padStart(2, '0');\n    const day = date.getDate().toString().padStart(2, '0');\n    const endYear = year + yearsToAdd;\n\n    this.firstValidDateString = `${year.toString()}-${month}-${day}`;\n    this.lastValidDateString = `${endYear.toString()}-${month}-${day}`;\n  }\n\n  addEventHandlers() {\n    const emitValues = debounce(this.emitRowValues.bind(this), 500);\n\n    this.pnInputField.addEventListener('keyup', this.handleInput.bind(this));\n    this.pnInputField.addEventListener('change', this.handleInput.bind(this));\n    this.pnInputField.addEventListener('input', this.handleInput.bind(this));\n    this.pnInputField.addEventListener('keyup', emitValues);\n    this.pnInputField.addEventListener('change', emitValues);\n    this.pnInputField.addEventListener('input', emitValues);\n    this.pnFirstDropdown.addEventListener('change', this.handleFirstDropdownChange.bind(this));\n    this.pnSecondDropdown.addEventListener('change', this.handleSecondDropdownChange.bind(this));\n\n    if (this.allowMultipleDates) {\n      this.pnShowDateRangeFiledButton.addEventListener('click', this.showDateRangeRow.bind(this));\n      this.pnGenerateDatesButton.addEventListener('click', this.generateDates.bind(this));\n      this.pnSaveGeneratedDatesButton.addEventListener('click', this.saveGeneratedDates.bind(this));\n      this.pnSaveGeneratedDatesButton.addEventListener('click', emitValues);\n      this.pnStartDate.addEventListener('dateselection', this.handleDateSelection.bind(this));\n      this.pnEndDate.addEventListener('dateselection', this.handleDateSelection.bind(this));\n    } else {\n      this.pnSingleDatePicker.addEventListener('dateselection', this.handleDateSelection.bind(this));\n      this.pnSingleDatePicker.addEventListener('dateselection', emitValues);\n    }\n\n    if (this.index > 0) {\n      this.pnDeleteRowButton.addEventListener('click', this.deleteRow.bind(this));\n    }\n  }\n\n  generateUniqueId() {\n    return uuidv4();\n  }\n\n  updateSelectItemArr(arr: SelectItem[], val: string) {\n    arr.forEach(item => {\n      if (item.value === val) {\n        item.selected = !item.selected;\n      } else {\n        item.selected = false;\n      }\n    });\n    return arr;\n  }\n\n  handleOptionButtonClick(e) {\n    e.preventDefault();\n    const elmValue = e.target.innerHTML;\n\n    this.firstDropdownArr = [];\n    this.secondDropdownArr = [];\n    this.firstDropdownPlaceholder = '-';\n    this.secondDropdownPlaceholder = '-';\n\n    this.buttonsArray = [...this.updateSelectItemArr(this.buttonsArray, elmValue)];\n    this.selectedButtonValue = this.buttonsArray.some(item => item.selected) ? elmValue : '';\n\n    if (this.selectedButtonValue?.length) {\n      const selectionChildren = this._dropdownData.find(arr => arr.label === elmValue);\n      if (selectionChildren) {\n        this.firstDropdownArr = selectionChildren.values.map(item => ({\n          selected: false,\n          value: item.label,\n          label: item.label\n        }));\n      }\n      this.firstDropdownPlaceholder = this.dropdownPlaceholder;\n\n      this.secondDropdownArr = [];\n      this.secondDropdownPlaceholder = '-';\n    } else {\n      this.firstDropdownArr = [];\n      this.firstDropdownPlaceholder = '-';\n      this.secondDropdownArr = [];\n      this.secondDropdownPlaceholder = '-';\n    }\n\n    const firstNativeSelect = this.pnFirstDropdown.querySelector('select');\n    if (firstNativeSelect) {\n      firstNativeSelect.value = \"\";\n    }\n    const secondNativeSelect = this.pnSecondDropdown.querySelector('select');\n    if (secondNativeSelect) {\n      secondNativeSelect.value = \"\";\n    }\n\n    const firstDropdownText = this.pnFirstDropdown.querySelector('.pn-select option[disabled]');\n    if (firstDropdownText) {\n      firstDropdownText.textContent = this.firstDropdownPlaceholder;\n    }\n\n    const secondDropdownText = this.pnSecondDropdown.querySelector('.pn-select option[disabled]');\n    if (secondDropdownText) {\n      secondDropdownText.textContent = this.secondDropdownPlaceholder;\n    }\n  }\n\n  handleFirstDropdownChange(e: CustomEvent) {\n    var target = e.target as HTMLSelectElement;\n\n    const selectedValue = target.value;\n    this.firstDropdownArr = [...this.updateSelectItemArr(this.firstDropdownArr, selectedValue)];\n\n    this.secondDropdownArr = [];\n    const selectedButton = this.buttonsArray.findIndex(item => item.selected === true);\n    const firstChildren = this._dropdownData.find(arr => arr.label === this.buttonsArray[selectedButton].value);\n    const secondChildren = firstChildren.values.find(arr => arr.label === selectedValue);\n    secondChildren.values.forEach(item => {\n      this.secondDropdownArr.push({ selected: false, value: item.label, label: item.label });\n    });\n    \n    const secondDropdownText = this.pnSecondDropdown.querySelector('.pn-select option[disabled]');\n    if (secondDropdownText) {\n      secondDropdownText.textContent = this.dropdownPlaceholder;\n    }\n\n    this.emitRowValues();\n  }\n\n  handleSecondDropdownChange(e: CustomEvent) {\n    var target = e.target as HTMLSelectElement;\n    const selectedValue = target.value;\n    this.secondDropdownArr = [...this.updateSelectItemArr(this.secondDropdownArr, selectedValue)];\n    this.emitRowValues();\n  }\n\n  handleInput(e) {\n    const currentValue = e.target.value;\n    const inputAmount = e.target.closest(\".input-amount\");\n\n    if (!inputAmount) {\n      return;\n    }\n\n    if (Number(currentValue) === 0) {\n      inputAmount.setAttribute(\"error\", this.errorMessageEmpty || \"Cannot be empty\");\n      inputAmount.removeAttribute(\"helpertext\");\n      this.inputFieldValue = '';\n      return;\n    }\n\n    inputAmount.removeAttribute(\"error\");\n    inputAmount.removeAttribute(\"helpertext\");\n\n    if (Number(currentValue) < this.minAmount) {\n      inputAmount.setAttribute(\"error\", this.errorMessageMinAmount || \"Amount too low\");\n      this.inputFieldValue = '';\n      return;\n    }\n\n    if (Number(currentValue) < this.minWarningAmount) {\n      inputAmount.setAttribute(\"helpertext\", this.warningMessageMinAmount || \"Amount too low\");\n    }\n\n    this.inputFieldValue = currentValue;\n  }\n\n  showDateRangeRow() {\n    if (this.pnDateRangeContainer.style.display === 'none') {\n      this.pnDateRangeContainer.style.display = '';\n    } else {\n      this.pnDateRangeContainer.style.display = 'none';\n    }\n  }\n\n  handleDateSelection(e: CustomEvent) {\n    const target = e.target as any;\n\n  if (target === this.pnSingleDatePicker) {\n    this.dateValue = target.value || target.start || '';\n  }\n  \n  if (target === this.pnStartDate) {\n    this.startDateValue = target.value || target.start || '';\n  }\n  if (target === this.pnEndDate) {\n    this.endDateValue = target.value || target.start || '';\n  }\n}\n\n  generateDates(e) {\n    e.preventDefault();\n\n    const allCheckboxes = this.pnDaysRow.querySelectorAll('pn-filter-checkbox');\n    const selectedDays = [];\n    this.generatedDatesArr = [];\n\n    allCheckboxes.forEach(element => {\n      const input = element.querySelector('input');\n      if (input.value) {\n        selectedDays.push(input.value);\n      }\n    });\n\n    if (selectedDays.length && this.startDateValue && this.endDateValue) {\n      this.daysArr.forEach(item => {\n        item.selected = selectedDays.includes(item.value);\n      });\n\n      const startDate = new Date(this.startDateValue);\n      const endDate = new Date(this.endDateValue);\n      const disabledDateSet = new Set(this.disabledDates.split(','));\n\n      for (let d = new Date(startDate); d <= endDate; d.setDate(d.getDate() + 1)) {\n        const year = d.getFullYear();\n        const month = (d.getMonth() + 1).toString().padStart(2, '0');\n        const day = d.getDate().toString().padStart(2, '0');\n        const formattedDate = `${year}-${month}-${day}`;\n\n        if (disabledDateSet.has(formattedDate)) {\n          continue;\n        }\n\n        const dayOfWeek = (d.getDay() === 0) ? '7' : d.getDay().toString();\n        if (selectedDays.includes(dayOfWeek)) {\n          this.generatedDatesArr.push(formattedDate);\n        }\n      }\n    }\n  }\n\n\n  deleteGeneratedDateRow(index) {\n    this.generatedDatesArr.splice(index, 1);\n    this.generatedDatesArr = [...this.generatedDatesArr];\n  }\n\n  saveGeneratedDates() {\n    if (this.generatedDatesArr?.length) {\n      this.dateValue = this.generatedDatesArr.join(\",\");\n      const dateCount = this.generatedDatesArr.length;\n      const buttonTextElm = this.pnShowDateRangeFiledButton.querySelector('.pn-button-content');\n      buttonTextElm.innerHTML = dateCount > 0 ? `${this.dateButtonText} (${dateCount})` : this.dateButtonText;\n      this.showDateRangeRow();\n    }\n  }\n\n  emitRowValues() {\n    this.rowValueChange.emit({\n      id: this._predefinedValue.id,\n      buttons: this.buttonsArray,\n      firstDropdown: this.firstDropdownArr,\n      secondDropdown: this.secondDropdownArr,\n      input: this.inputFieldValue,\n      dates: this.dateValue,\n      dateRange: {\n        days: this.daysArr,\n        startDate: this.startDateValue,\n        endDate: this.endDateValue,\n      },\n    });\n  }\n\n  deleteRow() {\n    this.deleteRowEvent.emit(this._predefinedValue.id);\n  }\n\n  setActive(active: boolean) {\n    return active ? 'connected-dropdown__button active' : 'connected-dropdown__button';\n  }\n\n  render() {\n    return (\n      <Host>\n        <div ref={el => (this.pnConnectedDropdownSlotElement = el as HTMLElement)} class=\"connected-dropdown-slot-element\">\n          <div class=\"connected-dropdown-parent-element connected-dropdown\">\n            <div class=\"connected-dropdown__row__no-margin\">\n              <label>{this.label}</label>\n            </div>\n\n            <div class=\"connected-dropdown__row button-row\">\n              <div class=\"connected-dropdown__button-container option-buttons\">\n                {this.buttonsArray?.map(item => (\n                  <button class={`${this.setActive(item.selected)}`} id={this.generateUniqueId()} onClick={this.handleOptionButtonClick.bind(this)}>\n                    {item.value}\n                  </button>\n                ))}\n              </div>\n\n              <div class=\"connected-dropdown__button-container delete-button\">\n                {this.index > 0 ? (\n                  <pn-button ref={el => (this.pnDeleteRowButton = el as HTMLElement)} small=\"true\" icon={minus} appearance=\"warning\" index={this.index}>\n                    Delete\n                  </pn-button>\n                ) : null}\n              </div>\n            </div>\n\n            <div class=\"connected-dropdown__row input-row\">\n              <pn-select\n                ref={el => (this.pnFirstDropdown = el as HTMLElement)}\n                class=\"pn-row-select-dropdown dropDown1-dropdown\"\n                label={this.firstDropdownLabel}\n                language={this.languageCode}\n              >\n                <option value=\"\" selected={true} disabled={true}>{this.firstDropdownPlaceholder}</option>\n                {this.firstDropdownArr?.map((item) => (\n                  <option value={item.value} selected={item.selected}>{item.label}</option>\n                ))}\n              </pn-select>\n              <pn-select\n                ref={el => (this.pnSecondDropdown = el as HTMLElement)}\n                class=\"pn-row-select-dropdown dropDown2-dropdown\"\n                label={this.secondDropdownLabel}\n                language={this.languageCode}\n              >\n                <option value=\"\" selected={true} disabled={true}>{this.secondDropdownPlaceholder}</option>\n                {this.secondDropdownArr?.map((item) => (\n                  <option value={item.value} selected={item.selected}>{item.label}</option>\n                ))}\n              </pn-select>\n\n              <pn-input\n                ref={el => (this.pnInputField = el as HTMLElement)}\n                class=\"input-amount\"\n                type=\"number\"\n                placeholder=\"0\"\n                label={this.inputFieldLabel}\n                value={this.inputFieldValue}\n                min={this.minAmount}\n              ></pn-input>\n\n              {this.allowMultipleDates ? (\n                <pn-button ref={el => (this.pnShowDateRangeFiledButton = el as HTMLElement)} class=\"connected-dropdown__toggle-date-button\" small=\"true\" appearance=\"light\">\n                  {this.dateButtonText}\n                </pn-button>\n              ) : (\n                <div class=\"connected-dropdown__date-container\">\n                  <pn-date-picker\n                    ref={el => (this.pnSingleDatePicker = el as HTMLElement)}\n                    range=\"false\"\n                    label-from={this.dateButtonText}\n                    disable-weekends={true}\n                    disabled-dates={this.disabledDates}\n                    min-date={this.firstValidDateString}\n                    language={this.languageCode}\n                    placeholder={this.datePlaceholder}\n                    class=\"connected-dropdown__date-picker\"\n                    start={this.dateValue?.length ? this.dateValue : null}\n                  ></pn-date-picker>\n                </div>\n              )}\n            </div>\n\n            {this.allowMultipleDates ? (\n              <div ref={el => (this.pnDateRangeContainer = el as HTMLElement)} class=\"connected-dropdown__date-container\" style={{ display: 'none' }}>\n                {this.multiDateHelperText ? (\n                  <div class=\"connected-dropdown__row\">\n                    <p>{this.multiDateHelperText}</p>\n                  </div>\n                ) : null}\n\n                <div class=\"connected-dropdown__multi-date-row\">\n                  <div class=\"connected-dropdown__date-container\">\n                    <pn-date-picker\n                      ref={el => (this.pnStartDate = el as HTMLElement)}\n                      label-from={this.startDateLabel}\n                      range=\"false\"\n                      disable-weekends={true}\n                      disabled-dates={this.disabledDates}\n                      class=\"connected-dropdown__date-picker\"\n                      min-date={this.firstValidDateString}\n                      max-date={this.lastValidDateString}\n                      language={this.languageCode}\n                      placeholder={this.datePlaceholder}\n                    ></pn-date-picker>\n                  </div>\n\n                  <div class=\"connected-dropdown__date-container\">\n                    <pn-date-picker\n                      ref={el => (this.pnEndDate = el as HTMLElement)}\n                      label-from={this.endDateLabel}\n                      range=\"false\"\n                      disable-weekends={true}\n                      disabled-dates={this.disabledDates}\n                      class=\"connected-dropdown__date-picker\"\n                      min-date={this.firstValidDateString}\n                      max-date={this.lastValidDateString}\n                      language={this.languageCode}\n                      placeholder={this.datePlaceholder}\n                    ></pn-date-picker>\n                  </div>\n                </div>\n                <div ref={el => (this.pnDaysRow = el as HTMLElement)} class=\"connected-dropdown__multi-date-row\">\n                  {this.daysArr?.map((day: SelectItem) => (\n                    <div class=\"connected-dropdown__checkbox\">\n                      <pn-filter-checkbox checkboxid={'day-' + day.value} name={'__' + day.label} value={day.value} checked={day.selected}></pn-filter-checkbox>\n                      <label htmlFor={'day-' + day.value}>{day.label}</label>\n                    </div>\n                  ))}\n                </div>\n\n                <div class=\"connected-dropdown__row\">\n                  <pn-button ref={el => (this.pnGenerateDatesButton = el as HTMLElement)} small=\"true\">\n                    {this.generateDatesButtonText}\n                  </pn-button>\n                </div>\n\n                <div ref={el => (this.pnGeneratedDatesSlot = el as HTMLElement)} class=\"connected-dropdown__date-slot\">\n                  {this.generatedDatesArr?.map((date: string, i) => (\n                    <div class=\"connected-dropdown__row generated-date-row\">\n                      <p>{date}</p>\n                      <pn-button index={i} small=\"true\" icon={minus} appearance=\"warning\" id={'delete-date-' + i} onClick={this.deleteGeneratedDateRow.bind(this, i)}>\n                        {date}\n                      </pn-button>\n                    </div>\n                  ))}\n\n                  {!this.generatedDatesArr?.length ? <p>{this.noDatesText}</p> : null}\n                </div>\n\n                <div class=\"connected-dropdown__row\">\n                  <pn-button ref={el => (this.pnSaveGeneratedDatesButton = el as HTMLElement)} class=\"connected-dropdown__button-right\" small=\"true\">\n                    {this.saveDateButtonText}\n                  </pn-button>\n                </div>\n              </div>\n            ) : null}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pn-multi-row-connected-dropdown-row.entry.js","mappings":"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","names":["uuidv4"],"sources":["src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown-row.scss?tag=pn-multi-row-connected-dropdown-row","src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown-row.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-multi-row-connected-dropdown-row {\n  pn-date-picker .pn-date-picker {\n    container-type: normal;\n  }\n\n  gap: 1rem;\n\n  .connected-dropdown__row.input-row pn-select,\n  .connected-dropdown__row.input-row pn-input {\n    width: 25%;\n  }\n\n  .connected-dropdown-parent-element {\n    margin-bottom: 0.5rem;\n  }\n\n  pn-select {\n    width: 35%;\n  }\n\n  pn-marketweb-input {\n    width: 10%;\n\n    input {\n      height: 4.3rem;\n    }\n  }\n\n  .connected-dropdown {\n    padding: 1rem;\n    border-left: 0.2rem solid $blue700;\n\n    &:hover {\n      background-color: $gray25;\n    }\n\n    &__toggle-date-button {\n      width: 20%;\n      margin-bottom: 0.5rem;\n      align-self: center;\n    }\n\n    &__row {\n      display: flex;\n      align-items: flex-start;\n      gap: 1rem;\n      margin-bottom: 1rem;\n      justify-content: space-between;\n\n      &__no-margin {\n        margin: 0;\n      }\n    }\n\n    &__multi-date-row {\n      display: flex;\n      align-items: center;\n      gap: 1rem;\n      margin-bottom: 1rem;\n    }\n\n    &__button-container {\n      display: flex;\n      align-items: flex-end;\n      gap: 1rem;\n    }\n\n    &__button {\n      background-color: #ffffff;\n      border: solid;\n      border-width: 0.1rem;\n      border-radius: 0.8rem;\n      border-color: $blue700;\n      padding: 0.4rem 0.8rem;\n      color: $blue700;\n      font-size: 1.4rem;\n      text-align: center;\n      text-decoration: none;\n      cursor: pointer;\n\n      &:hover,\n      &.active {\n        background-color: $blue900;\n        border-color: $blue900;\n        color: #ffffff;\n      }\n    }\n\n    &__buttom-container-right {\n      display: flex;\n    }\n\n    &__button-right {\n      margin-left: auto;\n    }\n\n    &__label-container {\n      margin-bottom: 0.4rem;\n      color: $gray700;\n      font-size: 0.875em;\n      justify-content: space-between;\n      align-items: flex-end;\n    }\n\n    &__checkbox {\n      display: flex;\n      gap: 0.5rem;\n    }\n\n    &__date-slot {\n      border: 0.1rem solid $blue700;\n      margin-bottom: 1rem;\n      padding: 1rem;\n    }\n  }\n\n  .generated-date-row {\n    border-bottom: 0.1rem solid $blue700;\n  }\n}","import { Component, Prop, h, Element, Host, State, Watch, Event, EventEmitter } from '@stencil/core';\nimport { Root, SelectItem, PredefinedValues } from './types';\nimport debounce from 'debounce';\nimport { v4 as uuidv4 } from 'uuid';\nimport { minus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-multi-row-connected-dropdown-row',\n  styleUrl: 'pn-multi-row-connected-dropdown-row.scss',\n})\nexport class PnMultiRowConnectedDropdownRow {\n  @Element() hostElement: Element;\n  private _dropdownData: Root[];\n  private _predefinedValue: PredefinedValues;\n  pnConnectedDropdown: HTMLElement = null;\n  pnConnectedDropdownSlotElement: HTMLElement = null;\n  pnAddFieldButton: HTMLElement = null;\n  pnFirstDropdown: HTMLElement = null;\n  pnSecondDropdown: HTMLElement = null;\n  pnInputField: HTMLElement = null;\n  pnSingleDatePicker: HTMLElement = null;\n  pnStartDate: HTMLElement = null;\n  pnEndDate: HTMLElement = null;\n  pnShowDateRangeFiledButton: HTMLElement = null;\n  pnDateRangeContainer: HTMLElement = null;\n  pnGenerateDatesButton: HTMLElement = null;\n  pnDaysRow: HTMLElement = null;\n  pnGeneratedDatesSlot: HTMLElement = null;\n  pnSaveGeneratedDatesButton: HTMLElement = null;\n  pnDeleteRowButton: HTMLElement = null;\n\n  @Prop() dropdownData: string | Root[] = null;\n  @Prop() languageCode: string = null;\n  @Prop() label: string = null;\n  @Prop() firstDropdownLabel: string = null;\n  @Prop() secondDropdownLabel: string = null;\n  @Prop() dropdownPlaceholder: string = null;\n  @Prop() addRowText: string = null;\n  @Prop() inputFieldLabel: string = null;\n  @Prop() inputFieldPlaceholder: string = null;\n  @Prop() disabledDates: string = null;\n  @Prop() dateButtonText: string = null;\n  @Prop() datePlaceholder: string = null;\n  @Prop() dateDaysFromToday: number = 1;\n  @Prop() allowMultipleDates: boolean = null;\n  @Prop() startDateLabel: string = null;\n  @Prop() endDateLabel: string = null;\n  @Prop() multiDateHelperText: string = null;\n  @Prop() generateDatesButtonText: string = null;\n  @Prop() saveDateButtonText: string = null;\n  @Prop() noDatesText: string = null;\n  @Prop() index: number = null;\n  @Prop() predefinedValue: string = null;\n  @Prop() yearsToAddToEndDate: number = null;\n  @Prop() minAmount: number = null;\n  @Prop() errorMessageEmpty: string;\n  @Prop() errorMessageMinAmount: string;\n  @Prop() minWarningAmount: number = null;\n  @Prop() warningMessageMinAmount: string;\n\n  @State() buttonsArray: SelectItem[] = null;\n  @State() firstDropdownArr: SelectItem[] = null;\n  @State() secondDropdownArr: SelectItem[] = [];\n  @State() firstDropdownClass: string = null;\n  @State() secondDropdownClass: string = null;\n  @State() firstValidDateString: string = '';\n  @State() lastValidDateString: string = '';\n  @State() firstDropdownPlaceholder: string = '-';\n  @State() secondDropdownPlaceholder: string = '-';\n  @State() startDateValue: string = '';\n  @State() endDateValue: string = '';\n  @State() generatedDatesArr: string[] = [];\n  @State() selectedButtonValue: string = '';\n  @State() inputFieldValue: string = '';\n  @State() dateValue: string = '';\n  @State() daysArr: SelectItem[] = null;\n\n  @Event() rowValueChange: EventEmitter<PredefinedValues>;\n  @Event() deleteRowEvent: EventEmitter<string>;\n\n  componentWillLoad() {\n    this.getPredefinedValues();\n    this.setDropDownData();\n    this.setFirstValidDate();\n    this.setInitialValues();\n  }\n\n  componentDidLoad() {\n    this.addEventHandlers();\n    this.emitRowValues();\n  }\n\n  setDropDownData() {\n    if (typeof this.dropdownData === 'string') {\n      this._dropdownData = JSON.parse(this.dropdownData);\n    } else {\n      this._dropdownData = this.dropdownData;\n    }\n  }\n\n  getPredefinedValues() {\n    this._predefinedValue = JSON.parse(this.predefinedValue);\n  }\n\n  @Watch('predefinedValue')\n  applyPredefinedValue() {\n    this.getPredefinedValues();\n  }\n\n  setInitialValues() {\n    this.setButtonsValue();\n    this.setFirstDropdownValues();\n    this.setSecondDropdownValues();\n    this.setInputField();\n    this.setDateValue();\n    this.setDateRangeDefaults();\n\n    this.firstDropdownClass = this.firstDropdownLabel.replace(' ', '_') + '-dropdown';\n    this.secondDropdownClass = this.secondDropdownLabel.replace(' ', '_') + '-dropdown';\n  }\n\n  setButtonsValue() {\n    this.buttonsArray = [];\n\n    if (this._predefinedValue.buttons?.length) {\n      this.buttonsArray = this._predefinedValue.buttons;\n\n      this.buttonsArray.forEach(item => {\n        if (item.selected) {\n          this.selectedButtonValue = item.value;\n        }\n      });\n    } else {\n      this._dropdownData.forEach(item => {\n        const button: SelectItem = { selected: false, value: item.label, label: item.label };\n        this.buttonsArray.push(button);\n      });\n    }\n  }\n\n  setFirstDropdownValues() {\n    this.firstDropdownArr = [];\n\n    if (this._predefinedValue.firstDropdown?.length) {\n      this.firstDropdownArr = [...this._predefinedValue.firstDropdown];\n    }\n  }\n\n  setSecondDropdownValues() {\n    this.secondDropdownArr = [];\n\n    if (this._predefinedValue.secondDropdown?.length) {\n      this.secondDropdownArr = [...this._predefinedValue.secondDropdown];\n    }\n  }\n\n  setInputField() {\n    this.inputFieldValue = this._predefinedValue.input?.length ? this._predefinedValue.input : '';\n  }\n\n  setDateValue() {\n    if (this.allowMultipleDates) {\n      if (this.pnDateRangeContainer) {\n        this.pnDateRangeContainer.style.display = this._predefinedValue.dates[\"start\"]?.length ? '' : 'none';\n      }\n      this.generatedDatesArr = this._predefinedValue.dates[\"start\"]?.length ? this._predefinedValue.dates[\"start\"].split(',') : [];\n      this.saveGeneratedDates();\n    } else {\n      this.dateValue = this._predefinedValue.dates[\"start\"]?.length ? this._predefinedValue.dates[\"start\"] : '';\n    }\n  }\n\n  setDateRangeDefaults() {\n    this.daysArr = this._predefinedValue.dateRange.days;\n    this.startDateValue = this._predefinedValue.dateRange.startDate?.length ? this._predefinedValue.dateRange.startDate : '';\n    this.endDateValue = this._predefinedValue.dateRange.endDate?.length ? this._predefinedValue.dateRange.endDate : '';\n  }\n\n  setFirstValidDate() {\n    const yearsToAdd = this.yearsToAddToEndDate ? this.yearsToAddToEndDate : 2;\n    const date = new Date();\n    date.setDate(date.getDate() + this.dateDaysFromToday);\n\n    const year = date.getFullYear();\n    const month = (date.getMonth() + 1).toString().padStart(2, '0');\n    const day = date.getDate().toString().padStart(2, '0');\n    const endYear = year + yearsToAdd;\n\n    this.firstValidDateString = `${year.toString()}-${month}-${day}`;\n    this.lastValidDateString = `${endYear.toString()}-${month}-${day}`;\n  }\n\n  addEventHandlers() {\n    const emitValues = debounce(this.emitRowValues.bind(this), 500);\n\n    this.pnInputField.addEventListener('keyup', this.handleInput.bind(this));\n    this.pnInputField.addEventListener('change', this.handleInput.bind(this));\n    this.pnInputField.addEventListener('input', this.handleInput.bind(this));\n    this.pnInputField.addEventListener('keyup', emitValues);\n    this.pnInputField.addEventListener('change', emitValues);\n    this.pnInputField.addEventListener('input', emitValues);\n    this.pnFirstDropdown.addEventListener('change', this.handleFirstDropdownChange.bind(this));\n    this.pnSecondDropdown.addEventListener('change', this.handleSecondDropdownChange.bind(this));\n\n    if (this.allowMultipleDates) {\n      this.pnShowDateRangeFiledButton.addEventListener('click', this.showDateRangeRow.bind(this));\n      this.pnGenerateDatesButton.addEventListener('click', this.generateDates.bind(this));\n      this.pnSaveGeneratedDatesButton.addEventListener('click', this.saveGeneratedDates.bind(this));\n      this.pnSaveGeneratedDatesButton.addEventListener('click', emitValues);\n      this.pnStartDate.addEventListener('dateselection', this.handleDateSelection.bind(this));\n      this.pnEndDate.addEventListener('dateselection', this.handleDateSelection.bind(this));\n    } else {\n      this.pnSingleDatePicker.addEventListener('dateselection', this.handleDateSelection.bind(this));\n      this.pnSingleDatePicker.addEventListener('dateselection', emitValues);\n    }\n\n    if (this.index > 0) {\n      this.pnDeleteRowButton.addEventListener('click', this.deleteRow.bind(this));\n    }\n  }\n\n  generateUniqueId() {\n    return uuidv4();\n  }\n\n  updateSelectItemArr(arr: SelectItem[], val: string) {\n    arr.forEach(item => {\n      if (item.value === val) {\n        item.selected = !item.selected;\n      } else {\n        item.selected = false;\n      }\n    });\n    return arr;\n  }\n\n  handleOptionButtonClick(e) {\n    e.preventDefault();\n    const elmValue = e.target.innerHTML;\n\n    this.firstDropdownArr = [];\n    this.secondDropdownArr = [];\n    this.firstDropdownPlaceholder = '-';\n    this.secondDropdownPlaceholder = '-';\n\n    this.buttonsArray = [...this.updateSelectItemArr(this.buttonsArray, elmValue)];\n    this.selectedButtonValue = this.buttonsArray.some(item => item.selected) ? elmValue : '';\n\n    if (this.selectedButtonValue?.length) {\n      const selectionChildren = this._dropdownData.find(arr => arr.label === elmValue);\n      if (selectionChildren) {\n        this.firstDropdownArr = selectionChildren.values.map(item => ({\n          selected: false,\n          value: item.label,\n          label: item.label\n        }));\n      }\n      this.firstDropdownPlaceholder = this.dropdownPlaceholder;\n\n      this.secondDropdownArr = [];\n      this.secondDropdownPlaceholder = '-';\n    } else {\n      this.firstDropdownArr = [];\n      this.firstDropdownPlaceholder = '-';\n      this.secondDropdownArr = [];\n      this.secondDropdownPlaceholder = '-';\n    }\n\n    const firstNativeSelect = this.pnFirstDropdown.querySelector('select');\n    if (firstNativeSelect) {\n      firstNativeSelect.value = \"\";\n    }\n    const secondNativeSelect = this.pnSecondDropdown.querySelector('select');\n    if (secondNativeSelect) {\n      secondNativeSelect.value = \"\";\n    }\n\n    const firstDropdownText = this.pnFirstDropdown.querySelector('.pn-select option[disabled]');\n    if (firstDropdownText) {\n      firstDropdownText.textContent = this.firstDropdownPlaceholder;\n    }\n\n    const secondDropdownText = this.pnSecondDropdown.querySelector('.pn-select option[disabled]');\n    if (secondDropdownText) {\n      secondDropdownText.textContent = this.secondDropdownPlaceholder;\n    }\n  }\n\n  handleFirstDropdownChange(e: CustomEvent) {\n    var target = e.target as HTMLSelectElement;\n\n    const selectedValue = target.value;\n    this.firstDropdownArr = [...this.updateSelectItemArr(this.firstDropdownArr, selectedValue)];\n\n    this.secondDropdownArr = [];\n    const selectedButton = this.buttonsArray.findIndex(item => item.selected === true);\n    const firstChildren = this._dropdownData.find(arr => arr.label === this.buttonsArray[selectedButton].value);\n    const secondChildren = firstChildren.values.find(arr => arr.label === selectedValue);\n    secondChildren.values.forEach(item => {\n      this.secondDropdownArr.push({ selected: false, value: item.label, label: item.label });\n    });\n    \n    const secondDropdownText = this.pnSecondDropdown.querySelector('.pn-select option[disabled]');\n    if (secondDropdownText) {\n      secondDropdownText.textContent = this.dropdownPlaceholder;\n    }\n\n    this.emitRowValues();\n  }\n\n  handleSecondDropdownChange(e: CustomEvent) {\n    var target = e.target as HTMLSelectElement;\n    const selectedValue = target.value;\n    this.secondDropdownArr = [...this.updateSelectItemArr(this.secondDropdownArr, selectedValue)];\n    this.emitRowValues();\n  }\n\n  handleInput(e) {\n    const currentValue = e.target.value;\n    const inputAmount = e.target.closest(\".input-amount\");\n\n    if (!inputAmount) {\n      return;\n    }\n\n    if (Number(currentValue) === 0) {\n      inputAmount.setAttribute(\"error\", this.errorMessageEmpty || \"Cannot be empty\");\n      inputAmount.removeAttribute(\"helpertext\");\n      this.inputFieldValue = '';\n      return;\n    }\n\n    inputAmount.removeAttribute(\"error\");\n    inputAmount.removeAttribute(\"helpertext\");\n\n    if (Number(currentValue) < this.minAmount) {\n      inputAmount.setAttribute(\"error\", this.errorMessageMinAmount || \"Amount too low\");\n      this.inputFieldValue = '';\n      return;\n    }\n\n    if (Number(currentValue) < this.minWarningAmount) {\n      inputAmount.setAttribute(\"helpertext\", this.warningMessageMinAmount || \"Amount too low\");\n    }\n\n    this.inputFieldValue = currentValue;\n  }\n\n  showDateRangeRow() {\n    if (this.pnDateRangeContainer.style.display === 'none') {\n      this.pnDateRangeContainer.style.display = '';\n    } else {\n      this.pnDateRangeContainer.style.display = 'none';\n    }\n  }\n\n  handleDateSelection(e: CustomEvent) {\n    const target = e.target as any;\n\n  if (target === this.pnSingleDatePicker) {\n    this.dateValue = target.value || target.start || '';\n  }\n  \n  if (target === this.pnStartDate) {\n    this.startDateValue = target.value || target.start || '';\n  }\n  if (target === this.pnEndDate) {\n    this.endDateValue = target.value || target.start || '';\n  }\n}\n\n  generateDates(e) {\n    e.preventDefault();\n\n    const allCheckboxes = this.pnDaysRow.querySelectorAll('pn-filter-checkbox');\n    const selectedDays = [];\n    this.generatedDatesArr = [];\n\n    allCheckboxes.forEach(element => {\n      const input = element.querySelector('input');\n      if (input.value) {\n        selectedDays.push(input.value);\n      }\n    });\n\n    if (selectedDays.length && this.startDateValue && this.endDateValue) {\n      this.daysArr.forEach(item => {\n        item.selected = selectedDays.includes(item.value);\n      });\n\n      const startDate = new Date(this.startDateValue);\n      const endDate = new Date(this.endDateValue);\n      const disabledDateSet = new Set(this.disabledDates.split(','));\n\n      for (let d = new Date(startDate); d <= endDate; d.setDate(d.getDate() + 1)) {\n        const year = d.getFullYear();\n        const month = (d.getMonth() + 1).toString().padStart(2, '0');\n        const day = d.getDate().toString().padStart(2, '0');\n        const formattedDate = `${year}-${month}-${day}`;\n\n        if (disabledDateSet.has(formattedDate)) {\n          continue;\n        }\n\n        const dayOfWeek = (d.getDay() === 0) ? '7' : d.getDay().toString();\n        if (selectedDays.includes(dayOfWeek)) {\n          this.generatedDatesArr.push(formattedDate);\n        }\n      }\n    }\n  }\n\n\n  deleteGeneratedDateRow(index) {\n    this.generatedDatesArr.splice(index, 1);\n    this.generatedDatesArr = [...this.generatedDatesArr];\n  }\n\n  saveGeneratedDates() {\n    if (this.generatedDatesArr?.length) {\n      this.dateValue = this.generatedDatesArr.join(\",\");\n      const dateCount = this.generatedDatesArr.length;\n      const buttonTextElm = this.pnShowDateRangeFiledButton.querySelector('.pn-button-content');\n      buttonTextElm.innerHTML = dateCount > 0 ? `${this.dateButtonText} (${dateCount})` : this.dateButtonText;\n      this.showDateRangeRow();\n    }\n  }\n\n  emitRowValues() {\n    this.rowValueChange.emit({\n      id: this._predefinedValue.id,\n      buttons: this.buttonsArray,\n      firstDropdown: this.firstDropdownArr,\n      secondDropdown: this.secondDropdownArr,\n      input: this.inputFieldValue,\n      dates: this.dateValue,\n      dateRange: {\n        days: this.daysArr,\n        startDate: this.startDateValue,\n        endDate: this.endDateValue,\n      },\n    });\n  }\n\n  deleteRow() {\n    this.deleteRowEvent.emit(this._predefinedValue.id);\n  }\n\n  setActive(active: boolean) {\n    return active ? 'connected-dropdown__button active' : 'connected-dropdown__button';\n  }\n\n  render() {\n    return (\n      <Host>\n        <div ref={el => (this.pnConnectedDropdownSlotElement = el as HTMLElement)} class=\"connected-dropdown-slot-element\">\n          <div class=\"connected-dropdown-parent-element connected-dropdown\">\n            <div class=\"connected-dropdown__row__no-margin\">\n              <label>{this.label}</label>\n            </div>\n\n            <div class=\"connected-dropdown__row button-row\">\n              <div class=\"connected-dropdown__button-container option-buttons\">\n                {this.buttonsArray?.map(item => (\n                  <button class={`${this.setActive(item.selected)}`} id={this.generateUniqueId()} onClick={this.handleOptionButtonClick.bind(this)}>\n                    {item.value}\n                  </button>\n                ))}\n              </div>\n\n              <div class=\"connected-dropdown__button-container delete-button\">\n                {this.index > 0 ? (\n                  <pn-button ref={el => (this.pnDeleteRowButton = el as HTMLElement)} small=\"true\" icon={minus} appearance=\"warning\" index={this.index}>\n                    Delete\n                  </pn-button>\n                ) : null}\n              </div>\n            </div>\n\n            <div class=\"connected-dropdown__row input-row\">\n              <pn-select\n                ref={el => (this.pnFirstDropdown = el as HTMLElement)}\n                class=\"pn-row-select-dropdown dropDown1-dropdown\"\n                label={this.firstDropdownLabel}\n                language={this.languageCode}\n              >\n                <option value=\"\" selected={true} disabled={true}>{this.firstDropdownPlaceholder}</option>\n                {this.firstDropdownArr?.map((item) => (\n                  <option value={item.value} selected={item.selected}>{item.label}</option>\n                ))}\n              </pn-select>\n              <pn-select\n                ref={el => (this.pnSecondDropdown = el as HTMLElement)}\n                class=\"pn-row-select-dropdown dropDown2-dropdown\"\n                label={this.secondDropdownLabel}\n                language={this.languageCode}\n              >\n                <option value=\"\" selected={true} disabled={true}>{this.secondDropdownPlaceholder}</option>\n                {this.secondDropdownArr?.map((item) => (\n                  <option value={item.value} selected={item.selected}>{item.label}</option>\n                ))}\n              </pn-select>\n\n              <pn-input\n                ref={el => (this.pnInputField = el as HTMLElement)}\n                class=\"input-amount\"\n                type=\"number\"\n                placeholder=\"0\"\n                label={this.inputFieldLabel}\n                value={this.inputFieldValue}\n                min={this.minAmount}\n              ></pn-input>\n\n              {this.allowMultipleDates ? (\n                <pn-button ref={el => (this.pnShowDateRangeFiledButton = el as HTMLElement)} class=\"connected-dropdown__toggle-date-button\" small=\"true\" appearance=\"light\">\n                  {this.dateButtonText}\n                </pn-button>\n              ) : (\n                <div class=\"connected-dropdown__date-container\">\n                  <pn-date-picker\n                    ref={el => (this.pnSingleDatePicker = el as HTMLElement)}\n                    range=\"false\"\n                    label-from={this.dateButtonText}\n                    disable-weekends={true}\n                    disabled-dates={this.disabledDates}\n                    min-date={this.firstValidDateString}\n                    language={this.languageCode}\n                    placeholder={this.datePlaceholder}\n                    class=\"connected-dropdown__date-picker\"\n                    start={this.dateValue?.length ? this.dateValue : null}\n                  ></pn-date-picker>\n                </div>\n              )}\n            </div>\n\n            {this.allowMultipleDates ? (\n              <div ref={el => (this.pnDateRangeContainer = el as HTMLElement)} class=\"connected-dropdown__date-container\" style={{ display: 'none' }}>\n                {this.multiDateHelperText ? (\n                  <div class=\"connected-dropdown__row\">\n                    <p>{this.multiDateHelperText}</p>\n                  </div>\n                ) : null}\n\n                <div class=\"connected-dropdown__multi-date-row\">\n                  <div class=\"connected-dropdown__date-container\">\n                    <pn-date-picker\n                      ref={el => (this.pnStartDate = el as HTMLElement)}\n                      label-from={this.startDateLabel}\n                      range=\"false\"\n                      disable-weekends={true}\n                      disabled-dates={this.disabledDates}\n                      class=\"connected-dropdown__date-picker\"\n                      min-date={this.firstValidDateString}\n                      max-date={this.lastValidDateString}\n                      language={this.languageCode}\n                      placeholder={this.datePlaceholder}\n                    ></pn-date-picker>\n                  </div>\n\n                  <div class=\"connected-dropdown__date-container\">\n                    <pn-date-picker\n                      ref={el => (this.pnEndDate = el as HTMLElement)}\n                      label-from={this.endDateLabel}\n                      range=\"false\"\n                      disable-weekends={true}\n                      disabled-dates={this.disabledDates}\n                      class=\"connected-dropdown__date-picker\"\n                      min-date={this.firstValidDateString}\n                      max-date={this.lastValidDateString}\n                      language={this.languageCode}\n                      placeholder={this.datePlaceholder}\n                    ></pn-date-picker>\n                  </div>\n                </div>\n                <div ref={el => (this.pnDaysRow = el as HTMLElement)} class=\"connected-dropdown__multi-date-row\">\n                  {this.daysArr?.map((day: SelectItem) => (\n                    <div class=\"connected-dropdown__checkbox\">\n                      <pn-filter-checkbox checkboxid={'day-' + day.value} name={'__' + day.label} value={day.value} checked={day.selected}></pn-filter-checkbox>\n                      <label htmlFor={'day-' + day.value}>{day.label}</label>\n                    </div>\n                  ))}\n                </div>\n\n                <div class=\"connected-dropdown__row\">\n                  <pn-button ref={el => (this.pnGenerateDatesButton = el as HTMLElement)} small=\"true\">\n                    {this.generateDatesButtonText}\n                  </pn-button>\n                </div>\n\n                <div ref={el => (this.pnGeneratedDatesSlot = el as HTMLElement)} class=\"connected-dropdown__date-slot\">\n                  {this.generatedDatesArr?.map((date: string, i) => (\n                    <div class=\"connected-dropdown__row generated-date-row\">\n                      <p>{date}</p>\n                      <pn-button index={i} small=\"true\" icon={minus} appearance=\"warning\" id={'delete-date-' + i} onClick={this.deleteGeneratedDateRow.bind(this, i)}>\n                        {date}\n                      </pn-button>\n                    </div>\n                  ))}\n\n                  {!this.generatedDatesArr?.length ? <p>{this.noDatesText}</p> : null}\n                </div>\n\n                <div class=\"connected-dropdown__row\">\n                  <pn-button ref={el => (this.pnSaveGeneratedDatesButton = el as HTMLElement)} class=\"connected-dropdown__button-right\" small=\"true\">\n                    {this.saveDateButtonText}\n                  </pn-button>\n                </div>\n              </div>\n            ) : null}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/esm/pn-multi-row-connected-dropdown.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, g as getElement, h, d as Host } from './index-51d67461.js';
+import { r as registerInstance, c as createEvent, g as getElement, h, d as Host } from './index-c311acd6.js';
 import { p as plus } from './plus-7ee93ae7.js';
 import { v as v4 } from './v4-964634d6.js';
 
-const pnMultiRowConnectedDropdownCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-multi-row-connected-dropdown{gap:1rem}pn-multi-row-connected-dropdown .connected-dropdown__row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;justify-content:space-between}pn-multi-row-connected-dropdown .connected-dropdown__row__no-margin{margin:0}pn-multi-row-connected-dropdown .connected-dropdown__button-right{margin-left:auto}";
+const pnMultiRowConnectedDropdownCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-multi-row-connected-dropdown{gap:1rem}pn-multi-row-connected-dropdown .connected-dropdown__row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;justify-content:space-between}pn-multi-row-connected-dropdown .connected-dropdown__row__no-margin{margin:0}pn-multi-row-connected-dropdown .connected-dropdown__button-right{margin-left:auto}";
 const PnMultiRowConnectedDropdownStyle0 = pnMultiRowConnectedDropdownCss;
 
 const PnMultiRowConnectedDropdown = class {

package/esm/pn-multi-row-connected-dropdown.entry.js.map

@@ -1 +1 @@
-{"file":"pn-multi-row-connected-dropdown.entry.js","mappings":"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","names":["uuidv4"],"sources":["src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown.scss?tag=pn-multi-row-connected-dropdown","src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-multi-row-connected-dropdown {\n  gap: 1rem;\n\n  .connected-dropdown {\n    &__row {\n      display: flex;\n      align-items: flex-start;\n      gap: 1rem;\n      margin-bottom: 1rem;\n      justify-content: space-between;\n\n      &__no-margin {\n        margin: 0;\n      }\n    }\n\n    &__button-right {\n      margin-left: auto;\n    }\n  }\n}\n","import { Component, Prop, h, Element, State, Host, Watch, Event, EventEmitter, Listen } from '@stencil/core';\nimport { FormValue, PredefinedValues, Root, RowValue, SelectItem } from './types';\nimport { v4 as uuidv4 } from 'uuid';\nimport { plus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-multi-row-connected-dropdown',\n  styleUrl: 'pn-multi-row-connected-dropdown.scss',\n})\nexport class PnMultiRowConnectedDropdown {\n  @Element() hostElement: Element;\n\n  @Prop() dropdownData: string | Root[] = null;\n  @Prop() languageCode: string = null;\n  @Prop() label: string = null;\n  @Prop() firstDropdownLabel: string = null;\n  @Prop() secondDropdownLabel: string = null;\n  @Prop() dropdownPlaceholder: string = null;\n  @Prop() addRowText: string = null;\n  @Prop() inputFieldLabel: string = null;\n  @Prop() inputFieldPlaceholder: string = null;\n  @Prop() disabledDates: string = null;\n  @Prop() dateButtonText: string = null;\n  @Prop() datePlaceholder: string = null;\n  @Prop() dateDaysFromToday: number = null;\n  @Prop() allowMultipleRows: boolean = false;\n  @Prop() allowMultipleDates: boolean = false;\n  @Prop() startDateLabel: string = null;\n  @Prop() endDateLabel: string = null;\n  @Prop() multiDateHelperText: string = null;\n  @Prop() generateDatesButtonText: string = null;\n  @Prop() saveDateButtonText: string = null;\n  @Prop() noDatesText: string = null;\n  @Prop() yearsToAddToEndDate: number = null;\n  @Prop() minAmount: number = 1;\n  @Prop() errorMessageEmpty: string;\n  @Prop() errorMessageMinAmount: string;\n  @Prop() minWarningAmount: number = null;\n  @Prop() warningMessageMinAmount: string;\n\n  @State() rowCount: number = null;\n  @State() rowData: PredefinedValues[] = null;\n  @State() formValues: FormValue[] = null;\n\n  private _buttonValueName: string = null;\n  private _firstDropdownValueName: string = null;\n  private _secondDropdownValueName: string = null;\n  private _inputValueName: string = null;\n  private _dateValueName: string = null;\n\n  @Event() allFormValues: EventEmitter<string>;\n\n  private _defaultRow: PredefinedValues = {\n    id: this.generateUniqueId(),\n    buttons: [],\n    firstDropdown: [],\n    secondDropdown: [],\n    input: '',\n    dates: '',\n    dateRange: {\n      days: [],\n      startDate: '',\n      endDate: '',\n    },\n  };\n\n  componentWillLoad() {\n    this.setDaysArr();\n    this.formValues = [];\n    this.rowData = [this._defaultRow];\n    this.rowCount = this.rowData.length;\n\n    this._buttonValueName = this.label?.length ? this.label : 'value0';\n    this._firstDropdownValueName = this.firstDropdownLabel?.length ? this.firstDropdownLabel : 'value1';\n    this._secondDropdownValueName = this.secondDropdownLabel?.length ? this.secondDropdownLabel : 'value2';\n    this._inputValueName = this.inputFieldLabel?.length ? this.inputFieldLabel : 'value3';\n    this._dateValueName = this.dateButtonText?.length ? this.dateButtonText : 'value4';\n  }\n\n  componentDidLoad() {}\n\n  emitValuesIfValid() {\n    this.formValues = [];\n    this.rowData.forEach(item => {\n      const rowValue: FormValue = { row: [] };\n\n      const buttonSelection = item.buttons.find(x => x.selected === true);\n      if (buttonSelection) {\n        const buttonValue: RowValue = { name: this._buttonValueName, value: buttonSelection.label };\n        rowValue.row.push(buttonValue);\n      }\n\n      const firstDropdownSelection = item.firstDropdown.find(x => x.selected === true);\n      if (firstDropdownSelection) {\n        const firstDropdownValue: RowValue = { name: this._firstDropdownValueName, value: firstDropdownSelection.label };\n        rowValue.row.push(firstDropdownValue);\n      }\n\n      const secondDropdownSelection = item.secondDropdown.find(x => x.selected === true);\n      if (secondDropdownSelection) {\n        const secondDropdownValue: RowValue = { name: this._secondDropdownValueName, value: secondDropdownSelection.label };\n        rowValue.row.push(secondDropdownValue);\n      }\n\n      const input = item.input;\n      if (input?.length) {\n        const inputValue: RowValue = { name: this._inputValueName, value: input };\n        rowValue.row.push(inputValue);\n      }\n\n      const dates = item.dates;\n      if (dates?.length) {\n        const datestValue: RowValue = { name: this._dateValueName, value: dates };\n        rowValue.row.push(datestValue);\n      }\n\n      if (rowValue.row.length === 5) {\n        this.formValues.push(rowValue);\n      }\n    });\n\n    if (this.formValues.length === this.rowData.length) {\n      const valueJsonString = JSON.stringify(this.formValues);\n      this.allFormValues.emit(valueJsonString);\n    } else {\n      this.allFormValues.emit('');\n    }\n  }\n\n  @Listen('rowValueChange')\n  predefinedValueChange(e) {\n    const indexToUpdate = this.rowData.findIndex(data => data.id === e.detail.id);\n    const val: PredefinedValues = e.detail;\n    this.rowData[indexToUpdate] = {\n      ...this.rowData[indexToUpdate],\n      buttons: val.buttons,\n      firstDropdown: val.firstDropdown,\n      secondDropdown: val.secondDropdown,\n      input: val.input,\n      dates: val.dates,\n      dateRange: val.dateRange,\n    };\n    this.emitValuesIfValid();\n  }\n\n  @Listen('deleteRowEvent')\n  deleteRowEvent(e) {\n    const indexToRemove = this.rowData.findIndex(data => data.id === e.detail);\n    this.rowData.splice(indexToRemove, 1);\n    this.rowData = [...this.rowData];\n    this.rowCount = this.rowData.length;\n    this.emitValuesIfValid();\n  }\n\n  generateUniqueId() {\n    return uuidv4();\n  }\n\n  addRow() {\n    const newRow = this._defaultRow;\n    newRow.id = this.generateUniqueId();\n\n    this.rowData = [...this.rowData, newRow];\n    this.rowCount = this.rowData.length;\n  }\n\n  setDaysArr() {\n    const language = this.languageCode.toLowerCase();\n\n    switch (language) {\n      case 'en':\n        this._defaultRow.dateRange.days = [\n          { label: 'Monday', value: '1', selected: false },\n          { label: 'Tuesday', value: '2', selected: false },\n          { label: 'Wednesday', value: '3', selected: false },\n          { label: 'Thursday', value: '4', selected: false },\n          { label: 'Friday', value: '5', selected: false },\n        ];\n        break;\n\n      case 'sv':\n        this._defaultRow.dateRange.days = [\n          { label: 'Måndag', value: '1', selected: false },\n          { label: 'Tisdag', value: '2', selected: false },\n          { label: 'Onsdag', value: '3', selected: false },\n          { label: 'Torsdag', value: '4', selected: false },\n          { label: 'Fredag', value: '5', selected: false },\n        ];\n        break;\n\n      case 'da':\n        this._defaultRow.dateRange.days = [\n          { label: 'Mandag', value: '1', selected: false },\n          { label: 'Tirsdag', value: '2', selected: false },\n          { label: 'Onsdag', value: '3', selected: false },\n          { label: 'Torsdag', value: '4', selected: false },\n          { label: 'Fredag', value: '5', selected: false },\n        ];\n        break;\n\n      case 'fi':\n        this._defaultRow.dateRange.days = [\n          { label: 'Maanantai', value: '1', selected: false },\n          { label: 'Tiistai', value: '2', selected: false },\n          { label: 'Keskiviikko', value: '3', selected: false },\n          { label: 'Torstai', value: '4', selected: false },\n          { label: 'Perjantai', value: '5', selected: false },\n        ];\n        break;\n\n      case 'no':\n        this._defaultRow.dateRange.days = [\n          { label: 'Mandag', value: '1', selected: false },\n          { label: 'Tirsdag', value: '2', selected: false },\n          { label: 'Onsdag', value: '3', selected: false },\n          { label: 'Torsdag', value: '4', selected: false },\n          { label: 'Fredag', value: '5', selected: false },\n        ];\n        break;\n\n      default:\n        this._defaultRow.dateRange.days = [\n          { label: 'Monday', value: '1', selected: false },\n          { label: 'Tuesday', value: '2', selected: false },\n          { label: 'Wednesday', value: '3', selected: false },\n          { label: 'Thursday', value: '4', selected: false },\n          { label: 'Friday', value: '5', selected: false },\n        ];\n        break;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.rowData?.map((data, i) => {\n          return (\n            <div class={'generated-row-' + i} id={'generated-row-connected-dropdown-' + i}>\n              <pn-multi-row-connected-dropdown-row\n                dropdown-data={this.dropdownData}\n                language-code={this.languageCode}\n                label={this.label}\n                first-dropdown-label={this.firstDropdownLabel}\n                second-dropdown-label={this.secondDropdownLabel}\n                dropdown-placeholder={this.dropdownPlaceholder}\n                add-row-text={this.addRowText}\n                input-field-label={this.inputFieldLabel}\n                input-field-placeholder={this.inputFieldPlaceholder}\n                disabled-dates={this.disabledDates}\n                date-button-text={this.dateButtonText}\n                date-placeholder={this.datePlaceholder}\n                date-days-from-today={this.dateDaysFromToday}\n                allow-multiple-dates={this.allowMultipleDates}\n                start-date-label={this.startDateLabel}\n                end-date-label={this.endDateLabel}\n                multi-date-helper-text={this.multiDateHelperText}\n                generate-dates-button-text={this.generateDatesButtonText}\n                save-date-button-text={this.saveDateButtonText}\n                no-dates-text={this.noDatesText}\n                index={i}\n                predefined-value={JSON.stringify(data)}\n                years-to-add-to-end-date={this.yearsToAddToEndDate}\n                min-amount={this.minAmount}\n                error-message-empty={this.errorMessageEmpty}\n                error-message-min-amount={this.errorMessageMinAmount}\n                min-warning-amount={this.minWarningAmount}\n                warning-message-min-amount={this.warningMessageMinAmount}\n              ></pn-multi-row-connected-dropdown-row>\n            </div>\n          );\n        })}\n\n        {this.allowMultipleRows ? (\n          <div class=\"connected-dropdown__row\">\n            <pn-button\n              tooltip={this.addRowText ? this.addRowText : null}\n              left-icon=\"true\"\n              arialabel=\"Add\"\n              icon={plus}\n              appearance=\"light\"\n              variant=\"borderless\"\n              class=\"connected-dropdown__button-right\"\n              onClick={() => {\n                this.addRow();\n              }}\n            >\n              {this.addRowText}\n            </pn-button>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pn-multi-row-connected-dropdown.entry.js","mappings":"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","names":["uuidv4"],"sources":["src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown.scss?tag=pn-multi-row-connected-dropdown","src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-multi-row-connected-dropdown {\n  gap: 1rem;\n\n  .connected-dropdown {\n    &__row {\n      display: flex;\n      align-items: flex-start;\n      gap: 1rem;\n      margin-bottom: 1rem;\n      justify-content: space-between;\n\n      &__no-margin {\n        margin: 0;\n      }\n    }\n\n    &__button-right {\n      margin-left: auto;\n    }\n  }\n}\n","import { Component, Prop, h, Element, State, Host, Watch, Event, EventEmitter, Listen } from '@stencil/core';\nimport { FormValue, PredefinedValues, Root, RowValue, SelectItem } from './types';\nimport { v4 as uuidv4 } from 'uuid';\nimport { plus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-multi-row-connected-dropdown',\n  styleUrl: 'pn-multi-row-connected-dropdown.scss',\n})\nexport class PnMultiRowConnectedDropdown {\n  @Element() hostElement: Element;\n\n  @Prop() dropdownData: string | Root[] = null;\n  @Prop() languageCode: string = null;\n  @Prop() label: string = null;\n  @Prop() firstDropdownLabel: string = null;\n  @Prop() secondDropdownLabel: string = null;\n  @Prop() dropdownPlaceholder: string = null;\n  @Prop() addRowText: string = null;\n  @Prop() inputFieldLabel: string = null;\n  @Prop() inputFieldPlaceholder: string = null;\n  @Prop() disabledDates: string = null;\n  @Prop() dateButtonText: string = null;\n  @Prop() datePlaceholder: string = null;\n  @Prop() dateDaysFromToday: number = null;\n  @Prop() allowMultipleRows: boolean = false;\n  @Prop() allowMultipleDates: boolean = false;\n  @Prop() startDateLabel: string = null;\n  @Prop() endDateLabel: string = null;\n  @Prop() multiDateHelperText: string = null;\n  @Prop() generateDatesButtonText: string = null;\n  @Prop() saveDateButtonText: string = null;\n  @Prop() noDatesText: string = null;\n  @Prop() yearsToAddToEndDate: number = null;\n  @Prop() minAmount: number = 1;\n  @Prop() errorMessageEmpty: string;\n  @Prop() errorMessageMinAmount: string;\n  @Prop() minWarningAmount: number = null;\n  @Prop() warningMessageMinAmount: string;\n\n  @State() rowCount: number = null;\n  @State() rowData: PredefinedValues[] = null;\n  @State() formValues: FormValue[] = null;\n\n  private _buttonValueName: string = null;\n  private _firstDropdownValueName: string = null;\n  private _secondDropdownValueName: string = null;\n  private _inputValueName: string = null;\n  private _dateValueName: string = null;\n\n  @Event() allFormValues: EventEmitter<string>;\n\n  private _defaultRow: PredefinedValues = {\n    id: this.generateUniqueId(),\n    buttons: [],\n    firstDropdown: [],\n    secondDropdown: [],\n    input: '',\n    dates: '',\n    dateRange: {\n      days: [],\n      startDate: '',\n      endDate: '',\n    },\n  };\n\n  componentWillLoad() {\n    this.setDaysArr();\n    this.formValues = [];\n    this.rowData = [this._defaultRow];\n    this.rowCount = this.rowData.length;\n\n    this._buttonValueName = this.label?.length ? this.label : 'value0';\n    this._firstDropdownValueName = this.firstDropdownLabel?.length ? this.firstDropdownLabel : 'value1';\n    this._secondDropdownValueName = this.secondDropdownLabel?.length ? this.secondDropdownLabel : 'value2';\n    this._inputValueName = this.inputFieldLabel?.length ? this.inputFieldLabel : 'value3';\n    this._dateValueName = this.dateButtonText?.length ? this.dateButtonText : 'value4';\n  }\n\n  componentDidLoad() {}\n\n  emitValuesIfValid() {\n    this.formValues = [];\n    this.rowData.forEach(item => {\n      const rowValue: FormValue = { row: [] };\n\n      const buttonSelection = item.buttons.find(x => x.selected === true);\n      if (buttonSelection) {\n        const buttonValue: RowValue = { name: this._buttonValueName, value: buttonSelection.label };\n        rowValue.row.push(buttonValue);\n      }\n\n      const firstDropdownSelection = item.firstDropdown.find(x => x.selected === true);\n      if (firstDropdownSelection) {\n        const firstDropdownValue: RowValue = { name: this._firstDropdownValueName, value: firstDropdownSelection.label };\n        rowValue.row.push(firstDropdownValue);\n      }\n\n      const secondDropdownSelection = item.secondDropdown.find(x => x.selected === true);\n      if (secondDropdownSelection) {\n        const secondDropdownValue: RowValue = { name: this._secondDropdownValueName, value: secondDropdownSelection.label };\n        rowValue.row.push(secondDropdownValue);\n      }\n\n      const input = item.input;\n      if (input?.length) {\n        const inputValue: RowValue = { name: this._inputValueName, value: input };\n        rowValue.row.push(inputValue);\n      }\n\n      const dates = item.dates;\n      if (dates?.length) {\n        const datestValue: RowValue = { name: this._dateValueName, value: dates };\n        rowValue.row.push(datestValue);\n      }\n\n      if (rowValue.row.length === 5) {\n        this.formValues.push(rowValue);\n      }\n    });\n\n    if (this.formValues.length === this.rowData.length) {\n      const valueJsonString = JSON.stringify(this.formValues);\n      this.allFormValues.emit(valueJsonString);\n    } else {\n      this.allFormValues.emit('');\n    }\n  }\n\n  @Listen('rowValueChange')\n  predefinedValueChange(e) {\n    const indexToUpdate = this.rowData.findIndex(data => data.id === e.detail.id);\n    const val: PredefinedValues = e.detail;\n    this.rowData[indexToUpdate] = {\n      ...this.rowData[indexToUpdate],\n      buttons: val.buttons,\n      firstDropdown: val.firstDropdown,\n      secondDropdown: val.secondDropdown,\n      input: val.input,\n      dates: val.dates,\n      dateRange: val.dateRange,\n    };\n    this.emitValuesIfValid();\n  }\n\n  @Listen('deleteRowEvent')\n  deleteRowEvent(e) {\n    const indexToRemove = this.rowData.findIndex(data => data.id === e.detail);\n    this.rowData.splice(indexToRemove, 1);\n    this.rowData = [...this.rowData];\n    this.rowCount = this.rowData.length;\n    this.emitValuesIfValid();\n  }\n\n  generateUniqueId() {\n    return uuidv4();\n  }\n\n  addRow() {\n    const newRow = this._defaultRow;\n    newRow.id = this.generateUniqueId();\n\n    this.rowData = [...this.rowData, newRow];\n    this.rowCount = this.rowData.length;\n  }\n\n  setDaysArr() {\n    const language = this.languageCode.toLowerCase();\n\n    switch (language) {\n      case 'en':\n        this._defaultRow.dateRange.days = [\n          { label: 'Monday', value: '1', selected: false },\n          { label: 'Tuesday', value: '2', selected: false },\n          { label: 'Wednesday', value: '3', selected: false },\n          { label: 'Thursday', value: '4', selected: false },\n          { label: 'Friday', value: '5', selected: false },\n        ];\n        break;\n\n      case 'sv':\n        this._defaultRow.dateRange.days = [\n          { label: 'Måndag', value: '1', selected: false },\n          { label: 'Tisdag', value: '2', selected: false },\n          { label: 'Onsdag', value: '3', selected: false },\n          { label: 'Torsdag', value: '4', selected: false },\n          { label: 'Fredag', value: '5', selected: false },\n        ];\n        break;\n\n      case 'da':\n        this._defaultRow.dateRange.days = [\n          { label: 'Mandag', value: '1', selected: false },\n          { label: 'Tirsdag', value: '2', selected: false },\n          { label: 'Onsdag', value: '3', selected: false },\n          { label: 'Torsdag', value: '4', selected: false },\n          { label: 'Fredag', value: '5', selected: false },\n        ];\n        break;\n\n      case 'fi':\n        this._defaultRow.dateRange.days = [\n          { label: 'Maanantai', value: '1', selected: false },\n          { label: 'Tiistai', value: '2', selected: false },\n          { label: 'Keskiviikko', value: '3', selected: false },\n          { label: 'Torstai', value: '4', selected: false },\n          { label: 'Perjantai', value: '5', selected: false },\n        ];\n        break;\n\n      case 'no':\n        this._defaultRow.dateRange.days = [\n          { label: 'Mandag', value: '1', selected: false },\n          { label: 'Tirsdag', value: '2', selected: false },\n          { label: 'Onsdag', value: '3', selected: false },\n          { label: 'Torsdag', value: '4', selected: false },\n          { label: 'Fredag', value: '5', selected: false },\n        ];\n        break;\n\n      default:\n        this._defaultRow.dateRange.days = [\n          { label: 'Monday', value: '1', selected: false },\n          { label: 'Tuesday', value: '2', selected: false },\n          { label: 'Wednesday', value: '3', selected: false },\n          { label: 'Thursday', value: '4', selected: false },\n          { label: 'Friday', value: '5', selected: false },\n        ];\n        break;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.rowData?.map((data, i) => {\n          return (\n            <div class={'generated-row-' + i} id={'generated-row-connected-dropdown-' + i}>\n              <pn-multi-row-connected-dropdown-row\n                dropdown-data={this.dropdownData}\n                language-code={this.languageCode}\n                label={this.label}\n                first-dropdown-label={this.firstDropdownLabel}\n                second-dropdown-label={this.secondDropdownLabel}\n                dropdown-placeholder={this.dropdownPlaceholder}\n                add-row-text={this.addRowText}\n                input-field-label={this.inputFieldLabel}\n                input-field-placeholder={this.inputFieldPlaceholder}\n                disabled-dates={this.disabledDates}\n                date-button-text={this.dateButtonText}\n                date-placeholder={this.datePlaceholder}\n                date-days-from-today={this.dateDaysFromToday}\n                allow-multiple-dates={this.allowMultipleDates}\n                start-date-label={this.startDateLabel}\n                end-date-label={this.endDateLabel}\n                multi-date-helper-text={this.multiDateHelperText}\n                generate-dates-button-text={this.generateDatesButtonText}\n                save-date-button-text={this.saveDateButtonText}\n                no-dates-text={this.noDatesText}\n                index={i}\n                predefined-value={JSON.stringify(data)}\n                years-to-add-to-end-date={this.yearsToAddToEndDate}\n                min-amount={this.minAmount}\n                error-message-empty={this.errorMessageEmpty}\n                error-message-min-amount={this.errorMessageMinAmount}\n                min-warning-amount={this.minWarningAmount}\n                warning-message-min-amount={this.warningMessageMinAmount}\n              ></pn-multi-row-connected-dropdown-row>\n            </div>\n          );\n        })}\n\n        {this.allowMultipleRows ? (\n          <div class=\"connected-dropdown__row\">\n            <pn-button\n              tooltip={this.addRowText ? this.addRowText : null}\n              left-icon=\"true\"\n              arialabel=\"Add\"\n              icon={plus}\n              appearance=\"light\"\n              variant=\"borderless\"\n              class=\"connected-dropdown__button-right\"\n              onClick={() => {\n                this.addRow();\n              }}\n            >\n              {this.addRowText}\n            </pn-button>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/esm/pn-multiple-input.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, g as getElement, h, d as Host } from './index-51d67461.js';
+import { r as registerInstance, c as createEvent, g as getElement, h, d as Host } from './index-c311acd6.js';
 import { d as debounce } from './index-1190bec4.js';
 import { m as minus } from './minus-2b8ae0b8.js';
 import { p as plus } from './plus-7ee93ae7.js';

package/esm/pn-parcel-tracker.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, g as getElement, h, d as Host } from './index-51d67461.js';
+import { r as registerInstance, g as getElement, h, d as Host } from './index-c311acd6.js';
 import { s as search } from './search-36631e55.js';
 
-const pnParcelTrackerCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-spotlight .pn-spotlight__container:has(pn-parcel-tracker) [slot=mobile-heading]{color:#005d92}.pn-spotlight__container__wrapper__content [slot=content]:has(pn-parcel-tracker){padding-left:2rem}pn-parcel-tracker{width:100%}pn-parcel-tracker .pn-parcel-tracker__container form{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:1.6rem}pn-parcel-tracker .pn-parcel-tracker__container form .pn-parcel-tracker__container__heading{color:#005d92;font-weight:500;margin-bottom:0}@media screen and (max-width: 768px){pn-parcel-tracker .pn-parcel-tracker__container form .pn-parcel-tracker__container__heading{display:none}}@media screen and (min-width: 1640px){pn-parcel-tracker .pn-parcel-tracker__container form .pn-parcel-tracker__container__heading{font-size:2.4rem;font-weight:700}}pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{flex-grow:1;max-width:80%}@media screen and (min-width: 768px){pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{max-width:50%}}@media screen and (min-width: 992px){pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{max-width:45%}}@media screen and (min-width: 1640px){pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{max-width:35%}}pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input input{border-radius:6.4rem}";
+const pnParcelTrackerCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-spotlight .pn-spotlight__container:has(pn-parcel-tracker) [slot=mobile-heading]{color:#005d92}.pn-spotlight__container__wrapper__content [slot=content]:has(pn-parcel-tracker){padding-left:2rem}pn-parcel-tracker{width:100%}pn-parcel-tracker .pn-parcel-tracker__container form{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:1.6rem}pn-parcel-tracker .pn-parcel-tracker__container form .pn-parcel-tracker__container__heading{color:#005d92;font-weight:500;margin-bottom:0}@media screen and (max-width: 768px){pn-parcel-tracker .pn-parcel-tracker__container form .pn-parcel-tracker__container__heading{display:none}}@media screen and (min-width: 1640px){pn-parcel-tracker .pn-parcel-tracker__container form .pn-parcel-tracker__container__heading{font-size:2.4rem;font-weight:700}}pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{flex-grow:1;max-width:80%}@media screen and (min-width: 768px){pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{max-width:50%}}@media screen and (min-width: 992px){pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{max-width:45%}}@media screen and (min-width: 1640px){pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{max-width:35%}}pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input input{border-radius:6.4rem}";
 const PnParcelTrackerStyle0 = pnParcelTrackerCss;
 
 const PnSpotlight = class {