@postnord/pn-marketweb-components 4.0.2 → 4.0.4-test

package/dist/pn-market-web-components/p-b9590d81.entry.js

@@ -1,2 +0,0 @@
-import{r as e,g as t,h as i,d as o,c as a}from"./p-82546a44.js";import{v as l}from"./p-4ed69de7.js";const n="pn-scroll .scroll-wrapper{transition:all var(--transition-duration) ease-in-out 250ms}pn-scroll .scroll-wrapper.fade{opacity:0}pn-scroll .scroll-wrapper.fade.in-view{opacity:1}pn-scroll .scroll-wrapper.slide-up{transform:translateY(50px)}pn-scroll .scroll-wrapper.slide-up.in-view{transform:translateY(0)}";const s=n;const r={root:null,threshold:0,rootMargin:"0px 0px -150px 0px"};const d=`pn-scroll-wrapper-id-`;const p=class{constructor(t){e(this,t);this.observerOptions=r;this.behaviourClasses="fade slide-up";this.transitionDurationSeconds=.5;this.shouldLoop=false;this.intersectFunc=undefined;this.notIntersectFunc=undefined;this.compId=null}get hostElement(){return t(this)}generateUniqueId(){return l()}handleIntersection(e,t,i,o,a){e.forEach((e=>{if(!a){if(!e.isIntersecting){o?.(e,t);return}e.target.classList.add("in-view");i?.(e,t);t.unobserve(e.target)}else{e.target.classList.toggle("in-view",e.isIntersecting);if(e.isIntersecting){i?.(e,t)}else{o?.(e,t)}}}))}componentWillLoad(){this.compId=this.generateUniqueId()}componentDidLoad(){const e=new IntersectionObserver(((e,t)=>this.handleIntersection(e,t,this.intersectFunc,this.notIntersectFunc,this.shouldLoop)),this.observerOptions);const t=document.getElementById(`${d}${this.compId}`);e.observe(t)}render(){return i(o,{key:"443d7a3794f4b2292d39837ca89726bcdd2a5cee"},i("div",{key:"341524e340709a5db403e024b448fd08087fa9c5",class:`scroll-wrapper ${this.behaviourClasses}`,id:`${d}${this.compId}`,style:{"--transition-duration":`${this.transitionDurationSeconds}s`}},i("slot",{key:"625bd566d903c15298969428a50030ee47c5568b",name:"scroll-affected"})))}};p.style=s;const h={sv:{ariaLabel:"Spela eller pausa video"},en:{ariaLabel:"Play or pause video"},da:{ariaLabel:"Afspil eller sæt video på pause"},no:{ariaLabel:"Spill av eller sett video på pause"},fi:{ariaLabel:"Toista tai keskeytä video"},de:{ariaLabel:"Video abspielen oder anhalten"},zh:{sharelabel:"Play or pause video"},it:{sharelabel:"Play or pause video"},nl:{sharelabel:"Play or pause video"}};const c="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-video-overlay.pn-video-overlay--show-overlay{position:absolute;width:100%;height:100%;background:radial-gradient(circle, rgba(13, 35, 75, 0.68) 7%, rgba(13, 35, 75, 0) 80%)}pn-video-overlay button{position:absolute;bottom:8px;left:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0;border:none;outline:none;cursor:pointer;background-color:transparent}@media screen and (min-width: 768px){pn-video-overlay button{bottom:16px;left:16px}}pn-video-overlay button:hover svg rect{fill:#003d5f}pn-video-overlay button:active svg rect{fill:#001c2c}pn-video-overlay button:focus,pn-video-overlay button:focus-visible{outline:2px solid #ffffff}pn-video-overlay button svg{scale:0.7}@media screen and (min-width: 768px){pn-video-overlay button svg{scale:1}}";const u=c;const v=class{constructor(t){e(this,t);this.playPauseClicked=a(this,"playPauseClicked",7);this.language="en";this.isPaused=false;this.showOverlay=false;this.i18n=undefined}get hostElement(){return t(this)}playPauseClicked;componentWillLoad(){this.setTranslations()}setTranslations(){if(this.language==="nb"){this.language="no"}if(this.language&&h[this.language]){this.i18n=h[this.language]}}onLanguageChange(){this.setTranslations()}handlePlayPauseClicked=()=>{this.playPauseClicked.emit()};renderPlayIcon=()=>i("svg",{width:"64",height:"64",viewBox:"0 0 64 64",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("rect",{width:"64",height:"64",rx:"32",fill:"#005D92"}),i("path",{d:"M8 32C8 18.7305 18.7305 8 32 8C38.6401 8 44.5751 10.6887 48.9432 15.0568C49.5851 15.6988 49.5851 16.7396 48.9432 17.3815C48.3012 18.0235 47.2604 18.0235 46.6185 17.3815C42.8331 13.5962 37.7215 11.2877 32 11.2877C20.5462 11.2877 11.2877 20.5462 11.2877 32C11.2877 43.4538 20.5462 52.7123 32 52.7123C43.4538 52.7123 52.7123 43.4538 52.7123 32C52.7123 31.0921 53.4483 30.3562 54.3562 30.3562C55.264 30.3562 56 31.0921 56 32C56 45.2695 45.2695 56 32 56C18.7305 56 8 45.2695 8 32Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M24.5996 20.0577C25.1064 19.7636 25.7315 19.7615 26.2402 20.0522L44.6512 30.5728C45.1634 30.8654 45.4795 31.4101 45.4795 32C45.4795 32.5899 45.1634 33.1346 44.6512 33.4272L26.2402 43.9478C25.7315 44.2385 25.1064 44.2364 24.5996 43.9423C24.0928 43.6482 23.7808 43.1065 23.7808 42.5205V21.4795C23.7808 20.8935 24.0928 20.3518 24.5996 20.0577ZM27.0685 39.6879L40.5224 32L27.0685 24.3121V39.6879Z",fill:"white"}),i("path",{d:"M51.0685 19.1781C50.1606 19.1781 49.4247 19.9141 49.4247 20.8219C49.4247 21.7298 50.1606 22.4658 51.0685 22.4658H51.0816C51.9895 22.4658 52.7255 21.7298 52.7255 20.8219C52.7255 19.9141 51.9895 19.1781 51.0816 19.1781H51.0685Z",fill:"white"}));renderPauseIcon=()=>i("svg",{width:"64",height:"64",viewBox:"0 0 64 64",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("rect",{width:"64",height:"64",rx:"32",fill:"#005D92"}),i("path",{d:"M32 8C18.7305 8 8 18.7305 8 32C8 45.2695 18.7305 56 32 56C45.2695 56 56 45.2695 56 32C56 31.0921 55.264 30.3562 54.3562 30.3562C53.4483 30.3562 52.7123 31.0921 52.7123 32C52.7123 43.4538 43.4538 52.7123 32 52.7123C20.5462 52.7123 11.2877 43.4538 11.2877 32C11.2877 20.5462 20.5462 11.2877 32 11.2877C37.7215 11.2877 42.8331 13.5962 46.6185 17.3815C47.2604 18.0235 48.3012 18.0235 48.9432 17.3815C49.5851 16.7396 49.5851 15.6988 48.9432 15.0568C44.5751 10.6887 38.6401 8 32 8Z",fill:"white"}),i("path",{d:"M51.0685 19.1781C50.1606 19.1781 49.4247 19.9141 49.4247 20.8219C49.4247 21.7298 50.1606 22.4658 51.0685 22.4658H51.0816C51.9895 22.4658 52.7255 21.7298 52.7255 20.8219C52.7255 19.9141 51.9895 19.1781 51.0816 19.1781H51.0685Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M19.1729 24.1096C19.1729 21.7491 21.0865 19.8356 23.4469 19.8356H26.0771C28.4375 19.8356 30.351 21.7491 30.351 24.1096V39.8904C30.351 42.2509 28.4375 44.1644 26.0771 44.1644H23.4469C21.0865 44.1644 19.1729 42.2509 19.1729 39.8904V24.1096ZM23.4469 23.1233C22.9022 23.1233 22.4606 23.5649 22.4606 24.1096V39.8904C22.4606 40.4351 22.9022 40.8767 23.4469 40.8767H26.0771C26.6218 40.8767 27.0634 40.4351 27.0634 39.8904V24.1096C27.0634 23.5649 26.6218 23.1233 26.0771 23.1233H23.4469Z",fill:"white"}),i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M37.7765 19.8356C35.4161 19.8356 33.5026 21.7491 33.5026 24.1096V39.8904C33.5026 42.2509 35.4161 44.1644 37.7765 44.1644H40.4067C42.7671 44.1644 44.6807 42.2509 44.6807 39.8904V24.1096C44.6807 21.7491 42.7671 19.8356 40.4067 19.8356H37.7765ZM36.7902 24.1096C36.7902 23.5649 37.2318 23.1233 37.7765 23.1233H40.4067C40.9514 23.1233 41.393 23.5649 41.393 24.1096V39.8904C41.393 40.4351 40.9514 40.8767 40.4067 40.8767H37.7765C37.2318 40.8767 36.7902 40.4351 36.7902 39.8904V24.1096Z",fill:"white"}));render(){return i(o,{key:"469d957d702aaddf614c350488710934ef9f45db",class:`pn-video-overlay ${this.showOverlay?"pn-video-overlay--show-overlay":""}`},i("button",{key:"d45e7df077ca7a3a3bf8ae1c31499d02791e8044",type:"button",id:"overlayed-button-pause-video","aria-label":`${this.i18n.ariaLabel}`,onClick:this.handlePlayPauseClicked},this.isPaused?this.renderPlayIcon():this.renderPauseIcon()))}static get watchers(){return{language:["onLanguageChange"]}}};v.style=u;export{p as pn_scroll,v as pn_video_overlay};
-//# sourceMappingURL=p-b9590d81.entry.js.map

package/dist/pn-market-web-components/p-c4e353b3.entry.js

@@ -1,2 +0,0 @@
-import{r as n,g as a,h as e,d as i}from"./p-82546a44.js";import{s as t}from"./p-793e1339.js";import{a as o}from"./p-3fdca5bd.js";import{a as l}from"./p-36b39340.js";import{o as r}from"./p-c40f1e9a.js";import"./p-8836de82.js";const d='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-mainnav-link{display:block}pn-mainnav-link button,pn-mainnav-link a{font-weight:normal;position:relative;border:0 none;display:flex;align-items:center;background-color:transparent;color:#005d92}pn-mainnav-link button:hover,pn-mainnav-link button:focus,pn-mainnav-link a:hover,pn-mainnav-link a:focus{background-color:#ffffff;color:#005d92;outline:0;box-shadow:none}pn-mainnav-link button:active,pn-mainnav-link a:active{background-color:#f3f2f2;color:#00a0d6;box-shadow:none}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link{height:100%;padding-left:0;position:relative;scroll-snap-align:center}}[data-level="1"] pn-mainnav-link:first-child{border-top:0.1rem solid #f3f2f2}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link:first-child{border:0}}[data-level="1"] pn-mainnav-link>button,[data-level="1"] pn-mainnav-link>a{font-size:2rem;width:100%;border-bottom:0.1rem solid #f3f2f2;height:auto;padding:1.9rem 0 1.9rem 3rem}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link>button,[data-level="1"] pn-mainnav-link>a{height:100%;border:0;font-size:1.6rem;font-weight:normal;position:relative;outline:0;overflow:hidden;padding:1.6rem 1.6rem;white-space:nowrap}[data-level="1"] pn-mainnav-link>button::before,[data-level="1"] pn-mainnav-link>a::before{content:"";background-color:#00a0d6;position:absolute;bottom:0;left:0;width:100%;height:0.5em;border-radius:0.5em 0.5em 0 0;transform:translateY(100%);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}[data-level="1"] pn-mainnav-link>button:hover::before,[data-level="1"] pn-mainnav-link>button:focus::before,[data-level="1"] pn-mainnav-link>a:hover::before,[data-level="1"] pn-mainnav-link>a:focus::before{transform:translateY(0)}[data-level="1"] pn-mainnav-link>button:active,[data-level="1"] pn-mainnav-link>a:active{outline:0;box-shadow:none;color:#005d92}[data-level="1"] pn-mainnav-link>button:active::before,[data-level="1"] pn-mainnav-link>a:active::before{background-color:#8eddf9;transform:translateY(0)}}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link>button:hover,[data-level="1"] pn-mainnav-link>button:focus,[data-level="1"] pn-mainnav-link>a:hover,[data-level="1"] pn-mainnav-link>a:focus{text-decoration:none}}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link>button[aria-expanded=true]::before,[data-level="1"] pn-mainnav-link>a[aria-expanded=true]::before{content:"";background-color:#00a0d6;position:absolute;bottom:0;left:0;width:100%;height:0.5em;border-radius:0.5em 0.5em 0 0;transform:translateY(0);transition:transform 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}}[data-level="1"] pn-mainnav-link [aria-expanded=true] .first-level_icon{transform:rotateX(180deg)}[data-level="1"] pn-mainnav-link pn-icon.first-level_icon{transition:0.25s linear transform;width:1.92rem;height:1.92rem;display:none}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link pn-icon.first-level_icon{display:block}}[data-level="1"] pn-mainnav-link pn-icon.first-level_arrow{display:block;position:absolute;height:2.4rem;width:2.4rem;right:2.4rem;top:50%;transform:translateY(-50%)}@media screen and (min-width: 64em){[data-level="1"] pn-mainnav-link pn-icon.first-level_arrow{display:none}}[data-level="1"] pn-mainnav-link pn-icon svg{pointer-events:none;speak:none;width:100%;height:100%}@media screen and (min-width: 64em){pn-mainnav-level[data-level="2"]:not([data-level-listcount="1"]) pn-mainnav-list:last-child pn-mainnav-link>a{min-width:unset}}[data-level="2"] pn-mainnav-link{position:static;display:inline-block;width:100%;height:auto}@media screen and (min-width: 64em){[data-level="2"] pn-mainnav-link{padding-left:0;margin-bottom:1.6rem}}[data-level="2"] pn-mainnav-link>a{font-size:1.6rem;border-bottom:0.1rem solid #f3f2f2;padding:2.2rem 0 2.2rem 3rem;white-space:normal}@media screen and (min-width: 64em){[data-level="2"] pn-mainnav-link>a{min-width:16em;border:0;border-radius:1rem;padding:1.4rem 1.6rem}}[data-level="2"] pn-mainnav-link>a:hover{background-color:#ffffff;color:#005d92}[data-level="2"] pn-mainnav-link>a:hover,[data-level="2"] pn-mainnav-link>a:focus{box-shadow:none}@media screen and (min-width: 64em){[data-level="2"] pn-mainnav-link>a:hover,[data-level="2"] pn-mainnav-link>a:focus{background-color:#f3f2f2;color:#005d92;text-decoration:underline;outline:0}}[data-level="2"] pn-mainnav-link>a:hover::before,[data-level="2"] pn-mainnav-link>a:focus::before{content:none}[data-level="2"] pn-mainnav-link>a:active{box-shadow:none}@media screen and (min-width: 64em){[data-level="2"] pn-mainnav-link>a:active{background-color:#f3f2f2;color:#00a0d6;outline:0}}[data-level="2"] pn-mainnav-link>a:active::before{content:none}[data-level="2"] pn-mainnav-link pn-icon{display:inline-block;margin-left:0.2em;min-width:1.5rem;width:1.5rem;height:1.5rem}';const m=d;const s=class{constructor(a){n(this,a);this.name="";this.href="";this.target="";this.linkid="";this.levelId="";this.open=false;this.hasChildren=false}get hostElement(){return a(this)}componentWillLoad(){this.hasChildren=this.hostElement.querySelectorAll("pn-mainnav-level").length>0;if(this.hasChildren&&this.name){const n=this.name.toLowerCase().replace(/\W/gi,"_");this.levelId=`mainnav-lvl${2}-${n}`}}setOpenMenuLevel(){t.openLevel=t.openLevel+""===this.levelId+""?"":this.levelId}render(){return e(i,{key:"ced822a2bfbd97158796f232563b2eddd55573c0",role:"listitem",name:this.name,href:this.href,linkid:this.linkid},this.hasChildren?e("button",{onClick:this.setOpenMenuLevel.bind(this),"aria-controls":this.levelId,"aria-expanded":(t.openLevel+""===this.levelId+"")+"","aria-haspopup":"true"},this.name,e("pn-icon",{class:"first-level_icon",icon:o,color:"blue700"}),e("pn-icon",{class:"first-level_arrow",icon:l,color:"blue700"})):e("a",{href:this.href,...this.target?{target:this.target}:{},...this.target==="_blank"?{rel:"nofollow noopener"}:{},...this.linkid?{id:this.linkid}:{}},this.name,this.target==="_blank"?e("pn-icon",{icon:r,color:"blue700"}):null),e("slot",{key:"3ded6dbe1b108680aa28d7a0248b25b2495206c4"}))}};s.style=m;export{s as pn_mainnav_link};
-//# sourceMappingURL=p-c4e353b3.entry.js.map

package/dist/pn-market-web-components/p-c89cb749.entry.js

@@ -1,2 +0,0 @@
-import{r as e,g as t,h as o,d as i}from"./p-82546a44.js";import{s as n}from"./p-f9083b7a.js";import{a}from"./p-36b39340.js";import"./p-8836de82.js";const l="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-profile-modal{margin:1em auto;display:flex;flex-direction:column;min-width:42.4rem;max-width:38.4rem;width:100%;padding:1.6rem;border-radius:8px;background:#ffffff}.profilemodal-container{padding:3.2rem;border-radius:8px;box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);border:0.1rem solid #f3f2f2;display:flex;flex-direction:column}.profilemodal-logo{display:none}.profilemodal-logo svg{display:block;margin:0 auto 2.4rem}.profilemodal-heading{text-align:center;font-weight:700}.profilemodal-content{margin:1.6rem 0 0}.profilemodal-content pn-segmented-control{transform:translateZ(0) translateX(-50%);left:50%}.profilemodal-cta{margin:1.6rem 0 0;transition:max-height 0.15s ease, opacity 0.15s ease;overflow:hidden;opacity:1}.profilemodal-cta[aria-hidden=true]{max-height:0;opacity:1}.profilemodal-cta>pn-button{width:100%}";const d=l;const r=class{constructor(t){e(this,t);this.heading=null;this.continueCtaText=null;this.choosenCompanyText=null;this.toText=null;this.chooseCustomerNumberText=null;this.isLoading=true}get hostElement(){return t(this)}componentWillLoad(){this.populateState();this.bindEvents()}populateState(){n.i18n.chooseCustomerNumberText=this.chooseCustomerNumberText;n.i18n.choosenCompanyText=this.choosenCompanyText;n.i18n.toText=this.toText;const e=this.hostElement.querySelector('pn-profile-modal-type[selected="true"]');if(e){n.selectedType=e.getAttribute("name")}}bindEvents(){const e=this.hostElement.querySelector("pn-segmented-control");if(e){e.addEventListener("change",this.onSegmentControlChange.bind(this))}}onSegmentControlChange(e){const t=e.target.value;const o=this.hostElement.querySelector(`[typeid="${t}"]`);if(o){const e=[...this.hostElement.querySelectorAll("pn-profile-modal-type")];e.forEach((e=>{e.setAttribute("selected",(e.getAttribute("typeid")===t)+"")}))}}onCTAClick(){if(!n.selectedUrl){console.log("no Url as been selected, will not continue")}}onUrlSelected(e){if(!e||!e.detail){return}n.selectedUrl=e.detail;const t=this.hostElement.querySelector(".profilemodal-cta pn-button");if(t){t.scrollIntoView({block:"start",inline:"nearest",behavior:"smooth"})}}render(){return o(i,{key:"cfdda32b80bb34f0474d02f259015ef573d4204d"},o("div",{key:"2a4fa8bb08866ac7639f6128766bbbc7a8c83d4a",class:"profilemodal-container"},o("div",{key:"22a58e5ffb7e1d916af69443a0b7bcd0c9fcf64d",class:"profilemodal-logo"},o("svg",{key:"30dd9d63884248e6d9b80ef4a2246b58860630f4",viewBox:"0 0 133 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:"17.1rem",height:"3.2rem"},o("path",{key:"84a14c530eab18959357c5723ed263a6427b7247","fill-rule":"evenodd","clip-rule":"evenodd",fill:"#00A0D6",d:"M132.749 0.333618V20.9198H126.976V19.3809C126.976 19.3809 125.475 21.4316 122.191 21.4316C117.381 21.4316 114.662 17.7015 114.662 13.0327C114.662 8.47612 117.776 4.7187 122.617 4.7187C125.589 4.7187 126.976 6.19924 126.976 6.19924V1.47206L132.749 0.333618ZM54.2322 1.67091H60.0055V5.20216H65.3564L62.7235 10.0999H60.0055V20.9198H54.2322V1.67091ZM28.2484 21.4023C32.8051 21.4023 37.6446 18.8974 37.6446 12.9187C37.6446 7.16616 32.9746 4.69042 28.4461 4.69042C23.8042 4.69042 19.049 7.25192 19.049 13.175C19.049 18.9549 23.7199 21.4023 28.2484 21.4023ZM28.3327 9.78608C30.2294 9.78608 31.5032 11.1243 31.5032 13.0902C31.5032 14.9392 30.2575 16.3076 28.3327 16.3076C26.437 16.3076 25.1351 14.9392 25.1351 13.0902C25.1351 11.1243 26.4089 9.78608 28.3327 9.78608ZM47.0708 10.8963C46.8158 10.8574 46.5804 10.8239 46.3639 10.7931C44.9938 10.5979 44.3827 10.5108 44.3827 9.87279C44.3827 9.24608 45.146 8.9888 46.6465 8.9888C49.1941 8.9888 51.4298 9.84357 51.4298 9.84357L52.4488 5.43022C52.4488 5.43022 49.9865 4.71869 46.7027 4.71869C41.1841 4.71869 38.2965 6.85422 38.2965 10.2705C38.2965 12.9187 39.8532 14.485 44.4108 15.0825C46.3355 15.3388 47.0427 15.4519 47.0427 16.1644C47.0427 16.8486 46.2784 17.0757 44.9484 17.0757C42.0608 17.0757 39.3437 15.8515 39.3437 15.8515L38.1832 20.4081C38.1832 20.4081 40.9003 21.375 44.4389 21.375C50.3826 21.375 53.1279 19.2668 53.1279 15.8223C53.1279 13.0902 51.6555 11.6087 47.0708 10.8963ZM76.1968 4.69042C72.8287 4.69042 71.6111 6.74018 71.6111 6.74018V5.20216H65.8369V20.9198H71.6111V12.8612C71.6111 10.8689 72.3483 9.95666 74.1297 9.95666C75.913 9.95666 76.1687 11.4381 76.1687 13.3173V20.9198H81.9982V11.2666C81.9982 6.93903 79.9339 4.69042 76.1968 4.69042ZM123.948 9.8153C125.843 9.8153 127.144 11.1818 127.144 13.0327C127.144 14.9958 125.87 16.335 123.948 16.335C122.051 16.335 120.778 14.9958 120.778 13.0327C120.778 11.1818 122.024 9.8153 123.948 9.8153ZM112.456 10.213C110.53 10.213 109.088 10.9537 109.088 13.3456V20.9198H103.313V5.20216H109.088V7.02479C109.088 7.02479 109.965 4.97409 113.191 4.97409C114.181 4.97409 114.55 5.14467 114.55 5.14467L114.408 10.4976C114.408 10.4976 113.643 10.213 112.456 10.213ZM11.9728 13.0902C11.9728 11.1243 10.699 9.78608 8.80235 9.78608C6.87853 9.78608 5.6038 11.1243 5.6038 13.0902C5.6038 14.9392 6.9057 16.3076 8.80235 16.3076C10.728 16.3076 11.9728 14.9392 11.9728 13.0902ZM10.1333 21.4023C14.9728 21.4023 18.0871 17.6468 18.0871 13.0902C18.0871 8.41958 15.3699 4.69042 10.5576 4.69042C7.27472 4.69042 5.77426 6.74018 5.77426 6.74018V5.20216H0V25.4453H5.77426V19.9227C5.77426 19.9227 7.16139 21.4023 10.1333 21.4023ZM95.7984 13.0902C95.7984 11.1243 94.5246 9.78608 92.6279 9.78608C90.7032 9.78608 89.4284 11.1243 89.4284 13.0902C89.4284 14.9392 90.7322 16.3076 92.6279 16.3076C94.5536 16.3076 95.7984 14.9392 95.7984 13.0902ZM92.5427 21.4023C97.0994 21.4023 101.94 18.8974 101.94 12.9187C101.94 7.16616 97.2698 4.69042 92.7413 4.69042C88.0984 4.69042 83.3442 7.25192 83.3442 13.175C83.3442 18.9549 88.0142 21.4023 92.5427 21.4023Z"}))),this.heading===""?null:o("div",{class:"profilemodal-heading"},this.heading),o("div",{key:"2ec735cc3c4d5280b3e482f80d224d1b87c3652a",class:"profilemodal-content"},o("slot",{key:"3523c9e2bb04f7d626720bee72a7a1581e54cb14"})),this.continueCtaText?o("div",{class:"profilemodal-cta","aria-hidden":!n.selectedUrl+""},o("pn-button",{onclick:this.onCTAClick,href:n.selectedUrl,icon:a},this.continueCtaText)):null))}};r.style=d;export{r as pn_profile_modal};
-//# sourceMappingURL=p-c89cb749.entry.js.map

package/dist/pn-market-web-components/p-c9038b03.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as i}from"./p-82546a44.js";import{a as t}from"./p-8644928d.js";import{s as a}from"./p-fb4cdf98.js";import"./p-8836de82.js";const n={sv:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Hit eller dit?",sizeheading:"Hur mycket väger det?",resultlistheading:"Några utvalda val",weightlabel:"Vikt",maxweightlabel:"Maxvikt",maxmeasurementlabel:"Maxvolym",senddirectcta:"Köp frakt via Skicka Direkt",stampshopcta:"Köp frimärken via vår webshop"},en:{componentheading:"What do you want to send?",deliveryscopeheading:"Here or there?",sizeheading:"How much does it weigh?",resultlistheading:"Some suitable options for you",weightlabel:"Weight",maxweightlabel:"Max weight",maxmeasurementlabel:"Maximum measurement",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"},da:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Here or there?",sizeheading:"How much does it weigh?",resultlistheading:"Some suitable options for you",weightlabel:"Vægt",maxweightlabel:"Max vægt",maxmeasurementlabel:"Maks. Volumen",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"},no:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Here or there?",sizeheading:"How much does it weigh?",resultlistheading:"Some suitable options for you",weightlabel:"Vekt",maxweightlabel:"Maks vekt",maxmeasurementlabel:"Maks volum",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"},fi:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Here or there?",sizeheading:"How much does it weigh?",resultlistheading:"Some suitable options for you",weightlabel:"Paino",maxweightlabel:"Max paino",maxmeasurementlabel:"Max äänenvoimakkuus",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop"}};const s={se:{currency:"kr"},dk:{currency:"dk"},fi:{currency:" €"},no:{currency:"kr"}};const o=[{name:"Brev",value:"letter",illustration:"letterbox-reply-letter-plants"},{name:"Paket",value:"parcel",illustration:"tracking"}];const r={letter:[{name:"Sweden",value:"sweden",illustration:"letterboxes"},{name:"Abroad",value:"abroad",illustration:"character-box-letters-globe"}],parcel:[{name:"Sweden",value:"sweden",illustration:"letterboxes"},{name:"Within Europe",value:"withineurope",illustration:"character-box-letters-globe"},{name:"Outside Europe",value:"outsideeurope",illustration:"discover"}]};const l={letter:[{name:"50g",abbreviation:"g",value:50},{name:"100g",abbreviation:"g",value:100},{name:"250g",abbreviation:"g",value:250},{name:"500g",abbreviation:"g",value:500},{name:"1kg",abbreviation:"kg",value:1},{name:"2kg",abbreviation:"kg",value:2}],parcel:[{name:"1kg",abbreviation:"kg",value:1},{name:"2kg",abbreviation:"kg",value:2},{name:"3kg",abbreviation:"kg",value:3},{name:"4kg",abbreviation:"kg",value:4},{name:"5kg",abbreviation:"kg",value:5},{name:"6kg",abbreviation:"kg",value:6},{name:"7Kg",abbreviation:"kg",value:7},{name:"8kg",abbreviation:"kg",value:8},{name:"9kg",abbreviation:"kg",value:9},{name:"10kg",abbreviation:"kg",value:10},{name:"11kg",abbreviation:"kg",value:11},{name:"12kg",abbreviation:"kg",value:12},{name:"13kg",abbreviation:"kg",value:13},{name:"14kg",abbreviation:"kg",value:14},{name:"15kg",abbreviation:"kg",value:15},{name:"16kg",abbreviation:"kg",value:16},{name:"17kg",abbreviation:"kg",value:17},{name:"18kg",abbreviation:"kg",value:18},{name:"20kg",abbreviation:"kg",value:20}]};const h="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-find-service-and-price .findprice-form{max-width:50em;margin:0 auto}pn-find-service-and-price h2,pn-find-service-and-price .heading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:1rem}pn-find-service-and-price .postagetypes,pn-find-service-and-price .deliveryscope{text-align:center;margin-bottom:3rem}pn-find-service-and-price .weightoption{display:flex;gap:1em}pn-find-service-and-price .weightoption-input{width:5em;position:relative}pn-find-service-and-price .weightoption-input input::-webkit-outer-spin-button,pn-find-service-and-price .weightoption-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}pn-find-service-and-price .weightoption-input-abbreviation{position:absolute;top:50%;transform:translateY(-50%);right:1.2em;margin-top:1.55rem;font-weight:500}pn-find-service-and-price .weightoption-range{flex-grow:1;align-self:flex-end;position:relative;top:0.5em}pn-find-service-and-price .weightoption-range input{width:calc(100% - 1.5em)}pn-find-service-and-price .weightoption-range datalist{width:100%;display:flex;justify-content:space-between;font-size:0.75em}pn-find-service-and-price .resultlist{margin:3em 0}";const p=h;const d=class{constructor(i){e(this,i);this.source="https://com-inte.postnord.com/globalassets/global/prices/sv-se-findprice.xlsx";this.language="sv";this.market="se";this.filteredItems=[];this.postagetype={value:"",name:"",icon:""};this.weight={value:0,name:""};this.weightvalue=0;this.deliveryscope={value:"",name:"",icon:""};this.sourceData={types:[],data:[]}}componentWillLoad(){this.setState();this.getDataSource()}async getDataSource(){const e=`?cache=${Math.floor(Math.random()*(1e4-1)+1)}`;const i=await fetch(this.source+e);const a=await i.blob();try{const e=await t(a);this.sourceData=e;this.filterItems()}catch(e){console.log("Unable to parse data")}}setState(){if(this.market){a.market=s[this.market]}if(this.language&&n[this.language]){a.i18n=n[this.language]}}filterItems(){if(!this.sourceData?.data){console.log("Data has not yet been loaded");return}if(!this.postagetype){return}const e=this.sourceData.data.filter((e=>e.what===this.postagetype.value));if(!this.deliveryscope){return}const i=e.filter((e=>e.deliveryscope===this.deliveryscope.value));if(!this.weight||!this.weight.value){return}const t=this.weight.abbreviation.toLocaleLowerCase()==="kg"&&this.postagetype.value==="letter"?this.weight.value*1e3:this.weight.value;let a=i.filter((e=>e.maxweight===t));if(a.length===0){a=i.filter((e=>e.maxweight>=t));if(a.length>0){const e=[...new Map(a.reverse().map((e=>[e["id"],e]))).values()];if(e.length>0){a=e}}}this.filteredItems=a}render(){return i("div",{key:"0de982c8ec40481b1a547375c6ebe90dd0793e68"},i("div",{key:"c91c7d40a40133f018332de72c9e2d01bb345be8",class:"findprice-form"},a.i18n.componentheading?i("h2",null,a.i18n.componentheading):null,i("div",{key:"2806ec049ae3cad22813d139b57526faea25300b",class:"postagetypes"},o.map((e=>i("pn-choice-button",{choiceid:e.value,value:e.value,name:"postagetype",type:"radio",checked:e.value===this.postagetype.value,onChange:()=>{this.postagetype=o.filter((i=>i.value===e.value))[0];this.deliveryscope={value:"",name:"",icon:""};this.weight={value:0,name:""};this.weightvalue=this.weight.value}},i("pn-illustration",{illustration:e.illustration})," ",e.name)))),this.postagetype.value&&r[this.postagetype.value]?i("div",null,a.i18n.deliveryscopeheading?i("div",{class:"heading"},a.i18n.deliveryscopeheading):null,i("div",{class:"deliveryscope"},r[this.postagetype.value].map((e=>i("pn-choice-button",{choiceid:this.postagetype.value+e.value,value:e.value,name:"deliveryscope",type:"radio",checked:e.value===this.deliveryscope.value,onChange:()=>{this.deliveryscope=r[this.postagetype.value].filter((i=>i.value===e.value))[0];if(this.weight.value===0){this.weight=l[this.postagetype.value][0];this.weightvalue=this.weight.value}}},i("pn-illustration",{illustration:e.illustration})," ",e.name))))):null,this.postagetype.value&&l[this.postagetype.value]&&this.deliveryscope.value?i("div",null,a.i18n.sizeheading?i("div",{class:"heading"},a.i18n.sizeheading):null,i("div",{class:"weightoption"},i("div",{class:"weightoption-input"},i("pn-input",{inputid:"weightvalue",name:"weightvalue",type:"number",label:a.i18n.weightlabel,value:this.weightvalue,onChange:e=>{if(e&&e.target&&e.target.value){const i=parseInt(e.target.value,10);if(!isNaN(i)){let e=l[this.postagetype.value].filter((e=>{let t=e.abbreviation==="kg"?e.value*1e3:e.value;return t>=i}));if(e&&e.length>0){this.weight=e[0];this.weightvalue=this.weight.value}}}}}),i("span",{class:"weightoption-input-abbreviation"},this.weight.abbreviation)),i("div",{class:"weightoption-range"},i("input",{type:"range",id:"weightrange",name:"weightrange",list:"weightlist",value:!this.weight.value?0:l[this.postagetype.value].findIndex((e=>e.value===this.weightvalue)),onChange:e=>{const i=e.target.value;this.weight=l[this.postagetype.value][i];this.weightvalue=this.weight.value},min:"0",max:l[this.postagetype.value].length-1}),i("datalist",{id:"weightlist"},l[this.postagetype.value].map(((e,t)=>{let a=e.name;if(l[this.postagetype.value].length>6){a=t%5===0||t===0||t===l[this.postagetype.value].length-1?e.name:""}return i("option",{value:t,...a?{label:a}:{}})})))))):null),this.filteredItems&&this.filteredItems.length>0?i("div",{class:"resultlist"},a.i18n.resultlistheading?i("div",{class:"heading"},a.i18n.resultlistheading):null,this.filteredItems.map((e=>i("div",null,i("pn-find-service-and-price-result",{item:e}))))):null)}static get watchers(){return{market:["setState"],language:["setState"],postagetype:["filterItems"],deliveryscope:["filterItems"],weightvalue:["filterItems"]}}};d.style=p;export{d as pn_find_service_and_price};
-//# sourceMappingURL=p-c9038b03.entry.js.map

package/dist/pn-market-web-components/p-cbb1d57d.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,d as n}from"./p-82546a44.js";import{a as i}from"./p-aca71066.js";import{o as d}from"./p-c40f1e9a.js";const o='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-product-card{border:0.1rem solid #d3cecb;outline:none;background:#ffffff;box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);display:flex;word-break:break-word;text-decoration:none;border-radius:0.8rem;position:relative;padding:11rem 2.4rem 2.4rem;margin-bottom:1.6rem}@media screen and (min-width: 36em){pn-product-card{padding:2.4rem}}pn-product-card [slot=title]{display:flex;width:100%;margin-bottom:0.8rem;gap:1.6rem;flex-direction:column;align-items:center}@media screen and (min-width: 36em){pn-product-card [slot=title]{flex-direction:row;align-items:inherit}}pn-product-card [slot=title] h2{width:100%}@media screen and (min-width: 36em){pn-product-card [slot=title] h2{width:auto}}pn-product-card [slot=title] h2>a{color:#000000}pn-product-card [slot=title] h2>a::after{content:"" !important}pn-product-card [slot=note]{margin-top:1em;margin-bottom:1em;font-size:0.8em}pn-product-card [slot=additionalUSP]{display:flex}pn-product-card [slot=additionalUSP] :first-child{margin-left:0em}pn-product-card [slot=additionalUSP] span{margin-left:1em;background:#d3cecb;color:#2d2013;border-radius:0.25em;width:fit-content;padding:0.3em;margin-top:0.5em;font-size:0.75em}pn-product-card>pn-illustration{min-width:8rem;width:8rem;height:8rem;align-self:center;position:absolute;top:1.6rem;transform:translateX(-50%);left:50%;box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);border-radius:100%}@media screen and (min-width: 36em){pn-product-card>pn-illustration{box-shadow:none;top:1.6rem;right:1.6rem;left:auto;transform:none}}@media screen and (min-width: 48em){pn-product-card>pn-illustration{position:static;top:auto;right:auto;margin-right:3rem}}pn-product-card .cardcontent{display:flex;flex-direction:column;justify-content:center;flex-grow:1}@media screen and (min-width: 48em){pn-product-card .cardcontent{flex-direction:row;gap:1.6rem}}pn-product-card [slot=cardprice]{display:flex;flex-direction:column;justify-content:center;padding:0.6em;flex-grow:1}@media screen and (min-width: 36em){pn-product-card [slot=cardprice]{flex-direction:row;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=cardprice]{flex-direction:column;justify-content:center;align-items:flex-end}}pn-product-card [slot=mobiledownload]{margin-top:1rem;white-space:nowrap;text-align:center;display:flex;flex-direction:column}pn-product-card [slot=mobiledownload] #riktiga{order:4;margin-top:1em}pn-product-card [slot=mobiledownload] #riktiga>div>a::after{content:"" !important}pn-product-card [slot=mobiledownload] .riktigaAndroidImg{width:6em;margin:0.5em}pn-product-card [slot=mobiledownload] .riktigaAppleImg{width:5.6em;margin:0.5em}pn-product-card [slot=mobiledownload] a{text-decoration:none;color:#005d92}pn-product-card [slot=mobiledownload] a h3{text-decoration:underline}pn-product-card [slot=servicepoint]{flex-direction:column;justify-content:center;flex-grow:2;align-items:flex-end;text-align:center}@media screen and (min-width: 36em){pn-product-card [slot=servicepoint]{flex-direction:row;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=servicepoint]{flex-direction:column;justify-content:center;align-items:flex-end}}pn-product-card .details{display:flex;flex-direction:column;justify-content:space-between;width:100%}pn-product-card .info{display:flex;justify-content:space-between;flex-grow:1;flex-flow:wrap;padding:0 1em 0 0}pn-product-card .info>*{min-width:6em;margin:0.5em 1em 0.5em 0}';const r=o;const a=class{constructor(t){e(this,t)}render(){return t(n,{key:"a2f8575d2606b41f8193caa240cafa60311b5b6a"},t("slot",{key:"366f45aa43c58a724475a92c8a80a3bc387df54b",name:"illustration"}),t("div",{key:"f23a5bfa486d95027b47903a0f64b60195700a3d",class:"cardcontent"},t("div",{key:"15437a56af91702f4c88e8f67e5ad1ca09e05c15",class:"details"},t("slot",{key:"dbff885efc6c6068dee18a7009ebe32068863b5a",name:"title"}),t("slot",{key:"a1a9316b0cdc8b01abf584d2608363b70f740771",name:"content"}),t("div",{key:"f13e09bf06a66f2467af95f52de8632d55811c0d",class:"info"},t("slot",{key:"481d4e94eadf14f1045d8081b7d8abbdd41191a5"})),t("slot",{key:"9fe23bcb9d4ed92a3d602bca06cf39dd48aa19b4",name:"note"}),t("slot",{key:"a67b48193cc2fc9a1b8839e561e17abc5c480818",name:"additionalUSP"})),t("div",{key:"ff78e438332b1de3de8e2d6dbf1edbb4e3a9e550",class:"cardprice"},t("slot",{key:"d674cbd5a72b3e7a1e5058640b454b569d6928e9",name:"cardprice"}),t("slot",{key:"dad5658682e02baf50b6ad5cd753ab174fcd8f2c",name:"mobiledownload"}),t("slot",{key:"206ede97d7f344d39663d743d0a53d7cb38c1d8b",name:"servicepoint"}))))}};a.style=r;const c='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-product-card-info{align-self:center}.cardinfocontent{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;font-size:0.875em;gap:1.6rem}@media screen and (min-width: 36em){.cardinfocontent{flex-direction:row}}.cardinfocontent>div p{margin:0.25em 0.25em 0 0}.cardinfocontent-item{margin-top:0.5em}[slot=formatPre]{font-family:"PostNordSans", "Verdana";margin:0.5em 3em 0 0}[slot=formatPre]>strong{font-weight:bold}.cardinfoprice{display:flex;font-size:1em;flex-direction:row;justify-content:center;flex-grow:1}';const p=c;const l=class{constructor(t){e(this,t);this.rulle=undefined;this.paket=undefined;this.label=undefined;this.text=undefined}render(){return this.label?t(n,null,t("div",{class:"cardinfocontent"},this.text?t("pre",{slot:"formatPre"},this.text):null)):t(n,null,t("div",{class:"cardinfocontent"},this.paket?t("div",{class:"cardinfocontent-item"},t("strong",null,"Maxmått"),this.paket.split("/").map((e=>e.split(":").length>1?t("p",null,t("strong",null,e.split(":")[0]+": ")," ",e.split(":")[1]):t("p",null,e)))):null,this.rulle?t("div",{class:"cardinfocontent-item"},t("strong",null,"Rulle"),this.rulle.split("/").map((e=>e.split(":").length>0?t("p",null,t("strong",null,e.split(":")[0]+": ")," ",e.split(":")[1]):t("p",null,e)))):null))}};t("pn-icon",{icon:i,small:"false",color:"black"});l.style=p;const s="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-product-card-price{margin-top:1rem;white-space:nowrap;text-align:center;display:flex;flex-direction:column}pn-product-card-price span:last-child{display:inline-block;margin-left:0.2em}pn-product-card-price+pn-product-card-price{margin-right:0}pn-product-card-price pn-icon{display:inline-block;align-self:center}pn-product-card-price .price{font-size:2.5em;font-weight:bold;order:1}pn-product-card-price pn-button{min-width:12.8em;font-size:1.25;order:2}@media screen and (min-width: 48em){pn-product-card-price pn-button{order:3;margin-bottom:1.6rem}}pn-product-card-price p{font-weight:lighter;font-size:0.875em;align-self:center;margin-top:0.8rem;order:3}@media screen and (min-width: 48em){pn-product-card-price p{order:2}}";const m=s;const f=class{constructor(t){e(this,t);this.label=undefined;this.amount=undefined;this.currency=undefined;this.note=undefined;this.url=undefined;this.service=undefined;this.linkid=undefined}render(){if(!this.amount){return}return this.url?t(n,{id:this.linkid},t("div",{class:"price"},this.amount?t("span",null,this.amount):null,this.currency?t("span",null," "+this.currency):null),this.note?t("p",null,this.note):null,this.label?t("pn-button",{id:"pricecta-"+this.linkid,small:"true",icon:d,appearance:"light",href:this.url,target:"_blank"},this.label):null):t(n,null,t("div",{class:"price"},this.amount?t("span",null,this.amount):null,this.currency?t("span",null,this.currency):null))}};f.style=m;export{a as pn_product_card,l as pn_product_card_info,f as pn_product_card_price};
-//# sourceMappingURL=p-cbb1d57d.entry.js.map

package/dist/pn-market-web-components/p-cda742ba.entry.js

@@ -1,2 +0,0 @@
-import{r as e,g as a,h as t,d as n}from"./p-82546a44.js";import{H as r}from"./p-0b920554.js";const c="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}}.block.teasercardblock a[data-block-clickable-link=true]{z-index:1}pn-teaser-card{width:100%;height:100%;display:flex}pn-teaser-card .pn-teaser-card__container{display:flex;flex-direction:column;justify-content:flex-start;border-radius:2.4rem;width:100%}pn-teaser-card .pn-teaser-card__container__image__container{width:100%;position:relative}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{clip-path:ellipse(100% 90% at 50% 0%);height:100%;overflow:hidden;border-top-left-radius:2.4rem;border-top-right-radius:2.4rem}pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{width:100%;height:auto;transition:0.4s ease-in-out;transform:scale(1);aspect-ratio:16/9;object-fit:cover;object-position:50% 0}pn-teaser-card .pn-teaser-card__container__content{display:flex;flex-direction:column;justify-content:space-between;flex:1 1 100%;gap:3.2rem;padding:2.4rem 2.4rem;padding-top:0}pn-teaser-card .pn-teaser-card__container__content__text__container__heading{font-weight:700;font-size:2.4rem;line-height:2.64rem;margin-bottom:0}pn-teaser-card .pn-teaser-card__container__content__text__container__preamble{padding-top:1.6rem;font-weight:400;font-size:1.6rem;line-height:2.24rem;margin-bottom:0}pn-teaser-card .pn-teaser-card__container__content__text__container__label{display:block;margin-bottom:1.6rem;font-weight:400;font-size:1.2rem;line-height:140%}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{align-self:flex-end;width:100%}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button a:hover{text-decoration:none}pn-teaser-card .pn-teaser-card__container__content__cta>pn-button>button>.pn-button-bg,pn-teaser-card .pn-teaser-card__container__content__cta>pn-button>a>.pn-button-bg{transition:0.4s ease-in-out}@media screen and (min-width: 768px){pn-teaser-card .pn-teaser-card__container__content__cta>pn-button{width:fit-content}}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:500;font-size:1.6rem;text-decoration:none;color:#005d92}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated pn-icon svg{transition:0.3s ease-in-out;position:relative;left:-0.3rem}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated pn-icon svg path{fill:#005d92}pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated[target=_blank]:not(.pn-button):after{display:none}pn-teaser-card[data-card-color=coral]>.pn-teaser-card__container{background-color:#fdefee}pn-teaser-card[data-card-color=green]>.pn-teaser-card__container{background-color:#dcf6e7}pn-teaser-card[data-card-color=blue]>.pn-teaser-card__container{background-color:#effbff}pn-teaser-card[data-card-color=blue50]>.pn-teaser-card__container{background-color:#e0f8ff}pn-teaser-card[data-card-color=blue400]>.pn-teaser-card__container{background-color:#00a0d6}pn-teaser-card[data-card-color=blue400]>.pn-teaser-card__container .pn-teaser-card__container__content__text__container__label,pn-teaser-card[data-card-color=blue400]>.pn-teaser-card__container .pn-teaser-card__container__content__text__container__heading,pn-teaser-card[data-card-color=blue400]>.pn-teaser-card__container .pn-teaser-card__container__content__text__container__preamble,pn-teaser-card[data-card-color=blue400]>.pn-teaser-card__container .pn-teaser-card__container__content__cta .secondary-link--animated{color:#ffffff}pn-teaser-card[data-card-color=blue400]>.pn-teaser-card__container .secondary-link--animated>pn-icon>svg>path{fill:#ffffff}pn-teaser-card[data-card-color=blue900]>.pn-teaser-card__container{background-color:#0d234b}pn-teaser-card[data-card-color=blue900]>.pn-teaser-card__container .pn-teaser-card__container__content__text__container__heading{color:#f06365}pn-teaser-card[data-card-color=blue900]>.pn-teaser-card__container .pn-teaser-card__container__content__text__container__label,pn-teaser-card[data-card-color=blue900]>.pn-teaser-card__container .pn-teaser-card__container__content__text__container__preamble,pn-teaser-card[data-card-color=blue900]>.pn-teaser-card__container .pn-teaser-card__container__content__cta .secondary-link--animated{color:#ffffff}pn-teaser-card[data-card-color=blue900]>.pn-teaser-card__container .secondary-link--animated>pn-icon>svg>path{fill:#ffffff}pn-teaser-card[data-card-color=white]>.pn-teaser-card__container{background-color:#ffffff}.teasercardlistblock .teasercardblock.has-bg{background-color:transparent;background:transparent}@media screen and (min-width: 1200px){.onequarterwidth:not(.familywrapperblock) .pn-teaser-card__container__content__text__container__label{margin-bottom:0.8rem}}.onethirdwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__image__container--no-image,.onequarterwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:2.4rem}.onethirdwidth:not(.familywrapperblock) .pn-teaser-card__container__content__cta .secondary-link--animated,.onequarterwidth:not(.familywrapperblock) .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:400}.halfwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:400}.halfwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:2.4rem}@media screen and (min-width: 992px){.halfwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:500}}@media screen and (min-width: 1200px){.halfwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:4rem}.halfwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content{padding:0 4rem 4rem}.halfwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content__text__container__heading{font-weight:700;font-size:3.2rem;line-height:3.52rem}.halfwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content__text__container__preamble{font-weight:400;font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 1640px){.halfwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__image__container--no-image{padding-top:5.6rem}.halfwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content{padding:0 5.6rem 5.6rem}}.fullwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:400}.fullwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__image__container--no-image{width:auto;padding-top:2.4rem}@media screen and (min-width: 768px){.fullwidth:not(.familywrapperblock) pn-teaser-card{min-height:35rem}.fullwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content__cta .secondary-link--animated{font-weight:500}.fullwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container{flex-direction:row}.fullwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content{align-self:center;gap:2.4rem;padding:3.2rem 3.2rem 3.2rem 2.4rem}.fullwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]{border-top-left-radius:2.4rem;border-bottom-left-radius:2.4rem;clip-path:ellipse(100% 100% at 0% 50%)}.fullwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__image__container>[slot=illustration]>picture>img{height:100%;object-fit:cover}}@media screen and (min-width: 1200px){.fullwidth:not(.familywrapperblock) pn-teaser-card{min-height:52rem}.fullwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content{padding:4rem 4rem 4rem 3.2rem}.fullwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content__text__container__heading{font-weight:700;font-size:4.8rem;line-height:5.28rem}.fullwidth:not(.familywrapperblock) pn-teaser-card .pn-teaser-card__container__content__text__container__preamble{font-size:2rem;line-height:2.8rem}}@media screen and (min-width: 768px){.fullwidth:not(.familywrapperblock) pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container{flex-direction:row-reverse}.fullwidth:not(.familywrapperblock) pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__content{padding:3.2rem 2.4rem 3.2rem 3.2rem}.fullwidth:not(.familywrapperblock) pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__image__container>[slot=illustration]{border-bottom-right-radius:2.4rem;clip-path:ellipse(100% 100% at 100% 50%)}}@media screen and (min-width: 1200px){.fullwidth:not(.familywrapperblock) pn-teaser-card[data-card-alignment=right] .pn-teaser-card__container__content{padding:4rem 3.2rem 4rem 4rem}}pn-teaser-card.teaser-card--hover-effect:hover{cursor:pointer}pn-teaser-card.teaser-card--hover-effect:hover .pn-teaser-card__container__image__container [slot=illustration] picture>img{transform:scale(1.02);filter:brightness(0.85)}pn-teaser-card.teaser-card--hover-effect:hover .secondary-link--animated{text-decoration:underline}pn-teaser-card.teaser-card--hover-effect:hover .secondary-link--animated pn-icon svg{left:0}pn-teaser-card.teaser-card--hover-effect:hover pn-button button .pn-button-bg,pn-teaser-card.teaser-card--hover-effect:hover pn-button a .pn-button-bg{background-color:#0d234b}pn-teaser-card.teaser-card--hover-effect:hover[data-card-color=blue900] pn-button button .pn-button-bg,pn-teaser-card.teaser-card--hover-effect:hover[data-card-color=blue900] pn-button a .pn-button-bg{background-color:#00a0d6}";const o=c;const i=class{constructor(a){e(this,a);this.text=null;this.heading=null;this.label=null;this.headingLevel="h3";this.dataCardColor="coral";this.dataCardAlignment="left";this.hasCtaSlotContent=false;this.hasIllustrationSlot=true}get hostElement(){return a(this)}componentWillLoad(){this.hasCtaSlotContent=!!this.hostElement.querySelector('[slot="cta"]');this.hasIllustrationSlot=!!this.hostElement.querySelector('[slot="illustration"]')}render(){const e=this.label?.toUpperCase();return t(n,{key:"b5ee6a71383c676dff65be68bd2c583af8d4b73e"},t("slot",{key:"26f672cccdf0b4a647608dec90d9da91d5326f2e",name:"clickable-block-wrapper"}),t("div",{key:"664a86e96d02078ad7d3b9feec848620b08a64e7",class:"pn-teaser-card__container"},t("div",{key:"b2690687573bc1421b4087b25574aac4e1bf210e",class:`pn-teaser-card__container__image__container ${!this.hasIllustrationSlot?"pn-teaser-card__container__image__container--no-image":""}`},t("slot",{key:"92c205f97f90b35df8f34f6905ebb5f858ba3115",name:"illustration"})),t("div",{key:"f9b96157ea921c801f993133b0b4e7d785224a3b",class:"pn-teaser-card__container__content"},t("div",{key:"150b6993e403a65c3d75794554b39a2c4c073099",class:"pn-teaser-card__container__content__text__container"},e&&t("span",{key:"20973e8c988b6f3c5bed312ad6f5e339f22565f4",class:"pn-teaser-card__container__content__text__container__label"},e),this.heading&&t(r,{key:"64cdb89e6106839ef6bd7d6a6912c69bad4e1d85",level:this.headingLevel,cssClass:"pn-teaser-card__container__content__text__container__heading"},this.heading),t("p",{key:"7366108ac28438903a71cb89e6a4d70d3e5ef96a",class:"pn-teaser-card__container__content__text__container__preamble"},this.text)),this.hasCtaSlotContent&&t("div",{key:"dcee0ddb4c36f90e321db3c8817b444794851b93",class:"pn-teaser-card__container__content__cta"},t("slot",{key:"1aedb8f19e547e163676b76b502a155603c0b3ce",name:"cta"})))))}};i.style=o;export{i as pn_teaser_card};
-//# sourceMappingURL=p-cda742ba.entry.js.map

package/dist/pn-market-web-components/p-cda742ba.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pnTeaserCardCss","PnTeaserCardStyle0","PnTeaserCard","componentWillLoad","this","hasCtaSlotContent","hostElement","querySelector","hasIllustrationSlot","render","labelToCapitals","label","toUpperCase","h","Host","key","name","class","heading","HeadingTag","level","headingLevel","cssClass","text"],"sources":["src/components/cards/pn-teaser-card/pn-teaser-card.scss?tag=pn-teaser-card","src/components/cards/pn-teaser-card/pn-teaser-card.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n//making pn wrapping link clickable over card image\n.block.teasercardblock {\n  a[data-block-clickable-link='true'] {\n    z-index: 1;\n  }\n}\n\n//mobile first\npn-teaser-card {\n  width: 100%;\n  height: 100%;\n  display: flex;\n\n  .pn-teaser-card__container {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    border-radius: 2.4rem;\n    width: 100%;\n  }\n\n  .pn-teaser-card__container__image__container {\n    width: 100%;\n    position: relative;\n\n    & > [slot='illustration'] {\n      clip-path: ellipse(100% 90% at 50% 0%);\n      height: 100%;\n      overflow: hidden;\n      border-top-left-radius: 2.4rem;\n      border-top-right-radius: 2.4rem;\n\n      & > picture > img {\n        width: 100%;\n        height: auto;\n        transition: 0.4s ease-in-out;\n        transform: scale(1);\n        aspect-ratio: 16/9;\n        object-fit: cover;\n        object-position: 50% 0;\n      }\n    }\n  }\n\n  .pn-teaser-card__container__content {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    flex: 1 1 100%;\n    gap: 3.2rem;\n    padding: 2.4rem 2.4rem;\n    padding-top: 0;\n  }\n\n  .pn-teaser-card__container__content__text__container__heading {\n    font-weight: 700;\n    font-size: 2.4rem;\n    line-height: 2.64rem;\n    margin-bottom: 0;\n  }\n\n  .pn-teaser-card__container__content__text__container__preamble {\n    padding-top: 1.6rem;\n    font-weight: 400;\n    font-size: 1.6rem;\n    line-height: 2.24rem;\n    margin-bottom: 0;\n  }\n\n  .pn-teaser-card__container__content__text__container__label {\n    display: block;\n    margin-bottom: 1.6rem;\n    font-weight: 400;\n    font-size: 1.2rem;\n    line-height: 140%;\n  }\n\n  .pn-teaser-card__container__content__cta {\n    & > pn-button {\n      align-self: flex-end;\n      width: 100%;\n\n      & a:hover {\n        text-decoration: none;\n      }\n\n      & > button,\n      & > a {\n        & > .pn-button-bg {\n          transition: 0.4s ease-in-out;\n        }\n      }\n\n      @media screen and (min-width: $min-width-md) {\n        width: fit-content;\n      }\n    }\n\n    .secondary-link--animated {\n      font-weight: 500;\n      font-size: 1.6rem;\n      text-decoration: none;\n      color: $blue700;\n\n      pn-icon svg {\n        transition: 0.3s ease-in-out;\n        position: relative;\n        left: -0.3rem;\n\n        path {\n          fill: $blue700;\n        }\n      }\n\n      &[target='_blank']:not(.pn-button):after {\n        display: none;\n      }\n    }\n  }\n}\n\n//colors\npn-teaser-card[data-card-color='coral'] {\n  & > .pn-teaser-card__container {\n    background-color: $coral50;\n  }\n}\n\npn-teaser-card[data-card-color='green'] {\n  & > .pn-teaser-card__container {\n    background-color: $green50;\n  }\n}\n\npn-teaser-card[data-card-color='blue'] {\n  & > .pn-teaser-card__container {\n    background-color: $blue25;\n  }\n}\n\npn-teaser-card[data-card-color='blue50'] {\n  & > .pn-teaser-card__container {\n    background-color: $blue50;\n  }\n}\n\npn-teaser-card[data-card-color='blue400'] {\n  & > .pn-teaser-card__container {\n    background-color: $blue400;\n\n    .pn-teaser-card__container__content__text__container__label,\n    .pn-teaser-card__container__content__text__container__heading,\n    .pn-teaser-card__container__content__text__container__preamble,\n    .pn-teaser-card__container__content__cta .secondary-link--animated {\n      color: $white;\n    }\n\n    .secondary-link--animated {\n      & > pn-icon > svg > path {\n        fill: $white;\n      }\n    }\n  }\n}\n\npn-teaser-card[data-card-color='blue900'] {\n  & > .pn-teaser-card__container {\n    background-color: $blue900;\n    .pn-teaser-card__container__content__text__container__heading {\n      color: $coral400;\n    }\n\n    .pn-teaser-card__container__content__text__container__label,\n    .pn-teaser-card__container__content__text__container__preamble,\n    .pn-teaser-card__container__content__cta .secondary-link--animated {\n      color: $white;\n    }\n\n    .secondary-link--animated {\n      & > pn-icon > svg > path {\n        fill: $white;\n      }\n    }\n  }\n}\n\npn-teaser-card[data-card-color='white'] {\n  & > .pn-teaser-card__container {\n    background-color: $white;\n  }\n}\n\n//color override when in a listblock\n.teasercardlistblock {\n  .teasercardblock.has-bg {\n    background-color: transparent;\n    background: transparent;\n  }\n}\n\n// variants\n\n.onequarterwidth:not(.familywrapperblock) {\n  .pn-teaser-card__container__content__text__container__label {\n    @media screen and (min-width: $min-width-xl) {\n      margin-bottom: 0.8rem;\n    }\n  }\n}\n\n.onethirdwidth:not(.familywrapperblock),\n.onequarterwidth:not(.familywrapperblock) {\n  & pn-teaser-card {\n    .pn-teaser-card__container__image__container--no-image {\n      padding-top: 2.4rem;\n    }\n  }\n\n  .pn-teaser-card__container__content__cta {\n    .secondary-link--animated {\n      font-weight: 400;\n    }\n  }\n}\n\n.halfwidth:not(.familywrapperblock) {\n  & pn-teaser-card {\n    .pn-teaser-card__container__content__cta {\n      .secondary-link--animated {\n        font-weight: 400;\n      }\n    }\n\n    .pn-teaser-card__container__image__container--no-image {\n      padding-top: 2.4rem;\n    }\n\n    @media screen and (min-width: $min-width-lg) {\n      .pn-teaser-card__container__content__cta {\n        .secondary-link--animated {\n          font-weight: 500;\n        }\n      }\n    }\n\n    @media screen and (min-width: $min-width-xl) {\n      .pn-teaser-card__container__image__container--no-image {\n        padding-top: 4rem;\n      }\n\n      .pn-teaser-card__container__content {\n        padding: 0 4rem 4rem;\n      }\n\n      .pn-teaser-card__container__content__text__container__heading {\n        font-weight: 700;\n        font-size: 3.2rem;\n        line-height: 3.52rem;\n      }\n\n      .pn-teaser-card__container__content__text__container__preamble {\n        font-weight: 400;\n        font-size: 2rem;\n        line-height: 2.8rem;\n      }\n    }\n\n    @media screen and (min-width: $min-width-xxl) {\n      .pn-teaser-card__container__image__container--no-image {\n        padding-top: 5.6rem;\n      }\n\n      .pn-teaser-card__container__content {\n        padding: 0 5.6rem 5.6rem;\n      }\n    }\n  }\n}\n\n.fullwidth:not(.familywrapperblock) {\n  & pn-teaser-card {\n    .pn-teaser-card__container__content__cta {\n      .secondary-link--animated {\n        font-weight: 400;\n      }\n    }\n\n    .pn-teaser-card__container__image__container--no-image {\n      width: auto;\n      padding-top: 2.4rem;\n    }\n\n    @media screen and (min-width: $min-width-md) {\n      min-height: 35rem;\n\n      .pn-teaser-card__container__content__cta {\n        .secondary-link--animated {\n          font-weight: 500;\n        }\n      }\n\n      .pn-teaser-card__container {\n        flex-direction: row;\n      }\n\n      .pn-teaser-card__container__content {\n        align-self: center;\n        gap: 2.4rem;\n        padding: 3.2rem 3.2rem 3.2rem 2.4rem;\n      }\n\n      .pn-teaser-card__container__image__container {\n        & > [slot='illustration'] {\n          border-top-left-radius: 2.4rem;\n          border-bottom-left-radius: 2.4rem;\n          clip-path: ellipse(100% 100% at 0% 50%);\n\n          & > picture > img {\n            height: 100%;\n            object-fit: cover;\n          }\n        }\n      }\n    }\n\n    @media screen and (min-width: $min-width-xl) {\n      min-height: 52rem;\n\n      .pn-teaser-card__container__content {\n        padding: 4rem 4rem 4rem 3.2rem;\n      }\n\n      .pn-teaser-card__container__content__text__container__heading {\n        font-weight: 700;\n        font-size: 4.8rem;\n        line-height: 5.28rem;\n      }\n\n      .pn-teaser-card__container__content__text__container__preamble {\n        font-size: 2rem;\n        line-height: 2.8rem;\n      }\n    }\n  }\n\n  pn-teaser-card[data-card-alignment='right'] {\n    @media screen and (min-width: $min-width-md) {\n      .pn-teaser-card__container {\n        flex-direction: row-reverse;\n      }\n\n      .pn-teaser-card__container__content {\n        padding: 3.2rem 2.4rem 3.2rem 3.2rem;\n      }\n\n      .pn-teaser-card__container__image__container {\n        & > [slot='illustration'] {\n          border-bottom-right-radius: 2.4rem;\n          clip-path: ellipse(100% 100% at 100% 50%);\n        }\n      }\n    }\n\n    @media screen and (min-width: $min-width-xl) {\n      .pn-teaser-card__container__content {\n        padding: 4rem 3.2rem 4rem 4rem;\n      }\n    }\n  }\n}\n\n//effect class\npn-teaser-card.teaser-card--hover-effect {\n  &:hover {\n    cursor: pointer;\n    .pn-teaser-card__container__image__container {\n      & [slot='illustration'] {\n        & picture > img {\n          transform: scale(1.02);\n          filter: brightness(0.85);\n        }\n      }\n    }\n\n    .secondary-link--animated {\n      text-decoration: underline;\n\n      pn-icon svg {\n        left: 0;\n      }\n    }\n\n    pn-button {\n      button,\n      a {\n        .pn-button-bg {\n          background-color: $blue900;\n        }\n      }\n    }\n\n    &[data-card-color='blue900'] {\n      pn-button {\n        button,\n        a {\n          .pn-button-bg {\n            background-color: $blue400;\n          }\n        }\n      }\n    }\n  }\n}\n","import { Component, Prop, h, Element, State, Host } from \"@stencil/core\";\nimport { HeadingTag } from '@/globals/HeadingTag';\n\n@Component({\n  tag: 'pn-teaser-card',\n  styleUrl: 'pn-teaser-card.scss'\n})\nexport class PnTeaserCard {\n  @Element() hostElement: HTMLElement;\n  \n  @Prop() text: string = null;\n  @Prop() heading: string = null;\n  @Prop() label?: string = null;\n  @Prop() headingLevel?: string = 'h3';\n  @Prop({ reflect: true }) dataCardColor: string = 'coral';\n  @Prop({ reflect: true }) dataCardAlignment: string = 'left';\n\n  @State() hasCtaSlotContent: boolean = false;\n  @State() hasIllustrationSlot: boolean = true;\n\n  componentWillLoad() {\n    this.hasCtaSlotContent = !!this.hostElement.querySelector('[slot=\"cta\"]');\n    this.hasIllustrationSlot = !!this.hostElement.querySelector('[slot=\"illustration\"]');\n  }\n\n  render() {\n    const labelToCapitals = this.label?.toUpperCase();\n\n    return (\n      <Host>\n        <slot name=\"clickable-block-wrapper\" />\n        <div class=\"pn-teaser-card__container\">\n          <div class={`pn-teaser-card__container__image__container ${!this.hasIllustrationSlot ? 'pn-teaser-card__container__image__container--no-image' : ''}`}>\n            <slot name=\"illustration\" />\n          </div>\n          <div class=\"pn-teaser-card__container__content\">\n            <div class=\"pn-teaser-card__container__content__text__container\">\n              {labelToCapitals && <span class=\"pn-teaser-card__container__content__text__container__label\">{labelToCapitals}</span>}\n              {this.heading && <HeadingTag level={this.headingLevel} cssClass=\"pn-teaser-card__container__content__text__container__heading\">\n                  {this.heading}\n                </HeadingTag>}\n              <p class=\"pn-teaser-card__container__content__text__container__preamble\">{this.text}</p>\n            </div>\n            {this.hasCtaSlotContent && (\n              <div class=\"pn-teaser-card__container__content__cta\">\n                <slot name=\"cta\" />\n              </div>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAkB,w3TACxB,MAAAC,EAAeD,E,MCMFE,EAAY,M,mCAGA,K,aACG,K,WACD,K,kBACO,K,mBACiB,Q,uBACI,O,uBAEf,M,yBACE,I,kCAExC,iBAAAC,GACEC,KAAKC,oBAAsBD,KAAKE,YAAYC,cAAc,gBAC1DH,KAAKI,sBAAwBJ,KAAKE,YAAYC,cAAc,wB,CAG9D,MAAAE,GACE,MAAMC,EAAkBN,KAAKO,OAAOC,cAEpC,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,4BACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,6BACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAO,gDAAgDb,KAAKI,oBAAsB,wDAA0D,MAC/IK,EAAA,QAAAE,IAAA,2CAAMC,KAAK,kBAEbH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,sCACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,uDACRP,GAAmBG,EAAA,QAAAE,IAAA,2CAAME,MAAM,8DAA8DP,GAC7FN,KAAKc,SAAWL,EAACM,EAAU,CAAAJ,IAAA,2CAACK,MAAOhB,KAAKiB,aAAcC,SAAS,gEAC3DlB,KAAKc,SAEVL,EAAA,KAAAE,IAAA,2CAAGE,MAAM,iEAAiEb,KAAKmB,OAEhFnB,KAAKC,mBACJQ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,2CACTJ,EAAA,QAAAE,IAAA,2CAAMC,KAAK,W","ignoreList":[]}

package/dist/pn-market-web-components/p-ce87ff8a.entry.js

@@ -1,2 +0,0 @@
-import{r as e,g as t,h as a,d as n}from"./p-82546a44.js";const r={sv:{sharelabel:"Dela med"},en:{sharelabel:"Share to"},da:{sharelabel:"Del med"},no:{sharelabel:"Dele med"},fi:{sharelabel:"Jakaa"},zh:{sharelabel:"Share to"},it:{sharelabel:"Share to"},nl:{sharelabel:"Share to"}};const i='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-share .pn-share__container{display:flex;flex-direction:column;gap:0.8rem}pn-share .pn-share__heading{font-size:1.6rem;font-weight:500}pn-share .pn-share__heading:after{content:"";display:block;height:0.2rem;background-color:#f3f2f2;margin-top:0.4rem;margin-bottom:0.8rem}pn-share .pn-share__items{display:flex;flex-direction:row;gap:0.8rem;align-items:center}';const s=i;const o=[{platform:"linkedin",url:"https://www.linkedin.com/sharing/share-offsite/?url=",text:"LinkedIn"},{platform:"twitter",url:"https://twitter.com/intent/tweet?url=",text:"Twitter"},{platform:"facebook",url:"https://www.facebook.com/sharer/sharer.php?u=",text:"Facebook"}];const h=class{constructor(t){e(this,t);this.link=null;this.language="sv";this.i18n=undefined}get hostElement(){return t(this)}componentWillLoad(){this.setTranslations()}setTranslations(){if(this.language==="nb"){this.language="no"}if(this.language&&r[this.language]){this.i18n=r[this.language]}}onLanguageChange(){this.setTranslations()}render(){return a(n,{key:"64fc418773ad1694c97c3cead91687668d4d0a7d"},a("div",{key:"dedd71bce2dae6d868ea070c85fbb086f72d9ec8",class:"pn-share__container"},a("h3",{key:"a442ce3dcd201e1b9a1079ffc39b140b70e32f78",class:"pn-share__heading"},this.i18n.sharelabel,":"),a("div",{key:"88042477f52053ef2a839ad5b24d11c939a1ff06",class:"pn-share__items"},o.map((e=>a("pn-share-item",{link:`${e.url}${this.link}`,text:e.text},a("pn-icon",{slot:"icon",icon:e.platform})))))))}static get watchers(){return{language:["onLanguageChange"]}}};h.style=s;export{h as pn_share};
-//# sourceMappingURL=p-ce87ff8a.entry.js.map

package/dist/pn-market-web-components/p-cf8a1fb9.js

@@ -1,2 +0,0 @@
-import{F as e}from"./p-3478f368.js";import{L as t}from"./p-8d78b631.js";class r{_endpoint;_levelupAuthorizePath=`/api/levelup/level-up-authorize`;_levelupTokenGrantPath=`/api/levelup/level-up-token-grant`;levelupLocalStorageKey="levelup";fetchHelper=new e("PnLevelUpService");_storage=new t;constructor(e){this._endpoint=this.formatEndpoint(e)}newLevelupUser(){let e=18e4;this._storage.set(this.levelupLocalStorageKey,{expire:Date.now()+e})}async levelupAuthorize(e,t){if(!e){return t}let r={system:e};const s=this._endpoint+this._levelupAuthorizePath;const n=await this.fetchHelper.fetchJson(s,this.getRequestInit(r),false);return this.handleResponse(n,t)}async levelupTokenGrant(e,t,r){if(!e){return r}let s={id:e,loopSeconds:t};const n=this._endpoint+this._levelupTokenGrantPath;const i=await this.fetchHelper.fetchJson(n,this.getRequestInit(s),false);return this.handleResponse(i,r)}formatEndpoint(e){return e.lastIndexOf("/")===e.length-1?e.substring(0,e.length-1):e}handleResponse(e,t,r=false){if(!e){return t}let s=JSON.parse(e);if(!s||r&&!Array.isArray(s)){return t}return s}getRequestInit(e,t="POST",r="cors",s="application/json"){return{mode:r,method:t,headers:{"Content-Type":s,CustomValidateAntiForgeryToken:"0111000001101110011000110110000101110100"},body:JSON.stringify(e)}}}export{r as P};
-//# sourceMappingURL=p-cf8a1fb9.js.map

package/dist/pn-market-web-components/p-cf8a1fb9.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["PnLevelUpService","_endpoint","_levelupAuthorizePath","_levelupTokenGrantPath","levelupLocalStorageKey","fetchHelper","FetchHelper","_storage","LocalStorageService","constructor","endpoint","this","formatEndpoint","newLevelupUser","threeMinutesInMilliseconds","set","expire","Date","now","levelupAuthorize","system","defaultReturn","model","fetchUrl","data","fetchJson","getRequestInit","handleResponse","levelupTokenGrant","id","loopSeconds","lastIndexOf","length","substring","checkForArray","parsedData","JSON","parse","Array","isArray","method","mode","contentTypes","headers","CustomValidateAntiForgeryToken","body","stringify"],"sources":["src/components/widgets/pn-level-up/pn-level-up.service.ts"],"sourcesContent":["import { FetchHelper } from '@/globals/FetchHelper';\nimport { LevelUpAuthorizeParameters, LevelUpAuthResponse, LevelUpTokenGrantParameters, LevelUpTokenGrantResponse } from './pn-level-up.models';\nimport { LocalStorageService } from '@/globals/LocalStorageService';\n\nexport class PnLevelUpService {\n  private readonly _endpoint;\n  private readonly _levelupAuthorizePath = `/api/levelup/level-up-authorize`;\n  private readonly _levelupTokenGrantPath = `/api/levelup/level-up-token-grant`;\n  private readonly levelupLocalStorageKey = 'levelup';\n  \n  private fetchHelper = new FetchHelper('PnLevelUpService');\n  private _storage: LocalStorageService = new LocalStorageService();\n\n  constructor(endpoint: string) {\n    this._endpoint = this.formatEndpoint(endpoint);\n  }\n\n  public newLevelupUser() {\n    let threeMinutesInMilliseconds = 180000;\n    this._storage.set(this.levelupLocalStorageKey, { expire: Date.now() + threeMinutesInMilliseconds });\n  }\n\n  public async levelupAuthorize(system: string, defaultReturn: LevelUpAuthResponse) : Promise<LevelUpAuthResponse> {\n    if (!system) {\n      return defaultReturn;\n    }\n\n    let model: LevelUpAuthorizeParameters = {\n      system: system\n    };\n\n    const fetchUrl = this._endpoint + this._levelupAuthorizePath;\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      this.getRequestInit(model),\n      false,\n    )) as string;\n\n    return this.handleResponse<LevelUpAuthResponse>(data, defaultReturn);\n  }\n  \n  public async levelupTokenGrant(id: string, loopSeconds: string, defaultReturn: LevelUpTokenGrantResponse) : Promise<LevelUpTokenGrantResponse> {\n    if (!id) {\n      return defaultReturn;\n    }\n\n    let model: LevelUpTokenGrantParameters = {\n      id: id,\n      loopSeconds: loopSeconds\n    };\n\n    const fetchUrl = this._endpoint + this._levelupTokenGrantPath;\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      this.getRequestInit(model),\n      false,\n    )) as string;\n\n    return this.handleResponse<LevelUpTokenGrantResponse>(data, defaultReturn);\n  }\n  \n  private formatEndpoint(endpoint: string) : string {\n    return endpoint.lastIndexOf('/') === endpoint.length - 1 ? endpoint.substring(0, endpoint.length - 1) : endpoint;\n  }\n\n  private handleResponse<T>(data : any, defaultReturn : any, checkForArray: boolean = false) {\n    if (!data) {\n      return defaultReturn;\n    }\n\n    let parsedData = JSON.parse(data) as T;\n    if (!parsedData || checkForArray && !Array.isArray(parsedData)) {\n      return defaultReturn;\n    }\n\n    return parsedData;\n  }\n  \n  private getRequestInit(model: any, method: string = 'POST', mode: RequestMode = 'cors', contentTypes: string = 'application/json'): RequestInit {\n    return {\n      mode: mode,\n      method: method,\n      headers: \n      {\n        'Content-Type': contentTypes,\n        'CustomValidateAntiForgeryToken': \"0111000001101110011000110110000101110100\"\n      },\n      body: JSON.stringify(model)\n    };\n  }\n}"],"mappings":"8EAIaA,EACMC,UACAC,sBAAwB,kCACxBC,uBAAyB,oCACzBC,uBAAyB,UAElCC,YAAc,IAAIC,EAAY,oBAC9BC,SAAgC,IAAIC,EAE5C,WAAAC,CAAYC,GACVC,KAAKV,UAAYU,KAAKC,eAAeF,E,CAGhC,cAAAG,GACL,IAAIC,EAA6B,KACjCH,KAAKJ,SAASQ,IAAIJ,KAAKP,uBAAwB,CAAEY,OAAQC,KAAKC,MAAQJ,G,CAGjE,sBAAMK,CAAiBC,EAAgBC,GAC5C,IAAKD,EAAQ,CACX,OAAOC,C,CAGT,IAAIC,EAAoC,CACtCF,OAAQA,GAGV,MAAMG,EAAWZ,KAAKV,UAAYU,KAAKT,sBACvC,MAAMsB,QAAcb,KAAKN,YAAYoB,UACnCF,EACAZ,KAAKe,eAAeJ,GACpB,OAGF,OAAOX,KAAKgB,eAAoCH,EAAMH,E,CAGjD,uBAAMO,CAAkBC,EAAYC,EAAqBT,GAC9D,IAAKQ,EAAI,CACP,OAAOR,C,CAGT,IAAIC,EAAqC,CACvCO,GAAIA,EACJC,YAAaA,GAGf,MAAMP,EAAWZ,KAAKV,UAAYU,KAAKR,uBACvC,MAAMqB,QAAcb,KAAKN,YAAYoB,UACnCF,EACAZ,KAAKe,eAAeJ,GACpB,OAGF,OAAOX,KAAKgB,eAA0CH,EAAMH,E,CAGtD,cAAAT,CAAeF,GACrB,OAAOA,EAASqB,YAAY,OAASrB,EAASsB,OAAS,EAAItB,EAASuB,UAAU,EAAGvB,EAASsB,OAAS,GAAKtB,C,CAGlG,cAAAiB,CAAkBH,EAAYH,EAAqBa,EAAyB,OAClF,IAAKV,EAAM,CACT,OAAOH,C,CAGT,IAAIc,EAAaC,KAAKC,MAAMb,GAC5B,IAAKW,GAAcD,IAAkBI,MAAMC,QAAQJ,GAAa,CAC9D,OAAOd,C,CAGT,OAAOc,C,CAGD,cAAAT,CAAeJ,EAAYkB,EAAiB,OAAQC,EAAoB,OAAQC,EAAuB,oBAC7G,MAAO,CACLD,KAAMA,EACND,OAAQA,EACRG,QACA,CACE,eAAgBD,EAChBE,+BAAkC,4CAEpCC,KAAMT,KAAKU,UAAUxB,G","ignoreList":[]}

package/dist/pn-market-web-components/p-d17af75d.entry.js

@@ -1,2 +0,0 @@
-import{g as t,r as i,c as e,h as s,d as n}from"./p-82546a44.js";import{d as l}from"./p-3e4d9396.js";import{p as o}from"./p-df8bfe03.js";import{v as h}from"./p-4ed69de7.js";const d={sv:{dropdownPlaceholder:"Välj ett alternativ"},en:{dropdownPlaceholder:"Select an option"},da:{dropdownPlaceholder:"Vælg en mulighed"}};const r="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-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__row{margin-bottom:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__delete{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background-color:#f9f8f8}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__delete pn-button{margin-top:0.9rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__label-row{display:flex;gap:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__label{width:30%;font-size:0.875em;color:#5e554a}pn-dropdown-with-multi-input-rows .sum-row{display:flex;justify-content:space-between}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__dropdown{display:inline-flex;align-items:center}pn-dropdown-with-multi-input-rows small{max-width:70%;margin:1rem;align-self:center;position:relative;top:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__row .dropdown-with-multi-input-element__dropdown .pn-row-select-dropdown .pn-select .pn-select-input .pn-select-content{width:18rem}";const a=r;const u=class{get hostElement(){return t(this)}pnFirstDropdown=null;pnSecondDropdown=null;pnSumField=null;pnConfirmDeleteButton=null;pnAbortDeleteButton=null;allFormValues;_firstDropdownSelection=null;_secondDropdownSelection=null;_defaultRow;constructor(t){i(this,t);this.allFormValues=e(this,"allFormValues",7);this.dropdownData=null;this.languageCode=null;this.firstDropdownLabel=null;this.firstDropdownHelperText=null;this.secondDropdownLabel=null;this.secondDropdownHelperText=null;this.secondDropdownMax=null;this.deleteMultipleRowsWarningText=null;this.confirmDeleteButtonText=null;this.abortDeleteButtonText=null;this.firstInputLabel=null;this.firstInputPlaceholder=null;this.firstInputMin=null;this.firstInputMax=null;this.firstInputWarning=null;this.firstInputWarningText=null;this.firstInputLowErrorText=null;this.firstInputHighErrorText=null;this.secondInputLabel=null;this.secondInputPlaceholder=null;this.secondInputMin=null;this.secondInputMax=null;this.secondInputWarning=null;this.secondInputWarningText=null;this.secondInputLowErrorText=null;this.secondInputHighErrorText=null;this.disabledDates=null;this.dateLabel=null;this.datePlaceholder=null;this.dateDaysFromToday=1;this.yearsToAddToEndDate=null;this.sumFieldLabel=null;this.addRowText=null;this.elementHelperText=null;this.dropdownDataRoot=null;this.secondDropdownArr=[];this.rowData=null;this.formValues=null;this.firstValidDateString="";this.lastValidDateString="";this.rowSum=null;this.minRowCount=null;this.showDeleteConfirm=false;this.i18n=undefined;this._defaultRow={id:this.generateUniqueId(),firstInput:"",secondInput:this.secondInputWarning!==null?this.secondInputWarning.toString():"",date:""}}componentWillLoad(){this.formValues=[];this.setDropDownData();this.updateSecondDropdown();this.setRowData();this.setFirstValidDate();this.setTranslations()}setTranslations(){this.i18n=d[this.languageCode]||d["en"]}componentDidLoad(){this.updateSum()}setDropDownData(){if(typeof this.dropdownData==="string"){this.dropdownDataRoot=JSON.parse(this.dropdownData)}else{this.dropdownDataRoot=this.dropdownData}if(this.dropdownDataRoot?.length){this.dropdownDataRoot.forEach((t=>{if(!t.value){t.value=0}}))}if(this.dropdownDataRoot.length>0){this.dropdownDataRoot[0].checked=true;this._firstDropdownSelection=this.dropdownDataRoot[0].label;this._secondDropdownSelection=this.dropdownDataRoot[0].value;this.minRowCount=this.dropdownDataRoot[0].value}}updateSecondDropdown(){const t=this.dropdownDataRoot.find((t=>t.checked===true));this.secondDropdownArr=[];for(let i=t.value;i<=this.secondDropdownMax;i++){this.secondDropdownArr.push(i)}}updateSelectItemArr(t,i){t.forEach((t=>{if(t.label===i){t.checked=!t.checked}else{t.checked=false}}));return t}setRowData(){this.rowData=[];for(let t=0;t<this._secondDropdownSelection;t++){const t=Object.assign({},this._defaultRow);t.id=this.generateUniqueId();this.rowData=[...this.rowData,t]}}generateUniqueId(){return h()}setFirstValidDate(){const t=this.yearsToAddToEndDate?this.yearsToAddToEndDate:2;const i=new Date;i.setDate(i.getDate()+this.dateDaysFromToday);const e=i.getFullYear();const s=(i.getMonth()+1).toString().padStart(2,"0");const n=i.getDate().toString().padStart(2,"0");const l=e+t;this.firstValidDateString=`${e.toString()}-${s}-${n}`;this.lastValidDateString=`${l.toString()}-${s}-${n}`}addRow(t){const i=Object.assign({},this.rowData[0]);i.id=t?t:this.generateUniqueId();i.date="";this.rowData=[...this.rowData,i];this.secondDropdownArr=[...this.secondDropdownArr];this.updateSum();this.emitValuesIfValid()}handleFirstDropdown=l((t=>{const i=t.target;const e=i?.value;if(!e?.length){return}const s=this.dropdownDataRoot.find((t=>t.value.toString()===e));this.minRowCount=s.value;if(s.value>this._secondDropdownSelection){this.dropdownDataRoot=[...this.dropdownDataRoot];for(let t=this.rowData?.length;t<s.value;t++){this.addRow(this.generateUniqueId())}}this.updateSecondDropdown();this.updateSum();this.emitValuesIfValid()}));handleSecondDropdown=l((t=>{const i=t.target;const e=i?.value;if(!e){return}const s=e;if(!s?.length){return}const n=parseInt(s);if(n<this._secondDropdownSelection){this.showDeleteConfirm=true}else{for(let t=this.rowData?.length;t<n;t++){this.addRow(this.generateUniqueId())}}this._secondDropdownSelection=n;this.updateSum();this.emitValuesIfValid()}));predefinedValueChange(t){const i=this.rowData?.findIndex((i=>i.id===t.detail.id));const e=t.detail;this.rowData[i]={...this.rowData[i],firstInput:e.firstInput,secondInput:e.secondInput,date:e.date};if(t.type==="firstInputChange"&&i===0){this.updateFirstInputOfRows(e.firstInput)}if(t.type==="secondInputChange"&&i===0){this.updateSecondInputOfRows(e.secondInput)}this.rowData=[...this.rowData];this.emitValuesIfValid();this.updateSum()}updateFirstInputOfRows(t){for(let i=1;i<this.rowData?.length;i++){this.rowData[i]={...this.rowData[i],firstInput:t}}}updateSecondInputOfRows(t){for(let i=1;i<this.rowData?.length;i++){this.rowData[i]={...this.rowData[i],secondInput:t}}}deleteRowEvent(t){const i=this.rowData?.findIndex((i=>i.id===t.detail));if(i<0){return}this.rowData?.splice(i,1);this.rowData=[...this.rowData];this.secondDropdownArr=[...this.secondDropdownArr];this.emitValuesIfValid();this.updateSum()}updateSum(){this.rowSum="";let t=0;this.rowData?.forEach((i=>{if(i?.firstInput?.length){t+=parseInt(i.firstInput)}}));this.rowSum=t.toString()}deleteExcessRows(){if(this._secondDropdownSelection===null){return}const t=this.rowData?.length-this._secondDropdownSelection;for(let i=0;i<t;i++){this.rowData?.pop()}this.rowData=[...this.rowData];this.showDeleteConfirm=false;this.updateSum()}abortDeleteRows(){this.showDeleteConfirm=false}emitValuesIfValid(){this.formValues=[];this.rowData?.forEach((t=>{const i={row:[]};if(this._firstDropdownSelection?.length){const t={name:this.firstDropdownLabel,value:this._firstDropdownSelection};i.row.push(t)}if(t.firstInput?.length){const e={name:this.firstInputLabel,value:t.firstInput};i.row.push(e)}if(t.secondInput?.length){const e={name:this.secondInputLabel,value:t.secondInput};i.row.push(e)}if(t.date){const e={name:this.dateLabel,value:t.date};i.row.push(e)}if(i.row.length===4){this.formValues.push(i)}}));if(this.formValues.length===this.rowData?.length){const t=JSON.stringify(this.formValues);this.allFormValues.emit(t)}else{this.allFormValues.emit("")}}render(){return s(n,{key:"d9992e503344eb152be393b957716e25bd89171a",class:"dropdown-with-multi-input-element"},s("div",{key:"1fcee1e584d6f0687ad54f968750129e2ee87855",class:"dropdown-with-multi-input-element__row"},s("div",{key:"de06f80ae79b4a3f7dbd90a7c8fc984e431ad5e3",class:"dropdown-with-multi-input-element__dropdown"},s("pn-select",{key:"ff1d4ae35266f01206f9100d3eb48193f75c5f3a",ref:t=>this.pnFirstDropdown=t,onChange:l(this.handleFirstDropdown.bind(this),500),class:"pn-row-select-dropdown dropDown1-dropdown",label:this.firstDropdownLabel,language:this.languageCode},s("option",{key:"515bb0593a47aec2763f73798725bbf20db64b8c",value:"",disabled:true,selected:true},this.i18n.dropdownPlaceholder),this.dropdownDataRoot?.map((t=>s("option",{value:t.value},t.label)))),this.firstDropdownHelperText?.length?s("small",null,this.firstDropdownHelperText):null)),s("div",{key:"ddc383429253a9338d95542a73caf42d5d67ccd0",class:"dropdown-with-multi-input-element__row"},s("div",{key:"ae2087bfa6efb48882fbfcfd7fabfaa2e4aa195d",class:"dropdown-with-multi-input-element__dropdown"},s("pn-select",{key:"e4c79dde30b1c21ccd6265b72bdc8769b6f167de",ref:t=>this.pnSecondDropdown=t,onChange:l(this.handleSecondDropdown.bind(this),500),class:"pn-row-select-dropdown dropDown2-dropdown",label:this.secondDropdownLabel,language:this.languageCode},s("option",{key:"9384dc96252920c25606ab2db38c25c65340cd23",value:"",disabled:true,selected:true},this.i18n.dropdownPlaceholder),this.secondDropdownArr?.map((t=>s("option",{value:t},t)))),this.secondDropdownHelperText?.length?s("small",null,this.secondDropdownHelperText):null)),this.showDeleteConfirm?s("div",{class:"dropdown-with-multi-input-element__delete"},s("p",null,this.deleteMultipleRowsWarningText),s("pn-button",{ref:t=>this.pnConfirmDeleteButton=t,small:"true",appearance:"warning",onClick:this.deleteExcessRows.bind(this)},this.confirmDeleteButtonText),s("pn-button",{ref:t=>this.pnAbortDeleteButton=t,small:"true",appearance:"light",onClick:this.abortDeleteRows.bind(this)},this.abortDeleteButtonText)):null,s("div",{key:"e2a18a378964fc9e31f534a2d9432e002c674a48",class:"dropdown-with-multi-input-element__label-row"},s("div",{key:"9fce1185add5a750898aa75057263ea93ee050a7",class:"dropdown-with-multi-input-element__label"},s("label",{key:"4b33a863f16cf020282da9d7bad7dcd81a941e74"},this.firstInputLabel)),s("div",{key:"a28e0b57e3cc5c7cd3b5693b432665d684df1c7b",class:"dropdown-with-multi-input-element__label"},s("label",{key:"ed4580f6a1d0eb793c00e03078a0f9acc80ce3c8"},this.secondInputLabel)),s("div",{key:"a20a403e978d9ef0c8e63e6df3048f8d16c9a917",class:"dropdown-with-multi-input-element__label"},s("label",{key:"2be0daa6b5ef9cbef7af2ee2b2c23f537de8ec8d"},this.dateLabel))),this.rowData?.map(((t,i)=>s("div",{class:"dropdown-with-multi-input-element__row generated-row-"+i,id:"generated-row-"+i},s("pn-dropdown-with-multi-input-rows-row",{"language-code":this.languageCode,"first-input-placeholder":this.firstInputPlaceholder,"first-input-min":this.firstInputMin,"first-input-max":this.firstInputMax,"first-input-warning":this.firstInputWarning,"first-input-warning-text":this.firstInputWarningText,"first-input-low-error-text":this.firstInputLowErrorText,"first-input-high-error-text":this.firstInputHighErrorText,"second-input-placeholder":this.secondInputPlaceholder,"second-input-min":this.secondInputMin,"second-input-max":this.secondInputMax,"second-input-warning":this.secondInputWarning,"second-input-warning-text":this.secondInputWarningText,"second-input-low-error-text":this.secondInputLowErrorText,"second-input-high-error-text":this.secondInputHighErrorText,datePlaceholder:this.datePlaceholder,firstValidDate:this.firstValidDateString,lastValidDate:this.lastValidDateString,"predefined-value":JSON.stringify(t),"min-row-count":this.minRowCount,"row-index":i,"disabled-dates":this.disabledDates})))),s("div",{key:"ac42ac72b4f63b207fd099406c4af82b7659f1e2",class:"dropdown-with-multi-input-element__row sum-row"},s("pn-input",{key:"966ce0ab3d9a40607898ea1121e17c9ab0a9f569",disabled:true,ref:t=>this.pnSumField=t,type:"number",value:this.rowSum,label:this.sumFieldLabel}),s("pn-button",{key:"b526f744b87020adfe852bbc68dd4ccc80cb17b8",tooltip:this.addRowText?this.addRowText:null,"left-icon":"true",arialabel:"Add",icon:o,appearance:"light",variant:"borderless",class:"connected-dropdown__button-right",onClick:()=>{this.addRow(this.generateUniqueId())}},this.addRowText)),this.elementHelperText?.length?s("div",{class:"dropdown-with-multi-input-element__row"},this.elementHelperText):null)}static get watchers(){return{languageCode:["setTranslations"]}}};u.style=a;export{u as pn_dropdown_with_multi_input_rows};
-//# sourceMappingURL=p-d17af75d.entry.js.map

package/dist/pn-market-web-components/p-d5c45da2.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,g as n,h as o,d as i}from"./p-82546a44.js";import{d as s}from"./p-3e4d9396.js";import{m as d}from"./p-b2f2fbb6.js";import{v as r}from"./p-4ed69de7.js";const l="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 h=l;const c=class{constructor(n){t(this,n);this.rowValueChange=e(this,"rowValueChange",7);this.deleteRowEvent=e(this,"deleteRowEvent",7);this.dropdownData=null;this.languageCode=null;this.label=null;this.firstDropdownLabel=null;this.secondDropdownLabel=null;this.dropdownPlaceholder=null;this.addRowText=null;this.inputFieldLabel=null;this.inputFieldPlaceholder=null;this.disabledDates=null;this.dateButtonText=null;this.datePlaceholder=null;this.dateDaysFromToday=1;this.allowMultipleDates=null;this.startDateLabel=null;this.endDateLabel=null;this.multiDateHelperText=null;this.generateDatesButtonText=null;this.saveDateButtonText=null;this.noDatesText=null;this.index=null;this.predefinedValue=null;this.yearsToAddToEndDate=null;this.minAmount=null;this.errorMessageEmpty=undefined;this.errorMessageMinAmount=undefined;this.minWarningAmount=null;this.warningMessageMinAmount=undefined;this.buttonsArray=null;this.firstDropdownArr=null;this.secondDropdownArr=[];this.firstDropdownClass=null;this.secondDropdownClass=null;this.firstValidDateString="";this.lastValidDateString="";this.firstDropdownPlaceholder="-";this.secondDropdownPlaceholder="-";this.startDateValue="";this.endDateValue="";this.generatedDatesArr=[];this.selectedButtonValue="";this.inputFieldValue="";this.dateValue="";this.daysArr=null}get hostElement(){return n(this)}_dropdownData;_predefinedValue;pnConnectedDropdown=null;pnConnectedDropdownSlotElement=null;pnAddFieldButton=null;pnFirstDropdown=null;pnSecondDropdown=null;pnInputField=null;pnSingleDatePicker=null;pnStartDate=null;pnEndDate=null;pnShowDateRangeFiledButton=null;pnDateRangeContainer=null;pnGenerateDatesButton=null;pnDaysRow=null;pnGeneratedDatesSlot=null;pnSaveGeneratedDatesButton=null;pnDeleteRowButton=null;rowValueChange;deleteRowEvent;componentWillLoad(){this.getPredefinedValues();this.setDropDownData();this.setFirstValidDate();this.setInitialValues()}componentDidLoad(){this.addEventHandlers();this.emitRowValues()}setDropDownData(){if(typeof this.dropdownData==="string"){this._dropdownData=JSON.parse(this.dropdownData)}else{this._dropdownData=this.dropdownData}}getPredefinedValues(){this._predefinedValue=JSON.parse(this.predefinedValue)}applyPredefinedValue(){this.getPredefinedValues()}setInitialValues(){this.setButtonsValue();this.setFirstDropdownValues();this.setSecondDropdownValues();this.setInputField();this.setDateValue();this.setDateRangeDefaults();this.firstDropdownClass=this.firstDropdownLabel.replace(" ","_")+"-dropdown";this.secondDropdownClass=this.secondDropdownLabel.replace(" ","_")+"-dropdown"}setButtonsValue(){this.buttonsArray=[];if(this._predefinedValue.buttons?.length){this.buttonsArray=this._predefinedValue.buttons;this.buttonsArray.forEach((t=>{if(t.selected){this.selectedButtonValue=t.value}}))}else{this._dropdownData.forEach((t=>{const e={selected:false,value:t.label,label:t.label};this.buttonsArray.push(e)}))}}setFirstDropdownValues(){this.firstDropdownArr=[];if(this._predefinedValue.firstDropdown?.length){this.firstDropdownArr=[...this._predefinedValue.firstDropdown]}}setSecondDropdownValues(){this.secondDropdownArr=[];if(this._predefinedValue.secondDropdown?.length){this.secondDropdownArr=[...this._predefinedValue.secondDropdown]}}setInputField(){this.inputFieldValue=this._predefinedValue.input?.length?this._predefinedValue.input:""}setDateValue(){if(this.allowMultipleDates){if(this.pnDateRangeContainer){this.pnDateRangeContainer.style.display=this._predefinedValue.dates["start"]?.length?"":"none"}this.generatedDatesArr=this._predefinedValue.dates["start"]?.length?this._predefinedValue.dates["start"].split(","):[];this.saveGeneratedDates()}else{this.dateValue=this._predefinedValue.dates["start"]?.length?this._predefinedValue.dates["start"]:""}}setDateRangeDefaults(){this.daysArr=this._predefinedValue.dateRange.days;this.startDateValue=this._predefinedValue.dateRange.startDate?.length?this._predefinedValue.dateRange.startDate:"";this.endDateValue=this._predefinedValue.dateRange.endDate?.length?this._predefinedValue.dateRange.endDate:""}setFirstValidDate(){const t=this.yearsToAddToEndDate?this.yearsToAddToEndDate:2;const e=new Date;e.setDate(e.getDate()+this.dateDaysFromToday);const n=e.getFullYear();const o=(e.getMonth()+1).toString().padStart(2,"0");const i=e.getDate().toString().padStart(2,"0");const s=n+t;this.firstValidDateString=`${n.toString()}-${o}-${i}`;this.lastValidDateString=`${s.toString()}-${o}-${i}`}addEventHandlers(){const t=s(this.emitRowValues.bind(this),500);this.pnInputField.addEventListener("keyup",this.handleInput.bind(this));this.pnInputField.addEventListener("change",this.handleInput.bind(this));this.pnInputField.addEventListener("input",this.handleInput.bind(this));this.pnInputField.addEventListener("keyup",t);this.pnInputField.addEventListener("change",t);this.pnInputField.addEventListener("input",t);this.pnFirstDropdown.addEventListener("change",this.handleFirstDropdownChange.bind(this));this.pnSecondDropdown.addEventListener("change",this.handleSecondDropdownChange.bind(this));if(this.allowMultipleDates){this.pnShowDateRangeFiledButton.addEventListener("click",this.showDateRangeRow.bind(this));this.pnGenerateDatesButton.addEventListener("click",this.generateDates.bind(this));this.pnSaveGeneratedDatesButton.addEventListener("click",this.saveGeneratedDates.bind(this));this.pnSaveGeneratedDatesButton.addEventListener("click",t);this.pnStartDate.addEventListener("dateselection",this.handleDateSelection.bind(this));this.pnEndDate.addEventListener("dateselection",this.handleDateSelection.bind(this))}else{this.pnSingleDatePicker.addEventListener("dateselection",this.handleDateSelection.bind(this));this.pnSingleDatePicker.addEventListener("dateselection",t)}if(this.index>0){this.pnDeleteRowButton.addEventListener("click",this.deleteRow.bind(this))}}generateUniqueId(){return r()}updateSelectItemArr(t,e){t.forEach((t=>{if(t.value===e){t.selected=!t.selected}else{t.selected=false}}));return t}handleOptionButtonClick(t){t.preventDefault();const e=t.target.innerHTML;this.firstDropdownArr=[];this.secondDropdownArr=[];this.firstDropdownPlaceholder="-";this.secondDropdownPlaceholder="-";this.buttonsArray=[...this.updateSelectItemArr(this.buttonsArray,e)];this.selectedButtonValue=this.buttonsArray.some((t=>t.selected))?e:"";if(this.selectedButtonValue?.length){const t=this._dropdownData.find((t=>t.label===e));if(t){this.firstDropdownArr=t.values.map((t=>({selected:false,value:t.label,label:t.label})))}this.firstDropdownPlaceholder=this.dropdownPlaceholder;this.secondDropdownArr=[];this.secondDropdownPlaceholder="-"}else{this.firstDropdownArr=[];this.firstDropdownPlaceholder="-";this.secondDropdownArr=[];this.secondDropdownPlaceholder="-"}const n=this.pnFirstDropdown.querySelector("select");if(n){n.value=""}const o=this.pnSecondDropdown.querySelector("select");if(o){o.value=""}const i=this.pnFirstDropdown.querySelector(".pn-select option[disabled]");if(i){i.textContent=this.firstDropdownPlaceholder}const s=this.pnSecondDropdown.querySelector(".pn-select option[disabled]");if(s){s.textContent=this.secondDropdownPlaceholder}}handleFirstDropdownChange(t){var e=t.target;const n=e.value;this.firstDropdownArr=[...this.updateSelectItemArr(this.firstDropdownArr,n)];this.secondDropdownArr=[];const o=this.buttonsArray.findIndex((t=>t.selected===true));const i=this._dropdownData.find((t=>t.label===this.buttonsArray[o].value));const s=i.values.find((t=>t.label===n));s.values.forEach((t=>{this.secondDropdownArr.push({selected:false,value:t.label,label:t.label})}));const d=this.pnSecondDropdown.querySelector(".pn-select option[disabled]");if(d){d.textContent=this.dropdownPlaceholder}this.emitRowValues()}handleSecondDropdownChange(t){var e=t.target;const n=e.value;this.secondDropdownArr=[...this.updateSelectItemArr(this.secondDropdownArr,n)];this.emitRowValues()}handleInput(t){const e=t.target.value;const n=t.target.closest(".input-amount");if(!n){return}if(Number(e)===0){n.setAttribute("error",this.errorMessageEmpty||"Cannot be empty");n.removeAttribute("helpertext");this.inputFieldValue="";return}n.removeAttribute("error");n.removeAttribute("helpertext");if(Number(e)<this.minAmount){n.setAttribute("error",this.errorMessageMinAmount||"Amount too low");this.inputFieldValue="";return}if(Number(e)<this.minWarningAmount){n.setAttribute("helpertext",this.warningMessageMinAmount||"Amount too low")}this.inputFieldValue=e}showDateRangeRow(){if(this.pnDateRangeContainer.style.display==="none"){this.pnDateRangeContainer.style.display=""}else{this.pnDateRangeContainer.style.display="none"}}handleDateSelection(t){const e=t.target;if(e===this.pnSingleDatePicker){this.dateValue=e.value||e.start||""}if(e===this.pnStartDate){this.startDateValue=e.value||e.start||""}if(e===this.pnEndDate){this.endDateValue=e.value||e.start||""}}generateDates(t){t.preventDefault();const e=this.pnDaysRow.querySelectorAll("pn-filter-checkbox");const n=[];this.generatedDatesArr=[];e.forEach((t=>{const e=t.querySelector("input");if(e.value){n.push(e.value)}}));if(n.length&&this.startDateValue&&this.endDateValue){this.daysArr.forEach((t=>{t.selected=n.includes(t.value)}));const t=new Date(this.startDateValue);const e=new Date(this.endDateValue);const o=new Set(this.disabledDates.split(","));for(let i=new Date(t);i<=e;i.setDate(i.getDate()+1)){const t=i.getFullYear();const e=(i.getMonth()+1).toString().padStart(2,"0");const s=i.getDate().toString().padStart(2,"0");const d=`${t}-${e}-${s}`;if(o.has(d)){continue}const r=i.getDay()===0?"7":i.getDay().toString();if(n.includes(r)){this.generatedDatesArr.push(d)}}}}deleteGeneratedDateRow(t){this.generatedDatesArr.splice(t,1);this.generatedDatesArr=[...this.generatedDatesArr]}saveGeneratedDates(){if(this.generatedDatesArr?.length){this.dateValue=this.generatedDatesArr.join(",");const t=this.generatedDatesArr.length;const e=this.pnShowDateRangeFiledButton.querySelector(".pn-button-content");e.innerHTML=t>0?`${this.dateButtonText} (${t})`:this.dateButtonText;this.showDateRangeRow()}}emitRowValues(){this.rowValueChange.emit({id:this._predefinedValue.id,buttons:this.buttonsArray,firstDropdown:this.firstDropdownArr,secondDropdown:this.secondDropdownArr,input:this.inputFieldValue,dates:this.dateValue,dateRange:{days:this.daysArr,startDate:this.startDateValue,endDate:this.endDateValue}})}deleteRow(){this.deleteRowEvent.emit(this._predefinedValue.id)}setActive(t){return t?"connected-dropdown__button active":"connected-dropdown__button"}render(){return o(i,{key:"3be033df5e2edc072e18e40c6a6d37f3819b24a7"},o("div",{key:"6602ef69148d4ef7039535da7dd53577eb719b25",ref:t=>this.pnConnectedDropdownSlotElement=t,class:"connected-dropdown-slot-element"},o("div",{key:"ed1e95a309aec8aaf19436f6a49f42a82c023bc4",class:"connected-dropdown-parent-element connected-dropdown"},o("div",{key:"a89291b971da7187d42b460daea34df929711db1",class:"connected-dropdown__row__no-margin"},o("label",{key:"856d9c8b242b8c370a9cbd34d3d0990c8d8db421"},this.label)),o("div",{key:"5f53d80b080791a863597025e7188519673a53c3",class:"connected-dropdown__row button-row"},o("div",{key:"a598274d0e043aca1c89be26a230db668c20546b",class:"connected-dropdown__button-container option-buttons"},this.buttonsArray?.map((t=>o("button",{class:`${this.setActive(t.selected)}`,id:this.generateUniqueId(),onClick:this.handleOptionButtonClick.bind(this)},t.value)))),o("div",{key:"8ae7a14c1769d89506fa62e51b86b59b10189a5e",class:"connected-dropdown__button-container delete-button"},this.index>0?o("pn-button",{ref:t=>this.pnDeleteRowButton=t,small:"true",icon:d,appearance:"warning",index:this.index},"Delete"):null)),o("div",{key:"72c10a8a182e840a8032385ce27aae68ac84833d",class:"connected-dropdown__row input-row"},o("pn-select",{key:"3e29caeb46483b04ddf3ac5fb28949bb770a3e04",ref:t=>this.pnFirstDropdown=t,class:"pn-row-select-dropdown dropDown1-dropdown",label:this.firstDropdownLabel,language:this.languageCode},o("option",{key:"eb528f92d2117c7ef3e2f8ee7e4efd397da58259",value:"",selected:true,disabled:true},this.firstDropdownPlaceholder),this.firstDropdownArr?.map((t=>o("option",{value:t.value,selected:t.selected},t.label)))),o("pn-select",{key:"e37abf8454e0908717b123d542cc7f5066f9a73e",ref:t=>this.pnSecondDropdown=t,class:"pn-row-select-dropdown dropDown2-dropdown",label:this.secondDropdownLabel,language:this.languageCode},o("option",{key:"7d0d552bc1383afbf577d39e929e8422ac03c085",value:"",selected:true,disabled:true},this.secondDropdownPlaceholder),this.secondDropdownArr?.map((t=>o("option",{value:t.value,selected:t.selected},t.label)))),o("pn-input",{key:"afd24254729348dcbb75ae98259f973319196da5",ref:t=>this.pnInputField=t,class:"input-amount",type:"number",placeholder:"0",label:this.inputFieldLabel,value:this.inputFieldValue,min:this.minAmount}),this.allowMultipleDates?o("pn-button",{ref:t=>this.pnShowDateRangeFiledButton=t,class:"connected-dropdown__toggle-date-button",small:"true",appearance:"light"},this.dateButtonText):o("div",{class:"connected-dropdown__date-container"},o("pn-date-picker",{ref:t=>this.pnSingleDatePicker=t,range:"false","label-from":this.dateButtonText,"disable-weekends":true,"disabled-dates":this.disabledDates,"min-date":this.firstValidDateString,language:this.languageCode,placeholder:this.datePlaceholder,class:"connected-dropdown__date-picker",start:this.dateValue?.length?this.dateValue:null}))),this.allowMultipleDates?o("div",{ref:t=>this.pnDateRangeContainer=t,class:"connected-dropdown__date-container",style:{display:"none"}},this.multiDateHelperText?o("div",{class:"connected-dropdown__row"},o("p",null,this.multiDateHelperText)):null,o("div",{class:"connected-dropdown__multi-date-row"},o("div",{class:"connected-dropdown__date-container"},o("pn-date-picker",{ref:t=>this.pnStartDate=t,"label-from":this.startDateLabel,range:"false","disable-weekends":true,"disabled-dates":this.disabledDates,class:"connected-dropdown__date-picker","min-date":this.firstValidDateString,"max-date":this.lastValidDateString,language:this.languageCode,placeholder:this.datePlaceholder})),o("div",{class:"connected-dropdown__date-container"},o("pn-date-picker",{ref:t=>this.pnEndDate=t,"label-from":this.endDateLabel,range:"false","disable-weekends":true,"disabled-dates":this.disabledDates,class:"connected-dropdown__date-picker","min-date":this.firstValidDateString,"max-date":this.lastValidDateString,language:this.languageCode,placeholder:this.datePlaceholder}))),o("div",{ref:t=>this.pnDaysRow=t,class:"connected-dropdown__multi-date-row"},this.daysArr?.map((t=>o("div",{class:"connected-dropdown__checkbox"},o("pn-filter-checkbox",{checkboxid:"day-"+t.value,name:"__"+t.label,value:t.value,checked:t.selected}),o("label",{htmlFor:"day-"+t.value},t.label))))),o("div",{class:"connected-dropdown__row"},o("pn-button",{ref:t=>this.pnGenerateDatesButton=t,small:"true"},this.generateDatesButtonText)),o("div",{ref:t=>this.pnGeneratedDatesSlot=t,class:"connected-dropdown__date-slot"},this.generatedDatesArr?.map(((t,e)=>o("div",{class:"connected-dropdown__row generated-date-row"},o("p",null,t),o("pn-button",{index:e,small:"true",icon:d,appearance:"warning",id:"delete-date-"+e,onClick:this.deleteGeneratedDateRow.bind(this,e)},t)))),!this.generatedDatesArr?.length?o("p",null,this.noDatesText):null),o("div",{class:"connected-dropdown__row"},o("pn-button",{ref:t=>this.pnSaveGeneratedDatesButton=t,class:"connected-dropdown__button-right",small:"true"},this.saveDateButtonText))):null)))}static get watchers(){return{predefinedValue:["applyPredefinedValue"]}}};c.style=h;export{c as pn_multi_row_connected_dropdown_row};
-//# sourceMappingURL=p-d5c45da2.entry.js.map

package/dist/pn-market-web-components/p-d7170c0e.entry.js

@@ -1,2 +0,0 @@
-import{r as t,g as n,h as o,d as e}from"./p-82546a44.js";import{c as i}from"./p-12360e4c.js";const a="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{overflow:hidden}@media screen and (max-width: 991px){pn-spotlight .pn-spotlight__container{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}}pn-spotlight [slot=mobile-heading]{text-align:center;padding-bottom:1.6rem;font-weight:500;color:#0d234b}@media screen and (min-width: 769px){pn-spotlight [slot=mobile-heading]{display:none}}pn-spotlight .pn-spotlight__container__wrapper{position:relative;max-width:100%}@media screen and (min-width: 992px){pn-spotlight .pn-spotlight__container__wrapper{max-width:90%;margin:0 auto}}@media screen and (min-width: 1640px){pn-spotlight .pn-spotlight__container__wrapper{max-width:80%}}pn-spotlight .pn-spotlight__container__wrapper__content{position:relative;margin:0 auto;display:flex;flex-direction:row;left:-57.5px;width:calc(100% + 57.5px)}@media screen and (min-width: 768px){pn-spotlight .pn-spotlight__container__wrapper__content{left:-50px;width:calc(100% + 50px)}}@media screen and (min-width: 992px){pn-spotlight .pn-spotlight__container__wrapper__content{left:0;width:100%}}pn-spotlight .pn-spotlight__container__wrapper__content__ball{border-radius:50%;min-height:75px;aspect-ratio:1/1;margin-right:1.5rem}@media screen and (min-width: 768px){pn-spotlight .pn-spotlight__container__wrapper__content__ball{min-height:85px;margin-right:2.5rem}}pn-spotlight [slot=content]{display:flex;border-top-left-radius:10rem;border-bottom-left-radius:10rem;align-items:center;justify-content:right;padding:0 1.5rem;padding-left:50px;width:100%}@media screen and (min-width: 992px){pn-spotlight [slot=content]{padding:0 2rem;border-radius:10rem}}@media screen and (min-width: 992px){.pn-spotlight__container__wrapper.cta--dynamic{width:fit-content}}@media screen and (min-width: 992px){.pn-spotlight__container__wrapper.cta--dynamic [slot=content]{padding-left:4rem}}pn-spotlight[data-cta-color=green] [slot=content]{background-color:#dcf6e7}pn-spotlight[data-cta-color=green] .pn-spotlight__container__wrapper__content__ball{background-color:#dcf6e7}pn-spotlight[data-cta-color=coral] [slot=content]{background-color:#fdefee}pn-spotlight[data-cta-color=coral] .pn-spotlight__container__wrapper__content__ball{background-color:#fdefee}pn-spotlight[data-cta-color=blue] [slot=content]{background-color:#effbff}pn-spotlight[data-cta-color=blue] .pn-spotlight__container__wrapper__content__ball{background-color:#effbff}pn-spotlight[data-cta-color=business] [slot=content],pn-spotlight[data-cta-color=business] .pn-spotlight__container__wrapper__content__ball{background-color:#0d234b}pn-spotlight[data-cta-color=private] [slot=content],pn-spotlight[data-cta-color=private] .pn-spotlight__container__wrapper__content__ball{background-color:#00a0d6}pn-spotlight[data-cta-color=hybrid] [slot=content],pn-spotlight[data-cta-color=hybrid] .pn-spotlight__container__wrapper__content__ball{background-color:#e9e6e5}";const p=a;const r=class{constructor(n){t(this,n);this.heading=null;this.preamble=null;this.isDynamic=false;this.addDynamic=""}get hostElement(){return n(this)}componentDidLoad(){this.addDynamic=i({"cta--dynamic":this.isDynamic})}render(){return o(e,{key:"b1d831c63742021f8f180473beb71b44b1665447"},o("div",{key:"8abd3c2d5cd4e17675124cbabc971420e6be2960",class:"pn-spotlight__container"},o("slot",{key:"456fc111a6dbd235c087c6991bf517189cc08033",name:"mobile-heading"}),o("div",{key:"84ee92f9b62e61981149c298fa20708b09e6ffa4",class:`pn-spotlight__container__wrapper ${this.addDynamic}`},o("div",{key:"00e67b61996c7c9265652d7ff6d0cc29aaa3a685",class:"pn-spotlight__container__wrapper__content"},o("div",{key:"c417b1c80cd9518f9eb2620f1211d972f4da5c24",class:"pn-spotlight__container__wrapper__content__ball"}),o("slot",{key:"48817e2a5cb6d5c485be0485f4364fe9bef33742",name:"content"})))))}};r.style=p;export{r as pn_spotlight};
-//# sourceMappingURL=p-d7170c0e.entry.js.map

package/dist/pn-market-web-components/p-d75a2f7c.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as o,g as t,h as n,d}from"./p-82546a44.js";import{d as r}from"./p-3e4d9396.js";const i="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-dropdown-choice-adds-row{display:block;width:80rem}pn-dropdown-choice-adds-row .pn-row-select-dropdown{width:50%;margin-bottom:1rem}@media only screen and (max-width: 640px){pn-dropdown-choice-adds-row .pn-row-select-dropdown{width:100%}}pn-dropdown-choice-adds-row .pn-dropdown-choice-table{width:100%;border-spacing:0rem;border:none !important}pn-dropdown-choice-adds-row .pn-dropdown-choice-table thead th{text-align:left;padding:1rem 0.5rem}pn-dropdown-choice-adds-row .pn-dropdown-choice-table thead th label{color:#5e554a;font-size:1.4rem;font-weight:400}pn-dropdown-choice-adds-row .pn-dropdown-choice-table .generated-table-row{display:flex;margin-bottom:2rem}pn-dropdown-choice-adds-row .pn-dropdown-choice-table .table-header{display:flex;margin:2rem 0 3rem 0;font-weight:500}pn-dropdown-choice-adds-row .pn-dropdown-choice-table .table-header-dropdown,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .table-header-column,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .table-header-name,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .tr-dropdown,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .tr-column,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .tr-name{padding-right:0.5rem;width:35%}pn-dropdown-choice-adds-row .pn-dropdown-choice-table .table-header-dropdown pn-select,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .table-header-column pn-select,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .table-header-name pn-select,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .tr-dropdown pn-select,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .tr-column pn-select,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .tr-name pn-select{width:95%}pn-dropdown-choice-adds-row .pn-dropdown-choice-table .table-header-input,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .tr-input{width:15%}pn-dropdown-choice-adds-row .pn-dropdown-choice-table .table-header-input pn-input,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .tr-input pn-input{width:100%}pn-dropdown-choice-adds-row .pn-dropdown-choice-table .table-header-delete,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .tr-delete{margin:1rem;width:15%}pn-dropdown-choice-adds-row .pn-dropdown-choice-table tbody td{padding:0.5rem}pn-dropdown-choice-adds-row .pn-dropdown-choice-table tbody tr:nth-child(even){background-color:#effbff}pn-dropdown-choice-adds-row .pn-dropdown-choice-table tbody .tr-delete{text-align:center}pn-dropdown-choice-adds-row .pn-dropdown-choice-table tfoot td small{color:#a70707;vertical-align:middle}pn-dropdown-choice-adds-row .pn-dropdown-choice-table tfoot td pn-icon{margin-right:0.25em;vertical-align:middle}";const s=i;const c=class{constructor(t){e(this,t);this.rowvalues=o(this,"rowvalues",7);this.dropdownData=null;this.languageCode=null;this.addRowDropdownName="";this.addRowDropdownPlaceholder="";this.addRowDropdownLabel="";this.rowNameLabel="";this.rowHasDropdown=true;this.rowDropdownLabel="";this.rowDropdownPlaceholder="";this.rowInputLabel="";this.rowDeleteButtonText="";this.totalInputLimit=0;this.inputLimitWarning=null;this.inputEmptyWarning=null;this.dropdownEmptyWarning=null;this.nextRowIndex=null;this.rowSelectDropdownArr=null;this.formValue=null}get hostElement(){return t(this)}pnRowSelectDropdown=null;tableHead=null;tableBody=null;_dropdownData;rowvalues;dropdownDataWatcher(){if(typeof this.dropdownData==="string"){this._dropdownData=JSON.parse(this.dropdownData)}else{this._dropdownData=this.dropdownData}}componentWillLoad(){this.dropdownDataWatcher()}componentDidLoad(){this.setInitialValues();this.addEventHandlers()}addEventHandlers(){this.pnRowSelectDropdown.addEventListener("change",r(this.addRowElement.bind(this),500))}setInitialValues(){this.nextRowIndex=0;this.setRowSelectDropdownArr()}setRowSelectDropdownArr(){this.rowSelectDropdownArr=[];this._dropdownData.forEach((e=>{this.rowSelectDropdownArr.push(e.label)}))}formRowEvent=e=>{const o=r(this.updateHiddenFieldValue.bind(this),500);if(e.target.matches("input")){["change","keyup"].forEach((t=>{e.target.addEventListener(t,o)}))}else{const t=e.target.closest(".generated-table-row")?.querySelector("pn-select");if(t){t.addEventListener("change",o)}}};updateHiddenFieldValue(){try{const e=[...this.tableBody.querySelectorAll(".generated-table-row")];const o=this.hostElement.querySelector(".pn-row-select-dropdown");if(!o){return}if(!e.length){o.setAttribute("error",`${this.dropdownEmptyWarning||"This field cannot be empty"}`);this.formValue="";this.rowvalues.emit("");return}let t=true;const n=e.map((e=>{const o=e.querySelector(".tr-name");const n=e.querySelector(".tr-dropdown");const d=e.querySelector(".tr-input");if(!o||!d){t=false;return null}const r={row:[{name:this.rowNameLabel,value:o.innerHTML}]};if(n&&n.querySelector("pn-select")){const e=n.querySelector("pn-select");const o=e?.querySelector("select");const d=o?.value||"";if(!d){t=false}else{r.row.push({name:this.rowDropdownLabel,value:d})}}const i=d.querySelector("input");const s=parseInt(i?.value||"0",10);if(s>0){r.row.push({name:this.rowInputLabel,value:s.toString()})}else{t=false}return r}));if(!t||!n.length||n.includes(null)){this.formValue="";this.rowvalues.emit("");return}this.formValue=`PN-JSON|${JSON.stringify(n)}`;if(this.validateInputs()){this.rowvalues.emit(this.formValue)}else{this.rowvalues.emit("")}}catch(e){console.error("Error updating field value: ",e);this.formValue=""}}addRowElement(e){const o=e.target;const t=o?.value;if(!t){return}const n=this.hostElement.querySelector(".pn-row-select-dropdown");n?.removeAttribute("error");if(!this.tableBody){console.error("tableBody is not defined.");return}const d=document.createElement("div");d.setAttribute("index",`${this.nextRowIndex}`);d.className="generated-table-row";d.onclick=e=>this.formRowEvent(e);const r=document.createElement("div");r.className="tr-name";r.innerHTML=t;r.dataset.name=t;d.appendChild(r);const i=this._dropdownData?.find((e=>e.label===t));if(i?.values?.length){this.rowHasDropdown=true;const e=this.createDropdownColumn(t);d.appendChild(e)}else{this.rowHasDropdown=false;const e=document.createElement("div");e.className="tr-column";d.appendChild(e)}const s=this.createInputColumn(t);d.appendChild(s);const c=this.createDeleteButtonColumn();d.appendChild(c);this.tableBody.appendChild(d);this.updateRowSelectDropdown();this.nextRowIndex++;o.value=""}getCurrentRow(e){return this.hostElement.querySelectorAll(`.tr-name[data-name='${e}'`)}createDropdownColumn(e){const o=document.createElement("div");o.setAttribute("class","tr-dropdown");const t=this._dropdownData.find((o=>o.label===e));const n=[];const d=this.getCurrentRow(e);d.forEach((e=>{n.push(e.parentElement?.querySelector(".tr-dropdown [aria-selected=true]")?.textContent)}));if(t.values.length){const n=document.createElement("pn-select");n.setAttribute("name",`${e}-dropdown`);n.setAttribute("placeholder",this.rowDropdownPlaceholder);n.setAttribute("required","true");n.setAttribute("error","");const d=document.createElement("option");d.setAttribute("value","");d.textContent=this.rowDropdownPlaceholder;d.selected=true;d.disabled=true;n.appendChild(d);t.values.forEach((e=>{const o=document.createElement("option");o.setAttribute("label",e.label);o.setAttribute("value",e.label);o.textContent=e.label;n.appendChild(o)}));o.appendChild(n)}return o}createInputColumn(e){const o=document.createElement("div");o.setAttribute("class","tr-input");const t=document.createElement("pn-input");t.setAttribute("type","number");t.setAttribute("name",`${e}-input`);t.setAttribute("placeholder","0");if(this.totalInputLimit>0){t.setAttribute("max",`${this.totalInputLimit}`)}t.setAttribute("min","0");t.setAttribute("error","");o.appendChild(t);return o}createDeleteButtonColumn(){const e=document.createElement("div");e.setAttribute("class","tr-delete");const o=document.createElement("pn-button");o.onclick=e=>this.deleteRow(e);o.setAttribute("appearance","warning");o.setAttribute("small","true");o.appendChild(document.createTextNode(this.rowDeleteButtonText));e.appendChild(o);return e}updateRowSelectDropdown(){[].map.call(this.tableBody.querySelectorAll(".tr-name"),(e=>{const o=e?.parentElement?.querySelector(".tr-dropdown");const t=o?.querySelector(".pn-select-content span")?.textContent;const n={rowName:e?.innerHTML,selectedValue:o?.querySelector("[aria-selected=true]")?.textContent,placeholder:t};return n}));const e=this.pnRowSelectDropdown.querySelectorAll("option");e.forEach((e=>{e.removeAttribute("selected")}))}deleteRow(e){e.preventDefault();this.nextRowIndex--;const o=e.currentTarget;const t=o.closest(".generated-table-row");t.remove();const n=[...this.tableBody.querySelectorAll(".generated-table-row")];n.map(((e,o)=>{e.setAttribute("index",`${o}`)}));this.updateHiddenFieldValue();this.updateRowSelectDropdown()}validateInputs(){const e=this.tableBody.querySelectorAll("pn-select");const o=this.tableBody.querySelectorAll("pn-input");let t=false;let n=false;if(e){e.forEach((e=>{if(!e){return}const o=e.querySelector("select");const n=o?.value||"";if(n===null||n===""){e.setAttribute("error",`${this.dropdownEmptyWarning||"This field cannot be empty"}`);t=true}else{e.setAttribute("error","")}}))}if(o){o.forEach((e=>{if(e){const o=e.querySelector("input");let t=parseInt(o.value);if(this.totalInputLimit<t&&e.hasAttribute("max")){e.setAttribute("error",`${this.inputLimitWarning||"Amount too high"}`);n=true}else if(t<=0||isNaN(t)){e.setAttribute("error",`${this.inputEmptyWarning||"This field cannot be empty"}`);n=true}else{e.setAttribute("error","");n=false}}}))}if(t||n){return false}return true}render(){return n(d,{key:"4d75a1a804885406d9bf70647ee031b283001316"},n("div",{key:"4db2eab15b25d322bd8081f22fa0dfb4e40ff1d8",class:"dropdown-choice-form-row"},n("pn-select",{key:"34479df6fd80391a95628b34a9d3d4007a43700a",ref:e=>this.pnRowSelectDropdown=e,name:this.addRowDropdownName,label:this.addRowDropdownLabel,class:"pn-row-select-dropdown",language:this.languageCode},n("option",{key:"c445488973b9c7127a55f0f83cfb46276f3a165e",value:"",selected:true,disabled:true},this.addRowDropdownPlaceholder),this.rowSelectDropdownArr?.map((e=>n("option",{label:e,value:e},e))))),n("div",{key:"15abdc5dae3056d3e81069c01e67245aacba5c59",class:"dropdown-choice-form-row"},n("div",{key:"2386cfc37b14b5769e095596f191054b2fb3e0af",class:"pn-dropdown-choice-table"},n("div",{key:"123b39e0fc0dba53aa35da0dea41178f77633c76",ref:e=>this.tableHead=e},this.nextRowIndex===0?null:n("div",{class:"table-header"},n("div",{class:"table-header-name"},n("label",null,this.rowNameLabel)),n("div",{class:"table-header-dropdown"},n("label",null,this.rowDropdownLabel)),n("div",{class:"table-header-input"},n("label",null,this.rowInputLabel)),n("div",{class:"table-header-delete"}))),n("div",{key:"8d6e932979cd2065cbf77a70e74e30d087351b24",ref:e=>this.tableBody=e,class:"pn-dropdown-choice-table-slot"},n("slot",{key:"8957b9b3b30d090c51bc993ff4676f91a2846a15"})))))}static get watchers(){return{dropdownData:["dropdownDataWatcher"]}}};c.style=s;export{c as pn_dropdown_choice_adds_row};
-//# sourceMappingURL=p-d75a2f7c.entry.js.map

package/dist/pn-market-web-components/p-d75a2f7c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pnDropdownChoiceAddsRowCss","PnDropdownChoiceAddsRowStyle0","pnDropdownChoiceAddsRow","pnRowSelectDropdown","tableHead","tableBody","_dropdownData","rowvalues","dropdownDataWatcher","this","dropdownData","JSON","parse","componentWillLoad","componentDidLoad","setInitialValues","addEventHandlers","addEventListener","debounce","addRowElement","bind","nextRowIndex","setRowSelectDropdownArr","rowSelectDropdownArr","forEach","element","push","label","formRowEvent","e","debouncedAddValue","updateHiddenFieldValue","target","matches","eventName","rowDropdown","closest","querySelector","allRows","querySelectorAll","mainDropdown","hostElement","length","setAttribute","dropdownEmptyWarning","formValue","emit","allRowsValid","formValues","map","row","nameElm","dropdownElm","inputElm","rowData","name","rowNameLabel","value","innerHTML","pnSelect","nativeSelect","dropdownSelection","rowDropdownLabel","input","inputValue","parseInt","rowInputLabel","toString","includes","stringify","validateInputs","error","console","selectedElement","selectedValue","removeAttribute","newRow","document","createElement","className","onclick","rowNameColumn","dataset","appendChild","selectedR","find","item","values","rowHasDropdown","dropdownCol","createDropdownColumn","emptyDropdownCol","rowInputColumn","createInputColumn","deleteButton","createDeleteButtonColumn","updateRowSelectDropdown","getCurrentRow","dropdownColumn","selectedItem","arr","selectedOptionValues","currentRow","parentElement","textContent","dropdown","rowDropdownPlaceholder","placeholder","selected","disabled","childItem","childOption","inputColumn","totalInputLimit","buttonColumn","buttonElm","deleteRow","createTextNode","rowDeleteButtonText","call","el","dropdownPlaceholder","rowName","selectOptions","elm","preventDefault","targetElm","currentTarget","targetRow","remove","index","dropdownSelections","numberInputs","selectionEmpty","showWarning","dropdownElem","selection","dropdownVal","inputElem","currentNumber","currentValue","hasAttribute","inputLimitWarning","isNaN","inputEmptyWarning","render","h","Host","key","class","ref","addRowDropdownName","addRowDropdownLabel","language","languageCode","addRowDropdownPlaceholder"],"sources":["src/components/input/pn-dropdown-choice-adds-row/pn-dropdown-choice-adds-row.scss?tag=pn-dropdown-choice-adds-row","src/components/input/pn-dropdown-choice-adds-row/pn-dropdown-choice-adds-row.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-dropdown-choice-adds-row {\n  display: block;\n  width: 80rem;\n\n  .pn-row-select-dropdown {\n    width: 50%;\n    margin-bottom: 1rem;\n  }\n\n  @media only screen and (max-width: 640px) {\n    .pn-row-select-dropdown {\n      width: 100%;\n    }\n  }\n\n  .pn-dropdown-choice-table {\n    width: 100%;\n    border-spacing: 0rem;\n    border: none !important;\n\n    thead {\n      th {\n        text-align: left;\n        padding: 1rem 0.5rem;\n\n        label {\n          color: $gray700;\n          font-size: 1.4rem;\n          font-weight: 400;\n        }\n      }\n    }\n    \n    .generated-table-row {\n      display: flex;\n      margin-bottom: 2rem;\n    }\n\n    .table-header {\n      display: flex;\n      margin: 2rem 0 3rem 0;\n      font-weight: 500;\n    }\n\n    .table-header, .tr {\n      &-dropdown, &-column, &-name {\n        padding-right: 0.5rem;\n        width: 35%;\n\n        pn-select {\n          width: 95%;\n        }\n      }\n\n      &-input {\n        width: 15%;\n\n        pn-input {\n          width: 100%;\n        }\n      }\n\n      &-delete {\n        margin: 1rem;\n        width: 15%;\n      }\n    }\n\n    tbody {\n      td {\n        padding: 0.5rem;\n      }\n\n      tr:nth-child(even) {\n        background-color: #effbff;\n      }\n\n      .tr-delete {\n        text-align: center;\n      }\n    }\n\n    tfoot {\n      td {\n        small {\n          color: $warning;\n          vertical-align: middle;\n        }\n\n        pn-icon {\n          margin-right: 0.25em;\n          vertical-align: middle;\n        }\n      }\n    }\n  }\n}\n","import { Component, Prop, h, Element, State, Host, Watch, Event, EventEmitter } from '@stencil/core';\nimport { FormValue, RowValue, Root } from './types';\nimport debounce from 'debounce';\n\n@Component({\n  tag: 'pn-dropdown-choice-adds-row',\n  styleUrl: 'pn-dropdown-choice-adds-row.scss',\n})\nexport class pnDropdownChoiceAddsRow {\n  @Element() hostElement: Element;\n  pnRowSelectDropdown: HTMLElement = null;\n  tableHead: HTMLElement = null;\n  tableBody: HTMLElement = null;\n  private _dropdownData: Root[];\n\n  @Prop() dropdownData: string | Root[] = null;\n  @Prop() languageCode: string = null;\n  @Prop() addRowDropdownName: string = '';\n  @Prop() addRowDropdownPlaceholder: string = '';\n  @Prop() addRowDropdownLabel: string = '';\n  @Prop() rowNameLabel: string = '';\n  @Prop() rowHasDropdown: boolean = true;\n  @Prop() rowDropdownLabel: string = '';\n  @Prop() rowDropdownPlaceholder: string = '';\n  @Prop() rowInputLabel: string = '';\n  @Prop() rowDeleteButtonText: string = '';\n  @Prop() totalInputLimit: number = 0;\n  @Prop() inputLimitWarning: string = null;\n  @Prop() inputEmptyWarning: string = null;\n  @Prop() dropdownEmptyWarning: string = null;\n\n  @State() nextRowIndex: number = null;\n  @State() rowSelectDropdownArr: string[] = null;\n  @State() formValue: string = null;\n\n  @Event() rowvalues: EventEmitter<string>;\n\n  @Watch('dropdownData')\n  dropdownDataWatcher() {\n    if (typeof this.dropdownData === 'string') {\n      this._dropdownData = JSON.parse(this.dropdownData);\n    } else {\n      this._dropdownData = this.dropdownData;\n    }\n  }\n\n  componentWillLoad() {\n    this.dropdownDataWatcher();\n  }\n\n  componentDidLoad() {\n    this.setInitialValues();\n    this.addEventHandlers();\n  }\n\n  addEventHandlers() {\n    this.pnRowSelectDropdown.addEventListener('change', debounce(this.addRowElement.bind(this), 500));\n  }\n\n  setInitialValues() {\n    this.nextRowIndex = 0;\n    this.setRowSelectDropdownArr();\n  }\n\n  setRowSelectDropdownArr() {\n    this.rowSelectDropdownArr = [];\n    this._dropdownData.forEach(element => {\n      this.rowSelectDropdownArr.push(element.label);\n    });\n  }\n\n  formRowEvent = e => {\n    const debouncedAddValue = debounce(this.updateHiddenFieldValue.bind(this), 500);\n\n    if (e.target.matches('input')) {\n      ['change', 'keyup'].forEach(eventName => {\n        e.target.addEventListener(eventName, debouncedAddValue);\n      });\n    } else {\n      const rowDropdown = e.target.closest('.generated-table-row')?.querySelector('pn-select') as HTMLElement;\n      if (rowDropdown) {\n        rowDropdown.addEventListener('change', debouncedAddValue);\n      }\n    }\n  };\n\n  updateHiddenFieldValue() {\n    try {\n      const allRows = [...this.tableBody.querySelectorAll('.generated-table-row')];\n      const mainDropdown = this.hostElement.querySelector('.pn-row-select-dropdown');\n\n      if (!mainDropdown) {\n        return;\n      }\n\n      if (!allRows.length) {\n        mainDropdown.setAttribute('error', `${this.dropdownEmptyWarning || \"This field cannot be empty\"}`);\n        this.formValue = '';\n        this.rowvalues.emit('');\n        return;\n      }\n\n      let allRowsValid = true;\n      const formValues = allRows.map(row => {\n        const nameElm = row.querySelector('.tr-name');\n        const dropdownElm = row.querySelector('.tr-dropdown');\n        const inputElm = row.querySelector('.tr-input');\n\n        if (!nameElm || !inputElm) {\n          allRowsValid = false;\n          return null;\n        }\n\n        const rowData = {\n          row: [\n            {\n              name: this.rowNameLabel,\n              value: nameElm.innerHTML\n            }\n          ]\n        };\n\n        if (dropdownElm && dropdownElm.querySelector('pn-select')) {\n          const pnSelect = dropdownElm.querySelector('pn-select');\n          const nativeSelect = pnSelect?.querySelector('select');\n          const dropdownSelection = nativeSelect?.value || '';\n          if (!dropdownSelection) {\n            allRowsValid = false;\n          } else {\n            rowData.row.push({\n              name: this.rowDropdownLabel,\n              value: dropdownSelection\n            });\n          }\n        }\n\n        const input = inputElm.querySelector('input');\n        const inputValue = parseInt(input?.value || '0', 10);\n        if (inputValue > 0) {\n          rowData.row.push({\n            name: this.rowInputLabel,\n            value: inputValue.toString()\n          });\n        } else {\n          allRowsValid = false;\n        }\n        return rowData;\n      });\n\n      if (!allRowsValid || !formValues.length || formValues.includes(null)) {\n        this.formValue = '';\n        this.rowvalues.emit('');\n        return;\n      }\n\n      this.formValue = `PN-JSON|${JSON.stringify(formValues)}`;\n      \n      if (this.validateInputs()) {\n        this.rowvalues.emit(this.formValue);\n      } else {\n        this.rowvalues.emit('');\n      }\n\n    } catch (error) {\n      console.error('Error updating field value: ', error);\n      this.formValue = '';\n    }\n  }\n\n  addRowElement(e: CustomEvent) {\n    const selectedElement = e.target as HTMLSelectElement;\n    const selectedValue = selectedElement?.value;\n\n    if (!selectedValue) {\n      return;\n    }\n\n    const mainDropdown = this.hostElement.querySelector('.pn-row-select-dropdown');\n    mainDropdown?.removeAttribute('error');\n\n    if (!this.tableBody) {\n      console.error('tableBody is not defined.');\n      return;\n    }\n\n    const newRow = document.createElement('div');\n    newRow.setAttribute('index', `${this.nextRowIndex}`);\n    newRow.className = 'generated-table-row';\n    newRow.onclick = e => this.formRowEvent(e);\n\n    const rowNameColumn = document.createElement('div');\n    rowNameColumn.className = 'tr-name';\n    rowNameColumn.innerHTML = selectedValue;\n    rowNameColumn.dataset.name = selectedValue;\n    newRow.appendChild(rowNameColumn);\n\n    const selectedR = this._dropdownData?.find(item => item.label === selectedValue);\n\n    if (selectedR?.values?.length) {\n      this.rowHasDropdown = true;\n      const dropdownCol = this.createDropdownColumn(selectedValue);\n      newRow.appendChild(dropdownCol);\n    } else {\n      this.rowHasDropdown = false;\n      const emptyDropdownCol = document.createElement('div');\n      emptyDropdownCol.className = 'tr-column';\n      newRow.appendChild(emptyDropdownCol);\n    }\n\n    const rowInputColumn = this.createInputColumn(selectedValue);\n    newRow.appendChild(rowInputColumn);\n\n    const deleteButton = this.createDeleteButtonColumn();\n    newRow.appendChild(deleteButton);\n\n    this.tableBody.appendChild(newRow);\n\n    this.updateRowSelectDropdown();\n    this.nextRowIndex++;\n    selectedElement.value = '';\n  }\n\n  getCurrentRow(selectedValue: string) {\n    return this.hostElement.querySelectorAll(`.tr-name[data-name='${selectedValue}'`);\n  }\n\n  createDropdownColumn(selectedValue: string) {\n    const dropdownColumn = document.createElement('div');\n    dropdownColumn.setAttribute('class', 'tr-dropdown');\n    const selectedItem = this._dropdownData.find(arr => arr.label === selectedValue);\n    const selectedOptionValues = [];\n    const currentRow = this.getCurrentRow(selectedValue);\n\n    currentRow.forEach(row => {\n      selectedOptionValues.push(row.parentElement?.querySelector('.tr-dropdown [aria-selected=true]')?.textContent);\n    });\n\n    if (selectedItem.values.length) {\n      const dropdown = document.createElement('pn-select');\n      dropdown.setAttribute('name', `${selectedValue}-dropdown`);\n      dropdown.setAttribute('placeholder', this.rowDropdownPlaceholder);\n      dropdown.setAttribute('required', 'true');\n      dropdown.setAttribute('error', '');\n\n      const placeholder = document.createElement('option');\n      placeholder.setAttribute(\"value\", \"\");\n      placeholder.textContent = this.rowDropdownPlaceholder;\n      placeholder.selected = true;\n      placeholder.disabled = true;\n      dropdown.appendChild(placeholder);\n\n      selectedItem.values.forEach(childItem => {\n        const childOption = document.createElement('option');\n        childOption.setAttribute(\"label\", childItem.label);\n        childOption.setAttribute(\"value\", childItem.label);\n        childOption.textContent = childItem.label;\n        dropdown.appendChild(childOption);\n      });\n\n      dropdownColumn.appendChild(dropdown);\n    }\n\n    return dropdownColumn;\n  }\n\n  createInputColumn(selectedValue: string) {\n    const inputColumn = document.createElement('div');\n    inputColumn.setAttribute('class', 'tr-input');\n    const inputElm = document.createElement('pn-input');\n    inputElm.setAttribute('type', 'number');\n    inputElm.setAttribute('name', `${selectedValue}-input`);\n    inputElm.setAttribute('placeholder', '0');\n    if (this.totalInputLimit > 0) {\n      inputElm.setAttribute('max', `${this.totalInputLimit}`);\n    }\n    inputElm.setAttribute('min', '0');\n    inputElm.setAttribute('error', '');\n    inputColumn.appendChild(inputElm);\n    return inputColumn;\n  }\n\n  createDeleteButtonColumn() {\n    const buttonColumn = document.createElement('div');\n    buttonColumn.setAttribute('class', 'tr-delete');\n    const buttonElm = document.createElement('pn-button');\n    buttonElm.onclick = e => this.deleteRow(e);\n    buttonElm.setAttribute('appearance', 'warning');\n    buttonElm.setAttribute('small', 'true');\n    buttonElm.appendChild(document.createTextNode(this.rowDeleteButtonText));\n    buttonColumn.appendChild(buttonElm);\n    return buttonColumn;\n  }\n\n  updateRowSelectDropdown() {\n    type Row = { rowName: string; selectedValue: string; placeholder: string };\n\n    const rows: Row[] = [].map.call(this.tableBody.querySelectorAll('.tr-name'), el => {\n      const dropdownColumn = el?.parentElement?.querySelector('.tr-dropdown');\n      const dropdownPlaceholder = dropdownColumn?.querySelector('.pn-select-content span')?.textContent;\n      const row: Row = {\n        rowName: el?.innerHTML,\n        selectedValue: dropdownColumn?.querySelector('[aria-selected=true]')?.textContent,\n        placeholder: dropdownPlaceholder,\n      };\n      return row;\n    });\n\n    const selectOptions = this.pnRowSelectDropdown.querySelectorAll('option');\n    selectOptions.forEach(elm => {\n      elm.removeAttribute('selected');\n    });\n  }\n\n  deleteRow(e: Event) {\n    e.preventDefault();\n    this.nextRowIndex--;\n    const targetElm = e.currentTarget as HTMLButtonElement;\n    const targetRow = targetElm.closest('.generated-table-row');\n    targetRow.remove();\n    const allRows = [...this.tableBody.querySelectorAll('.generated-table-row')];\n\n    allRows.map((elm, index) => {\n      elm.setAttribute('index', `${index}`);\n    });\n    this.updateHiddenFieldValue()\n    this.updateRowSelectDropdown();\n  }\n\n  validateInputs() {\n    const dropdownSelections = this.tableBody.querySelectorAll('pn-select');\n    const numberInputs = this.tableBody.querySelectorAll('pn-input');\n    let selectionEmpty = false;\n    let showWarning = false;\n\n    if (dropdownSelections) {\n      dropdownSelections.forEach(dropdownElem => {\n        if (!dropdownElem) {\n          return;\n        }\n\n        const selection = dropdownElem.querySelector('select');\n        const dropdownVal = selection?.value || '';\n\n        if (dropdownVal === null || dropdownVal === \"\") {\n          dropdownElem.setAttribute('error', `${this.dropdownEmptyWarning || \"This field cannot be empty\"}`);\n          selectionEmpty = true;\n        } else {\n          dropdownElem.setAttribute('error', '');\n        }\n      });\n    }\n\n    if (numberInputs) {\n      numberInputs.forEach(inputElem => {\n        if (inputElem) {\n          const currentNumber = inputElem.querySelector(\"input\");\n          let currentValue = parseInt(currentNumber.value);\n\n          if (this.totalInputLimit < currentValue && inputElem.hasAttribute('max')) {\n            inputElem.setAttribute('error', `${this.inputLimitWarning || \"Amount too high\"}`);\n            showWarning = true;\n          } else if (currentValue <= 0 || isNaN(currentValue)) {\n            inputElem.setAttribute('error', `${this.inputEmptyWarning || \"This field cannot be empty\"}`);\n            showWarning = true;\n          } else {\n            inputElem.setAttribute('error', '');\n            showWarning = false;\n          }\n        }\n      });\n    }\n\n    if (selectionEmpty || showWarning) {\n      return false;\n    }\n\n    return true;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"dropdown-choice-form-row\">\n          <pn-select\n            ref={el => (this.pnRowSelectDropdown = el as HTMLElement)}\n            name={this.addRowDropdownName}\n            label={this.addRowDropdownLabel}\n            class=\"pn-row-select-dropdown\"\n            language={this.languageCode}>\n            <option value=\"\" selected disabled>{this.addRowDropdownPlaceholder}</option>\n            {this.rowSelectDropdownArr?.map((value: string) => <option label={value} value={value}>{value}</option>)}\n          </pn-select>\n        </div>\n        <div class=\"dropdown-choice-form-row\">\n          <div class=\"pn-dropdown-choice-table\">\n            <div ref={el => (this.tableHead = el as HTMLElement)}>\n              {this.nextRowIndex === 0 ? null : (\n                <div class=\"table-header\">\n                  <div class=\"table-header-name\">\n                    <label>{this.rowNameLabel}</label>\n                  </div>\n                  <div class=\"table-header-dropdown\">\n                    <label>{this.rowDropdownLabel}</label>\n                  </div>\n                  <div class=\"table-header-input\">\n                    <label>{this.rowInputLabel}</label>\n                  </div>\n                  <div class=\"table-header-delete\"></div>\n                </div>\n              )}\n            </div>\n            <div ref={el => (this.tableBody = el as HTMLElement)} class=\"pn-dropdown-choice-table-slot\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"+FAAA,MAAMA,EAA6B,miGACnC,MAAAC,EAAeD,E,MCOFE,EAAuB,M,gFAOM,K,kBACT,K,wBACM,G,+BACO,G,yBACN,G,kBACP,G,oBACG,K,sBACC,G,4BACM,G,mBACT,G,yBACM,G,qBACJ,E,uBACE,K,uBACA,K,0BACG,K,kBAEP,K,0BACU,K,eACb,I,kCAvB7BC,oBAAmC,KACnCC,UAAyB,KACzBC,UAAyB,KACjBC,cAsBCC,UAGT,mBAAAC,GACE,UAAWC,KAAKC,eAAiB,SAAU,CACzCD,KAAKH,cAAgBK,KAAKC,MAAMH,KAAKC,a,KAChC,CACLD,KAAKH,cAAgBG,KAAKC,Y,EAI9B,iBAAAG,GACEJ,KAAKD,qB,CAGP,gBAAAM,GACEL,KAAKM,mBACLN,KAAKO,kB,CAGP,gBAAAA,GACEP,KAAKN,oBAAoBc,iBAAiB,SAAUC,EAAST,KAAKU,cAAcC,KAAKX,MAAO,K,CAG9F,gBAAAM,GACEN,KAAKY,aAAe,EACpBZ,KAAKa,yB,CAGP,uBAAAA,GACEb,KAAKc,qBAAuB,GAC5Bd,KAAKH,cAAckB,SAAQC,IACzBhB,KAAKc,qBAAqBG,KAAKD,EAAQE,MAAM,G,CAIjDC,aAAeC,IACb,MAAMC,EAAoBZ,EAAST,KAAKsB,uBAAuBX,KAAKX,MAAO,KAE3E,GAAIoB,EAAEG,OAAOC,QAAQ,SAAU,CAC7B,CAAC,SAAU,SAAST,SAAQU,IAC1BL,EAAEG,OAAOf,iBAAiBiB,EAAWJ,EAAkB,G,KAEpD,CACL,MAAMK,EAAcN,EAAEG,OAAOI,QAAQ,yBAAyBC,cAAc,aAC5E,GAAIF,EAAa,CACfA,EAAYlB,iBAAiB,SAAUa,E,IAK7C,sBAAAC,GACE,IACE,MAAMO,EAAU,IAAI7B,KAAKJ,UAAUkC,iBAAiB,yBACpD,MAAMC,EAAe/B,KAAKgC,YAAYJ,cAAc,2BAEpD,IAAKG,EAAc,CACjB,M,CAGF,IAAKF,EAAQI,OAAQ,CACnBF,EAAaG,aAAa,QAAS,GAAGlC,KAAKmC,sBAAwB,gCACnEnC,KAAKoC,UAAY,GACjBpC,KAAKF,UAAUuC,KAAK,IACpB,M,CAGF,IAAIC,EAAe,KACnB,MAAMC,EAAaV,EAAQW,KAAIC,IAC7B,MAAMC,EAAUD,EAAIb,cAAc,YAClC,MAAMe,EAAcF,EAAIb,cAAc,gBACtC,MAAMgB,EAAWH,EAAIb,cAAc,aAEnC,IAAKc,IAAYE,EAAU,CACzBN,EAAe,MACf,OAAO,I,CAGT,MAAMO,EAAU,CACdJ,IAAK,CACH,CACEK,KAAM9C,KAAK+C,aACXC,MAAON,EAAQO,aAKrB,GAAIN,GAAeA,EAAYf,cAAc,aAAc,CACzD,MAAMsB,EAAWP,EAAYf,cAAc,aAC3C,MAAMuB,EAAeD,GAAUtB,cAAc,UAC7C,MAAMwB,EAAoBD,GAAcH,OAAS,GACjD,IAAKI,EAAmB,CACtBd,EAAe,K,KACV,CACLO,EAAQJ,IAAIxB,KAAK,CACf6B,KAAM9C,KAAKqD,iBACXL,MAAOI,G,EAKb,MAAME,EAAQV,EAAShB,cAAc,SACrC,MAAM2B,EAAaC,SAASF,GAAON,OAAS,IAAK,IACjD,GAAIO,EAAa,EAAG,CAClBV,EAAQJ,IAAIxB,KAAK,CACf6B,KAAM9C,KAAKyD,cACXT,MAAOO,EAAWG,Y,KAEf,CACLpB,EAAe,K,CAEjB,OAAOO,CAAO,IAGhB,IAAKP,IAAiBC,EAAWN,QAAUM,EAAWoB,SAAS,MAAO,CACpE3D,KAAKoC,UAAY,GACjBpC,KAAKF,UAAUuC,KAAK,IACpB,M,CAGFrC,KAAKoC,UAAY,WAAWlC,KAAK0D,UAAUrB,KAE3C,GAAIvC,KAAK6D,iBAAkB,CACzB7D,KAAKF,UAAUuC,KAAKrC,KAAKoC,U,KACpB,CACLpC,KAAKF,UAAUuC,KAAK,G,EAGtB,MAAOyB,GACPC,QAAQD,MAAM,+BAAgCA,GAC9C9D,KAAKoC,UAAY,E,EAIrB,aAAA1B,CAAcU,GACZ,MAAM4C,EAAkB5C,EAAEG,OAC1B,MAAM0C,EAAgBD,GAAiBhB,MAEvC,IAAKiB,EAAe,CAClB,M,CAGF,MAAMlC,EAAe/B,KAAKgC,YAAYJ,cAAc,2BACpDG,GAAcmC,gBAAgB,SAE9B,IAAKlE,KAAKJ,UAAW,CACnBmE,QAAQD,MAAM,6BACd,M,CAGF,MAAMK,EAASC,SAASC,cAAc,OACtCF,EAAOjC,aAAa,QAAS,GAAGlC,KAAKY,gBACrCuD,EAAOG,UAAY,sBACnBH,EAAOI,QAAUnD,GAAKpB,KAAKmB,aAAaC,GAExC,MAAMoD,EAAgBJ,SAASC,cAAc,OAC7CG,EAAcF,UAAY,UAC1BE,EAAcvB,UAAYgB,EAC1BO,EAAcC,QAAQ3B,KAAOmB,EAC7BE,EAAOO,YAAYF,GAEnB,MAAMG,EAAY3E,KAAKH,eAAe+E,MAAKC,GAAQA,EAAK3D,QAAU+C,IAElE,GAAIU,GAAWG,QAAQ7C,OAAQ,CAC7BjC,KAAK+E,eAAiB,KACtB,MAAMC,EAAchF,KAAKiF,qBAAqBhB,GAC9CE,EAAOO,YAAYM,E,KACd,CACLhF,KAAK+E,eAAiB,MACtB,MAAMG,EAAmBd,SAASC,cAAc,OAChDa,EAAiBZ,UAAY,YAC7BH,EAAOO,YAAYQ,E,CAGrB,MAAMC,EAAiBnF,KAAKoF,kBAAkBnB,GAC9CE,EAAOO,YAAYS,GAEnB,MAAME,EAAerF,KAAKsF,2BAC1BnB,EAAOO,YAAYW,GAEnBrF,KAAKJ,UAAU8E,YAAYP,GAE3BnE,KAAKuF,0BACLvF,KAAKY,eACLoD,EAAgBhB,MAAQ,E,CAG1B,aAAAwC,CAAcvB,GACZ,OAAOjE,KAAKgC,YAAYF,iBAAiB,uBAAuBmC,K,CAGlE,oBAAAgB,CAAqBhB,GACnB,MAAMwB,EAAiBrB,SAASC,cAAc,OAC9CoB,EAAevD,aAAa,QAAS,eACrC,MAAMwD,EAAe1F,KAAKH,cAAc+E,MAAKe,GAAOA,EAAIzE,QAAU+C,IAClE,MAAM2B,EAAuB,GAC7B,MAAMC,EAAa7F,KAAKwF,cAAcvB,GAEtC4B,EAAW9E,SAAQ0B,IACjBmD,EAAqB3E,KAAKwB,EAAIqD,eAAelE,cAAc,sCAAsCmE,YAAY,IAG/G,GAAIL,EAAaZ,OAAO7C,OAAQ,CAC9B,MAAM+D,EAAW5B,SAASC,cAAc,aACxC2B,EAAS9D,aAAa,OAAQ,GAAG+B,cACjC+B,EAAS9D,aAAa,cAAelC,KAAKiG,wBAC1CD,EAAS9D,aAAa,WAAY,QAClC8D,EAAS9D,aAAa,QAAS,IAE/B,MAAMgE,EAAc9B,SAASC,cAAc,UAC3C6B,EAAYhE,aAAa,QAAS,IAClCgE,EAAYH,YAAc/F,KAAKiG,uBAC/BC,EAAYC,SAAW,KACvBD,EAAYE,SAAW,KACvBJ,EAAStB,YAAYwB,GAErBR,EAAaZ,OAAO/D,SAAQsF,IAC1B,MAAMC,EAAclC,SAASC,cAAc,UAC3CiC,EAAYpE,aAAa,QAASmE,EAAUnF,OAC5CoF,EAAYpE,aAAa,QAASmE,EAAUnF,OAC5CoF,EAAYP,YAAcM,EAAUnF,MACpC8E,EAAStB,YAAY4B,EAAY,IAGnCb,EAAef,YAAYsB,E,CAG7B,OAAOP,C,CAGT,iBAAAL,CAAkBnB,GAChB,MAAMsC,EAAcnC,SAASC,cAAc,OAC3CkC,EAAYrE,aAAa,QAAS,YAClC,MAAMU,EAAWwB,SAASC,cAAc,YACxCzB,EAASV,aAAa,OAAQ,UAC9BU,EAASV,aAAa,OAAQ,GAAG+B,WACjCrB,EAASV,aAAa,cAAe,KACrC,GAAIlC,KAAKwG,gBAAkB,EAAG,CAC5B5D,EAASV,aAAa,MAAO,GAAGlC,KAAKwG,kB,CAEvC5D,EAASV,aAAa,MAAO,KAC7BU,EAASV,aAAa,QAAS,IAC/BqE,EAAY7B,YAAY9B,GACxB,OAAO2D,C,CAGT,wBAAAjB,GACE,MAAMmB,EAAerC,SAASC,cAAc,OAC5CoC,EAAavE,aAAa,QAAS,aACnC,MAAMwE,EAAYtC,SAASC,cAAc,aACzCqC,EAAUnC,QAAUnD,GAAKpB,KAAK2G,UAAUvF,GACxCsF,EAAUxE,aAAa,aAAc,WACrCwE,EAAUxE,aAAa,QAAS,QAChCwE,EAAUhC,YAAYN,SAASwC,eAAe5G,KAAK6G,sBACnDJ,EAAa/B,YAAYgC,GACzB,OAAOD,C,CAGT,uBAAAlB,GAGsB,GAAG/C,IAAIsE,KAAK9G,KAAKJ,UAAUkC,iBAAiB,aAAaiF,IAC3E,MAAMtB,EAAiBsB,GAAIjB,eAAelE,cAAc,gBACxD,MAAMoF,EAAsBvB,GAAgB7D,cAAc,4BAA4BmE,YACtF,MAAMtD,EAAW,CACfwE,QAASF,GAAI9D,UACbgB,cAAewB,GAAgB7D,cAAc,yBAAyBmE,YACtEG,YAAac,GAEf,OAAOvE,CAAG,IAGZ,MAAMyE,EAAgBlH,KAAKN,oBAAoBoC,iBAAiB,UAChEoF,EAAcnG,SAAQoG,IACpBA,EAAIjD,gBAAgB,WAAW,G,CAInC,SAAAyC,CAAUvF,GACRA,EAAEgG,iBACFpH,KAAKY,eACL,MAAMyG,EAAYjG,EAAEkG,cACpB,MAAMC,EAAYF,EAAU1F,QAAQ,wBACpC4F,EAAUC,SACV,MAAM3F,EAAU,IAAI7B,KAAKJ,UAAUkC,iBAAiB,yBAEpDD,EAAQW,KAAI,CAAC2E,EAAKM,KAChBN,EAAIjF,aAAa,QAAS,GAAGuF,IAAQ,IAEvCzH,KAAKsB,yBACLtB,KAAKuF,yB,CAGP,cAAA1B,GACE,MAAM6D,EAAqB1H,KAAKJ,UAAUkC,iBAAiB,aAC3D,MAAM6F,EAAe3H,KAAKJ,UAAUkC,iBAAiB,YACrD,IAAI8F,EAAiB,MACrB,IAAIC,EAAc,MAElB,GAAIH,EAAoB,CACtBA,EAAmB3G,SAAQ+G,IACzB,IAAKA,EAAc,CACjB,M,CAGF,MAAMC,EAAYD,EAAalG,cAAc,UAC7C,MAAMoG,EAAcD,GAAW/E,OAAS,GAExC,GAAIgF,IAAgB,MAAQA,IAAgB,GAAI,CAC9CF,EAAa5F,aAAa,QAAS,GAAGlC,KAAKmC,sBAAwB,gCACnEyF,EAAiB,I,KACZ,CACLE,EAAa5F,aAAa,QAAS,G,KAKzC,GAAIyF,EAAc,CAChBA,EAAa5G,SAAQkH,IACnB,GAAIA,EAAW,CACb,MAAMC,EAAgBD,EAAUrG,cAAc,SAC9C,IAAIuG,EAAe3E,SAAS0E,EAAclF,OAE1C,GAAIhD,KAAKwG,gBAAkB2B,GAAgBF,EAAUG,aAAa,OAAQ,CACxEH,EAAU/F,aAAa,QAAS,GAAGlC,KAAKqI,mBAAqB,qBAC7DR,EAAc,I,MACT,GAAIM,GAAgB,GAAKG,MAAMH,GAAe,CACnDF,EAAU/F,aAAa,QAAS,GAAGlC,KAAKuI,mBAAqB,gCAC7DV,EAAc,I,KACT,CACLI,EAAU/F,aAAa,QAAS,IAChC2F,EAAc,K,MAMtB,GAAID,GAAkBC,EAAa,CACjC,OAAO,K,CAGT,OAAO,I,CAGT,MAAAW,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,aAAAE,IAAA,2CACEE,IAAK9B,GAAO/G,KAAKN,oBAAsBqH,EACvCjE,KAAM9C,KAAK8I,mBACX5H,MAAOlB,KAAK+I,oBACZH,MAAM,yBACNI,SAAUhJ,KAAKiJ,cACfR,EAAA,UAAAE,IAAA,2CAAQ3F,MAAM,GAAGmD,SAAQ,KAACC,SAAQ,MAAEpG,KAAKkJ,2BACxClJ,KAAKc,sBAAsB0B,KAAKQ,GAAkByF,EAAA,UAAQvH,MAAO8B,EAAOA,MAAOA,GAAQA,OAG5FyF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,OAAAE,IAAA,2CAAKE,IAAK9B,GAAO/G,KAAKL,UAAYoH,GAC/B/G,KAAKY,eAAiB,EAAI,KACzB6H,EAAA,OAAKG,MAAM,gBACTH,EAAA,OAAKG,MAAM,qBACTH,EAAA,aAAQzI,KAAK+C,eAEf0F,EAAA,OAAKG,MAAM,yBACTH,EAAA,aAAQzI,KAAKqD,mBAEfoF,EAAA,OAAKG,MAAM,sBACTH,EAAA,aAAQzI,KAAKyD,gBAEfgF,EAAA,OAAKG,MAAM,0BAIjBH,EAAA,OAAAE,IAAA,2CAAKE,IAAK9B,GAAO/G,KAAKJ,UAAYmH,EAAoB6B,MAAM,iCAC1DH,EAAA,QAAAE,IAAA,gD","ignoreList":[]}

package/dist/pn-market-web-components/p-da56370b.entry.js

@@ -1,2 +0,0 @@
-import{r as t,g as e,h as o,d as r}from"./p-82546a44.js";const p="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-usp-promoter{width:80%}pn-usp-promoter .usp-promoter{display:flex;justify-content:center;padding:3rem 0.8rem}pn-usp-promoter .usp-promoter--full-width{overflow:hidden;margin:0 calc(-50vw + 50%)}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--full-width{padding:8rem 4rem}}pn-usp-promoter .usp-promoter__content{display:flex;flex-direction:row;width:100%;max-width:114rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content{align-items:center;text-align:left;justify-content:center}}pn-usp-promoter .usp-promoter__content-wrapper{display:flex;flex-direction:column;width:100%;max-width:75rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-wrapper{align-items:flex-start;padding-left:4rem}}pn-usp-promoter .usp-promoter__content-heading{margin-bottom:0.8rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-heading{font-size:4.2rem}}@media screen and (min-width: 1140px){pn-usp-promoter .usp-promoter__content-heading{font-size:4.8rem}}@media screen and (min-width: 1440px){pn-usp-promoter .usp-promoter__content-heading{font-size:5.6rem}}pn-usp-promoter .usp-promoter__no-margin-bottom{margin-bottom:0 !important}pn-usp-promoter .usp-promoter__content-text{font-size:1.6rem;max-width:47rem;margin-bottom:2.6rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-text{text-wrap:balance}}@media screen and (min-width: 1140px){pn-usp-promoter .usp-promoter__content-text{font-size:1.8rem;max-width:60rem}}@media screen and (min-width: 1440px){pn-usp-promoter .usp-promoter__content-text{font-size:2rem;max-width:70rem}}pn-usp-promoter [slot=app-store]{display:flex;align-items:flex-start;margin-bottom:2.6rem;gap:1rem}pn-usp-promoter [slot=app-store]>a{background-color:black;border:0.1rem solid #a6a6a6;border-radius:0.8rem;color:#fff;display:inline-block;line-height:0;text-decoration:none;transition:background-color 0.2s ease-in-out}pn-usp-promoter [slot=app-store]>a::after{margin-left:0 !important;margin-right:0.5rem;top:0.2rem;position:relative}pn-usp-promoter [slot=app-store]>a:hover{background-color:#0d234b}pn-usp-promoter [slot=app-store]>a:focus{background-color:#0d234b;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #0d234b}pn-usp-promoter [slot=app-store]>a:focus-visible{outline:none}pn-usp-promoter [slot=app-store]>a img{height:4rem}pn-usp-promoter [slot=usp-buttons] pn-button{margin-bottom:1.6rem}pn-usp-promoter [slot=usp-buttons]>a{color:#005d92;font-weight:500;font-size:1.6rem;padding:0.1rem;text-decoration:none}pn-usp-promoter [slot=usp-buttons]>a pn-icon svg{transition:transform 0.3s ease-in-out}pn-usp-promoter [slot=usp-buttons]>a pn-icon svg path{fill:#005d92}pn-usp-promoter [slot=usp-buttons]>a:hover pn-icon svg{transition:transform 0.3s ease-in-out;transform:translateX(0.3rem)}pn-usp-promoter [slot=usp-buttons]>a:hover pn-icon svg path{fill:#005d92}pn-usp-promoter [slot=app-store],pn-usp-promoter [slot=usp-buttons]{flex-direction:column}@media screen and (min-width: 768px){pn-usp-promoter [slot=app-store],pn-usp-promoter [slot=usp-buttons]{display:flex;flex-direction:row;gap:1.6rem}}pn-usp-promoter [slot=illustration]{max-width:25%;position:relative;left:-1.6rem}pn-usp-promoter [slot=illustration] pn-scroll{position:sticky;top:0}@media screen and (min-width: 768px){pn-usp-promoter [slot=illustration]{display:block}}pn-usp-promoter [slot=illustration] picture img{max-width:100%}@media screen and (min-width: 1140px){pn-usp-promoter [slot=illustration] picture img{width:32rem}}@media screen and (min-width: 1440px){pn-usp-promoter [slot=illustration] picture img{width:33.6rem}}pn-usp-promoter .usp-promoter__heading-extension{display:flex;flex-direction:column}pn-usp-promoter .usp-promoter--right-align .usp-promoter__content{flex-direction:row-reverse;text-align:right}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--right-align .usp-promoter__content{align-items:center}}pn-usp-promoter .usp-promoter--right-align .usp-promoter__content-wrapper{display:flex;flex-direction:column;align-items:flex-end;padding-left:0}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--right-align .usp-promoter__content-wrapper{padding-right:4rem}}pn-usp-promoter .usp-promoter--right-align [slot=app-store],pn-usp-promoter .usp-promoter--right-align [slot=usp-buttons]{align-items:flex-end}pn-usp-promoter .usp-promoter--right-align [slot=illustration]{left:1.6rem}@media screen and (max-width: 768px){pn-usp-promoter .usp-promoter--hide-image-small-screen [slot=illustration] picture img{display:none}pn-usp-promoter .usp-promoter--hide-image-small-screen .usp-promoter__content{text-align:center}pn-usp-promoter .usp-promoter--hide-image-small-screen .usp-promoter__content-wrapper{align-items:center;padding-right:0}pn-usp-promoter .usp-promoter--hide-image-small-screen [slot=app-store],pn-usp-promoter .usp-promoter--hide-image-small-screen [slot=usp-buttons]{display:flex;flex-direction:row;justify-content:center}}";const n=p;const s=class{constructor(e){t(this,e);this.heading=null;this.headingExtension=null;this.bodyText=null;this.backgroundGradient=null;this.fullWidth=false;this.rightAlign=false;this.hideMobileImage=false}get hostElement(){return e(this)}centerMobileContent(){const t=this.hostElement.querySelector('[slot="illustration"]');if(this.hideMobileImage||t==null){return"usp-promoter--hide-image-small-screen"}return""}render(){const{fullWidth:t,rightAlign:e}=this;const p=["usp-promoter",t?"usp-promoter--full-width":"",e?"usp-promoter--right-align":""].join(" ");const n=this.headingExtension?"usp-promoter__heading-extension":"";return o(r,{key:"23494c6ed3177f63b9cf483eaf28ae62c4050797"},o("div",{key:"84cec740776a5f787933b6f7a8734ba00f898a71",class:` ${p} ${this.centerMobileContent()}`,style:{background:`${this.backgroundGradient}`}},o("div",{key:"77d56ad9982b8e8d2459c881a797cd5fa3c51519",class:"usp-promoter__content"},o("slot",{key:"3b0ddfeaec6ce47329f5a2d64df978f8779de532",name:"illustration"}),o("div",{key:"072080f41f6531333d154499c1b63d3822e3cdbb",class:"usp-promoter__content-wrapper"},o("h2",{key:"d09398e7a54f7a1a6a44ab1ede3aaac7a6e00261",class:`usp-promoter__content-heading ${n}`},o("span",{key:"48f98ffcce6c0c6b2b6cf8bb754b84d414fedb8c"},this.heading),this.headingExtension?o("span",null,this.headingExtension):null),o("p",{key:"3f0abe6fcd83e31ffa2ab932027b14f9c1e7c439",class:"usp-promoter__content-text"},this.bodyText),o("slot",{key:"54fa5a5072c8897dd6ae7c216b2c5d7ad1d6a2b6",name:"app-store"}),o("slot",{key:"0bad1abdc12f5108a62f723136c764214bcc6143",name:"usp-buttons"})))))}};s.style=n;export{s as pn_usp_promoter};
-//# sourceMappingURL=p-da56370b.entry.js.map

package/dist/pn-market-web-components/p-daa74e60.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,g as e,h as s,d as n}from"./p-82546a44.js";import{d as l}from"./p-3e4d9396.js";import{m as h}from"./p-b2f2fbb6.js";const a="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-dropdown-with-multi-input-rows-row .input-element-row{display:flex;gap:1rem;margin-bottom:1rem}pn-dropdown-with-multi-input-rows-row .input-element-row .input-container{width:30%}pn-dropdown-with-multi-input-rows-row .input-element-row .input-container pn-marketweb-input .input-container{width:100%}pn-dropdown-with-multi-input-rows-row .input-element-row .input-container pn-date-picker{width:100%}pn-dropdown-with-multi-input-rows-row .input-element-row .input-container .input-element-message-container{margin-top:0.3rem}pn-dropdown-with-multi-input-rows-row .input-element-row .input-container .input-element-message-container__error{color:red;line-height:1}pn-dropdown-with-multi-input-rows-row .input-element-row .input-container .input-element-message-container__warning{line-height:1}pn-dropdown-with-multi-input-rows-row .delete-button-contianer{margin-top:0.6rem}pn-dropdown-with-multi-input-rows-row label.pn-date-picker-label:has(span:empty){display:none}";const r=a;const o=class{constructor(e){t(this,e);this.rowValueChange=i(this,"rowValueChange",7);this.deleteRowEvent=i(this,"deleteRowEvent",7);this.firstInputChange=i(this,"firstInputChange",7);this.secondInputChange=i(this,"secondInputChange",7);this.languageCode=null;this.firstInputPlaceholder=null;this.firstInputMin=null;this.firstInputMax=null;this.firstInputWarning=null;this.firstInputWarningText=null;this.firstInputLowErrorText=null;this.firstInputHighErrorText=null;this.secondInputPlaceholder=null;this.secondInputMin=null;this.secondInputMax=null;this.secondInputWarning=null;this.secondInputWarningText=null;this.secondInputLowErrorText=null;this.secondInputHighErrorText=null;this.dateLabel=null;this.datePlaceholder=null;this.firstValidDate=null;this.lastValidDate=null;this.predefinedValue=null;this.rowIndex=null;this.minRowCount=null;this.disabledDates=null;this.showFirstInputWarning=false;this.showFirstInputLowError=false;this.showFirstInputHighError=false;this.showSecondInputWarning=false;this.showSecondInputLowError=false;this.showSecondInputHighError=false;this.firstInputValue="";this.secondInputValue="";this.dateValue=""}get hostElement(){return e(this)}_predefinedValue;pnFirstInputField=null;pnSecondInputField=null;pnDatePicker=null;pnDeleteRowButton=null;rowValueChange;deleteRowEvent;firstInputChange;secondInputChange;componentWillLoad(){this.getPredefinedValues();this.setInitialValues()}componentDidLoad(){this.addEventHandlers()}getPredefinedValues(){this._predefinedValue=JSON.parse(this.predefinedValue)}applyPredefinedValue(){this.getPredefinedValues();this.setInitialValues();if(this.firstInputValue?.length){this.validateFirstInput(parseInt(this.firstInputValue))}if(this.secondInputValue?.length){this.validateSecondInput(parseInt(this.secondInputValue))}if(this.rowIndex>=this.minRowCount){this.pnDeleteRowButton.addEventListener("click",this.deleteRow.bind(this))}}setInitialValues(){this.firstInputValue=this._predefinedValue.firstInput;this.secondInputValue=this._predefinedValue.secondInput;this.dateValue=this._predefinedValue.date}addEventHandlers(){const t=l(this.emitRowValues.bind(this),500);this.pnFirstInputField.addEventListener("keyup",l(this.handleFirstInput.bind(this),500));this.pnSecondInputField.addEventListener("keyup",l(this.handleSecondInput.bind(this),500));this.pnDatePicker.addEventListener("dateselection",this.handleDateChange.bind(this));this.pnDatePicker.addEventListener("dateselection",t)}handleFirstInput(t){const i=t.target;const e=parseInt(i.value);if(e>0){this.firstInputValue=i.value;this.firstInputChange.emit({id:this._predefinedValue.id,firstInput:this.firstInputValue,secondInput:this.secondInputValue,date:this.dateValue})}this.validateFirstInput(e);this.emitRowValues()}handleSecondInput(t){const i=t.target;const e=parseInt(i.value);if(e>0){this.secondInputValue=i.value;this.secondInputChange.emit({id:this._predefinedValue.id,firstInput:this.firstInputValue,secondInput:this.secondInputValue,date:this.dateValue})}this.validateSecondInput(e);this.emitRowValues()}validateFirstInput(t){this.showFirstInputWarning=false;this.showFirstInputLowError=false;this.showFirstInputHighError=false;if(t<this.firstInputWarning){this.showFirstInputWarning=true}if(t<this.firstInputMin){this.showFirstInputWarning=false;this.showFirstInputLowError=true}if(t>this.firstInputMax){this.showFirstInputWarning=false;this.showFirstInputLowError=false;this.showFirstInputHighError=true}}validateSecondInput(t){this.showSecondInputWarning=false;this.showSecondInputLowError=false;this.showSecondInputHighError=false;if(t<this.secondInputWarning){this.showSecondInputWarning=true}if(t<this.secondInputMin){this.showSecondInputWarning=false;this.showSecondInputLowError=true}if(t>this.secondInputMax){this.showSecondInputWarning=false;this.showSecondInputLowError=false;this.showSecondInputHighError=true}}handleDateChange(t){const i=t.target;if(i===this.pnDatePicker){this.dateValue=t.detail.start}}emitRowValues(){this.rowValueChange.emit({id:this._predefinedValue.id,firstInput:this.firstInputValue,secondInput:this.secondInputValue,date:this.dateValue})}deleteRow(){this.deleteRowEvent.emit(this._predefinedValue.id)}render(){return s(n,{key:"4925aca4d5b55256deda95cdeef466ecad054a51"},s("div",{key:"6162a985244fd8fd93fd5cd268c8b21e9d133942",class:"input-element-row"},s("div",{key:"aaad2fac34e4151a8c9b30080105d14a44941357",class:"input-container"},s("pn-input",{key:"b504279f4ba8a730021ed4debd0be6b42afbb8d7",ref:t=>this.pnFirstInputField=t,type:"number",placeholder:this.firstInputPlaceholder,value:this.firstInputValue,min:"1"}),this.showFirstInputLowError||this.showFirstInputHighError||this.showFirstInputWarning?s("div",{class:"input-element-message-container"},this.showFirstInputLowError?s("div",{class:"input-element-message-container__error"},s("small",null,this.firstInputLowErrorText)):null,this.showFirstInputHighError?s("div",{class:"input-element-message-container__error"},s("small",null,this.firstInputHighErrorText)):null,this.showFirstInputWarning?s("div",{class:"input-element-message-container__warning"},s("small",null,this.firstInputWarningText)):null):null),s("div",{key:"b3d182742c6c5344d7d57a507026bf918a6d2e05",class:"input-container"},s("pn-input",{key:"e8fd472708d96bedd538c09e9b6ed7ccd7ae098e",ref:t=>this.pnSecondInputField=t,type:"number",placeholder:this.secondInputPlaceholder,value:this.secondInputValue,min:"1"}),this.showSecondInputLowError||this.showSecondInputHighError||this.showSecondInputWarning?s("div",{class:"input-element-message-container"},this.showSecondInputLowError?s("div",{class:"input-element-message-container__error"},s("small",null,this.secondInputLowErrorText)):null,this.showSecondInputHighError?s("div",{class:"input-element-message-container__error"},s("small",null,this.secondInputHighErrorText)):null,this.showSecondInputWarning?s("div",{class:"input-element-message-container__warning"},s("small",null,this.secondInputWarningText)):null):null),s("div",{key:"8da4638217aee0b48cfe8bc9371bc588dfc3ac0d",class:"input-container"},s("pn-date-picker",{key:"0d9c861a7a122c767c991a8400fb044ad134a2bc",ref:t=>this.pnDatePicker=t,range:"false","disable-weekends":true,"disabled-dates":this.disabledDates,"min-date":this.firstValidDate,"max-date":this.lastValidDate,language:this.languageCode,placeholder:this.datePlaceholder,start:this.dateValue?.length?this.dateValue:null})),this.rowIndex>=this.minRowCount?s("div",{class:"delete-button-container"},s("pn-button",{ref:t=>this.pnDeleteRowButton=t,small:"true",icon:h,appearance:"warning",index:this.rowIndex,onClick:()=>{this.deleteRow()}},"Delete")):null))}static get watchers(){return{predefinedValue:["applyPredefinedValue"]}}};o.style=r;export{o as pn_dropdown_with_multi_input_rows_row};
-//# sourceMappingURL=p-daa74e60.entry.js.map

package/dist/pn-market-web-components/p-dc2ee6f8.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as n,d as t}from"./p-82546a44.js";import{P as l}from"./p-cf8a1fb9.js";import"./p-3478f368.js";import"./p-8d78b631.js";const i="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-level-up-modal .pn-modal-header{z-index:0}pn-level-up-modal .pn-modal{max-width:63.1rem}@media screen and (max-width: 768px){pn-level-up-modal .pn-modal{height:100%;max-height:100%}}pn-level-up-modal .level-up-computer-modal .pn-modal-content .modal-content{justify-self:center;display:flex;flex-wrap:wrap;flex-direction:column;gap:2em;margin:2em;width:max-content;align-content:space-around}pn-level-up-modal .pn-modal-label{margin:2.2rem 0}@media screen and (max-width: 768px){pn-level-up-modal .pn-modal-label{justify-self:center}}@media screen and (max-width: 768px){pn-level-up-modal .level-up-phone-modal .pn-modal-content{height:100%;align-content:center;align-items:center}}pn-level-up-modal .level-up-phone-modal .pn-modal-content pn-spinner{justify-self:center}pn-level-up-modal .level-up-phone-modal .pn-modal-content .modal-content-container{display:flex;flex-direction:row;align-items:center;gap:1em}@media screen and (max-width: 768px){pn-level-up-modal .level-up-phone-modal .pn-modal-content .modal-content-container{flex-direction:column}}pn-level-up-modal .level-up-phone-modal .pn-modal-content .modal-content-list ol{font-size:1.8rem;line-height:1.6;margin-left:2rem;padding-left:2rem}pn-level-up-modal .level-up-phone-modal .pn-modal-content .modal-content-list li{margin-bottom:1rem}@media screen and (max-width: 768px){pn-level-up-modal .level-up-phone-modal .pn-modal-content .modal-content-list ol{font-size:1.6rem}}";const a=i;const o=class{constructor(n){e(this,n);this.open=undefined;this.endpoint=undefined;this.instructionPhoneLineOne=undefined;this.instructionPhoneLineTwo=undefined;this.instructionPhoneLineThree=undefined;this.headingText=undefined;this.outdatedQRMessage=undefined;this.expiresInMessage=undefined;this.system=undefined;this.qrAriaLabel=undefined;this.openModalToggle=undefined;this.isLoading=true}_bankIDUrl;_levelupService;_levelUpModal;componentWillLoad(){this._levelupService=new l(this.endpoint);this.updateOpen()}updateBankIDUrl=async()=>{this.isLoading=true;let e=await this._levelupService.levelupAuthorize(this.system,null);this.isLoading=false;this._bankIDUrl=e.url;await this._levelupService.levelupTokenGrant(e.id,"30",null).then((e=>{if(e.code===200){this._levelupService.newLevelupUser()}}))};updateOpen(){if(this.open==="open"){this.handleOpen();this.openModalToggle=true;if(this._levelUpModal){if(this._levelUpModal.open===true){this._levelUpModal.open=false}this._levelUpModal.open=true}}else{this.openModalToggle=false}}handleOpen=async()=>{await this.updateBankIDUrl()};render(){return n(t,{key:"0431f6d5caf8183d3e1c432a3ad663fa8648b1b4"},n("pn-modal",{key:"bb6f2be2f52908943154e99c02e7c3f7b9e648b6",ref:e=>this._levelUpModal=e,open:this.openModalToggle,class:"level-up-phone-modal","allow-overflow":"true",label:this.headingText},this.isLoading?n("pn-spinner",{light:"false",size:"1.5"}):n("div",{class:"modal-content-container"},n("div",{class:"modal-content-qr"},n("pn-qr-code-generator",{url:this._bankIDUrl,"countdown-seconds":"30","outdated-message":this.outdatedQRMessage,"expires-in-message":this.expiresInMessage,"update-code-every-second":true,"aria-label":this.qrAriaLabel})),n("div",{class:"modal-content-list"},n("ol",null,this.instructionPhoneLineOne&&n("li",null,this.instructionPhoneLineOne),this.instructionPhoneLineTwo&&n("li",null,this.instructionPhoneLineTwo),this.instructionPhoneLineThree&&n("li",null,this.instructionPhoneLineThree))))))}static get watchers(){return{open:["updateOpen"]}}};o.style=a;export{o as pn_level_up_modal};
-//# sourceMappingURL=p-dc2ee6f8.entry.js.map

package/dist/pn-market-web-components/p-dc2ee6f8.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pnLevelUpModalCss","PnLevelUpModalStyle0","PnLevelUpModal","_bankIDUrl","_levelupService","_levelUpModal","componentWillLoad","this","PnLevelUpService","endpoint","updateOpen","updateBankIDUrl","async","isLoading","authResponse","levelupAuthorize","system","url","levelupTokenGrant","id","then","response","code","newLevelupUser","open","handleOpen","openModalToggle","render","h","Host","key","ref","el","class","label","headingText","light","size","outdatedQRMessage","expiresInMessage","qrAriaLabel","instructionPhoneLineOne","instructionPhoneLineTwo","instructionPhoneLineThree"],"sources":["src/components/widgets/pn-level-up/pn-level-up-modal/pn-level-up-modal.scss?tag=pn-level-up-modal","src/components/widgets/pn-level-up/pn-level-up-modal/pn-level-up-modal.tsx"],"sourcesContent":["@import \"../../../../globals/main.scss\";\n\npn-level-up-modal {\n    .pn-modal-header {\n        z-index: 0;\n    }\n\n    .pn-modal {\n        max-width: 63.1rem;\n\n        @media screen and (max-width: $min-width-md) {\n            height: 100%;\n            max-height: 100%;\n        }\n    }\n\n    .level-up-computer-modal .pn-modal-content .modal-content {\n        justify-self: center;\n        display: flex;\n        flex-wrap: wrap;\n        flex-direction: column;\n        gap: 2em;\n        margin: 2em;\n        width: max-content;\n        align-content: space-around;\n    }\n\n    .pn-modal-label {\n        margin: 2.2rem 0;\n\n        @media screen and (max-width: $min-width-md) {\n            justify-self: center;\n        }\n    }\n\n    .level-up-phone-modal .pn-modal-content {\n        @media screen and (max-width: $min-width-md) {\n            height: 100%;\n            align-content: center;\n            align-items: center;\n        }\n        \n        pn-spinner {\n            justify-self: center;\n        }\n\n        .modal-content-container {\n            display: flex;\n            flex-direction: row;\n            align-items: center;\n            gap: 1em;\n\n            @media screen and (max-width: $min-width-md) {\n                flex-direction: column;\n            }\n        }\n\n        .modal-content-list {\n            ol {\n                font-size: 1.8rem;\n                line-height: 1.6;\n                margin-left: 2rem;\n                padding-left: 2rem;\n            }\n\n            li {\n                margin-bottom: 1rem;\n            }\n\n            @media screen and (max-width: $min-width-md) {\n                ol {\n                    font-size: 1.6rem;\n                }\n            }\n        }\n    }\n}","import { Component, Host, Prop, h, State, Watch } from '@stencil/core';\nimport { DeviceType } from '../types';\nimport { PnLevelUpService } from '../pn-level-up.service';\n\n@Component({\n  tag: 'pn-level-up-modal',\n  styleUrl: 'pn-level-up-modal.scss',\n})\n\nexport class PnLevelUpModal {\n  @Prop({ reflect: true }) open: 'open' | 'close';\n  @Prop() endpoint: string;\n  @Prop() instructionPhoneLineOne: string;\n  @Prop() instructionPhoneLineTwo: string;\n  @Prop() instructionPhoneLineThree: string;\n  @Prop() headingText: string;\n  @Prop() outdatedQRMessage: string;\n  @Prop() expiresInMessage: string;\n  @Prop() system: DeviceType;\n  @Prop() qrAriaLabel: string;\n\n  @State() private openModalToggle: boolean;\n  @State() private isLoading: boolean = true;\n\n  private _bankIDUrl: string;\n  private _levelupService: PnLevelUpService;\n  private _levelUpModal: HTMLElement;\n  \n  componentWillLoad() { \n    this._levelupService = new PnLevelUpService(this.endpoint);\n    this.updateOpen();\n  }\n\n  private updateBankIDUrl = async () => {\n    this.isLoading = true;\n    let authResponse = await this._levelupService.levelupAuthorize(this.system, null);\n    this.isLoading = false;\n    this._bankIDUrl = authResponse.url;\n    await this._levelupService.levelupTokenGrant(authResponse.id, '30', null).then((response) => {\n      if(response.code === 200) {\n        this._levelupService.newLevelupUser();\n      }\n    });\n  }\n\n  @Watch('open')\n  updateOpen () {\n    if (this.open === 'open') {\n      this.handleOpen();\n      this.openModalToggle = true;\n      if (this._levelUpModal) {\n        if ((this._levelUpModal as any).open === true) {\n          (this._levelUpModal as any).open = false;\n        }\n        (this._levelUpModal as any).open = true;\n      }\n    }\n    else {\n      this.openModalToggle = false;\n    }\n  }\n\n  private handleOpen = async () => {\n    await this.updateBankIDUrl();\n  }\n\n  render() {\n    return (\n      <Host>\n        <pn-modal\n          ref={el => this._levelUpModal = el as HTMLElement}\n          open={this.openModalToggle}\n          class=\"level-up-phone-modal\"\n          allow-overflow='true'\n          label={this.headingText}>\n          {this.isLoading ?\n            (<pn-spinner light=\"false\" size=\"1.5\"></pn-spinner>) : (\n              <div class=\"modal-content-container\">\n                <div class=\"modal-content-qr\">\n                  <pn-qr-code-generator\n                    url={this._bankIDUrl}\n                    countdown-seconds=\"30\"\n                    outdated-message={this.outdatedQRMessage}\n                    expires-in-message={this.expiresInMessage}\n                    update-code-every-second={true}\n                    aria-label={this.qrAriaLabel}>\n                  </pn-qr-code-generator>\n                </div>\n                <div class=\"modal-content-list\">\n                  <ol>\n                    {this.instructionPhoneLineOne && <li>{this.instructionPhoneLineOne}</li>}\n                    {this.instructionPhoneLineTwo && <li>{this.instructionPhoneLineTwo}</li>}\n                    {this.instructionPhoneLineThree && <li>{this.instructionPhoneLineThree}</li>}\n                  </ol>\n                </div>\n              </div>\n            )}\n        </pn-modal>\n      </Host>\n    );\n  }\n}"],"mappings":"sIAAA,MAAMA,EAAoB,+zDAC1B,MAAAC,EAAeD,E,MCQFE,EAAc,M,uXAaa,I,CAE9BC,WACAC,gBACAC,cAER,iBAAAC,GACEC,KAAKH,gBAAkB,IAAII,EAAiBD,KAAKE,UACjDF,KAAKG,Y,CAGCC,gBAAkBC,UACxBL,KAAKM,UAAY,KACjB,IAAIC,QAAqBP,KAAKH,gBAAgBW,iBAAiBR,KAAKS,OAAQ,MAC5ET,KAAKM,UAAY,MACjBN,KAAKJ,WAAaW,EAAaG,UACzBV,KAAKH,gBAAgBc,kBAAkBJ,EAAaK,GAAI,KAAM,MAAMC,MAAMC,IAC9E,GAAGA,EAASC,OAAS,IAAK,CACxBf,KAAKH,gBAAgBmB,gB,IAEvB,EAIJ,UAAAb,GACE,GAAIH,KAAKiB,OAAS,OAAQ,CACxBjB,KAAKkB,aACLlB,KAAKmB,gBAAkB,KACvB,GAAInB,KAAKF,cAAe,CACtB,GAAKE,KAAKF,cAAsBmB,OAAS,KAAM,CAC5CjB,KAAKF,cAAsBmB,KAAO,K,CAEpCjB,KAAKF,cAAsBmB,KAAO,I,MAGlC,CACHjB,KAAKmB,gBAAkB,K,EAInBD,WAAab,gBACbL,KAAKI,iBAAiB,EAG9B,MAAAgB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,YAAAE,IAAA,2CACEC,IAAKC,GAAMzB,KAAKF,cAAgB2B,EAChCR,KAAMjB,KAAKmB,gBACXO,MAAM,uBAAsB,iBACb,OACfC,MAAO3B,KAAK4B,aACX5B,KAAKM,UACHe,EAAA,cAAYQ,MAAM,QAAQC,KAAK,QAC9BT,EAAA,OAAKK,MAAM,2BACTL,EAAA,OAAKK,MAAM,oBACTL,EAAA,wBACEX,IAAKV,KAAKJ,WAAU,oBACF,KAAI,mBACJI,KAAK+B,kBAAiB,qBACpB/B,KAAKgC,iBAAgB,2BACf,KAAI,aAClBhC,KAAKiC,eAGrBZ,EAAA,OAAKK,MAAM,sBACTL,EAAA,UACGrB,KAAKkC,yBAA2Bb,EAAA,UAAKrB,KAAKkC,yBAC1ClC,KAAKmC,yBAA2Bd,EAAA,UAAKrB,KAAKmC,yBAC1CnC,KAAKoC,2BAA6Bf,EAAA,UAAKrB,KAAKoC,+B","ignoreList":[]}

package/dist/pn-market-web-components/p-e8622338.entry.js

@@ -1,2 +0,0 @@
-import{r as t,g as c,h as e,d as n}from"./p-82546a44.js";const a="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-quick-cta{width:100%}pn-quick-cta .quick-cta__content{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:2.4rem;width:100%}pn-quick-cta .quick-cta__content .quick-cta__content__heading{padding:0;margin:0;font-size:2.4rem;font-weight:500;color:#0d234b}@media screen and (max-width: 768px){pn-quick-cta .quick-cta__content .quick-cta__content__heading{display:none}}@media screen and (min-width: 1640px){pn-quick-cta .quick-cta__content .quick-cta__content__heading{font-size:2.8rem;font-weight:700}}pn-quick-cta .quick-cta__content .quick-cta__content__preamble{font-weight:400;font-size:1.6rem;line-height:140%;padding:0;margin:0;color:#2d2013}pn-quick-cta .quick-cta__content [slot=quick-cta-cta] a{white-space:nowrap}pn-quick-cta .quick-cta__content [slot=quick-cta-cta] a:hover{text-decoration:none}pn-spotlight[data-cta-color=business] .quick-cta__content__heading{color:#f06365}pn-spotlight[data-cta-color=business] .quick-cta__content__preamble{color:#effbff}pn-spotlight[data-cta-color=private] .quick-cta__content__heading,pn-spotlight[data-cta-color=private] .quick-cta__content__preamble{color:#ffffff}pn-spotlight[data-cta-color=hybrid] .quick-cta__content__heading{color:#005d92}pn-spotlight[data-cta-color=hybrid] .quick-cta__content__preamble{color:#2d2013}";const i=a;const o=class{constructor(c){t(this,c);this.heading=null;this.preamble=null}get hostElement(){return c(this)}render(){return e(n,{key:"ab5954c7894705ca1d6faeb541b63ef9a28ce39e"},e("div",{key:"2fe82eb368e7c6f13a1e541e54f4f2679b99ed20",class:"quick-cta__content"},this.heading&&e("h2",{key:"7f766e4fb92eaa1e9ecc5ae90ec850dd80348585",class:"quick-cta__content__heading"},this.heading),e("p",{key:"1ac42d8d5d8c4995d5122b1f1fa68b42915b18b9",class:"quick-cta__content__preamble"},this.preamble),e("slot",{key:"85be5b2684e761d02886325cd7b3b55a01dbacb4",name:"quick-cta-cta"})))}};o.style=i;export{o as pn_quick_cta};
-//# sourceMappingURL=p-e8622338.entry.js.map

package/dist/pn-market-web-components/p-eb21f772.entry.js

@@ -1,2 +0,0 @@
-import{r as e,g as i,h as o}from"./p-82546a44.js";import{H as a}from"./p-0b920554.js";const n="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 t=n;const c=class{constructor(i){e(this,i);this.blockHeight=null;this.imageSrc=null;this.imageSrcSmallScreenFormat=undefined;this.imageAltText="";this.videoSrc=null;this.parallaxScroll=false;this.showOverlayLayer=false;this.customOverlayBackground=null;this.animateOverlayBackground=false;this.scrollSnapBlock=false;this.fixedBackground=false;this.blockHeading=null;this.blockHeadingLevel="h2";this.blockPreamble=null;this.marginBottom=false;this.pnPlayOnScrollObserverOptions={root:document,threshold:1,rootMargin:"220px 0px 220px 0px"};this.calculatedBlockHeight=undefined;this.hasButtonSlot=true}get block(){return i(this)}get hasVideo(){if(this.videoSrc!==null&&this.videoSrc!=="undefined"){return true}return false}get hasImage(){if(this.imageSrc!==null&&this.imageSrc!=="undefined"){return true}return false}observerScroll;observerSnap;componentWillLoad(){this.hasButtonSlot=!!this.block.querySelector('[slot="cta-button"]')}async componentDidLoad(){const e=document.getElementById("scroll-trigger");this.calculatedBlockHeight=this.block.offsetHeight;const i=this.block.querySelector("#mediaBlockOverlay");if(this.customOverlayBackground!=null||this.customOverlayBackground!="undefined"){i.style.background=`${this.customOverlayBackground}`}if(this.parallaxScroll){this.observerScroll=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){window.addEventListener("scroll",this.handleScroll)}else{window.removeEventListener("scroll",this.handleScroll)}}))}),{rootMargin:`0px 0px`});this.observerScroll.observe(e)}if(this.scrollSnapBlock){this.observerSnap=new IntersectionObserver((e=>{e.forEach((e=>{if(e.isIntersecting){if(this.block instanceof HTMLElement){setTimeout((()=>{this.block.scrollIntoView({behavior:"smooth",block:"start"})}),1e3)}else{console.error("this.block is not a valid HTMLElement")}}}))}),{root:document,rootMargin:"100px 0px 100px 0px",threshold:0});this.observerSnap.observe(e)}}disconnectedCallback(){if(this.observerScroll){this.observerScroll.disconnect()}if(this.observerSnap){this.observerSnap.disconnect()}window.removeEventListener("scroll",this.handleScroll)}handleScroll=()=>{const e=this.block.firstElementChild;const i=this.block.querySelector("#scroll-trigger");const o=this.block.querySelector("#overlayed-button-pause-video");const a=i.getBoundingClientRect().top;const n=e.offsetHeight;const t=n-a;const c=.3;const d=.2;const l=this.block.querySelector(".media-block__media-container");const m=this.block.querySelector(".media-block__content-container");if(l!=null){l.style.transform=`translate(0, ${t*(.1+d)}px)`;if(o!=null){o.style.transform=`translate(0, ${-t*(.3+d)}px)`}}if(m){m.style.transform=`translate(0, ${t*(.5+c)}px)`;const e=Math.max(0,1-t/600);m.style.opacity=`${e}`}};render(){const{showOverlayLayer:e,fixedBackground:i,blockHeight:n,scrollSnapBlock:t,hasButtonSlot:c,hasVideo:d,hasImage:l,animateOverlayBackground:m,marginBottom:b}=this;const h=d;const r=l;const k=["media-block",n?`media-block--height-${n}`:"",e?"media-block--with-overlay":"",m?`media-block--animate-overlay-background`:"",h?"media-block--video":"",t?"scroll-snap":"no-scroll-snap",i?"media-block--fixed-background":"",b?"media-block--margin-bottom":""].join(" ");const s={root:this.blockHeight==="100svh"?this.block:null,threshold:[0,.5,1]};return o("div",{key:"f5ae835cc4299ae08a0c781368c6407f359f8c8e",class:k},o("div",{key:"c7ddb415c0f9fc3ea505dc38f0a1a6ed61eba35b",class:"media-block__block-container"},o("div",{key:"82e5ebb277e31a683eea026dea5481655076dfb1",class:"media-block__media-container"},h?o("pn-play-on-scroll",{"show-overlay":this.showOverlayLayer,observerOptions:s,"video-src":this.videoSrc}):r?o("picture",null,o("source",{media:"(min-width: 1400px)",srcSet:this.imageSrc}),o("source",{media:"(min-width: 1224px)",srcSet:this.imageSrc}),o("source",{media:"(min-width: 1140px)",srcSet:this.imageSrc}),o("source",{media:"(min-width: 1023px)",srcSet:this.imageSrcSmallScreenFormat&&this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc}),o("source",{media:"(min-width: 768px)",srcSet:this.imageSrcSmallScreenFormat&&this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc}),o("source",{media:"(min-width: 500px)",srcSet:this.imageSrcSmallScreenFormat&&this.imageSrcSmallScreenFormat!=="undefined"?this.imageSrcSmallScreenFormat:this.imageSrc}),o("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),!h&&o("div",{key:"8d2090b3845bce11806a486c714b7b43b5519880",class:"media-block__overlay-filter",id:"mediaBlockOverlay"}),(this.blockHeading||this.blockPreamble)&&o("div",{key:"9919ba7c0af23dd1323202badbb68c302d037df1",class:"media-block__content-container"},this.blockHeading&&o(a,{key:"5476764a9c75666dc7bdf45c7b7211a071cf78cd",level:this.blockHeadingLevel,cssClass:"media-block__block-heading"},this.blockHeading),this.blockPreamble&&o("p",{key:"d8b7c40d8465c45e8149560446081cc272675fef",class:"media-block__preamble"},this.blockPreamble),c&&o("div",{key:"1273888646c5e960ce36f4b3ecf03cefe16bc6a2",class:"media-block__cta-link"},o("slot",{key:"80d7f2fe2f1657222d385d3e5263c698ddcfeff6",name:"cta-button"})))),o("div",{key:"19f99b2fffe0d4a9152e8cf956aee689978f502f",id:"scroll-trigger"}))}};c.style=t;export{c as pn_media_block};
-//# sourceMappingURL=p-eb21f772.entry.js.map