@postnord/pn-marketweb-components 4.1.2 → 4.2.0

package/pn-market-web-components/p-4a8ef165.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,d as s,g as a}from"./p-b3a13b6a.js";import{a as i}from"./p-575f557a.js";import{a as n}from"./p-36b39340.js";const r='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" d="M16.035 5.52c.718-.705 1.75-.682 2.444 0 .692.678.693 1.688.014 2.326l-.021.02-1.68 1.68a1 1 0 0 0 1.415 1.414l1.669-1.669c1.544-1.466 1.452-3.779.003-5.2s-3.727-1.487-5.244 0l-4.507 4.42c-1.548 1.465-1.457 3.781-.007 5.203a1 1 0 1 0 1.4-1.428c-.692-.68-.692-1.688-.014-2.327l.014-.014z"/><path fill="#000" d="M14.762 10.254a1 1 0 1 0-1.33 1.492c.756.675.754 1.63.014 2.263l-.015.013-4.965 4.426a2.177 2.177 0 0 1-2.897 0c-.757-.675-.755-1.63-.015-2.262l.026-.024 2.097-1.926a1 1 0 1 0-1.353-1.472l-2.085 1.915c-1.704 1.471-1.6 3.837 0 5.262a4.177 4.177 0 0 0 5.558 0l4.958-4.42c1.71-1.47 1.607-3.841.007-5.267"/></svg>';const o=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-chat-message{display:flex;text-align:left}pn-chat-message.user,pn-chat-message.buttonresponse{justify-content:flex-end}pn-chat-message.system-message{text-align:center;justify-content:center}pn-chat-message .message-container{border-radius:0.8rem;display:flex;gap:1rem;max-width:85%;overflow-x:hidden}pn-chat-message .message-container .category{width:2.6rem}pn-chat-message .message-container.user{max-width:75%}pn-chat-message .message-container.bot .message,pn-chat-message .message-container.agent .message,pn-chat-message .message-container.link .message{background-color:#f3f2f2}pn-chat-message .message-container.bot .category,pn-chat-message .message-container.agent .category,pn-chat-message .message-container.link .category{align-self:flex-end}pn-chat-message .message-container.link{flex-basis:100%}pn-chat-message .message-container.link .category{align-self:center}pn-chat-message .message-container.link .content{line-height:1.5}pn-chat-message .message-container.link .message{padding:0}pn-chat-message .message-container.link .message a{color:#005d92;font-weight:500;display:flex;justify-content:space-between;padding:1rem 1.6rem;text-decoration:underline}pn-chat-message .message-container.link .business.message{background-color:#fdefee}pn-chat-message .message-container.button{flex-basis:100%;text-align:center;max-width:unset}pn-chat-message .message-container.button .message{padding:0}pn-chat-message .message-container.button .pn-button{min-width:18rem}pn-chat-message .message-container.button .pn-button:disabled{color:#969087}pn-chat-message .message-container.button .pn-button:disabled .pn-button-bg{border-color:#f3f2f2;background-color:#f3f2f2}pn-chat-message .message-container.card{border:solid 1px #d3cecb;border-radius:1.6rem;flex-basis:100%;max-width:100%}pn-chat-message .message-container.card .message{display:flex;flex-direction:column;gap:0.8rem;padding:1.6rem}pn-chat-message .message-container.card .card-heading{font-size:1.6rem;line-height:2.4rem;font-weight:700}pn-chat-message .message-container.card .cta{display:flex;flex-direction:row;gap:0.5rem}pn-chat-message .message-container.card .read-more{align-self:flex-start;margin-top:auto}pn-chat-message .message-container.user .message,pn-chat-message .message-container.buttonresponse .message{background-color:#e0f8ff;color:#2d2013;border-radius:0.8rem 0.8rem 0 0.8rem}pn-chat-message .message-container .message{border-radius:0 0.8rem 0.8rem 0.8rem;display:inline-block;flex:1 1 auto;font-size:1.4rem;line-height:2rem;padding:1rem 1.6rem;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;word-break:break-word}@media (max-width: 767px){pn-chat-message .message-container .message{font-size:1.6rem}}pn-chat-message .message-container.agent .category .pn-icon{background-color:#00a0d6;color:#ffffff;text-align:center;border-radius:50%;display:inline-block;width:2.5rem;height:2.5rem;font-weight:500;font-size:1.2rem;line-height:2.6rem}pn-chat-message[data-card]{height:100%}";const h=c;const l=class{constructor(t){e(this,t);this.category=undefined;this.customerSegment=undefined;this.agentName=undefined}robotIcon='<?xml version="1.0" encoding="UTF-8"?> <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 20 20"> \x3c!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141)  --\x3e <defs> <style> .st0 { fill: none; } .st1 { fill: #8eddf9; } .st2 { fill: #f3f2f2; } .st3 { fill: #0d234b; } .st4 { fill: #f06365; } .st5 { clip-path: url(#clippath); } .st6 { fill: #005d92; } </style> <clipPath id="clippath"> <rect class="st0" width="20" height="20"/> </clipPath> </defs> <g class="st5"> <g> <path class="st2" d="M10,20c5.5,0,10-4.5,10-10S15.5,0,10,0,0,4.5,0,10s4.5,10,10,10Z"/> <path class="st3" d="M10.5,4h-.5v2.8h.5v-2.8Z"/> <path class="st3" d="M10.2,4.3c.5,0,1-.4,1-1s-.4-1-1-1-1,.4-1,1,.4,1,1,1Z"/> <path class="st3" d="M9,5h2.4c1,0,1.8.8,1.8,1.8h-6c0-1,.8-1.8,1.8-1.8Z"/> <path class="st4" d="M17,10.3v-.8c0-1.9-1.5-3.5-3.5-3.5h-7.1c-1.9,0-3.5,1.6-3.5,3.5v.8h14.1Z"/> <path d="M13.9,16.1l-3.7.4v-.4s3.6-.4,3.6-.4c.8,0,1.6-.4,2.1-1s.7-2.9.7-3.7h.4c0,.9-.2,3.3-.8,3.9-.6.7-1.4,1.1-2.3,1.2Z"/> <path class="st4" d="M16.3,12.1v-3.6h.2c1,0,1.8.8,1.8,1.8s-.8,1.8-1.8,1.8h-.2Z"/> <path class="st4" d="M3.7,8.5v3.6h-.2c-1,0-1.8-.8-1.8-1.8s.8-1.8,1.8-1.8h.2Z"/> <path class="st3" d="M13.1,6.6h-6.2c-1.8,0-3.3,1.5-3.3,3.3v2.1c0,1.8,1.5,3.3,3.3,3.3h6.2c1.8,0,3.3-1.5,3.3-3.3v-2.1c0-1.8-1.5-3.3-3.3-3.3Z"/> <path class="st6" d="M12.8,7.8h-5.6c-1.4,0-2.5,1.1-2.5,2.5v1.4c0,1.4,1.1,2.4,2.5,2.4h5.6c1.4,0,2.4-1.1,2.4-2.4v-1.4c0-1.4-1.1-2.5-2.4-2.5Z"/> <path class="st1" d="M12.3,11.9c.5,0,1-.4,1-1s-.4-1-1-1-1,.4-1,1,.4,1,1,1Z"/> <path class="st1" d="M7.7,11.9c.5,0,1-.4,1-1s-.4-1-1-1-1,.4-1,1,.4,1,1,1Z"/> <path d="M11,15.8h-1.5c-.3,0-.5.2-.5.5h0c0,.3.2.5.5.5h1.5c.3,0,.5-.2.5-.5h0c0-.3-.2-.5-.5-.5Z"/> </g> </g> </svg>';blue700="blue700";getIcon(){let e=null;switch(this.category){case"Bot":return this.robotIcon;case"Agent":return this.agentName;case"Link":return o}return e}getMessageClass(){switch(this.category){case"ButtonResponse":return"buttonresponse";case"User":return"user";case"System":return"system-message";default:return undefined}}render(){const e=this.customerSegment?.toLowerCase()||"";const a=this.category?.toLowerCase()||"";return t(s,{key:"ecf8acc954eed04ff21f75c0a371f3014c3f157e",class:this.getMessageClass()},t("div",{key:"116ef983feb42adec2ab216af8d91301308216a8",class:`message-container ${a}`},this.getIcon()&&t("span",{key:"aa873a62b005f0290d9c7b8f8b7194a29582d5a8",class:"category"},t("pn-icon",{key:"d0ffed7af74c0729cad09ec2a74feff48be31718",icon:this.getIcon(),color:this.blue700,"aria-hidden":"true",role:"presentation"})),t("span",{key:"61c88e4e7febf6b3da957006c5409e927aad768d",class:`message ${e}`},t("slot",{key:"95e479cc6a6b4940ac01275affc27cc99585b8eb"}))))}};l.style=h;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-marketweb-carousel{display:inline-block}pn-marketweb-carousel .pn-marketweb-carousel .slider-wrapper{margin:1rem;overflow:hidden;position:relative;touch-action:pan-y pinch-zoom}pn-marketweb-carousel .pn-marketweb-carousel .slides-container{display:flex;width:100%;list-style:none;margin:0;padding:0;overflow:hidden;position:relative;touch-action:none;transition:transform 0.5s ease-in-out;user-select:none}pn-marketweb-carousel .pn-marketweb-carousel .slides-container[data-partial=false] .slide{width:100%}pn-marketweb-carousel .pn-marketweb-carousel [data-slide]{flex:0 0 auto;transition:transform 0.5s ease-in-out}pn-marketweb-carousel .pn-marketweb-carousel .nav-button{cursor:pointer;display:flex;position:absolute;top:0;bottom:0;transform:translateY(-50%);height:2rem;margin:auto;padding:0;opacity:0.85;transition:opacity 200ms;z-index:1}pn-marketweb-carousel .pn-marketweb-carousel .nav-button.invisible{opacity:0}pn-marketweb-carousel .pn-marketweb-carousel .nav-button[data-show=false]{display:none}pn-marketweb-carousel .pn-marketweb-carousel .nav-button:hover,pn-marketweb-carousel .pn-marketweb-carousel .nav-button:focus{opacity:1}pn-marketweb-carousel .pn-marketweb-carousel [data-nav-button-prev]{left:1.75rem;border-radius:0 2rem 2rem 0}pn-marketweb-carousel .pn-marketweb-carousel [data-nav-button-next]{right:1.75rem;border-radius:2rem 0 0 2rem}@media (prefers-reduced-motion: reduce){pn-marketweb-carousel .slides-container{transition:none}pn-marketweb-carousel [data-slide]{transition:none}}";const p=d;const m=class{constructor(t){e(this,t);this.previousButtonLabel=undefined;this.nextButtonLabel=undefined;this.ariaNavigationLabel=undefined;this.source=undefined;this.slidesToShow=1;this.showCarouselButtons=true;this.showFirstSlidePrevButton=false;this.showLastSlideNextButton=false;this.slidesData=[];this.currentSlide=0;this.isDragging=false;this.slideWidth=0}static DEFAULTS={SWIPE_THRESHOLD_PX:50,ANIMATION_DURATION_MS:300,OVERSCROLL_LIMIT_PERCENT:30};get hostElement(){return a(this)}slides=null;slidesContainer=null;totalSlides=0;prevButton=null;nextButton=null;dragStartX=0;listeners=[];memoizedSlideWidth=null;componentWillLoad(){this.setInitialValues()}componentDidLoad(){this.setupCarousel();window.addEventListener("resize",this.handleResize)}disconnectedCallback(){this.cleanup();window.removeEventListener("resize",this.handleResize)}async goToSlide(e){if(e>=0&&e<this.totalSlides){this.currentSlide=e;this.moveSlides();this.updateNavButtons()}}async getCurrentSlide(){return this.currentSlide}handleSourceChange(e){if(e){this.setInitialValues()}}setInitialValues(){if(!this.source?.trim()){console.warn("No source provided for carousel");return}try{const e=JSON.parse(this.source);if(!e?.slides){throw new Error("Invalid slides data structure")}if(Array.isArray(e.slides)){this.slidesData=e.slides;this.showCarouselButtons=this.slidesData.length>1}else{throw new Error("Slides data is not an array")}}catch(e){console.error("Error parsing carousel source:",e instanceof Error?e.message:"Unknown error");this.slidesData=[]}}setupCarousel(){this.initializeElements();this.attachEventListeners();this.updateNavButtons()}initializeElements(){this.slidesContainer=this.hostElement.querySelector("[data-slides-container]");this.slides=this.hostElement.querySelectorAll("[data-slide]");this.totalSlides=this.slides?.length??0;if(this.showCarouselButtons){this.prevButton=this.hostElement.querySelector("[data-nav-button-prev]");this.nextButton=this.hostElement.querySelector("[data-nav-button-next]")}this.slideWidth=100/this.slidesToShow}attachEventListeners(){if(!this.slidesContainer)return;const e=(e,t,s,a)=>{e.addEventListener(t,s,a);this.listeners.push({element:e,event:t,handler:s})};e(this.slidesContainer,"touchstart",this.handleTouchStart,{passive:true});e(this.slidesContainer,"touchmove",this.handleTouchMove,{passive:false});e(this.slidesContainer,"touchend",this.handleTouchEnd,{passive:true});e(this.slidesContainer,"mousedown",this.handleTouchStart);e(this.slidesContainer,"mousemove",this.handleTouchMove);e(this.slidesContainer,"mouseup",this.handleTouchEnd);e(this.slidesContainer,"mouseleave",this.handleTouchEnd);if(this.showCarouselButtons){this.nextButton&&e(this.nextButton,"click",this.handleNextClick);this.prevButton&&e(this.prevButton,"click",this.handlePrevClick)}}cleanup(){this.listeners.forEach((({element:e,event:t,handler:s})=>{e.removeEventListener(t,s)}));this.listeners=[]}handleResize=()=>{this.memoizedSlideWidth=null};getSlideWidth(){if(!this.memoizedSlideWidth&&this.slidesContainer){this.memoizedSlideWidth=this.slidesContainer.offsetWidth}return this.memoizedSlideWidth??0}handleNextClick=e=>{e.stopPropagation();this.nextSlide()};handlePrevClick=e=>{e.stopPropagation();this.prevSlide()};handleTouchStart=e=>{if(e.target.classList.contains("nav-button"))return;this.isDragging=true;this.dragStartX="touches"in e?e.touches[0].clientX:e.clientX};handleTouchMove=e=>{if(!this.isDragging)return;if("touches"in e){e.preventDefault()}const t="touches"in e?e.touches[0].clientX:e.clientX;const s=t-this.dragStartX;const a=s/this.getSlideWidth()*100;this.moveSlides(a)};handleTouchEnd=e=>{if(!this.isDragging)return;this.isDragging=false;const t="changedTouches"in e?e.changedTouches[0].clientX:e.clientX;const s=t-this.dragStartX;if(Math.abs(s)>m.DEFAULTS.SWIPE_THRESHOLD_PX){if(s>0&&this.currentSlide>0){this.currentSlide--}else if(s<0&&this.currentSlide<this.totalSlides-1){this.currentSlide++}}this.moveSlides();this.updateNavButtons()};calculateProportionalTranslation(){return-200+(this.slidesToShow-1)*100}moveSlides(e=0){if(!this.slides||!this.slidesContainer){return}try{this.slides.forEach(((t,s)=>{if(t){t.style.width=`${this.slideWidth}%`;let a=0;if(this.slidesToShow===1){a=-100*this.currentSlide}else{if(this.totalSlides===2){if(this.currentSlide===1){a=-50}}else{if(this.currentSlide===1){a=-100}else if(this.currentSlide===2){if(s===0){a=-100}else{a=this.calculateProportionalTranslation()}}}}a+=e;t.style.transform=`translateX(${a}%)`;t.style.position="relative";let i;if(this.slidesToShow===1){i=s===this.currentSlide}else{i=this.currentSlide===0||this.totalSlides===2||this.currentSlide===1&&a===-100||this.currentSlide===2&&(s===0&&a===-100||s>0)}t.setAttribute("aria-hidden",(!i).toString())}}))}catch(e){console.error("Error moving slides:",e)}}updateNavButtons(){if(!this.showCarouselButtons)return;const e=this.currentSlide===0;const t=this.currentSlide===this.totalSlides-1;if(this.prevButton){this.prevButton.classList.toggle("invisible",e&&!this.showFirstSlidePrevButton);this.prevButton.dataset.show=e?`${this.showFirstSlidePrevButton}`:"true"}if(this.nextButton){this.nextButton.classList.toggle("invisible",t&&!this.showLastSlideNextButton);this.nextButton.dataset.show=t?`${this.showLastSlideNextButton}`:"true"}}nextSlide(){if(this.currentSlide>=this.totalSlides-1){this.currentSlide=0}else{this.currentSlide++}this.moveSlides();this.updateNavButtons()}prevSlide(){if(this.currentSlide<=0){this.currentSlide=this.totalSlides-1}else{this.currentSlide--}this.moveSlides();this.updateNavButtons()}render(){return t(s,{key:"c80db60a09f02cfeec55338910211c5a27ebedab"},t("div",{key:"836a9635ebfbadddadfececd8e7f1f94f355f89b",class:"pn-marketweb-carousel"},t("section",{key:"838b05eb1e8db65b84011b16ba7409dcf23b5eb3",class:"slider-wrapper"},this.showCarouselButtons&&t("div",{key:"3a3fe23b4a586f047b5391b5b8406e02884d1620",class:"nav-buttons",role:"group","aria-label":this.ariaNavigationLabel},t("pn-button",{key:"9d47e97795ad23bf118b54e2e72730e1819b9d3b",appearance:"light",icon:i,"icon-only":"true",tooltip:this.previousButtonLabel,class:`nav-button ${this.currentSlide===0&&!this.showFirstSlidePrevButton?"invisible":""}`,"data-nav-button-prev":true,"area-label":this.previousButtonLabel,"aria-disabled":this.currentSlide===0&&!this.showFirstSlidePrevButton}),t("pn-button",{key:"58e1c0363129d693f052ec59bd1a3b427db9bc56",appearance:"light",icon:n,"icon-only":"true",tooltip:this.nextButtonLabel,class:"nav-button","data-nav-button-next":true,"area-label":this.nextButtonLabel,"aria-disabled":this.currentSlide===this.totalSlides-1&&!this.showLastSlideNextButton})),this.slidesData&&t("ul",{key:"1c942f7d043a65e1b73a1bec69fbfdc3691c92f7",class:"slides-container","data-slides-container":true,"data-partial":this.slidesToShow===1?"false":"true","aria-live":"polite",style:{display:"flex",transform:"none"}},this.slidesData.map(((e,s)=>t("li",{class:"slide","data-slide":true,innerHTML:e,style:{width:this.slideWidth+"%"},"aria-hidden":s!==this.currentSlide})))))))}static get watchers(){return{source:["handleSourceChange"]}}};m.style=p;export{l as pn_chat_message,m as pn_marketweb_carousel};
+//# sourceMappingURL=p-4a8ef165.entry.js.map

package/pn-market-web-components/p-4a8ef165.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icon","link","pnChatMessageCss","PnChatMessageStyle0","PnChatMessage","robotIcon","blue700","getIcon","this","category","agentName","getMessageClass","undefined","render","segmentClass","customerSegment","toLowerCase","categoryClass","h","Host","key","class","color","role","pnMarketwebCarouselCss","PnMarketwebCarouselStyle0","PnMarketwebCarousel","static","SWIPE_THRESHOLD_PX","ANIMATION_DURATION_MS","OVERSCROLL_LIMIT_PERCENT","slides","slidesContainer","totalSlides","prevButton","nextButton","dragStartX","listeners","memoizedSlideWidth","componentWillLoad","setInitialValues","componentDidLoad","setupCarousel","window","addEventListener","handleResize","disconnectedCallback","cleanup","removeEventListener","goToSlide","index","currentSlide","moveSlides","updateNavButtons","getCurrentSlide","handleSourceChange","newValue","source","trim","console","warn","parsedData","JSON","parse","Error","Array","isArray","slidesData","showCarouselButtons","length","error","message","initializeElements","attachEventListeners","hostElement","querySelector","querySelectorAll","slideWidth","slidesToShow","addListener","element","event","handler","options","push","handleTouchStart","passive","handleTouchMove","handleTouchEnd","handleNextClick","handlePrevClick","forEach","getSlideWidth","offsetWidth","e","stopPropagation","nextSlide","prevSlide","target","classList","contains","isDragging","touches","clientX","preventDefault","currentPosition","diff","percentMove","changedTouches","Math","abs","DEFAULTS","calculateProportionalTranslation","extraTranslate","slide","style","width","translation","transform","position","isVisible","setAttribute","toString","isFirstSlide","isLastSlide","toggle","showFirstSlidePrevButton","dataset","show","showLastSlideNextButton","ariaNavigationLabel","appearance","arrow_left","tooltip","previousButtonLabel","arrow_right","nextButtonLabel","display","map","innerHTML"],"sources":["node_modules/pn-design-assets/pn-assets/icons/link.js","src/components/widgets/pn-chat/pn-chat-message/pn-chat-message.scss?tag=pn-chat-message","src/components/widgets/pn-chat/pn-chat-message/pn-chat-message.tsx","src/components/widgets/pn-marketweb-carousel/pn-marketweb-carousel.scss?tag=pn-marketweb-carousel","src/components/widgets/pn-marketweb-carousel/pn-marketweb-carousel.tsx"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" d=\"M16.035 5.52c.718-.705 1.75-.682 2.444 0 .692.678.693 1.688.014 2.326l-.021.02-1.68 1.68a1 1 0 0 0 1.415 1.414l1.669-1.669c1.544-1.466 1.452-3.779.003-5.2s-3.727-1.487-5.244 0l-4.507 4.42c-1.548 1.465-1.457 3.781-.007 5.203a1 1 0 1 0 1.4-1.428c-.692-.68-.692-1.688-.014-2.327l.014-.014z\"/><path fill=\"#000\" d=\"M14.762 10.254a1 1 0 1 0-1.33 1.492c.756.675.754 1.63.014 2.263l-.015.013-4.965 4.426a2.177 2.177 0 0 1-2.897 0c-.757-.675-.755-1.63-.015-2.262l.026-.024 2.097-1.926a1 1 0 1 0-1.353-1.472l-2.085 1.915c-1.704 1.471-1.6 3.837 0 5.262a4.177 4.177 0 0 0 5.558 0l4.958-4.42c1.71-1.47 1.607-3.841.007-5.267\"/></svg>';\nexport const link = icon;\n","@import '../../../../globals/main.scss';\n$userChatMessageBackgroundColor: $blue50;\n$userChatMessageTextColor: $gray900;\n$privateChatMessageLinkColor: $blue25;\n$businessChatMessageLinkColor: $coral50;\n\n$message-padding: 1rem 1.6rem;\n\npn-chat-message {\n  display: flex;\n  text-align: left;\n\n  &.user,\n  &.buttonresponse {\n    justify-content: flex-end;\n  }\n\n  &.system-message {\n    text-align: center;\n    justify-content: center;\n  }\n\n  .message-container {\n    border-radius: 0.8rem;\n    display: flex;\n    gap: 1rem;\n    max-width: 85%;\n    overflow-x: hidden;\n\n    .category {\n      width: 2.6rem;\n    }\n\n    &.user {\n      max-width: 75%;\n    }\n\n    &.bot,\n    &.agent,\n    &.link {\n      .message {\n        background-color: $gray50;\n      }\n\n      .category {\n        align-self: flex-end;\n      }\n    }\n    \n    &.link {\n      .category {\n        align-self: center;\n      }\n\n      flex-basis: 100%;\n      .content {\n        line-height: 1.5;\n      }\n\n      .message {\n        padding: 0;\n\n        a {\n          color: $blue700;\n          font-weight: 500;\n          display: flex;\n          justify-content: space-between;\n          padding: $message-padding;\n          text-decoration: underline;\n        }\n      }\n    }\n\n    &.link .business.message {\n      background-color: $businessChatMessageLinkColor;\n    }\n\n    &.button {\n      flex-basis: 100%;\n      text-align: center;\n      max-width: unset;\n\n      .message {\n        padding: 0;\n      }\n\n      .pn-button {\n        min-width: 18rem;\n\n        &:disabled {\n          color: $gray400;\n          \n          .pn-button-bg {\n            border-color: $gray50;\n            background-color: $gray50;\n          }\n        }\n      }\n    }\n\n    &.card {\n      border: solid 1px $gray200;\n      border-radius: 1.6rem;\n      flex-basis: 100%;\n      max-width: 100%;\n\n      .message {\n        display: flex;\n        flex-direction: column;\n        gap: 0.8rem;\n        padding: 1.6rem;\n      }\n\n      .card-heading {\n        font-size: 1.6rem;\n        line-height: 2.4rem;\n        font-weight: 700;\n      }\n\n      .cta {\n        display: flex;\n        flex-direction: row;\n        gap: 0.5rem;\n      }\n\n      .read-more {\n        align-self: flex-start;\n        margin-top: auto;\n      }\n    }\n\n    &.user,\n    &.buttonresponse {\n      .message {\n        background-color: $userChatMessageBackgroundColor;\n        color: $userChatMessageTextColor;\n        border-radius: 0.8rem 0.8rem 0 0.8rem;\n      }\n    }\n\n    .message {\n      border-radius: 0 0.8rem 0.8rem 0.8rem;\n      display: inline-block;\n      flex: 1 1 auto;\n      font-size: 1.4rem;\n      line-height: 2rem;\n      padding: $message-padding;\n      word-wrap: break-word;\n      overflow-wrap: break-word;\n      white-space: normal;\n      word-break: break-word;\n\n      @media (max-width: 767px) {\n        font-size: 1.6rem;\n      }\n    }\n\n    &.agent {\n      .category .pn-icon {\n        background-color: $blue400;\n        color: $white;\n        text-align: center;\n        border-radius: 50%;\n        display: inline-block;\n        width: 2.5rem;\n        height: 2.5rem;\n        font-weight: 500;\n        font-size: 1.2rem;\n        line-height: 2.6rem;\n      }\n    }\n  }\n\n  &[data-card] {\n    height: 100%;\n  }\n}","import { Component, Host, Prop, h } from '@stencil/core';\nimport { link, user } from 'pn-design-assets/pn-assets/icons.js';\n\nimport { AgentMessage, CustomerSegment, MessageCategory } from '../types';\n\n@Component({\n  tag: 'pn-chat-message',\n  styleUrl: 'pn-chat-message.scss',\n})\nexport class PnChatMessage {\n  @Prop() category!: MessageCategory;\n  @Prop() customerSegment!: CustomerSegment;\n  @Prop() agentName: string;\n\n  private robotIcon: string = '<?xml version=\"1.0\" encoding=\"UTF-8\"?> <svg id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.1\" viewBox=\"0 0 20 20\"> <!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141)  --> <defs> <style> .st0 { fill: none; } .st1 { fill: #8eddf9; } .st2 { fill: #f3f2f2; } .st3 { fill: #0d234b; } .st4 { fill: #f06365; } .st5 { clip-path: url(#clippath); } .st6 { fill: #005d92; } </style> <clipPath id=\"clippath\"> <rect class=\"st0\" width=\"20\" height=\"20\"/> </clipPath> </defs> <g class=\"st5\"> <g> <path class=\"st2\" d=\"M10,20c5.5,0,10-4.5,10-10S15.5,0,10,0,0,4.5,0,10s4.5,10,10,10Z\"/> <path class=\"st3\" d=\"M10.5,4h-.5v2.8h.5v-2.8Z\"/> <path class=\"st3\" d=\"M10.2,4.3c.5,0,1-.4,1-1s-.4-1-1-1-1,.4-1,1,.4,1,1,1Z\"/> <path class=\"st3\" d=\"M9,5h2.4c1,0,1.8.8,1.8,1.8h-6c0-1,.8-1.8,1.8-1.8Z\"/> <path class=\"st4\" d=\"M17,10.3v-.8c0-1.9-1.5-3.5-3.5-3.5h-7.1c-1.9,0-3.5,1.6-3.5,3.5v.8h14.1Z\"/> <path d=\"M13.9,16.1l-3.7.4v-.4s3.6-.4,3.6-.4c.8,0,1.6-.4,2.1-1s.7-2.9.7-3.7h.4c0,.9-.2,3.3-.8,3.9-.6.7-1.4,1.1-2.3,1.2Z\"/> <path class=\"st4\" d=\"M16.3,12.1v-3.6h.2c1,0,1.8.8,1.8,1.8s-.8,1.8-1.8,1.8h-.2Z\"/> <path class=\"st4\" d=\"M3.7,8.5v3.6h-.2c-1,0-1.8-.8-1.8-1.8s.8-1.8,1.8-1.8h.2Z\"/> <path class=\"st3\" d=\"M13.1,6.6h-6.2c-1.8,0-3.3,1.5-3.3,3.3v2.1c0,1.8,1.5,3.3,3.3,3.3h6.2c1.8,0,3.3-1.5,3.3-3.3v-2.1c0-1.8-1.5-3.3-3.3-3.3Z\"/> <path class=\"st6\" d=\"M12.8,7.8h-5.6c-1.4,0-2.5,1.1-2.5,2.5v1.4c0,1.4,1.1,2.4,2.5,2.4h5.6c1.4,0,2.4-1.1,2.4-2.4v-1.4c0-1.4-1.1-2.5-2.4-2.5Z\"/> <path class=\"st1\" d=\"M12.3,11.9c.5,0,1-.4,1-1s-.4-1-1-1-1,.4-1,1,.4,1,1,1Z\"/> <path class=\"st1\" d=\"M7.7,11.9c.5,0,1-.4,1-1s-.4-1-1-1-1,.4-1,1,.4,1,1,1Z\"/> <path d=\"M11,15.8h-1.5c-.3,0-.5.2-.5.5h0c0,.3.2.5.5.5h1.5c.3,0,.5-.2.5-.5h0c0-.3-.2-.5-.5-.5Z\"/> </g> </g> </svg>';\n  private blue700 = 'blue700';\n\n  getIcon() {\n    let icon = null;\n    \n    switch (this.category) {\n      case 'Bot':\n        return this.robotIcon;\n      case 'Agent':\n        return this.agentName;\n      case 'Link':\n        return link;\n    }\n\n    return icon;\n  }\n\n  getMessageClass(): string {\n    switch (this.category) {\n      case 'ButtonResponse':\n        return 'buttonresponse';\n      case 'User':\n        return 'user';\n      case 'System':\n        return 'system-message';\n      default: \n        return undefined;\n    }\n  }\n\n  render() {\n    const segmentClass = this.customerSegment?.toLowerCase() || '';\n    const categoryClass = this.category?.toLowerCase() || '';\n    return (\n      <Host class={ this.getMessageClass() }>\n        <div class={`message-container ${categoryClass}`}>\n          {this.getIcon() && (\n            <span class=\"category\">\n              <pn-icon icon={this.getIcon()} color={this.blue700} aria-hidden=\"true\" role=\"presentation\"></pn-icon>\n            </span>\n          )}\n          <span class={`message ${segmentClass}`}>\n            <slot></slot>\n          </span>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n\npn-marketweb-carousel {\n  display: inline-block;\n\n  .pn-marketweb-carousel {\n    .slider-wrapper {\n      margin: 1rem;\n      overflow: hidden;\n      position: relative;\n      touch-action: pan-y pinch-zoom;\n    }\n\n    .slides-container {\n      display: flex;\n      width: 100%;\n      list-style: none;\n      margin: 0;\n      padding: 0;\n      overflow: hidden;\n      position: relative;\n      touch-action: none;\n      transition: transform 0.5s ease-in-out;\n      user-select: none;\n\n      &[data-partial='false'] .slide {\n        width: 100%;\n      }\n    }\n\n    [data-slide] {\n      flex: 0 0 auto;\n      transition: transform 0.5s ease-in-out;\n    }\n\n    .nav-button {\n      cursor: pointer;\n      display: flex;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      transform: translateY(-50%);\n      height: 2rem;\n      margin: auto;\n      padding: 0;\n      opacity: 0.85;\n      transition: opacity 200ms;\n      z-index: 1;\n\n      &.invisible {\n        opacity: 0;\n      }\n\n      &[data-show='false'] {\n        display: none;\n      }\n\n      &:hover,\n      &:focus {\n        opacity: 1;\n      }\n    }\n\n    [data-nav-button-prev] {\n      left: 1.75rem;\n      border-radius: 0 2rem 2rem 0;\n    }\n\n    [data-nav-button-next] {\n      right: 1.75rem;\n      border-radius: 2rem 0 0 2rem;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .slides-container {\n      transition: none;\n    }\n\n    [data-slide] {\n      transition: none;\n    }\n  }\n}\n","import { Component, Host, Prop, Element, State, h, Watch, Method } from '@stencil/core';\nimport { arrow_left, arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\ninterface CarouselData {\n  slides: string[];\n}\n\ninterface EventListenerConfig {\n  element: HTMLElement;\n  event: string;\n  handler: EventListener;\n}\n\n@Component({\n  tag: 'pn-marketweb-carousel',\n  styleUrl: 'pn-marketweb-carousel.scss',\n})\nexport class PnMarketwebCarousel {\n  private static readonly DEFAULTS = {\n    SWIPE_THRESHOLD_PX: 50,\n    ANIMATION_DURATION_MS: 300,\n    OVERSCROLL_LIMIT_PERCENT: 30,\n  } as const;\n\n  @Element() private hostElement!: HTMLElement;\n\n  @Prop() previousButtonLabel!: string;\n  @Prop() nextButtonLabel!: string;\n  @Prop() ariaNavigationLabel!: string;\n  @Prop() source!: string;\n  @Prop() slidesToShow: number = 1;\n  @Prop() showCarouselButtons: boolean = true;\n  @Prop() showFirstSlidePrevButton: boolean = false;\n  @Prop() showLastSlideNextButton: boolean = false;\n\n  @State() private slidesData: string[] = [];\n  @State() private currentSlide: number = 0;\n  @State() private isDragging: boolean = false;\n  @State() private slideWidth: number = 0;\n\n  private slides: NodeListOf<HTMLElement> | null = null;\n  private slidesContainer: HTMLElement | null = null;\n  private totalSlides: number = 0;\n  private prevButton: HTMLElement | null = null;\n  private nextButton: HTMLElement | null = null;\n  private dragStartX: number = 0;\n  private listeners: EventListenerConfig[] = [];\n  private memoizedSlideWidth: number | null = null;\n\n  componentWillLoad(): void {\n    this.setInitialValues();\n  }\n\n  componentDidLoad(): void {\n    this.setupCarousel();\n    window.addEventListener('resize', this.handleResize);\n  }\n\n  disconnectedCallback(): void {\n    this.cleanup();\n    window.removeEventListener('resize', this.handleResize);\n  }\n\n  @Method()\n  async goToSlide(index: number): Promise<void> {\n    if (index >= 0 && index < this.totalSlides) {\n      this.currentSlide = index;\n      this.moveSlides();\n      this.updateNavButtons();\n    }\n  }\n\n  @Method()\n  async getCurrentSlide(): Promise<number> {\n    return this.currentSlide;\n  }\n\n  @Watch('source')\n  handleSourceChange(newValue: string): void {\n    if (newValue) {\n      this.setInitialValues();\n    }\n  }\n\n  private setInitialValues(): void {\n    if (!this.source?.trim()) {\n      console.warn('No source provided for carousel');\n      return;\n    }\n\n    try {\n      const parsedData = JSON.parse(this.source) as CarouselData;\n\n      if (!parsedData?.slides) {\n        throw new Error('Invalid slides data structure');\n      }\n\n      if (Array.isArray(parsedData.slides)) {\n        this.slidesData = parsedData.slides;\n        this.showCarouselButtons = this.slidesData.length > 1;\n      } else {\n        throw new Error('Slides data is not an array');\n      }\n    } catch (error) {\n      console.error('Error parsing carousel source:', error instanceof Error ? error.message : 'Unknown error');\n      this.slidesData = [];\n    }\n  }\n\n  private setupCarousel(): void {\n    this.initializeElements();\n    this.attachEventListeners();\n    this.updateNavButtons();\n  }\n\n  private initializeElements(): void {\n    this.slidesContainer = this.hostElement.querySelector<HTMLElement>('[data-slides-container]');\n    this.slides = this.hostElement.querySelectorAll<HTMLElement>('[data-slide]');\n    this.totalSlides = this.slides?.length ?? 0;\n\n    if (this.showCarouselButtons) {\n      this.prevButton = this.hostElement.querySelector<HTMLElement>('[data-nav-button-prev]');\n      this.nextButton = this.hostElement.querySelector<HTMLElement>('[data-nav-button-next]');\n    }\n\n    this.slideWidth = 100 / this.slidesToShow;\n  }\n\n  private attachEventListeners(): void {\n    if (!this.slidesContainer) return;\n\n    const addListener = (element: HTMLElement, event: string, handler: EventListener, options?: AddEventListenerOptions) => {\n      element.addEventListener(event, handler, options);\n      this.listeners.push({ element, event, handler });\n    };\n\n    // Touch events\n    addListener(this.slidesContainer, 'touchstart', this.handleTouchStart as EventListener, { passive: true });\n    addListener(this.slidesContainer, 'touchmove', this.handleTouchMove as EventListener, { passive: false });\n    addListener(this.slidesContainer, 'touchend', this.handleTouchEnd as EventListener, { passive: true });\n\n    // Mouse events\n    addListener(this.slidesContainer, 'mousedown', this.handleTouchStart as EventListener);\n    addListener(this.slidesContainer, 'mousemove', this.handleTouchMove as EventListener);\n    addListener(this.slidesContainer, 'mouseup', this.handleTouchEnd as EventListener);\n    addListener(this.slidesContainer, 'mouseleave', this.handleTouchEnd as EventListener);\n\n    if (this.showCarouselButtons) {\n      this.nextButton && addListener(this.nextButton, 'click', this.handleNextClick);\n      this.prevButton && addListener(this.prevButton, 'click', this.handlePrevClick);\n    }\n  }\n\n  private cleanup(): void {\n    this.listeners.forEach(({ element, event, handler }) => {\n      element.removeEventListener(event, handler);\n    });\n    this.listeners = [];\n  }\n\n  private handleResize = (): void => {\n    this.memoizedSlideWidth = null;\n  };\n\n  private getSlideWidth(): number {\n    if (!this.memoizedSlideWidth && this.slidesContainer) {\n      this.memoizedSlideWidth = this.slidesContainer.offsetWidth;\n    }\n    return this.memoizedSlideWidth ?? 0;\n  }\n\n  private handleNextClick = (e: Event): void => {\n    e.stopPropagation();\n    this.nextSlide();\n  };\n\n  private handlePrevClick = (e: Event): void => {\n    e.stopPropagation();\n    this.prevSlide();\n  };\n\n  private handleTouchStart = (e: TouchEvent | MouseEvent): void => {\n    if ((e.target as HTMLElement).classList.contains('nav-button')) return;\n\n    this.isDragging = true;\n    this.dragStartX = 'touches' in e ? e.touches[0].clientX : e.clientX;\n  };\n\n  private handleTouchMove = (e: TouchEvent | MouseEvent): void => {\n    if (!this.isDragging) return;\n\n    if ('touches' in e) {\n      e.preventDefault();\n    }\n\n    const currentPosition = 'touches' in e ? e.touches[0].clientX : e.clientX;\n    const diff = currentPosition - this.dragStartX;\n    const percentMove = (diff / this.getSlideWidth()) * 100;\n\n    this.moveSlides(percentMove);\n  };\n\n  private handleTouchEnd = (e: TouchEvent | MouseEvent): void => {\n    if (!this.isDragging) return;\n\n    this.isDragging = false;\n\n    const currentPosition = 'changedTouches' in e ? e.changedTouches[0].clientX : e.clientX;\n    const diff = currentPosition - this.dragStartX;\n\n    if (Math.abs(diff) > PnMarketwebCarousel.DEFAULTS.SWIPE_THRESHOLD_PX) {\n      if (diff > 0 && this.currentSlide > 0) {\n        this.currentSlide--;\n      } else if (diff < 0 && this.currentSlide < this.totalSlides - 1) {\n        this.currentSlide++;\n      }\n    }\n\n    this.moveSlides();\n    this.updateNavButtons();\n  };\n\n  private calculateProportionalTranslation(): number {\n    // Calculate proportional translation based on slidesToShow\n    return -200 + (this.slidesToShow - 1) * 100;\n  }\n\n  private moveSlides(extraTranslate: number = 0): void {\n    if (!this.slides || !this.slidesContainer) {\n      return;\n    }\n\n    try {\n      this.slides.forEach((slide, index) => {\n        if (slide) {\n          // Set each slide's width\n          slide.style.width = `${this.slideWidth}%`;\n\n          let translation = 0;\n\n          if (this.slidesToShow === 1) {\n            // Full slide view\n            translation = -100 * this.currentSlide;\n          } else {\n            // Partial slide view\n            if (this.totalSlides === 2) {\n              // Special case for 2 slides\n              if (this.currentSlide === 1) {\n                translation = -50; // Both slides move by -50%\n              }\n            } else {\n              // 3 or more slides\n              if (this.currentSlide === 1) {\n                // Second slide showing - all slides move -100%\n                translation = -100;\n              } else if (this.currentSlide === 2) {\n                // Third slide showing\n                if (index === 0) {\n                  translation = -100; // First slide stays at -100%\n                } else {\n                  // Calculate proportional translation\n                  translation = this.calculateProportionalTranslation();\n                }\n              }\n            }\n          }\n\n          // Add any extra translation from dragging\n          translation += extraTranslate;\n\n          slide.style.transform = `translateX(${translation}%)`;\n          slide.style.position = 'relative';\n\n          // Update visibility for screen readers\n          let isVisible;\n\n          if (this.slidesToShow === 1) {\n            isVisible = index === this.currentSlide;\n          } else {\n            isVisible =\n              this.currentSlide === 0 || // First slide showing\n              this.totalSlides === 2 || // Two slides - both visible\n              (this.currentSlide === 1 && translation === -100) || // Second slide showing\n              (this.currentSlide === 2 &&\n                ((index === 0 && translation === -100) || // First slide still visible\n                  index > 0)); // Second and third slides visible\n          }\n\n          slide.setAttribute('aria-hidden', (!isVisible).toString());\n        }\n      });\n    } catch (error) {\n      console.error('Error moving slides:', error);\n    }\n  }\n\n  private updateNavButtons(): void {\n    if (!this.showCarouselButtons) return;\n\n    const isFirstSlide = this.currentSlide === 0;\n    const isLastSlide = this.currentSlide === this.totalSlides - 1;\n\n    if (this.prevButton) {\n      this.prevButton.classList.toggle('invisible', isFirstSlide && !this.showFirstSlidePrevButton);\n      this.prevButton.dataset.show = isFirstSlide ? `${this.showFirstSlidePrevButton}` : 'true';\n    }\n\n    if (this.nextButton) {\n      this.nextButton.classList.toggle('invisible', isLastSlide && !this.showLastSlideNextButton);\n      this.nextButton.dataset.show = isLastSlide ? `${this.showLastSlideNextButton}` : 'true';\n    }\n  }\n\n  private nextSlide(): void {\n    if (this.currentSlide >= this.totalSlides - 1) {\n      this.currentSlide = 0;\n    } else {\n      this.currentSlide++;\n    }\n    this.moveSlides();\n    this.updateNavButtons();\n  }\n\n  private prevSlide(): void {\n    if (this.currentSlide <= 0) {\n      this.currentSlide = this.totalSlides - 1;\n    } else {\n      this.currentSlide--;\n    }\n    this.moveSlides();\n    this.updateNavButtons();\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-marketweb-carousel\">\n          <section class=\"slider-wrapper\">\n            {this.showCarouselButtons && (\n              <div class=\"nav-buttons\" role=\"group\" aria-label={this.ariaNavigationLabel}>\n                <pn-button\n                  appearance=\"light\"\n                  icon={arrow_left}\n                  icon-only=\"true\"\n                  tooltip={this.previousButtonLabel}\n                  class={`nav-button ${this.currentSlide === 0 && !this.showFirstSlidePrevButton ? 'invisible' : ''}`}\n                  data-nav-button-prev\n                  area-label={this.previousButtonLabel}\n                  aria-disabled={this.currentSlide === 0 && !this.showFirstSlidePrevButton}>\n                </pn-button>\n                <pn-button\n                  appearance=\"light\"\n                  icon={arrow_right}\n                  icon-only=\"true\"\n                  tooltip={this.nextButtonLabel}\n                  class=\"nav-button\"\n                  data-nav-button-next\n                  area-label={this.nextButtonLabel}\n                  aria-disabled={this.currentSlide === this.totalSlides - 1 && !this.showLastSlideNextButton}>\n                </pn-button>\n              </div>\n            )}\n            {this.slidesData && (\n              <ul\n                class=\"slides-container\"\n                data-slides-container\n                data-partial={this.slidesToShow === 1 ? 'false' : 'true'}\n                aria-live=\"polite\"\n                style={{ display: 'flex', transform: 'none' }}\n              >\n                {this.slidesData.map((slide, index) => (\n                  <li class=\"slide\" data-slide innerHTML={slide} style={{ width: this.slideWidth + '%' }} aria-hidden={index !== this.currentSlide}></li>\n                ))}\n              </ul>\n            )}\n          </section>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/p-6f6ed930.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,F as a,d as i}from"./p-b3a13b6a.js";import{a as n}from"./p-36b39340.js";import{c as s}from"./p-366fd15a.js";import{m as h}from"./p-b2f2fbb6.js";import{L as r}from"./p-8d78b631.js";import{P as o}from"./p-6bec8d72.js";import"./p-3478f368.js";const l='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M21 11.998a1 1 0 0 1-.577.908l-15 7a1 1 0 0 1-1.237-1.487l4.585-6.42-1.46-2.043A1 1 0 1 1 8.94 8.794l1.875 2.625a1 1 0 0 1 0 1.162l-2.788 3.903 9.599-4.48L6.58 6.909a1 1 0 1 1 .838-1.816l13 6a1 1 0 0 1 .581.906M5 4a1 1 0 0 1 1 1v.01a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1" clip-rule="evenodd"/></svg>';const c=l;const d='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M12.388 2c5.522 0 10 4.477 10 10s-4.478 10-10 10H2l1.355-4.064-.798-3.987a8.8 8.8 0 0 1-.17-1.717V12c0-5.523 4.478-10 10-10m8 10a8 8 0 0 0-16 0v.232q0 .67.13 1.325l.902 4.507L4.775 20h7.612a8 8 0 0 0 8-8m-12.5-1.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3m6 1.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0m3-1.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3" clip-rule="evenodd"/></svg>';const p=d;const m={sv:{relatedContentAriaLabel:"Relaterat innehåll",chatMinimizedAriaLabel:"Chatten är minimerad",chatOpenedAriaLabel:"Chatten är öppen",minimizeChatAriaLabel:"Minimera chatten",closeChatAriaLabel:"Stäng chatten",openChatAriaLabel:"Öppna chatten",chatControlsAriaLabel:"Chattkontroller",chatMessagesAriaLabel:"Chattmeddelanden",sentMessageAriaLabel:"Meddelande skickat",writeChatMessagePlaceholder:"Skriv ett meddelande...",waitingForAnswerLabel:"Väntar på svar",sendButtonText:"Skicka",loadingText:"Laddar..."},en:{relatedContentAriaLabel:"Related content",chatMinimizedAriaLabel:"Chat is minimized",chatOpenedAriaLabel:"Chat is open",minimizeChatAriaLabel:"Minimize chat",closeChatAriaLabel:"Close chat",openChatAriaLabel:"Open chat",chatControlsAriaLabel:"Chat controls",chatMessagesAriaLabel:"Chat messages",sentMessageAriaLabel:"Message sent",writeChatMessagePlaceholder:"Type a message...",waitingForAnswerLabel:"Waiting for answer",sendButtonText:"Send",loadingText:"Loading..."},da:{relatedContentAriaLabel:"Relateret indhold",chatMinimizedAriaLabel:"Chatten er minimeret",chatOpenedAriaLabel:"Chatten er åben",minimizeChatAriaLabel:"Minimer chatten",closeChatAriaLabel:"Luk chatten",openChatAriaLabel:"Åbn chatten",chatControlsAriaLabel:"Chatkontroller",chatMessagesAriaLabel:"Chatbeskeder",sentMessageAriaLabel:"Besked sendt",writeChatMessagePlaceholder:"Skriv en besked...",waitingForAnswerLabel:"Venter på svar",sendButtonText:"Send",loadingText:"Indlæser..."},no:{relatedContentAriaLabel:"Relatert innhold",chatMinimizedAriaLabel:"Chatten er minimert",chatOpenedAriaLabel:"Chatten er åpen",minimizeChatAriaLabel:"Minimer chatten",closeChatAriaLabel:"Lukk chatten",openChatAriaLabel:"Åpne chatten",chatControlsAriaLabel:"Chatkontroller",chatMessagesAriaLabel:"Chatmeldinger",sentMessageAriaLabel:"Melding sendt",writeChatMessagePlaceholder:"Skriv en melding...",waitingForAnswerLabel:"Venter på svar",sendButtonText:"Send",loadingText:"Laster..."},fi:{relatedContentAriaLabel:"Aiheeseen liittyvä sisältö",chatMinimizedAriaLabel:"Keskustelu on pienennetty",chatOpenedAriaLabel:"Keskustelu on auki",minimizeChatAriaLabel:"Pienennä keskustelu",closeChatAriaLabel:"Sulje keskustelu",openChatAriaLabel:"Avaa keskustelu",chatControlsAriaLabel:"Keskustelun hallinta",chatMessagesAriaLabel:"Keskusteluviestit",sentMessageAriaLabel:"Viesti lähetetty",writeChatMessagePlaceholder:"Kirjoita viesti...",waitingForAnswerLabel:"Odotetaan vastausta",sendButtonText:"Lähetä",loadingText:"Ladataan..."}};const b="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-chat{display:flex;flex-direction:column;height:600px;width:400px;max-width:400px;box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 -2px 4px 0 rgba(240, 240, 240, 0.55);border-radius:1.6rem}@media (max-width: 768px){.pn-chat:not(.minimized){position:absolute;height:100dvh;width:100dvw;max-width:100%;top:0;left:0}.pn-chat.minimized{height:70px;border-radius:0.8rem 0.8rem 0 0}}@media (min-width: 768px) and (max-width: 1024px){.pn-chat{max-width:350px}}.pn-chat .chat-header{background-color:#ffffff;padding:0.8rem;padding-left:1.6rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f3f2f2}@media (min-width: 768px){.pn-chat .chat-header{border-radius:1.6rem 1.6rem 0 0}}.pn-chat .chat-header .chat-controls{display:flex}.pn-chat .chat-header pn-button.minimize-btn button.pn-button{padding-bottom:0;margin-right:1rem}.pn-chat .chat-header pn-button.minimize-btn button.pn-button .pn-button-content{align-items:flex-end;position:absolute;bottom:0px}.pn-chat .chat-header #chat-title{margin:0;font-size:1.6rem;font-weight:500;line-height:1;height:100%;align-content:center}.pn-chat .chat-main{display:flex;flex-direction:column;flex-grow:1;overflow-y:auto;gap:1.6rem;padding:1.6rem;padding-bottom:3.2rem;background-color:#ffffff}.pn-chat .chat-main.loading-chat-main{display:flex;justify-content:center;align-items:center}.pn-chat .chat-loading-spinner{background-color:#005d92;width:4.8rem;height:4.8rem;border-radius:4.8rem;display:flex;align-items:center;justify-content:center}.pn-chat .chat-loading-content{color:#2d2013;font-size:1.6rem;font-weight:400}.pn-chat .chat-overview{text-align:center}.pn-chat .chat-messages{display:flex;flex-direction:column;gap:1.6rem;text-align:center}.pn-chat .card-container .slider-wrapper{margin:0}.pn-chat .card-container .slides-container{display:flex;gap:1rem}.pn-chat .card-container .slide:nth-child(even) [data-card]{width:calc(100% - 1rem)}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.95)}}.pn-chat .chat-footer{background:#ffffff;border-top:1px solid #f3f2f2;border-radius:0 0 1.6rem 1.6rem}.pn-chat .chat-footer .form{display:flex;gap:0.7rem;padding:1rem}.pn-chat .chat-input-container{display:flex;flex-grow:1;justify-content:space-between;gap:0.7rem;background:#f9f8f8;border-radius:6.4rem}.pn-chat .chat-input-container .chat-text-input{border:none;background:transparent;width:100%;outline:0.2rem solid transparent;outline-offset:0.2rem;padding-left:1.6rem}.pn-chat .chat-input-container .chat-text-input:focus{border-radius:6.4rem}.pn-chat .chat-input-container .chat-text-input:focus-visible{outline-color:#005d92}.pn-chat .chat-input-container .chat-text-input::placeholder{top:2px;position:relative;color:#969087}.pn-chat .chat-input-container .chat-disabled-button{display:flex;width:3.5em;min-height:3em;min-width:0;align-items:center;justify-content:center}.pn-chat.minimized{background:transparent;border:initial;box-shadow:initial;max-width:50px;max-height:50px;min-width:initial;min-height:initial;transform:scale(0.95);cursor:pointer}.pn-chat.minimized .minimize-btn,.pn-chat.minimized .close-btn{position:absolute;top:0;right:0;bottom:0;left:0}.pn-chat.minimized .minimize-btn button,.pn-chat.minimized .close-btn button{display:none}.pn-chat.minimized .chat-main,.pn-chat.minimized .chat-footer{display:none}.pn-chat.closed{display:none}.pn-chat .open-chat-btn .pn-button{width:5.6rem;height:5.6rem}.pn-chat .open-chat-btn .pn-icon svg{width:3.2rem;height:3.2rem}.pn-chat .indicator-icon{padding:0.2rem 0.8rem;margin-right:auto;margin-top:1rem;margin-bottom:2rem;visibility:hidden}.pn-chat .minimize-btn .pn-button pn-icon .pn-icon-svg path,.pn-chat .close-btn .pn-button pn-icon .pn-icon-svg path{fill:#005d92}@media (max-width: 768px){body.chat-open{overflow:hidden}}";const u=b;const f=class{constructor(t){e(this,t);this.endpoint=undefined;this.customerSegment=undefined;this.mainHeading="";this.relatedContentAriaLabel=undefined;this.chatMinimizedAriaLabel=undefined;this.chatOpenedAriaLabel=undefined;this.minimizeChatAriaLabel=undefined;this.closeChatAriaLabel=undefined;this.openChatAriaLabel=undefined;this.chatControlsAriaLabel=undefined;this.chatMessagesAriaLabel=undefined;this.sentMessageAriaLabel=undefined;this.writeChatMessagePlaceholder=undefined;this.waitingForAnswerLabel=undefined;this.sendButtonText=undefined;this.loadingText=undefined;this.carouselSlidesToShow=1;this.messages=undefined;this.language="sv";this.market="se";this.itemId="";this.pnChatId="00000000-0000-0000-0000-000000000000";this.forceOpen=false;this.isLoggedIn=false;this.message="";this.messagesData=undefined;this.isMinimized=true;this.isClosed=false;this.lastMessageId="";this.i18n=undefined}chatId;_defaultChatId="00000000-0000-0000-0000-000000000000";_defaultAlternativeChatId="1";chatLocalStorageKey="sf-chat-state";chatMessagesContainer;chatRef;inputRef;storage=new r;_chatService;_chatSegment="#chat";_forceClose=false;componentWillLoad(){this._forceClose=false;this._chatService=new o(this.endpoint,this.market,this.language);this.messagesData={header:{},messages:[]};let e=this.storage.get(this.chatLocalStorageKey);if(e&&e.isLoggedIn===!this.isLoggedIn){this.storage.remove(this.chatLocalStorageKey)}else if(e&&e.chatId){this.chatId=e?.chatId??this.chatId}this.setTranslations();setInterval((()=>{this.updateChat()}),1500)}setTranslations(){if(this.language&&m[this.language]){this.i18n=m[this.language]}}getTranslation(e){const t=this[e];if(t===undefined||t===null||t===""){return m[this.language]?.[e]??m["en"][e]}return t}async updateChat(){if(this.isMinimized||this.isClosed){return}let e=this.lastMessageId;await this._chatService.fetchMessages(this.chatId,this.messagesData).then((t=>{this.lastMessageId=this._chatService.GetLastMessageId(t?.messages,this.lastMessageId);let a=document.getElementsByClassName("pn-chat-before");let i=Array.from(a);t.messages.forEach((e=>{i.forEach((t=>{if(e.content!=null&&(t.textContent.trim()===e.content.trim()||t.textContent.trim().includes(e.content.trim()))){t.remove()}}));this.renderMessage(e)}));if(e!==this.lastMessageId){this._chatService.updateLastMessageId(this.chatId,this.lastMessageId);this.messagesData=t;t.messages.forEach((e=>{this.renderMessage(e)}))}}))}async setStartValues(){if(this._forceClose){this._forceClose=false;return}if((!this.chatId||this.chatId===this._defaultChatId||this.chatId===this._defaultAlternativeChatId)&&!this.isMinimized){this.chatId=await this._chatService.startChat(this.pnChatId,this.itemId);this.storage.set(this.chatLocalStorageKey,{chatId:this.chatId,isLoggedIn:this.isLoggedIn})}if(this.chatId){this.storage.set(this.chatLocalStorageKey,{chatId:this.chatId,isLoggedIn:this.isLoggedIn});await this.fetchMessages();this.lastMessageId=this._chatService.GetLastMessageId(this.messagesData.messages,this.lastMessageId)}}async fetchMessages(){await this._chatService.fetchMessages(this.chatId,this.messagesData).then((e=>{this.lastMessageId=this._chatService.GetLastMessageId(this.messagesData.messages,this.lastMessageId);this.messagesData=e;let t=document.getElementsByClassName("pn-chat-before");let a=Array.from(t);e.messages.forEach((e=>{a.forEach((t=>{if(t.textContent.trim()===e.content.trim()||t.textContent.trim().includes(e.content.trim())){t.remove()}}));this.renderMessage(e)}));return e}))}async handleSend(){if(!this.message?.trim()){return}let e=this.message;this.message="";this.createBeforeElement(e);let t=await this._chatService.sendMessage(e,this.itemId,this.chatId,this.lastMessageId,"Text");this.lastMessageId=t;this.lastMessageId=this._chatService.GetLastMessageId(this.messagesData.messages,this.lastMessageId);this.announceToScreenReader(this.getTranslation("sentMessageAriaLabel"))}groupMessages(){const e=[];let a=[];const i=()=>{if(a.length>0){const i={slides:a.map((e=>{const t=`\n              <pn-chat-message customerSegment=${this.customerSegment} data-card role="article" category=${e.category}>\n                <h2 class="card-heading">${e.heading}</h2>\n                <p>${e.content}</p>\n                ${e.buttons?.map((e=>`\n                  <pn-button\n                    href="${e.href}"\n                    class="${e.class}"\n                    appearance="${e.appearance}"\n                    variant="${e.variant}"\n                    small="${e.small}"\n                    role="button"\n                  >\n                    ${e.content}\n                  </pn-button>\n                `)).join("")||""}\n              </pn-chat-message>\n            `;return t}))};e.push(t("pn-marketweb-carousel",{class:"card-container",nextButtonLabel:"Next",previousButtonLabel:"Previous",ariaNavigationLabel:this.getTranslation("relatedContentAriaLabel"),slidesToShow:this.carouselSlidesToShow,source:JSON.stringify(i)}));a=[]}};this.messagesData.messages.forEach(((t,n)=>{if(t.category==="Card"){a.push(t);if(n===this.messagesData.messages.length-1||this.messagesData.messages[n+1]?.category!=="Card"){i()}}else{i();e.push(this.renderMessage(t))}}));return e}handleKeyPress=e=>{if(e.key==="Enter"&&this.message.trim()){e.preventDefault();this.handleSend()}};handleSendMessage=e=>{if(this.message.trim()){e.preventDefault();this.handleSend()}};handleButtonKeyDown(e){if(e.key==="Enter"||e.key===" "){e.preventDefault();e.target.click()}}handleKeyDown(e){if(e.key==="Escape"&&this.isMinimized&&!this.isClosed){this.toggleChat()}}handleMessagesChange(e){if(e){this.handleSend()}}handleNewChatId(){this.chatId=this.pnChatId===this._defaultAlternativeChatId?this._defaultChatId:this.pnChatId;this.messagesData.messages=[];this.isMinimized=false;this.setStartValues()}handleSameChatId(){this.isMinimized=false}scrollToBottom(){const e=new MutationObserver(((e,t)=>{const a=document.getElementById("chat-main");if(a){setTimeout((()=>{a.scrollTo({top:a.scrollHeight,behavior:"smooth"})}),500);t.disconnect()}}));e.observe(document.body,{childList:true,subtree:true})}closeChat=()=>{this._forceClose=true;this.storage.remove(this.chatLocalStorageKey);this.chatId=null;this.pnChatId=this._defaultChatId;let e=document.getElementsByTagName("pn-chat")[0];e.setAttribute("item-id","");let t=window.location.href.includes(this._chatSegment);if(t){this.isMinimized=!this.isMinimized;this.announceToScreenReader(this.isMinimized?this.getTranslation("chatMinimizedAriaLabel"):this.getTranslation("chatOpenedAriaLabel"));document.body.classList.toggle("chat-open");window.location.href=window.location.href.split(this._chatSegment)[0]}else{this._forceClose=false;this.toggleChat()}};toggleChat=()=>{this.isMinimized=!this.isMinimized;this.announceToScreenReader(this.isMinimized?this.getTranslation("chatMinimizedAriaLabel"):this.getTranslation("chatOpenedAriaLabel"));document.body.classList.toggle("chat-open");if(!this.isMinimized&&!this.chatId){this.setStartValues()}};announceToScreenReader(e){const t=document.createElement("div");t.setAttribute("role","status");t.setAttribute("aria-live","polite");t.classList.add("sr-only");t.textContent=e;document.body.appendChild(t);setTimeout((()=>t.remove()),1e3)}renderMessage(e){switch(e.category){case"Bot":return this.renderBaseMessage(e);case"Button":return this.renderButtonMessage(e);case"ButtonResponse":return this.renderBaseMessage(e);case"Link":return this.renderLinkMessage(e);case"Card":return this.renderCardMessage(e);case"User":return this.renderBaseMessage(e);case"Agent":return this.renderAgentMessage(e);case"System":return this.renderBaseMessage(e)}}renderBaseMessage(e){return t("pn-chat-message",{customerSegment:this.customerSegment,category:e.category,agentName:"",role:"log","aria-live":"polite"},e.content)}renderAgentMessage(e){return t("pn-chat-message",{customerSegment:this.customerSegment,category:e.category,agentName:e.agentName,role:"log","aria-live":"polite"},e.content)}renderButtonMessage(e){let a={};if(e?.props){try{a=JSON.parse(e.props)}catch(e){console.error("Error parsing button props",e instanceof Error?e.message:"Unknown error");return}}const i=t=>{const i=t.target.closest("button");if(i===null||i?.hasAttribute("disabled")){t.preventDefault();t.stopPropagation();return}if(a["data-action"]==="minimize"){this.toggleChat()}if(a["data-action"]==="choice"){(async()=>{await this.handleSendChoice(a["data-option-choice"],e.content)})();const t=document.querySelectorAll('[data-action="choice"]');t.forEach((e=>{const t=e.querySelector("button");t?.setAttribute("disabled","true")}))}};return t("pn-chat-message",{customerSegment:this.customerSegment,category:e.category},t("pn-button",{class:e.class,role:"button",...a,onClick:i,onKeyDown:e=>this.handleButtonKeyDown(e)},e.content))}createBeforeElement(e){const t=this.chatMessagesContainer;const a=document.createElement("pn-chat-message");a.setAttribute("customerSegment",this.customerSegment);a.setAttribute("category","User");a.classList.add("pn-chat-before");a.textContent=e;t.appendChild(a);this.scrollToBottom();a.scrollIntoView()}async handleSendChoice(e,t){this.createBeforeElement(t);let a=await this._chatService.sendMessage(e,this.itemId,this.chatId,this.lastMessageId,"Choice");this.lastMessageId=a;this.lastMessageId=this._chatService.GetLastMessageId(this.messagesData.messages,this.lastMessageId);this.announceToScreenReader(this.getTranslation("sentMessageAriaLabel"))}renderLinkMessage(e){return t("pn-chat-message",{customerSegment:this.customerSegment,category:e.category},t("a",{href:e.href,role:"link",rel:"noopener noreferrer"},t("span",{class:"content"},e.content),t("pn-icon",{icon:n,color:"blue700","aria-hidden":"true",role:"presentation"})))}renderCardMessage(e){return t("pn-chat-message",{customerSegment:this.customerSegment,category:e.category,"data-card":true,role:"article"},t("h2",{class:"card-heading"},e.heading),t("p",null,e.content),e.buttons&&t("div",{class:"cta"},e.buttons?.map((e=>t("pn-button",{href:e.href,class:e.class,appearance:e.appearance,variant:e.variant,small:e.small,role:"button",onKeyDown:e=>this.handleButtonKeyDown(e)},e.content)))))}render(){const e="chat-main";const n="chat-input";const r=this.messagesData?.header.button;return t(i,{key:"d1b6d427a15513a46277479ece1bce7e20a1044b",class:this.customerSegment},!this.isClosed&&this.messagesData&&t("div",{key:"ecee6b29d3730789fd4994d7a59d32166b68653e",class:`pn-chat ${this.isMinimized?"minimized":""} ${this.isClosed?"closed":""}`,ref:e=>this.chatRef=e,role:"region","aria-label":this.mainHeading},!this.isMinimized&&t(a,{key:"5a4fe8af5e224b59dfb53fc4c24f84041c3f8742"},t("header",{key:"dad77c1594f447014fcfa02dd672eb7f55d8b0d4",class:"chat-header",role:"banner"},t("h1",{key:"2db55d9cf2e638655d5b9eb8dba92e383b81699d",id:"chat-title"},this.mainHeading),t("div",{key:"d5a0b03b057e16af35fc9ea61cc4e278cb3d2068",class:"chat-controls",role:"toolbar","aria-label":this.getTranslation("chatControlsAriaLabel")},t("pn-button",{key:"992249d07b8f6f19d6fcdf9eb4fc11efe8f63e1f",icon:h,"icon-only":"true",class:"minimize-btn",onClick:this.toggleChat,"aria-expanded":!this.isMinimized,"aria-controls":e,"aria-label":this.getTranslation("minimizeChatAriaLabel"),appearance:"light",tooltip:this.getTranslation("minimizeChatAriaLabel"),small:"true"}),t("pn-button",{key:"eeed9e762baf7ecb315e43300001f3279f14e563",icon:s,"icon-only":"true",class:"close-btn",onClick:this.closeChat,"aria-expanded":!this.isMinimized,"aria-label":this.getTranslation("closeChatAriaLabel"),appearance:"light",tooltip:this.getTranslation("closeChatAriaLabel"),small:"true"}))),(this.messagesData?.messages?.length??0)>0?t("main",{id:e,class:"chat-main",role:"main","aria-labelledby":"chat-title"},this.messagesData.header&&t("div",{class:"chat-overview"},t("div",{class:"body"},this.messagesData.header.body),r&&t("pn-button",{href:r.href,class:r.class,appearance:r.appearance,variant:r.variant,small:r.small,role:"button",onKeyDown:e=>this.handleButtonKeyDown(e)},r.content)),t("div",{ref:e=>this.chatMessagesContainer=e,class:"chat-messages",role:"log","aria-live":"polite","aria-label":this.getTranslation("chatMessagesAriaLabel")},this.groupMessages()),t("pn-icon",{class:"indicator-icon","aria-label":this.getTranslation("waitingForAnswerLabel"),role:"presentation"})):t("main",{id:e,class:"chat-main loading-chat-main",role:"main","aria-labelledby":"chat-title"},t("div",{class:"chat-loading-spinner"},t("pn-spinner",{light:"true",size:"1.5"})),t("span",{class:"chat-loading-content"},this.getTranslation("loadingText"))),t("footer",{key:"151b8cb74adc00cc941c68c14e94236e458e5b93",class:"chat-footer",role:"contentinfo"},t("div",{key:"f9cae25c7fdb38877a0010d01e6845e778f4658c",class:"form",role:"form","aria-labelledby":n},t("label",{key:"b34656f59997b0e9b24f3c1e4de6df6340b260e5",htmlFor:n,class:"sr-only"},this.getTranslation("writeChatMessagePlaceholder")),t("div",{key:"8c63bca6b7d0f9e9e801b7b40dff4a8d9b26e49d",class:"chat-input-container"},t("input",{key:"e5882f25731916a0800f4efde9a2daea72fba76d",id:n,class:"chat-text-input",ref:e=>this.inputRef=e,type:"text",placeholder:this.getTranslation("writeChatMessagePlaceholder"),value:this.message,onInput:e=>this.message=e.target.value,onKeyPress:this.handleKeyPress,maxLength:3990}),!this.message.trim()?t("div",{class:"chat-disabled-button",role:"button","aria-label":this.getTranslation("sendButtonText"),"aria-disabled":"true",tabIndex:-1},t("pn-icon",{color:"gray400",icon:c})):t("pn-button",{"icon-only":"true",variant:"borderless",appearance:"light",icon:c,onClick:this.handleSendMessage,disabled:!this.message.trim(),"aria-label":this.getTranslation("sendButtonText"),tooltip:this.getTranslation("sendButtonText")}))))),this.isMinimized&&t("pn-button",{key:"4022adb25d86961ba4f20efd52fa8d4938f81b76",icon:p,"icon-only":"true",class:"open-chat-btn",onClick:this.toggleChat,tooltip:this.getTranslation("openChatAriaLabel"),"aria-label":this.getTranslation("openChatAriaLabel"),"aria-expanded":!this.isMinimized})))}static get watchers(){return{messages:["handleMessagesChange"],pnChatId:["handleNewChatId"],forceOpen:["handleSameChatId"],isMinimized:["scrollToBottom"]}}};f.style=u;export{f as pn_chat};
+//# sourceMappingURL=p-6f6ed930.entry.js.map

package/pn-market-web-components/p-6f6ed930.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icon","submit","talk_bubble","translations","sv","relatedContentAriaLabel","chatMinimizedAriaLabel","chatOpenedAriaLabel","minimizeChatAriaLabel","closeChatAriaLabel","openChatAriaLabel","chatControlsAriaLabel","chatMessagesAriaLabel","sentMessageAriaLabel","writeChatMessagePlaceholder","waitingForAnswerLabel","sendButtonText","loadingText","en","da","no","fi","pnChatCss","PnChatStyle0","PnChat","chatId","_defaultChatId","_defaultAlternativeChatId","chatLocalStorageKey","chatMessagesContainer","chatRef","inputRef","storage","LocalStorageService","_chatService","_chatSegment","_forceClose","componentWillLoad","this","PnChatService","endpoint","market","language","messagesData","header","messages","storageId","get","isLoggedIn","remove","setTranslations","setInterval","updateChat","i18n","getTranslation","key","value","undefined","isMinimized","isClosed","prevLastMessageId","lastMessageId","fetchMessages","then","newMessages","GetLastMessageId","htmlCollection","document","getElementsByClassName","elements","Array","from","forEach","message","element","content","textContent","trim","includes","renderMessage","updateLastMessageId","setStartValues","startChat","pnChatId","itemId","set","handleSend","createBeforeElement","responseId","sendMessage","announceToScreenReader","groupMessages","result","currentCardGroup","flushCardGroup","length","carouselData","slides","map","card","cardHtml","customerSegment","category","heading","buttons","button","href","class","appearance","variant","small","join","push","h","nextButtonLabel","previousButtonLabel","ariaNavigationLabel","slidesToShow","carouselSlidesToShow","source","JSON","stringify","index","handleKeyPress","event","preventDefault","handleSendMessage","handleButtonKeyDown","target","click","handleKeyDown","toggleChat","handleMessagesChange","newMessage","handleNewChatId","handleSameChatId","scrollToBottom","observer","MutationObserver","_","obs","chatMain","getElementById","setTimeout","scrollTo","top","scrollHeight","behavior","disconnect","observe","body","childList","subtree","closeChat","chatElement","getElementsByTagName","setAttribute","hasActiveShipmentInUrl","window","location","classList","toggle","split","announcement","createElement","add","appendChild","renderBaseMessage","renderButtonMessage","renderLinkMessage","renderCardMessage","renderAgentMessage","agentName","role","props","parse","error","console","Error","handleClick","closest","hasAttribute","stopPropagation","handleSendChoice","choiceButtons","querySelectorAll","pnButton","buttonInner","querySelector","onClick","onKeyDown","e","targetElement","chatMessage","scrollIntoView","choiceId","rel","arrow_right","color","render","mainId","inputId","headerButton","Host","ref","el","mainHeading","Fragment","id","minus","tooltip","close","light","size","htmlFor","type","placeholder","onInput","onKeyPress","maxLength","tabIndex","disabled"],"sources":["node_modules/pn-design-assets/pn-assets/icons/submit.js","node_modules/pn-design-assets/pn-assets/icons/talk_bubble.js","src/components/widgets/pn-chat/translations.ts","src/components/widgets/pn-chat/pn-chat.scss?tag=pn-chat","src/components/widgets/pn-chat/pn-chat.tsx"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M21 11.998a1 1 0 0 1-.577.908l-15 7a1 1 0 0 1-1.237-1.487l4.585-6.42-1.46-2.043A1 1 0 1 1 8.94 8.794l1.875 2.625a1 1 0 0 1 0 1.162l-2.788 3.903 9.599-4.48L6.58 6.909a1 1 0 1 1 .838-1.816l13 6a1 1 0 0 1 .581.906M5 4a1 1 0 0 1 1 1v.01a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1\" clip-rule=\"evenodd\"/></svg>';\nexport const submit = icon;\n","const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M12.388 2c5.522 0 10 4.477 10 10s-4.478 10-10 10H2l1.355-4.064-.798-3.987a8.8 8.8 0 0 1-.17-1.717V12c0-5.523 4.478-10 10-10m8 10a8 8 0 0 0-16 0v.232q0 .67.13 1.325l.902 4.507L4.775 20h7.612a8 8 0 0 0 8-8m-12.5-1.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3m6 1.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0m3-1.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3\" clip-rule=\"evenodd\"/></svg>';\nexport const talk_bubble = icon;\nexport const talkBubble = icon;\n","export const translations = {\n  'sv': {\n    relatedContentAriaLabel: 'Relaterat innehåll',\n    chatMinimizedAriaLabel: 'Chatten är minimerad',\n    chatOpenedAriaLabel: 'Chatten är öppen',\n    minimizeChatAriaLabel: 'Minimera chatten',\n    closeChatAriaLabel: 'Stäng chatten',\n    openChatAriaLabel: 'Öppna chatten',\n    chatControlsAriaLabel: 'Chattkontroller',\n    chatMessagesAriaLabel: 'Chattmeddelanden',\n    sentMessageAriaLabel: 'Meddelande skickat',\n    writeChatMessagePlaceholder: 'Skriv ett meddelande...',\n    waitingForAnswerLabel: 'Väntar på svar',\n    sendButtonText: 'Skicka',\n    loadingText: 'Laddar...',\n  },\n  'en': {\n    relatedContentAriaLabel: 'Related content',\n    chatMinimizedAriaLabel: 'Chat is minimized',\n    chatOpenedAriaLabel: 'Chat is open',\n    minimizeChatAriaLabel: 'Minimize chat',\n    closeChatAriaLabel: 'Close chat',\n    openChatAriaLabel: 'Open chat',\n    chatControlsAriaLabel: 'Chat controls',\n    chatMessagesAriaLabel: 'Chat messages',\n    sentMessageAriaLabel: 'Message sent',\n    writeChatMessagePlaceholder: 'Type a message...',\n    waitingForAnswerLabel: 'Waiting for answer',\n    sendButtonText: 'Send',\n    loadingText: 'Loading...',\n  },\n  'da': {\n    relatedContentAriaLabel: 'Relateret indhold',\n    chatMinimizedAriaLabel: 'Chatten er minimeret',\n    chatOpenedAriaLabel: 'Chatten er åben',\n    minimizeChatAriaLabel: 'Minimer chatten',\n    closeChatAriaLabel: 'Luk chatten',\n    openChatAriaLabel: 'Åbn chatten',\n    chatControlsAriaLabel: 'Chatkontroller',\n    chatMessagesAriaLabel: 'Chatbeskeder',\n    sentMessageAriaLabel: 'Besked sendt',\n    writeChatMessagePlaceholder: 'Skriv en besked...',\n    waitingForAnswerLabel: 'Venter på svar',\n    sendButtonText: 'Send',\n    loadingText: 'Indlæser...',\n  },\n  'no': {\n    relatedContentAriaLabel: 'Relatert innhold',\n    chatMinimizedAriaLabel: 'Chatten er minimert',\n    chatOpenedAriaLabel: 'Chatten er åpen',\n    minimizeChatAriaLabel: 'Minimer chatten',\n    closeChatAriaLabel: 'Lukk chatten',\n    openChatAriaLabel: 'Åpne chatten',\n    chatControlsAriaLabel: 'Chatkontroller',\n    chatMessagesAriaLabel: 'Chatmeldinger',\n    sentMessageAriaLabel: 'Melding sendt',\n    writeChatMessagePlaceholder: 'Skriv en melding...',\n    waitingForAnswerLabel: 'Venter på svar',\n    sendButtonText: 'Send',\n    loadingText: 'Laster...',\n  },\n  'fi': {\n    relatedContentAriaLabel: 'Aiheeseen liittyvä sisältö',\n    chatMinimizedAriaLabel: 'Keskustelu on pienennetty',\n    chatOpenedAriaLabel: 'Keskustelu on auki',\n    minimizeChatAriaLabel: 'Pienennä keskustelu',\n    closeChatAriaLabel: 'Sulje keskustelu',\n    openChatAriaLabel: 'Avaa keskustelu',\n    chatControlsAriaLabel: 'Keskustelun hallinta',\n    chatMessagesAriaLabel: 'Keskusteluviestit',\n    sentMessageAriaLabel: 'Viesti lähetetty',\n    writeChatMessagePlaceholder: 'Kirjoita viesti...',\n    waitingForAnswerLabel: 'Odotetaan vastausta',\n    sendButtonText: 'Lähetä',\n    loadingText: 'Ladataan...',\n  },\n};","@import '../../../globals/main.scss';\n$spacing: 1.6rem;\n\n.pn-chat {\n  @media (max-width: 768px) {\n    &:not(.minimized) {\n      position: absolute;\n      height: 100dvh;\n      width: 100dvw;\n      max-width: 100%;\n      top: 0;\n      left: 0;\n    }\n\n    &.minimized {\n      height: 70px;\n      border-radius: 0.8rem 0.8rem 0 0;\n    }\n  }\n\n  @media (min-width: 768px) and (max-width: 1024px) {\n    max-width: 350px;\n  }\n\n  display: flex;\n  flex-direction: column;\n  height: 600px;\n  width: 400px;\n  max-width: 400px;\n  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25), 0 -2px 4px 0 rgba(240, 240, 240, 0.55);\n  border-radius: 1.6rem;\n\n  .chat-header {\n    background-color: $white;\n    padding: 0.8rem;\n    padding-left: 1.6rem;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border-bottom: 1px solid $gray50;\n\n    @media (min-width: 768px) {\n      border-radius: 1.6rem 1.6rem 0 0;\n    }\n\n    .chat-controls {\n      display: flex;\n    }\n\n    pn-button.minimize-btn {\n      button.pn-button {\n        padding-bottom: 0;\n        margin-right: 1rem;\n\n        .pn-button-content {\n          align-items: flex-end;\n          position: absolute;\n          bottom: 0px;\n        }\n      }\n    }\n  }\n\n  .chat-header #chat-title {\n    margin: 0;\n    font-size: 1.6rem;\n    font-weight: 500;\n    line-height: 1;\n    height: 100%;\n    align-content: center;\n  }\n\n  .chat-main {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    overflow-y: auto;\n    gap: $spacing;\n    padding: $spacing;\n    padding-bottom: $spacing * 2;\n    background-color: $white;\n\n    &.loading-chat-main {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n    }\n  }\n\n  .chat-loading-spinner {\n    background-color: $blue700;\n    width: 4.8rem;\n    height: 4.8rem;\n    border-radius: 4.8rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .chat-loading-content {\n    color: $gray900;\n    font-size: 1.6rem;\n    font-weight: 400;\n  }\n\n  .chat-overview {\n    text-align: center;\n  }\n\n  .chat-messages {\n    display: flex;\n    flex-direction: column;\n    gap: $spacing;\n    text-align: center;\n  }\n\n  .card-container {\n    .slider-wrapper {\n      margin: 0;\n    }\n\n    $card-gap: 1rem;\n\n    .slides-container {\n      display: flex;\n      gap: $card-gap;\n    }\n\n    .slide:nth-child(even) [data-card] {\n      width: calc(100% - $card-gap);\n    }\n  }\n\n  @keyframes pulse {\n\n    0%,\n    100% {\n      opacity: 1;\n      transform: scale(1);\n    }\n\n    50% {\n      opacity: 0.5;\n      transform: scale(0.95);\n    }\n  }\n\n  .chat-footer {\n    background: $white;\n    border-top: 1px solid $gray50;\n    border-radius: 0 0 1.6rem 1.6rem;\n  }\n\n  .chat-footer .form {\n    display: flex;\n    gap: 0.7rem;\n    padding: 1rem;\n  }\n\n  .chat-input-container {\n    display: flex;\n    flex-grow: 1;\n    justify-content: space-between;\n    gap: 0.7rem;\n    background: $gray25;\n    border-radius: 6.4rem;\n\n    .chat-text-input {\n      border: none;\n      background: transparent;\n      width: 100%;\n      outline: 0.2rem solid transparent;\n      outline-offset: 0.2rem;\n      padding-left: 1.6rem;\n\n      &:focus {\n        border-radius: 6.4rem;\n      }\n\n      &:focus-visible {\n        outline-color: $blue700;\n      }\n\n      &::placeholder {\n        top: 2px;\n        position: relative;\n        color: $gray400;\n      }\n    }\n\n    .chat-disabled-button {\n      display: flex;\n      width: 3.5em;\n      min-height: 3em;\n      min-width: 0;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n\n  &.minimized {\n    background: transparent;\n    border: initial;\n    box-shadow: initial;\n    max-width: 50px;\n    max-height: 50px;\n    min-width: initial;\n    min-height: initial;\n    transform: scale(0.95);\n\n    cursor: pointer;\n\n    .minimize-btn,\n    .close-btn {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n\n      button {\n        display: none;\n      }\n    }\n\n    .chat-main,\n    .chat-footer {\n      display: none;\n    }\n  }\n\n  &.closed {\n    display: none;\n  }\n\n  .open-chat-btn {\n    .pn-button {\n      width: 5.6rem;\n      height: 5.6rem;\n    }\n\n    .pn-icon svg {\n      width: 3.2rem;\n      height: 3.2rem;\n    }\n  }\n\n  .indicator-icon {\n    padding: 0.2rem 0.8rem;\n    margin-right: auto;\n    margin-top: 1rem;\n    margin-bottom: 2rem;\n    visibility: hidden;\n  }\n\n  .minimize-btn,\n  .close-btn {\n    .pn-button pn-icon .pn-icon-svg path {\n      fill: $blue700;\n    }\n  }\n}\n\nbody.chat-open {\n  @media (max-width: 768px) {\n    overflow: hidden;\n  }\n}","import { Component, h, Prop, State, Host, Watch, Listen, Fragment } from '@stencil/core';\nimport { minus, close, arrow_right, talk_bubble, submit } from 'pn-design-assets/pn-assets/icons.js';\nimport { AgentMessage, BaseMessage, ButtonMessage, CardMessage, ChatMessage, ChatMessages, CustomerSegment, LinkMessage } from './types';\nimport { LocalStorageService } from '@/globals/LocalStorageService';\nimport { JSX } from 'react';\nimport { PnChatService } from './pn-chat.service';\nimport { translations } from './translations';\nimport type { Translationsi18n } from './types';\n\n@Component({\n  tag: 'pn-chat',\n  styleUrl: 'pn-chat.scss',\n})\nexport class PnChat {\n  @Prop() endpoint!: string;\n  @Prop() customerSegment!: CustomerSegment;\n  @Prop() mainHeading: string = '';\n  @Prop() relatedContentAriaLabel: string;\n  @Prop() chatMinimizedAriaLabel: string;\n  @Prop() chatOpenedAriaLabel: string;\n  @Prop() minimizeChatAriaLabel: string;\n  @Prop() closeChatAriaLabel: string;\n  @Prop() openChatAriaLabel: string;\n  @Prop() chatControlsAriaLabel: string;\n  @Prop() chatMessagesAriaLabel: string;\n  @Prop() sentMessageAriaLabel: string;\n  @Prop() writeChatMessagePlaceholder: string;\n  @Prop() waitingForAnswerLabel: string;\n  @Prop() sendButtonText: string;\n  @Prop() loadingText: string;\n  @Prop() carouselSlidesToShow: number = 1;\n  @Prop() messages: string;\n  @Prop() language: string = 'sv';\n  @Prop() market: string = 'se';\n  @Prop() itemId?: string = '';\n  @Prop() pnChatId: string = '00000000-0000-0000-0000-000000000000';\n  @Prop() forceOpen: boolean = false;\n  @Prop() isLoggedIn: boolean = false;\n\n  @State() private message: string = '';\n  @State() private messagesData: ChatMessages;\n  @State() private isMinimized: boolean = true;\n  @State() private isClosed: boolean = false;\n  @State() private lastMessageId: string = '';\n  @State() i18n: any;\n\n  private chatId: string;\n\n  private readonly _defaultChatId: string = '00000000-0000-0000-0000-000000000000';\n  private readonly _defaultAlternativeChatId: string = '1';\n  private readonly chatLocalStorageKey = 'sf-chat-state';\n  private chatMessagesContainer?: HTMLElement;\n  private chatRef?: HTMLDivElement;\n  private inputRef?: HTMLInputElement;\n  private storage: LocalStorageService = new LocalStorageService();\n  private _chatService: PnChatService;\n  private _chatSegment: string = \"#chat\";\n  private _forceClose: boolean = false;\n\n  componentWillLoad(): void {\n    this._forceClose = false;\n    this._chatService = new PnChatService(this.endpoint, this.market, this.language);\n    this.messagesData = {\n      header: {},\n      messages: [],\n    };\n    let storageId = this.storage.get(this.chatLocalStorageKey);\n\n    if (storageId && storageId.isLoggedIn === !this.isLoggedIn) {\n      this.storage.remove(this.chatLocalStorageKey);\n    }\n    else if (storageId && storageId.chatId) {\n      this.chatId = storageId?.chatId ?? this.chatId;\n    }\n\n    this.setTranslations();\n\n    setInterval(() => {\n      this.updateChat();\n    }, 1500);\n  }\n\n  setTranslations() {\n    if (this.language && translations[this.language]) {\n      this.i18n = translations[this.language];\n    }\n  }\n\n  private getTranslation(key: keyof Translationsi18n): string {\n    const value = this[key];\n    if (value === undefined || value === null || value === '') {\n      return translations[this.language]?.[key] ?? translations['en'][key];\n    }\n    return value;\n  }\n\n  private async updateChat() {\n    if (this.isMinimized || this.isClosed) {\n      return;\n    }\n\n    let prevLastMessageId = this.lastMessageId;\n\n    await this._chatService.fetchMessages(this.chatId, this.messagesData).then(newMessages => {\n      this.lastMessageId = this._chatService.GetLastMessageId(newMessages?.messages, this.lastMessageId);\n      let htmlCollection = document.getElementsByClassName('pn-chat-before');\n      let elements = Array.from(htmlCollection);\n\n      newMessages.messages.forEach(message => {\n        elements.forEach(element => {\n          if (message.content != null && (element.textContent.trim() === message.content.trim() || element.textContent.trim().includes(message.content.trim()))) {\n            element.remove();\n          }\n        });\n        this.renderMessage(message);\n      });\n\n      if (prevLastMessageId !== this.lastMessageId) {\n        this._chatService.updateLastMessageId(this.chatId, this.lastMessageId);\n        this.messagesData = newMessages;\n        newMessages.messages.forEach(message => {\n          this.renderMessage(message);\n        });\n      }\n    });\n  }\n\n  private async setStartValues() {\n    if (this._forceClose) {\n      this._forceClose = false;\n      return;\n    }\n\n    if ((!this.chatId || this.chatId === this._defaultChatId || this.chatId === this._defaultAlternativeChatId) && !this.isMinimized) {\n      this.chatId = await this._chatService.startChat(this.pnChatId, this.itemId);\n      this.storage.set(this.chatLocalStorageKey, { chatId: this.chatId, isLoggedIn: this.isLoggedIn });\n    }\n\n    if (this.chatId) {\n      this.storage.set(this.chatLocalStorageKey, { chatId: this.chatId, isLoggedIn: this.isLoggedIn });\n      await this.fetchMessages();\n      this.lastMessageId = this._chatService.GetLastMessageId(this.messagesData.messages, this.lastMessageId);\n    }\n  }\n\n  private async fetchMessages() {\n    let newMessages = await this._chatService.fetchMessages(this.chatId, this.messagesData).then(newMessages => {\n      this.lastMessageId = this._chatService.GetLastMessageId(this.messagesData.messages, this.lastMessageId);\n      this.messagesData = newMessages;\n      let htmlCollection = document.getElementsByClassName('pn-chat-before');\n      let elements = Array.from(htmlCollection);\n\n      newMessages.messages.forEach(message => {\n        elements.forEach(element => {\n          if (element.textContent.trim() === message.content.trim() || element.textContent.trim().includes(message.content.trim())) {\n            element.remove();\n          }\n        });\n        this.renderMessage(message);\n      });\n      return newMessages;\n    });\n  }\n\n  private async handleSend() {\n    if (!this.message?.trim()) {\n      return;\n    }\n\n    let message = this.message;\n    this.message = '';\n    this.createBeforeElement(message);\n\n    let responseId = await this._chatService.sendMessage(message, this.itemId, this.chatId, this.lastMessageId, 'Text');\n    this.lastMessageId = responseId;\n    this.lastMessageId = this._chatService.GetLastMessageId(this.messagesData.messages, this.lastMessageId);\n\n    this.announceToScreenReader(this.getTranslation('sentMessageAriaLabel'));\n  };\n\n  private groupMessages(): JSX.Element[] {\n    const result: JSX.Element[] = [];\n    let currentCardGroup: CardMessage[] = [];\n\n    const flushCardGroup = () => {\n      if (currentCardGroup.length > 0) {\n        const carouselData = {\n          slides: currentCardGroup.map(card => {\n            const cardHtml = `\n              <pn-chat-message customerSegment=${this.customerSegment} data-card role=\"article\" category=${card.category}>\n                <h2 class=\"card-heading\">${card.heading}</h2>\n                <p>${card.content}</p>\n                ${card.buttons\n                ?.map(\n                  button => `\n                  <pn-button\n                    href=\"${button.href}\"\n                    class=\"${button.class}\"\n                    appearance=\"${button.appearance}\"\n                    variant=\"${button.variant}\"\n                    small=\"${button.small}\"\n                    role=\"button\"\n                  >\n                    ${button.content}\n                  </pn-button>\n                `,\n                )\n                .join('') || ''\n              }\n              </pn-chat-message>\n            `;\n            return cardHtml;\n          }),\n        };\n        result.push(\n          <pn-marketweb-carousel\n            class=\"card-container\"\n            nextButtonLabel=\"Next\"\n            previousButtonLabel=\"Previous\"\n            ariaNavigationLabel={this.getTranslation('relatedContentAriaLabel')}\n            slidesToShow={this.carouselSlidesToShow}\n            source={JSON.stringify(carouselData)}\n          ></pn-marketweb-carousel>,\n        );\n        currentCardGroup = [];\n      }\n    };\n\n    this.messagesData.messages.forEach((message, index) => {\n      if (message.category === 'Card') {\n        currentCardGroup.push(message as CardMessage);\n\n        if (index === this.messagesData.messages.length - 1 || this.messagesData.messages[index + 1]?.category !== 'Card') {\n          flushCardGroup();\n        }\n      } else {\n        flushCardGroup();\n        result.push(this.renderMessage(message));\n      }\n    });\n\n    return result;\n  }\n\n  private handleKeyPress = (event: KeyboardEvent) => {\n    if (event.key === 'Enter' && this.message.trim()) {\n      event.preventDefault();\n      this.handleSend();\n    }\n  };\n\n  private handleSendMessage = (event: MouseEvent) => {\n    if (this.message.trim()) {\n      event.preventDefault();\n      this.handleSend();\n    }\n  }\n\n  private handleButtonKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      (event.target as HTMLElement).click();\n    }\n  }\n\n  @Listen('keydown')\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Escape' && this.isMinimized && !this.isClosed) {\n      this.toggleChat();\n    }\n  }\n\n  @Watch('messages')\n  handleMessagesChange(newMessage: string): void {\n    if (newMessage) {\n      this.handleSend();\n    }\n  }\n\n  @Watch('pnChatId')\n  handleNewChatId() {\n    this.chatId = this.pnChatId === this._defaultAlternativeChatId ? this._defaultChatId : this.pnChatId;\n    this.messagesData.messages = [];\n    this.isMinimized = false;\n    this.setStartValues();\n  }\n\n  @Watch('forceOpen')\n  handleSameChatId() {\n    this.isMinimized = false;\n  }\n\n  @Watch('isMinimized')\n  scrollToBottom() {\n    const observer = new MutationObserver((_, obs) => {\n      const chatMain = document.getElementById('chat-main');\n      if (chatMain) {\n        setTimeout(() => {\n          chatMain.scrollTo({\n            top: chatMain.scrollHeight,\n            behavior: 'smooth'\n          });\n        }, 500)\n        obs.disconnect();\n      }\n    });\n    observer.observe(document.body, { childList: true, subtree: true, });\n  }\n\n  private closeChat = () => {\n    this._forceClose = true;\n    this.storage.remove(this.chatLocalStorageKey);\n    this.chatId = null;\n    this.pnChatId = this._defaultChatId;\n    let chatElement = document.getElementsByTagName('pn-chat')[0];\n    chatElement.setAttribute('item-id', '');\n\n    let hasActiveShipmentInUrl = window.location.href.includes(this._chatSegment);\n    if (hasActiveShipmentInUrl) {\n      this.isMinimized = !this.isMinimized;\n      this.announceToScreenReader(this.isMinimized ? this.getTranslation('chatMinimizedAriaLabel') : this.getTranslation('chatOpenedAriaLabel'));\n      document.body.classList.toggle('chat-open');\n      window.location.href = window.location.href.split(this._chatSegment)[0];\n    }\n    else {\n      this._forceClose = false;\n      this.toggleChat();\n    }\n  }\n\n  private toggleChat = () => {\n    this.isMinimized = !this.isMinimized;\n    this.announceToScreenReader(this.isMinimized ? this.getTranslation('chatMinimizedAriaLabel') : this.getTranslation('chatOpenedAriaLabel'));\n    document.body.classList.toggle('chat-open');\n\n    if (!this.isMinimized && !this.chatId) {\n      this.setStartValues();\n    }\n  };\n\n  private announceToScreenReader(message: string) {\n    const announcement = document.createElement('div');\n    announcement.setAttribute('role', 'status');\n    announcement.setAttribute('aria-live', 'polite');\n    announcement.classList.add('sr-only');\n    announcement.textContent = message;\n    document.body.appendChild(announcement);\n    setTimeout(() => announcement.remove(), 1000);\n  }\n\n  private renderMessage(message: ChatMessage): JSX.Element {\n    switch (message.category) {\n      case 'Bot':\n        return this.renderBaseMessage(message);\n      case 'Button':\n        return this.renderButtonMessage(message);\n      case 'ButtonResponse':\n        return this.renderBaseMessage(message);\n      case 'Link':\n        return this.renderLinkMessage(message);\n      case 'Card':\n        return this.renderCardMessage(message);\n      case 'User':\n        return this.renderBaseMessage(message);\n      case 'Agent':\n        return this.renderAgentMessage(message);\n      case 'System':\n        return this.renderBaseMessage(message);\n    }\n  }\n\n  private renderBaseMessage(message: BaseMessage): JSX.Element {\n    return (\n      <pn-chat-message customerSegment={this.customerSegment} category={message.category} agentName='' role=\"log\" aria-live=\"polite\">\n        {message.content}\n      </pn-chat-message>\n    );\n  }\n\n  private renderAgentMessage(message: AgentMessage): JSX.Element {\n    return (\n      <pn-chat-message customerSegment={this.customerSegment} category={message.category} agentName={message.agentName} role=\"log\" aria-live=\"polite\">\n        {message.content}\n      </pn-chat-message>\n    );\n  }\n\n  private renderButtonMessage(message: ButtonMessage): JSX.Element {\n    let props = {};\n\n    if (message?.props) {\n      try {\n        props = JSON.parse(message.props);\n      } catch (error) {\n        console.error('Error parsing button props', error instanceof Error ? error.message : 'Unknown error');\n        return;\n      }\n    }\n\n    const handleClick = (event: MouseEvent) => {\n      const button = (event.target as HTMLElement).closest('button');\n\n      if (button === null || button?.hasAttribute('disabled')) {\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n\n      if (props['data-action'] === 'minimize') {\n        this.toggleChat();\n      }\n\n      if (props['data-action'] === 'choice') {\n        (async () => {\n          await this.handleSendChoice(props['data-option-choice'], message.content);\n        })();\n\n        const choiceButtons = document.querySelectorAll('[data-action=\"choice\"]');\n        choiceButtons.forEach(pnButton  => {\n          const buttonInner = pnButton.querySelector('button');\n          buttonInner?.setAttribute('disabled', 'true');\n        });\n      }\n    };\n\n    return (\n      <pn-chat-message customerSegment={this.customerSegment} category={message.category}>\n        <pn-button class={message.class} role=\"button\" {...props} onClick={handleClick} onKeyDown={e => this.handleButtonKeyDown(e)}>\n          {message.content}\n        </pn-button>\n      </pn-chat-message>\n    );\n  }\n\n  private createBeforeElement(content: string) {\n    const targetElement = this.chatMessagesContainer;\n    const chatMessage = document.createElement('pn-chat-message');\n    chatMessage.setAttribute('customerSegment', this.customerSegment);\n    chatMessage.setAttribute('category', 'User');\n    chatMessage.classList.add('pn-chat-before');\n    chatMessage.textContent = content;\n\n    targetElement.appendChild(chatMessage);\n    this.scrollToBottom();\n    chatMessage.scrollIntoView();\n  }\n\n  private async handleSendChoice(choiceId: string, content: string) {\n    this.createBeforeElement(content);\n\n    let responseId = await this._chatService.sendMessage(choiceId, this.itemId, this.chatId, this.lastMessageId, 'Choice');\n    this.lastMessageId = responseId;\n    this.lastMessageId = this._chatService.GetLastMessageId(this.messagesData.messages, this.lastMessageId);\n\n    this.announceToScreenReader(this.getTranslation('sentMessageAriaLabel'));\n  }\n\n  private renderLinkMessage(message: LinkMessage): JSX.Element {\n    return (\n      <pn-chat-message customerSegment={this.customerSegment} category={message.category}>\n        <a href={message.href} role=\"link\" rel=\"noopener noreferrer\">\n          <span class=\"content\">{message.content}</span>\n          <pn-icon icon={arrow_right} color=\"blue700\" aria-hidden=\"true\" role=\"presentation\" />\n        </a>\n      </pn-chat-message>\n    );\n  }\n\n  private renderCardMessage(message: CardMessage): JSX.Element {\n    return (\n      <pn-chat-message customerSegment={this.customerSegment} category={message.category} data-card role=\"article\">\n        <h2 class=\"card-heading\">{message.heading}</h2>\n        <p>{message.content}</p>\n        {message.buttons && (\n          <div class=\"cta\">\n            {message.buttons?.map(button => (\n              <pn-button\n                href={button.href}\n                class={button.class}\n                appearance={button.appearance}\n                variant={button.variant}\n                small={button.small}\n                role=\"button\"\n                onKeyDown={e => this.handleButtonKeyDown(e)}\n              >\n                {button.content}\n              </pn-button>\n            ))}\n          </div>\n        )}\n      </pn-chat-message>\n    );\n  }\n\n  render() {\n    const mainId = 'chat-main';\n    const inputId = 'chat-input';\n    const headerButton = this.messagesData?.header.button;\n\n    return (\n      <Host class={this.customerSegment}>\n        {!this.isClosed && this.messagesData && (\n          <div\n            class={`pn-chat ${this.isMinimized ? 'minimized' : ''} ${this.isClosed ? 'closed' : ''}`}\n            ref={el => (this.chatRef = el as HTMLDivElement)}\n            role=\"region\"\n            aria-label={this.mainHeading}\n          >\n            {!this.isMinimized && (\n              <Fragment>\n                <header class=\"chat-header\" role=\"banner\">\n                  <h1 id=\"chat-title\">{this.mainHeading}</h1>\n                  <div class=\"chat-controls\" role=\"toolbar\" aria-label={this.getTranslation('chatControlsAriaLabel')}>\n                    <pn-button\n                      icon={minus}\n                      icon-only=\"true\"\n                      class=\"minimize-btn\"\n                      onClick={this.toggleChat}\n                      aria-expanded={!this.isMinimized}\n                      aria-controls={mainId}\n                      aria-label={this.getTranslation('minimizeChatAriaLabel')}\n                      appearance=\"light\"\n                      tooltip={this.getTranslation('minimizeChatAriaLabel')}\n                      small=\"true\"\n                    />\n                    <pn-button\n                      icon={close}\n                      icon-only=\"true\"\n                      class=\"close-btn\"\n                      onClick={this.closeChat}\n                      aria-expanded={!this.isMinimized}\n                      aria-label={this.getTranslation('closeChatAriaLabel')}\n                      appearance=\"light\"\n                      tooltip={this.getTranslation('closeChatAriaLabel')}\n                      small=\"true\"\n                    />\n                  </div>\n                </header>\n                {(this.messagesData?.messages?.length ?? 0) > 0 ?\n                  (<main id={mainId} class=\"chat-main\" role=\"main\" aria-labelledby=\"chat-title\">\n                    {this.messagesData.header && (\n                      <div class=\"chat-overview\">\n                        <div class=\"body\">{this.messagesData.header.body}</div>\n                        {headerButton && (\n                          <pn-button\n                            href={headerButton.href}\n                            class={headerButton.class}\n                            appearance={headerButton.appearance}\n                            variant={headerButton.variant}\n                            small={headerButton.small}\n                            role=\"button\"\n                            onKeyDown={e => this.handleButtonKeyDown(e)}\n                          >\n                            {headerButton.content}\n                          </pn-button>\n                        )}\n                      </div>\n                    )}\n                    <div ref={el => (this.chatMessagesContainer = el as HTMLElement)} class=\"chat-messages\" role=\"log\" aria-live=\"polite\" aria-label={this.getTranslation('chatMessagesAriaLabel')}>\n                      {this.groupMessages()}\n                    </div>\n                    <pn-icon\n                      class=\"indicator-icon\"\n                      aria-label={this.getTranslation('waitingForAnswerLabel')}\n                      role=\"presentation\"\n                    ></pn-icon>\n                  </main>)\n                  : (<main id={mainId} class=\"chat-main loading-chat-main\" role=\"main\" aria-labelledby=\"chat-title\">\n                    <div class=\"chat-loading-spinner\">\n                      <pn-spinner light=\"true\" size=\"1.5\"></pn-spinner>\n                    </div>\n                    <span class=\"chat-loading-content\">{this.getTranslation('loadingText')}</span>\n                  </main>)}\n                <footer class=\"chat-footer\" role=\"contentinfo\">\n                  <div class=\"form\" role=\"form\" aria-labelledby={inputId}>\n                    <label htmlFor={inputId} class=\"sr-only\">\n                      {this.getTranslation('writeChatMessagePlaceholder')}\n                    </label>\n                    <div class=\"chat-input-container\">\n                      <input\n                        id={inputId}\n                        class=\"chat-text-input\"\n                        ref={el => (this.inputRef = el as HTMLInputElement)}\n                        type=\"text\"\n                        placeholder={this.getTranslation('writeChatMessagePlaceholder')}\n                        value={this.message}\n                        onInput={(e: Event) => (this.message = (e.target as HTMLInputElement).value)}\n                        onKeyPress={this.handleKeyPress}\n                        maxLength={3990}\n                      />\n                      {!this.message.trim() ? (\n                        <div\n                          class=\"chat-disabled-button\"\n                          role=\"button\"\n                          aria-label={this.getTranslation('sendButtonText')}\n                          aria-disabled=\"true\"\n                          tabIndex={-1}>\n                          <pn-icon color=\"gray400\" icon={submit}></pn-icon>\n                        </div>\n                      ) : (\n                        <pn-button\n                          icon-only=\"true\"\n                          variant=\"borderless\"\n                          appearance=\"light\"\n                          icon={submit}\n                          onClick={this.handleSendMessage}\n                          disabled={!this.message.trim()}\n                          aria-label={this.getTranslation('sendButtonText')}\n                          tooltip={this.getTranslation('sendButtonText')}>\n                        </pn-button>\n                      )}\n                    </div>\n                  </div>\n                </footer>\n              </Fragment>\n            )}\n            {this.isMinimized && (\n              <pn-button\n                icon={talk_bubble}\n                icon-only=\"true\"\n                class=\"open-chat-btn\"\n                onClick={this.toggleChat}\n                tooltip={this.getTranslation('openChatAriaLabel')}\n                aria-label={this.getTranslation('openChatAriaLabel')}\n                aria-expanded={!this.isMinimized}\n              ></pn-button>\n            )}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}"],"mappings":"qQAAA,MAAMA,EAAO,2aACN,MAAMC,EAASD,ECDtB,MAAMA,EAAO,kfACN,MAAME,EAAcF,ECDpB,MAAMG,EAAe,CAC1BC,GAAM,CACJC,wBAAyB,qBACzBC,uBAAwB,uBACxBC,oBAAqB,mBACrBC,sBAAuB,mBACvBC,mBAAoB,gBACpBC,kBAAmB,gBACnBC,sBAAuB,kBACvBC,sBAAuB,mBACvBC,qBAAsB,qBACtBC,4BAA6B,0BAC7BC,sBAAuB,iBACvBC,eAAgB,SAChBC,YAAa,aAEfC,GAAM,CACJb,wBAAyB,kBACzBC,uBAAwB,oBACxBC,oBAAqB,eACrBC,sBAAuB,gBACvBC,mBAAoB,aACpBC,kBAAmB,YACnBC,sBAAuB,gBACvBC,sBAAuB,gBACvBC,qBAAsB,eACtBC,4BAA6B,oBAC7BC,sBAAuB,qBACvBC,eAAgB,OAChBC,YAAa,cAEfE,GAAM,CACJd,wBAAyB,oBACzBC,uBAAwB,uBACxBC,oBAAqB,kBACrBC,sBAAuB,kBACvBC,mBAAoB,cACpBC,kBAAmB,cACnBC,sBAAuB,iBACvBC,sBAAuB,eACvBC,qBAAsB,eACtBC,4BAA6B,qBAC7BC,sBAAuB,iBACvBC,eAAgB,OAChBC,YAAa,eAEfG,GAAM,CACJf,wBAAyB,mBACzBC,uBAAwB,sBACxBC,oBAAqB,kBACrBC,sBAAuB,kBACvBC,mBAAoB,eACpBC,kBAAmB,eACnBC,sBAAuB,iBACvBC,sBAAuB,gBACvBC,qBAAsB,gBACtBC,4BAA6B,sBAC7BC,sBAAuB,iBACvBC,eAAgB,OAChBC,YAAa,aAEfI,GAAM,CACJhB,wBAAyB,6BACzBC,uBAAwB,4BACxBC,oBAAqB,qBACrBC,sBAAuB,sBACvBC,mBAAoB,mBACpBC,kBAAmB,kBACnBC,sBAAuB,uBACvBC,sBAAuB,oBACvBC,qBAAsB,mBACtBC,4BAA6B,qBAC7BC,sBAAuB,sBACvBC,eAAgB,SAChBC,YAAa,gBC1EjB,MAAMK,EAAY,ooIAClB,MAAAC,EAAeD,E,MCYFE,EAAM,M,iGAGa,G,yeAcS,E,sCAEZ,K,YACF,K,YACC,G,cACC,uC,eACE,M,gBACC,M,aAEK,G,6CAEK,K,cACH,M,mBACI,G,oBAGjCC,OAESC,eAAyB,uCACzBC,0BAAoC,IACpCC,oBAAsB,gBAC/BC,sBACAC,QACAC,SACAC,QAA+B,IAAIC,EACnCC,aACAC,aAAuB,QACvBC,YAAuB,MAE/B,iBAAAC,GACEC,KAAKF,YAAc,MACnBE,KAAKJ,aAAe,IAAIK,EAAcD,KAAKE,SAAUF,KAAKG,OAAQH,KAAKI,UACvEJ,KAAKK,aAAe,CAClBC,OAAQ,GACRC,SAAU,IAEZ,IAAIC,EAAYR,KAAKN,QAAQe,IAAIT,KAAKV,qBAEtC,GAAIkB,GAAaA,EAAUE,cAAgBV,KAAKU,WAAY,CAC1DV,KAAKN,QAAQiB,OAAOX,KAAKV,oB,MAEtB,GAAIkB,GAAaA,EAAUrB,OAAQ,CACtCa,KAAKb,OAASqB,GAAWrB,QAAUa,KAAKb,M,CAG1Ca,KAAKY,kBAELC,aAAY,KACVb,KAAKc,YAAY,GAChB,K,CAGL,eAAAF,GACE,GAAIZ,KAAKI,UAAYvC,EAAamC,KAAKI,UAAW,CAChDJ,KAAKe,KAAOlD,EAAamC,KAAKI,S,EAI1B,cAAAY,CAAeC,GACrB,MAAMC,EAAQlB,KAAKiB,GACnB,GAAIC,IAAUC,WAAaD,IAAU,MAAQA,IAAU,GAAI,CACzD,OAAOrD,EAAamC,KAAKI,YAAYa,IAAQpD,EAAa,MAAMoD,E,CAElE,OAAOC,C,CAGD,gBAAMJ,GACZ,GAAId,KAAKoB,aAAepB,KAAKqB,SAAU,CACrC,M,CAGF,IAAIC,EAAoBtB,KAAKuB,oBAEvBvB,KAAKJ,aAAa4B,cAAcxB,KAAKb,OAAQa,KAAKK,cAAcoB,MAAKC,IACzE1B,KAAKuB,cAAgBvB,KAAKJ,aAAa+B,iBAAiBD,GAAanB,SAAUP,KAAKuB,eACpF,IAAIK,EAAiBC,SAASC,uBAAuB,kBACrD,IAAIC,EAAWC,MAAMC,KAAKL,GAE1BF,EAAYnB,SAAS2B,SAAQC,IAC3BJ,EAASG,SAAQE,IACf,GAAID,EAAQE,SAAW,OAASD,EAAQE,YAAYC,SAAWJ,EAAQE,QAAQE,QAAUH,EAAQE,YAAYC,OAAOC,SAASL,EAAQE,QAAQE,SAAU,CACrJH,EAAQzB,Q,KAGZX,KAAKyC,cAAcN,EAAQ,IAG7B,GAAIb,IAAsBtB,KAAKuB,cAAe,CAC5CvB,KAAKJ,aAAa8C,oBAAoB1C,KAAKb,OAAQa,KAAKuB,eACxDvB,KAAKK,aAAeqB,EACpBA,EAAYnB,SAAS2B,SAAQC,IAC3BnC,KAAKyC,cAAcN,EAAQ,G,KAM3B,oBAAMQ,GACZ,GAAI3C,KAAKF,YAAa,CACpBE,KAAKF,YAAc,MACnB,M,CAGF,KAAME,KAAKb,QAAUa,KAAKb,SAAWa,KAAKZ,gBAAkBY,KAAKb,SAAWa,KAAKX,6BAA+BW,KAAKoB,YAAa,CAChIpB,KAAKb,aAAea,KAAKJ,aAAagD,UAAU5C,KAAK6C,SAAU7C,KAAK8C,QACpE9C,KAAKN,QAAQqD,IAAI/C,KAAKV,oBAAqB,CAAEH,OAAQa,KAAKb,OAAQuB,WAAYV,KAAKU,Y,CAGrF,GAAIV,KAAKb,OAAQ,CACfa,KAAKN,QAAQqD,IAAI/C,KAAKV,oBAAqB,CAAEH,OAAQa,KAAKb,OAAQuB,WAAYV,KAAKU,mBAC7EV,KAAKwB,gBACXxB,KAAKuB,cAAgBvB,KAAKJ,aAAa+B,iBAAiB3B,KAAKK,aAAaE,SAAUP,KAAKuB,c,EAIrF,mBAAMC,SACYxB,KAAKJ,aAAa4B,cAAcxB,KAAKb,OAAQa,KAAKK,cAAcoB,MAAKC,IAC3F1B,KAAKuB,cAAgBvB,KAAKJ,aAAa+B,iBAAiB3B,KAAKK,aAAaE,SAAUP,KAAKuB,eACzFvB,KAAKK,aAAeqB,EACpB,IAAIE,EAAiBC,SAASC,uBAAuB,kBACrD,IAAIC,EAAWC,MAAMC,KAAKL,GAE1BF,EAAYnB,SAAS2B,SAAQC,IAC3BJ,EAASG,SAAQE,IACf,GAAIA,EAAQE,YAAYC,SAAWJ,EAAQE,QAAQE,QAAUH,EAAQE,YAAYC,OAAOC,SAASL,EAAQE,QAAQE,QAAS,CACxHH,EAAQzB,Q,KAGZX,KAAKyC,cAAcN,EAAQ,IAE7B,OAAOT,CAAW,G,CAId,gBAAMsB,GACZ,IAAKhD,KAAKmC,SAASI,OAAQ,CACzB,M,CAGF,IAAIJ,EAAUnC,KAAKmC,QACnBnC,KAAKmC,QAAU,GACfnC,KAAKiD,oBAAoBd,GAEzB,IAAIe,QAAmBlD,KAAKJ,aAAauD,YAAYhB,EAASnC,KAAK8C,OAAQ9C,KAAKb,OAAQa,KAAKuB,cAAe,QAC5GvB,KAAKuB,cAAgB2B,EACrBlD,KAAKuB,cAAgBvB,KAAKJ,aAAa+B,iBAAiB3B,KAAKK,aAAaE,SAAUP,KAAKuB,eAEzFvB,KAAKoD,uBAAuBpD,KAAKgB,eAAe,wB,CAG1C,aAAAqC,GACN,MAAMC,EAAwB,GAC9B,IAAIC,EAAkC,GAEtC,MAAMC,EAAiB,KACrB,GAAID,EAAiBE,OAAS,EAAG,CAC/B,MAAMC,EAAe,CACnBC,OAAQJ,EAAiBK,KAAIC,IAC3B,MAAMC,EAAW,oDACoB9D,KAAK+D,qDAAqDF,EAAKG,uDACrEH,EAAKI,oCAC3BJ,EAAKxB,gCACRwB,EAAKK,SACLN,KACAO,GAAU,6DAEAA,EAAOC,qCACND,EAAOE,2CACFF,EAAOG,6CACVH,EAAOI,wCACTJ,EAAOK,uFAGdL,EAAO9B,8DAIZoC,KAAK,KAAO,qDAIjB,OAAOX,CAAQ,KAGnBR,EAAOoB,KACLC,EAAA,yBACEN,MAAM,iBACNO,gBAAgB,OAChBC,oBAAoB,WACpBC,oBAAqB9E,KAAKgB,eAAe,2BACzC+D,aAAc/E,KAAKgF,qBACnBC,OAAQC,KAAKC,UAAUzB,MAG3BH,EAAmB,E,GAIvBvD,KAAKK,aAAaE,SAAS2B,SAAQ,CAACC,EAASiD,KAC3C,GAAIjD,EAAQ6B,WAAa,OAAQ,CAC/BT,EAAiBmB,KAAKvC,GAEtB,GAAIiD,IAAUpF,KAAKK,aAAaE,SAASkD,OAAS,GAAKzD,KAAKK,aAAaE,SAAS6E,EAAQ,IAAIpB,WAAa,OAAQ,CACjHR,G,MAEG,CACLA,IACAF,EAAOoB,KAAK1E,KAAKyC,cAAcN,G,KAInC,OAAOmB,C,CAGD+B,eAAkBC,IACxB,GAAIA,EAAMrE,MAAQ,SAAWjB,KAAKmC,QAAQI,OAAQ,CAChD+C,EAAMC,iBACNvF,KAAKgD,Y,GAIDwC,kBAAqBF,IAC3B,GAAItF,KAAKmC,QAAQI,OAAQ,CACvB+C,EAAMC,iBACNvF,KAAKgD,Y,GAID,mBAAAyC,CAAoBH,GAC1B,GAAIA,EAAMrE,MAAQ,SAAWqE,EAAMrE,MAAQ,IAAK,CAC9CqE,EAAMC,iBACLD,EAAMI,OAAuBC,O,EAKlC,aAAAC,CAAcN,GACZ,GAAIA,EAAMrE,MAAQ,UAAYjB,KAAKoB,cAAgBpB,KAAKqB,SAAU,CAChErB,KAAK6F,Y,EAKT,oBAAAC,CAAqBC,GACnB,GAAIA,EAAY,CACd/F,KAAKgD,Y,EAKT,eAAAgD,GACEhG,KAAKb,OAASa,KAAK6C,WAAa7C,KAAKX,0BAA4BW,KAAKZ,eAAiBY,KAAK6C,SAC5F7C,KAAKK,aAAaE,SAAW,GAC7BP,KAAKoB,YAAc,MACnBpB,KAAK2C,gB,CAIP,gBAAAsD,GACEjG,KAAKoB,YAAc,K,CAIrB,cAAA8E,GACE,MAAMC,EAAW,IAAIC,kBAAiB,CAACC,EAAGC,KACxC,MAAMC,EAAW1E,SAAS2E,eAAe,aACzC,GAAID,EAAU,CACZE,YAAW,KACTF,EAASG,SAAS,CAChBC,IAAKJ,EAASK,aACdC,SAAU,UACV,GACD,KACHP,EAAIQ,Y,KAGRX,EAASY,QAAQlF,SAASmF,KAAM,CAAEC,UAAW,KAAMC,QAAS,M,CAGtDC,UAAY,KAClBnH,KAAKF,YAAc,KACnBE,KAAKN,QAAQiB,OAAOX,KAAKV,qBACzBU,KAAKb,OAAS,KACda,KAAK6C,SAAW7C,KAAKZ,eACrB,IAAIgI,EAAcvF,SAASwF,qBAAqB,WAAW,GAC3DD,EAAYE,aAAa,UAAW,IAEpC,IAAIC,EAAyBC,OAAOC,SAASrD,KAAK5B,SAASxC,KAAKH,cAChE,GAAI0H,EAAwB,CAC1BvH,KAAKoB,aAAepB,KAAKoB,YACzBpB,KAAKoD,uBAAuBpD,KAAKoB,YAAcpB,KAAKgB,eAAe,0BAA4BhB,KAAKgB,eAAe,wBACnHa,SAASmF,KAAKU,UAAUC,OAAO,aAC/BH,OAAOC,SAASrD,KAAOoD,OAAOC,SAASrD,KAAKwD,MAAM5H,KAAKH,cAAc,E,KAElE,CACHG,KAAKF,YAAc,MACnBE,KAAK6F,Y,GAIDA,WAAa,KACnB7F,KAAKoB,aAAepB,KAAKoB,YACzBpB,KAAKoD,uBAAuBpD,KAAKoB,YAAcpB,KAAKgB,eAAe,0BAA4BhB,KAAKgB,eAAe,wBACnHa,SAASmF,KAAKU,UAAUC,OAAO,aAE/B,IAAK3H,KAAKoB,cAAgBpB,KAAKb,OAAQ,CACrCa,KAAK2C,gB,GAID,sBAAAS,CAAuBjB,GAC7B,MAAM0F,EAAehG,SAASiG,cAAc,OAC5CD,EAAaP,aAAa,OAAQ,UAClCO,EAAaP,aAAa,YAAa,UACvCO,EAAaH,UAAUK,IAAI,WAC3BF,EAAavF,YAAcH,EAC3BN,SAASmF,KAAKgB,YAAYH,GAC1BpB,YAAW,IAAMoB,EAAalH,UAAU,I,CAGlC,aAAA8B,CAAcN,GACpB,OAAQA,EAAQ6B,UACd,IAAK,MACH,OAAOhE,KAAKiI,kBAAkB9F,GAChC,IAAK,SACH,OAAOnC,KAAKkI,oBAAoB/F,GAClC,IAAK,iBACH,OAAOnC,KAAKiI,kBAAkB9F,GAChC,IAAK,OACH,OAAOnC,KAAKmI,kBAAkBhG,GAChC,IAAK,OACH,OAAOnC,KAAKoI,kBAAkBjG,GAChC,IAAK,OACH,OAAOnC,KAAKiI,kBAAkB9F,GAChC,IAAK,QACH,OAAOnC,KAAKqI,mBAAmBlG,GACjC,IAAK,SACH,OAAOnC,KAAKiI,kBAAkB9F,G,CAI5B,iBAAA8F,CAAkB9F,GACxB,OACEwC,EAAA,mBAAiBZ,gBAAiB/D,KAAK+D,gBAAiBC,SAAU7B,EAAQ6B,SAAUsE,UAAU,GAAGC,KAAK,MAAK,YAAW,UACnHpG,EAAQE,Q,CAKP,kBAAAgG,CAAmBlG,GACzB,OACEwC,EAAA,mBAAiBZ,gBAAiB/D,KAAK+D,gBAAiBC,SAAU7B,EAAQ6B,SAAUsE,UAAWnG,EAAQmG,UAAWC,KAAK,MAAK,YAAW,UACpIpG,EAAQE,Q,CAKP,mBAAA6F,CAAoB/F,GAC1B,IAAIqG,EAAQ,GAEZ,GAAIrG,GAASqG,MAAO,CAClB,IACEA,EAAQtD,KAAKuD,MAAMtG,EAAQqG,M,CAC3B,MAAOE,GACPC,QAAQD,MAAM,6BAA8BA,aAAiBE,MAAQF,EAAMvG,QAAU,iBACrF,M,EAIJ,MAAM0G,EAAevD,IACnB,MAAMnB,EAAUmB,EAAMI,OAAuBoD,QAAQ,UAErD,GAAI3E,IAAW,MAAQA,GAAQ4E,aAAa,YAAa,CACvDzD,EAAMC,iBACND,EAAM0D,kBACN,M,CAGF,GAAIR,EAAM,iBAAmB,WAAY,CACvCxI,KAAK6F,Y,CAGP,GAAI2C,EAAM,iBAAmB,SAAU,CACrC,iBACQxI,KAAKiJ,iBAAiBT,EAAM,sBAAuBrG,EAAQE,QAClE,EAFD,GAIA,MAAM6G,EAAgBrH,SAASsH,iBAAiB,0BAChDD,EAAchH,SAAQkH,IACpB,MAAMC,EAAcD,EAASE,cAAc,UAC3CD,GAAa/B,aAAa,WAAY,OAAO,G,GAKnD,OACE3C,EAAA,mBAAiBZ,gBAAiB/D,KAAK+D,gBAAiBC,SAAU7B,EAAQ6B,UACxEW,EAAA,aAAWN,MAAOlC,EAAQkC,MAAOkE,KAAK,YAAaC,EAAOe,QAASV,EAAaW,UAAWC,GAAKzJ,KAAKyF,oBAAoBgE,IACtHtH,EAAQE,S,CAMT,mBAAAY,CAAoBZ,GAC1B,MAAMqH,EAAgB1J,KAAKT,sBAC3B,MAAMoK,EAAc9H,SAASiG,cAAc,mBAC3C6B,EAAYrC,aAAa,kBAAmBtH,KAAK+D,iBACjD4F,EAAYrC,aAAa,WAAY,QACrCqC,EAAYjC,UAAUK,IAAI,kBAC1B4B,EAAYrH,YAAcD,EAE1BqH,EAAc1B,YAAY2B,GAC1B3J,KAAKkG,iBACLyD,EAAYC,gB,CAGN,sBAAMX,CAAiBY,EAAkBxH,GAC/CrC,KAAKiD,oBAAoBZ,GAEzB,IAAIa,QAAmBlD,KAAKJ,aAAauD,YAAY0G,EAAU7J,KAAK8C,OAAQ9C,KAAKb,OAAQa,KAAKuB,cAAe,UAC7GvB,KAAKuB,cAAgB2B,EACrBlD,KAAKuB,cAAgBvB,KAAKJ,aAAa+B,iBAAiB3B,KAAKK,aAAaE,SAAUP,KAAKuB,eAEzFvB,KAAKoD,uBAAuBpD,KAAKgB,eAAe,wB,CAG1C,iBAAAmH,CAAkBhG,GACxB,OACEwC,EAAA,mBAAiBZ,gBAAiB/D,KAAK+D,gBAAiBC,SAAU7B,EAAQ6B,UACxEW,EAAA,KAAGP,KAAMjC,EAAQiC,KAAMmE,KAAK,OAAOuB,IAAI,uBACrCnF,EAAA,QAAMN,MAAM,WAAWlC,EAAQE,SAC/BsC,EAAA,WAASjH,KAAMqM,EAAaC,MAAM,UAAS,cAAa,OAAOzB,KAAK,kB,CAMpE,iBAAAH,CAAkBjG,GACxB,OACEwC,EAAA,mBAAiBZ,gBAAiB/D,KAAK+D,gBAAiBC,SAAU7B,EAAQ6B,SAAQ,iBAAYuE,KAAK,WACjG5D,EAAA,MAAIN,MAAM,gBAAgBlC,EAAQ8B,SAClCU,EAAA,SAAIxC,EAAQE,SACXF,EAAQ+B,SACPS,EAAA,OAAKN,MAAM,OACRlC,EAAQ+B,SAASN,KAAIO,GACpBQ,EAAA,aACEP,KAAMD,EAAOC,KACbC,MAAOF,EAAOE,MACdC,WAAYH,EAAOG,WACnBC,QAASJ,EAAOI,QAChBC,MAAOL,EAAOK,MACd+D,KAAK,SACLiB,UAAWC,GAAKzJ,KAAKyF,oBAAoBgE,IAExCtF,EAAO9B,Y,CAStB,MAAA4H,GACE,MAAMC,EAAS,YACf,MAAMC,EAAU,aAChB,MAAMC,EAAepK,KAAKK,cAAcC,OAAO6D,OAE/C,OACEQ,EAAC0F,EAAI,CAAApJ,IAAA,2CAACoD,MAAOrE,KAAK+D,kBACd/D,KAAKqB,UAAYrB,KAAKK,cACtBsE,EAAA,OAAA1D,IAAA,2CACEoD,MAAO,WAAWrE,KAAKoB,YAAc,YAAc,MAAMpB,KAAKqB,SAAW,SAAW,KACpFiJ,IAAKC,GAAOvK,KAAKR,QAAU+K,EAC3BhC,KAAK,SAAQ,aACDvI,KAAKwK,cAEfxK,KAAKoB,aACLuD,EAAC8F,EAAQ,CAAAxJ,IAAA,4CACP0D,EAAA,UAAA1D,IAAA,2CAAQoD,MAAM,cAAckE,KAAK,UAC/B5D,EAAA,MAAA1D,IAAA,2CAAIyJ,GAAG,cAAc1K,KAAKwK,aAC1B7F,EAAA,OAAA1D,IAAA,2CAAKoD,MAAM,gBAAgBkE,KAAK,UAAS,aAAavI,KAAKgB,eAAe,0BACxE2D,EAAA,aAAA1D,IAAA,2CACEvD,KAAMiN,EAAK,YACD,OACVtG,MAAM,eACNkF,QAASvJ,KAAK6F,WAAU,iBACR7F,KAAKoB,YAAW,gBACjB8I,EAAM,aACTlK,KAAKgB,eAAe,yBAChCsD,WAAW,QACXsG,QAAS5K,KAAKgB,eAAe,yBAC7BwD,MAAM,SAERG,EAAA,aAAA1D,IAAA,2CACEvD,KAAMmN,EAAK,YACD,OACVxG,MAAM,YACNkF,QAASvJ,KAAKmH,UAAS,iBACPnH,KAAKoB,YAAW,aACpBpB,KAAKgB,eAAe,sBAChCsD,WAAW,QACXsG,QAAS5K,KAAKgB,eAAe,sBAC7BwD,MAAM,YAIVxE,KAAKK,cAAcE,UAAUkD,QAAU,GAAK,EAC3CkB,EAAA,QAAM+F,GAAIR,EAAQ7F,MAAM,YAAYkE,KAAK,OAAM,kBAAiB,cAC9DvI,KAAKK,aAAaC,QACjBqE,EAAA,OAAKN,MAAM,iBACTM,EAAA,OAAKN,MAAM,QAAQrE,KAAKK,aAAaC,OAAO0G,MAC3CoD,GACCzF,EAAA,aACEP,KAAMgG,EAAahG,KACnBC,MAAO+F,EAAa/F,MACpBC,WAAY8F,EAAa9F,WACzBC,QAAS6F,EAAa7F,QACtBC,MAAO4F,EAAa5F,MACpB+D,KAAK,SACLiB,UAAWC,GAAKzJ,KAAKyF,oBAAoBgE,IAExCW,EAAa/H,UAKtBsC,EAAA,OAAK2F,IAAKC,GAAOvK,KAAKT,sBAAwBgL,EAAoBlG,MAAM,gBAAgBkE,KAAK,MAAK,YAAW,SAAQ,aAAavI,KAAKgB,eAAe,0BACnJhB,KAAKqD,iBAERsB,EAAA,WACEN,MAAM,iBAAgB,aACVrE,KAAKgB,eAAe,yBAChCuH,KAAK,kBAGN5D,EAAA,QAAM+F,GAAIR,EAAQ7F,MAAM,8BAA8BkE,KAAK,OAAM,kBAAiB,cACnF5D,EAAA,OAAKN,MAAM,wBACTM,EAAA,cAAYmG,MAAM,OAAOC,KAAK,SAEhCpG,EAAA,QAAMN,MAAM,wBAAwBrE,KAAKgB,eAAe,iBAE5D2D,EAAA,UAAA1D,IAAA,2CAAQoD,MAAM,cAAckE,KAAK,eAC/B5D,EAAA,OAAA1D,IAAA,2CAAKoD,MAAM,OAAOkE,KAAK,OAAM,kBAAkB4B,GAC7CxF,EAAA,SAAA1D,IAAA,2CAAO+J,QAASb,EAAS9F,MAAM,WAC5BrE,KAAKgB,eAAe,gCAEvB2D,EAAA,OAAA1D,IAAA,2CAAKoD,MAAM,wBACTM,EAAA,SAAA1D,IAAA,2CACEyJ,GAAIP,EACJ9F,MAAM,kBACNiG,IAAKC,GAAOvK,KAAKP,SAAW8K,EAC5BU,KAAK,OACLC,YAAalL,KAAKgB,eAAe,+BACjCE,MAAOlB,KAAKmC,QACZgJ,QAAU1B,GAAczJ,KAAKmC,QAAWsH,EAAE/D,OAA4BxE,MACtEkK,WAAYpL,KAAKqF,eACjBgG,UAAW,QAEXrL,KAAKmC,QAAQI,OACboC,EAAA,OACEN,MAAM,uBACNkE,KAAK,SAAQ,aACDvI,KAAKgB,eAAe,kBAAiB,gBACnC,OACdsK,UAAW,GACX3G,EAAA,WAASqF,MAAM,UAAUtM,KAAMC,KAGjCgH,EAAA,yBACY,OACVJ,QAAQ,aACRD,WAAW,QACX5G,KAAMC,EACN4L,QAASvJ,KAAKwF,kBACd+F,UAAWvL,KAAKmC,QAAQI,OAAM,aAClBvC,KAAKgB,eAAe,kBAChC4J,QAAS5K,KAAKgB,eAAe,wBAQ1ChB,KAAKoB,aACJuD,EAAA,aAAA1D,IAAA,2CACEvD,KAAME,EAAW,YACP,OACVyG,MAAM,gBACNkF,QAASvJ,KAAK6F,WACd+E,QAAS5K,KAAKgB,eAAe,qBAAoB,aACrChB,KAAKgB,eAAe,qBAAoB,iBACpChB,KAAKoB,e","ignoreList":[]}

package/pn-market-web-components/pn-market-web-components.esm.js

@@ -1,2 +1,2 @@
-import{p as e,H as a,b as t}from"./p-b3a13b6a.js";export{s as setNonce}from"./p-b3a13b6a.js";import{g as n}from"./p-e1255160.js";var o=()=>{{i(a.prototype)}const t=import.meta.url;const n={};if(t!==""){n.resourcesUrl=new URL(".",t).href}return e(n)};var i=e=>{const a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}const t=a.call(this,false);const n=this.childNodes;if(e){for(let e=0;e<n.length;e++){if(n[e].nodeType!==2){t.appendChild(n[e].cloneNode(true))}}}return t}};o().then((async e=>{await n();return t(JSON.parse('[["p-d18b9aff",[[4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"siteid":[1],"environment":[1537],"userToken":[1,"user-token"],"userFullname":[1,"user-fullname"],"userLoggedin":[516,"user-loggedin"],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideHomeMenuItem":[1540,"hide-home-menu-item"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"showProfileSelection":[1540,"show-profile-selection"],"showUnifiedLogin":[4,"show-unified-login"],"siteDomainInUrls":[4,"site-domain-in-urls"],"AutocompleteEndpoint":[1,"autocomplete-endpoint"],"sessionForward":[4,"session-forward"],"cache":[4],"searchPlaceholder":[1,"search-placeholder"],"spaMode":[4,"spa-mode"],"checkUserLoggedInStateInterval":[2,"check-user-logged-in-state-interval"],"useMarketwebLogin":[4,"use-marketweb-login"],"pageId":[1,"page-id"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32],"loggedIn":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]],{"language":["onLanguageChange"],"market":["onMarketChange"]}]]],["p-368aa69f",[[0,"pn-proxio-findprice",{"endpoint":[1025],"language":[1025],"market":[1025],"showMedium":[4,"show-medium"],"showInternational":[4,"show-international"],"maxAbroadKg":[2,"max-abroad-kg"],"weightListName":[1,"weight-list-name"],"cache":[4],"filteredItems":[32],"weight":[32],"weightvalue":[32],"countrycodevalue":[32],"sizecategory":[32],"data":[32]},null,{"market":["setState"],"language":["setState"],"sizecategory":["filterItems"],"weightvalue":["filterItems"],"countrycodevalue":["filterItems"]}]]],["p-34cb1e2e",[[0,"pn-find-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"weight":[32],"weightvalue":[32],"sourceData":[32],"sizecategory":[32]},null,{"market":["setState"],"language":["setState"],"sizecategory":["filterItems"],"weightvalue":["filterItems"]}]]],["p-92e8e287",[[0,"pn-find-service-and-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"postagetype":[32],"weight":[32],"weightvalue":[32],"deliveryscope":[32],"sourceData":[32]},null,{"market":["setState"],"language":["setState"],"postagetype":["filterItems"],"deliveryscope":["filterItems"],"weightvalue":["filterItems"]}]]],["p-6b6aeeab",[[4,"pn-product-pricelist",{"source":[1],"language":[1025],"market":[1025],"productid":[1],"filteredItems":[32],"sourceData":[32],"gotData":[32],"loading":[32],"postagetype":[32],"weight":[32],"weightvalue":[32]},null,{"market":["setState"],"language":["setState"],"postagetype":["filterItems"],"weightvalue":["filterItems"]}]]],["p-317fcddf",[[0,"pn-proxio-pricegroup",{"endpoint":[1025],"language":[1],"market":[1],"tariffid":[1],"cache":[4],"activeWeightIndex":[32],"data":[32],"i18n":[32]},[[0,"activeWeightIndex","setActiveWeightIndex"],[0,"language","setLanguage"]]]]],["p-b20d2e1b",[[0,"pn-product-pricelist-result",{"item":[1040],"description":[16],"shownitems":[16],"showMeasurement":[4,"show-measurement"],"weightText":[32]},null,{"item":["composeItems"]}]]],["p-24bfee5d",[[4,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"siteDomainInUrls":[4,"site-domain-in-urls"],"cache":[4],"theme":[513],"backgroundcolor":[513],"showSwan":[4,"show-swan"],"headingLevel":[1,"heading-level"],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]},null,{"language":["onLanguageChange"],"market":["onMarketChange"]}]]],["p-0f2148b7",[[4,"pn-media-block",{"blockHeight":[1,"block-height"],"imageSrc":[1,"image-src"],"imageSrcSmallScreenFormat":[1,"image-src-small-screen-format"],"imageAltText":[1,"image-alt-text"],"videoSrc":[1,"video-src"],"parallaxScroll":[4,"parallax-scroll"],"showOverlayLayer":[4,"show-overlay-layer"],"customOverlayBackground":[1,"custom-overlay-background"],"animateOverlayBackground":[4,"animate-overlay-background"],"scrollSnapBlock":[4,"scroll-snap-block"],"fixedBackground":[4,"fixed-background"],"blockHeading":[1,"block-heading"],"blockHeadingLevel":[1,"block-heading-level"],"blockPreamble":[1,"block-preamble"],"marginBottom":[4,"margin-bottom"],"pnPlayOnScrollObserverOptions":[32],"calculatedBlockHeight":[32],"hasButtonSlot":[32]}]]],["p-8afc2d30",[[0,"pn-chat",{"endpoint":[1],"customerSegment":[1,"customer-segment"],"mainHeading":[1,"main-heading"],"relatedContentAriaLabel":[1,"related-content-aria-label"],"chatMinimizedAriaLabel":[1,"chat-minimized-aria-label"],"chatOpenedAriaLabel":[1,"chat-opened-aria-label"],"minimizeChatAriaLabel":[1,"minimize-chat-aria-label"],"closeChatAriaLabel":[1,"close-chat-aria-label"],"openChatAriaLabel":[1,"open-chat-aria-label"],"chatControlsAriaLabel":[1,"chat-controls-aria-label"],"chatMessagesAriaLabel":[1,"chat-messages-aria-label"],"sentMessageAriaLabel":[1,"sent-message-aria-label"],"writeChatMessagePlaceholder":[1,"write-chat-message-placeholder"],"waitingForAnswerLabel":[1,"waiting-for-answer-label"],"sendButtonText":[1,"send-button-text"],"loadingText":[1,"loading-text"],"carouselSlidesToShow":[2,"carousel-slides-to-show"],"messages":[1],"language":[1],"market":[1],"itemId":[1,"item-id"],"pnChatId":[1,"pn-chat-id"],"forceOpen":[4,"force-open"],"isLoggedIn":[4,"is-logged-in"],"message":[32],"messagesData":[32],"isMinimized":[32],"isClosed":[32],"lastMessageId":[32],"i18n":[32]},[[0,"keydown","handleKeyDown"]],{"messages":["handleMessagesChange"],"pnChatId":["handleNewChatId"],"forceOpen":["handleSameChatId"],"isMinimized":["scrollToBottom"]}]]],["p-778ae152",[[0,"pn-level-up",{"heading":[1],"headingLevel":[8,"heading-level"],"preamble":[1],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"endpoint":[1],"webModalContinueOtherDeviceLabel":[1,"web-modal-continue-other-device-label"],"webModalContinueThisDeviceLabel":[1,"web-modal-continue-this-device-label"],"mobileModalContinueThisDeviceLabel":[1,"mobile-modal-continue-this-device-label"],"mobileModalContinueOtherDeviceLabel":[1,"mobile-modal-continue-other-device-label"],"modalInstructionPhoneLineOne":[1,"modal-instruction-phone-line-one"],"modalInstructionPhoneLineTwo":[1,"modal-instruction-phone-line-two"],"modalInstructionPhoneLineThree":[1,"modal-instruction-phone-line-three"],"modalHeadingText":[1,"modal-heading-text"],"modalOutdatedQRMessage":[1,"modal-outdated-q-r-message"],"modalExpiresInMessage":[1,"modal-expires-in-message"],"qrAriaLabel":[1,"qr-aria-label"],"leveledupMessage":[1,"leveledup-message"],"isLeveledUp":[4,"is-leveled-up"],"isLoading":[32],"isRecentLeveledUp":[32],"errorMessage":[32]}]]],["p-dc11fc75",[[0,"pn-multi-row-connected-dropdown",{"dropdownData":[1,"dropdown-data"],"languageCode":[1,"language-code"],"label":[1],"firstDropdownLabel":[1,"first-dropdown-label"],"secondDropdownLabel":[1,"second-dropdown-label"],"dropdownPlaceholder":[1,"dropdown-placeholder"],"addRowText":[1,"add-row-text"],"inputFieldLabel":[1,"input-field-label"],"inputFieldPlaceholder":[1,"input-field-placeholder"],"disabledDates":[1,"disabled-dates"],"dateButtonText":[1,"date-button-text"],"datePlaceholder":[1,"date-placeholder"],"dateDaysFromToday":[2,"date-days-from-today"],"allowMultipleRows":[4,"allow-multiple-rows"],"allowMultipleDates":[4,"allow-multiple-dates"],"startDateLabel":[1,"start-date-label"],"endDateLabel":[1,"end-date-label"],"multiDateHelperText":[1,"multi-date-helper-text"],"generateDatesButtonText":[1,"generate-dates-button-text"],"saveDateButtonText":[1,"save-date-button-text"],"noDatesText":[1,"no-dates-text"],"yearsToAddToEndDate":[2,"years-to-add-to-end-date"],"minAmount":[2,"min-amount"],"errorMessageEmpty":[1,"error-message-empty"],"errorMessageMinAmount":[1,"error-message-min-amount"],"minWarningAmount":[2,"min-warning-amount"],"warningMessageMinAmount":[1,"warning-message-min-amount"],"rowCount":[32],"rowData":[32],"formValues":[32]},[[0,"rowValueChange","predefinedValueChange"],[0,"deleteRowEvent","deleteRowEvent"]]]]],["p-e9d495e3",[[0,"pn-dropdown-with-multi-input-rows",{"dropdownData":[1,"dropdown-data"],"languageCode":[1,"language-code"],"firstDropdownLabel":[1,"first-dropdown-label"],"firstDropdownHelperText":[1,"first-dropdown-helper-text"],"secondDropdownLabel":[1,"second-dropdown-label"],"secondDropdownHelperText":[1,"second-dropdown-helper-text"],"secondDropdownMax":[2,"second-dropdown-max"],"deleteMultipleRowsWarningText":[1,"delete-multiple-rows-warning-text"],"confirmDeleteButtonText":[1,"confirm-delete-button-text"],"abortDeleteButtonText":[1,"abort-delete-button-text"],"firstInputLabel":[1,"first-input-label"],"firstInputPlaceholder":[1,"first-input-placeholder"],"firstInputMin":[2,"first-input-min"],"firstInputMax":[2,"first-input-max"],"firstInputWarning":[2,"first-input-warning"],"firstInputWarningText":[1,"first-input-warning-text"],"firstInputLowErrorText":[1,"first-input-low-error-text"],"firstInputHighErrorText":[1,"first-input-high-error-text"],"secondInputLabel":[1,"second-input-label"],"secondInputPlaceholder":[1,"second-input-placeholder"],"secondInputMin":[2,"second-input-min"],"secondInputMax":[2,"second-input-max"],"secondInputWarning":[2,"second-input-warning"],"secondInputWarningText":[1,"second-input-warning-text"],"secondInputLowErrorText":[1,"second-input-low-error-text"],"secondInputHighErrorText":[1,"second-input-high-error-text"],"disabledDates":[1,"disabled-dates"],"dateLabel":[1,"date-label"],"datePlaceholder":[1,"date-placeholder"],"dateDaysFromToday":[2,"date-days-from-today"],"yearsToAddToEndDate":[2,"years-to-add-to-end-date"],"sumFieldLabel":[1,"sum-field-label"],"addRowText":[1,"add-row-text"],"elementHelperText":[1,"element-helper-text"],"dropdownDataRoot":[32],"secondDropdownArr":[32],"rowData":[32],"formValues":[32],"firstValidDateString":[32],"lastValidDateString":[32],"rowSum":[32],"minRowCount":[32],"showDeleteConfirm":[32],"i18n":[32]},[[0,"rowValueChange","predefinedValueChange"],[0,"firstInputChange","predefinedValueChange"],[0,"secondInputChange","predefinedValueChange"],[0,"deleteRowEvent","deleteRowEvent"]],{"languageCode":["setTranslations"]}]]],["p-7a721a2a",[[0,"pn-multiple-input",{"label":[1],"placeholder":[1],"addRowButtonText":[1,"add-row-button-text"],"rowData":[32]}]]],["p-aee65729",[[0,"pn-parcel-tracker",{"formActionUrl":[1,"form-action-url"],"heading":[1],"buttonLabel":[1,"button-label"],"locale":[1],"placeholder":[1],"inputName":[1,"input-name"],"currentWidth":[32]},[[9,"resize","handleViewportSizeChange"]]]]],["p-02cc3319",[[0,"pn-pex-pricefinder",{"language":[1],"currency":[1],"apiUrl":[1,"api-url"],"i18n":[32],"fromzip":[32],"tozip":[32],"weight":[32],"when":[32],"response":[32]},[[0,"language","setLanguage"]]]]],["p-bb5a6883",[[0,"pn-share",{"link":[1],"language":[1537],"i18n":[32]},null,{"language":["onLanguageChange"]}]]],["p-d07efc2e",[[4,"pn-stats-info",{"heading":[1],"dataArray":[1,"data-array"],"backgroundUrl":[1,"background-url"],"myParsedArray":[32]},null,{"dataArray":["parseMyArrayProp"]}]]],["p-133c7313",[[0,"pn-address-autofill",{"market":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"countryCode":[1,"country-code"],"language":[1],"postalCodeProps":[1,"postal-code-props"],"cityProps":[1,"city-props"],"streetAddressProps":[1,"street-address-props"],"streetNumberProps":[1,"street-number-props"],"addressNotFoundError":[1,"address-not-found-error"],"postalCode":[32],"city":[32],"streetAddress":[32],"streetNumber":[32],"validAddress":[32],"translation":[32],"postalCodeRequiredLabel":[32],"streetRequiredLabel":[32],"fullAddress":[32],"isLoading":[32]}]]],["p-4aa7cec5",[[4,"pn-animated-tile",{"toggled":[32],"transitionClassName":[32],"animateIcon":[32]},null,{"toggled":["onToggledHandler"]}]]],["p-ebba8dd2",[[0,"pn-app-banner",{"appName":[1,"app-name"],"appDescription":[1,"app-description"],"ctaText":[1,"cta-text"],"appleStoreLink":[1,"apple-store-link"],"googleStoreLink":[1,"google-store-link"],"isClosed":[32],"storeLink":[32],"isLocalStorageAvailable":[32]}]]],["p-ed5c0dcc",[[4,"pn-bonus-progressbar",{"icon":[1],"heading":[1],"sumtext":[513],"theme":[513],"bonuspercentage":[1],"currency":[513],"value":[1538],"min":[1538],"max":[1538],"valuepercentage":[32],"progresspercentage":[32],"levelValues":[32],"currentLevelAdjustedValue":[32]},null,{"currentLevelAdjustedValue":["setValuePercentage"],"value":["setValuePercentage"],"min":["setValuePercentage"],"max":["setValuePercentage"]}]]],["p-3737defb",[[0,"pn-bonus-progressbar-level",{"current":[516],"value":[1538],"bonuspercentage":[1537],"visualpercentage":[1538],"percentage":[32],"max":[32],"min":[32],"currency":[32]}]]],["p-096cbbcb",[[0,"pn-breakpoints",{"breakPointClass":[1,"break-point-class"],"currentWidth":[32]},[[9,"resize","handleViewportSizeChange"]]]]],["p-b697755f",[[0,"pn-chart",{"labels":[1],"dataSets":[1,"data-sets"],"dataChartType":[8,"data-chart-type"],"myChartCtxRef":[32]},null,{"dataSets":["dataChangeHandler"],"labels":["labelsChangeHandler"]}]]],["p-1cb0f3fa",[[4,"pn-charts-card",{"header":[1],"highlight":[1],"preamble":[1],"label":[1],"source":[1],"sourceUrl":[1,"source-url"],"ctaLinkText":[1,"cta-link-text"],"openInNewWindow":[4,"open-in-new-window"]}]]],["p-de55f656",[[4,"pn-cta-block",{"heading":[1],"bodyText":[1,"body-text"],"pnBackgroundColor":[1,"pn-background-color"],"isLarge":[4,"is-large"],"isCentered":[4,"is-centered"],"isSmall":[4,"is-small"],"contentTop":[4,"content-top"]}]]],["p-eafffc4b",[[4,"pn-customernumber-selector",{"language":[1537],"open":[1540],"heading":[1],"description":[1],"i18n":[32]}]]],["p-e1c20440",[[4,"pn-customernumber-selector-option",{"heading":[1],"description":[1],"url":[1]}]]],["p-9fc3711d",[[0,"pn-date-and-time",{"languageCode":[1,"language-code"],"dateAndTimeLabel":[1,"date-and-time-label"],"dateDaysFromToday":[2,"date-days-from-today"],"validTimeRangeMinutes":[2,"valid-time-range-minutes"],"errorMessage":[1,"error-message"],"dateHelperText":[1,"date-helper-text"],"timeHelperText":[1,"time-helper-text"],"disableWeekends":[4,"disable-weekends"],"disabledDates":[1,"disabled-dates"],"datePlaceholder":[1,"date-placeholder"],"minFromHour":[2,"min-from-hour"],"maxToHour":[2,"max-to-hour"],"language":[32],"hourArr":[32],"minuteArr":[32],"formValue":[32],"invalidTimespan":[32],"selectedDate":[32],"selectedFromHour":[32],"selectedFromMin":[32],"selectedToHour":[32],"selectedToMin":[32],"firstValidDateString":[32],"lastValidDateString":[32]}]]],["p-62ce6700",[[4,"pn-dropdown-choice-adds-row",{"dropdownData":[1,"dropdown-data"],"languageCode":[1,"language-code"],"addRowDropdownName":[1,"add-row-dropdown-name"],"addRowDropdownPlaceholder":[1,"add-row-dropdown-placeholder"],"addRowDropdownLabel":[1,"add-row-dropdown-label"],"rowNameLabel":[1,"row-name-label"],"rowHasDropdown":[4,"row-has-dropdown"],"rowDropdownLabel":[1,"row-dropdown-label"],"rowDropdownPlaceholder":[1,"row-dropdown-placeholder"],"rowInputLabel":[1,"row-input-label"],"rowDeleteButtonText":[1,"row-delete-button-text"],"totalInputLimit":[2,"total-input-limit"],"minimumInputLimit":[2,"minimum-input-limit"],"inputLimitWarning":[1,"input-limit-warning"],"inputEmptyWarning":[1,"input-empty-warning"],"inputLowError":[1,"input-low-error"],"dropdownEmptyWarning":[1,"dropdown-empty-warning"],"nextRowIndex":[32],"rowSelectDropdownArr":[32],"formValue":[32]},null,{"dropdownData":["dropdownDataWatcher"]}]]],["p-7526d49d",[[4,"pn-hero-block-international",{"heading":[1],"subHeading":[1,"sub-heading"],"preamble":[1],"animateLogo":[4,"animate-logo"],"showSideLoader":[4,"show-side-loader"],"centeredLayout":[4,"centered-layout"]}]]],["p-ad807e2c",[[0,"pn-line-shape"]]],["p-c6db243c",[[4,"pn-link-list",{"heading":[1],"label":[1],"preamble":[1],"url":[1],"showMoreLabel":[1,"show-more-label"],"showMoreUrl":[1,"show-more-url"]}]]],["p-0d67f0af",[[0,"pn-marketweb-icon",{"symbol":[1],"small":[4],"color":[1]}]]],["p-c7d41f58",[[1,"pn-marketweb-search",{"disabled":[4],"placeholder":[1],"inputid":[1],"name":[1],"autocomplete":[1],"list":[1],"value":[1],"label":[1],"loading":[4],"button":[1],"light":[4],"suggestionObserver":[32],"hasClonedInput":[32],"listSuggestion":[32]},[[0,"input","inputHandler"]]]]],["p-0b7d3d23",[[0,"pn-marketweb-siteheader-login-mypage-button",{"label":[1],"myPageUrl":[1,"my-page-url"]}]]],["p-6d6ae33e",[[0,"pn-marketweb-table",{"mainHeading":[1,"main-heading"],"mainHeadingLevel":[1,"main-heading-level"],"preamble":[1],"subHeadingLevel":[1,"sub-heading-level"],"headers":[1],"rows":[1],"showHeadersInCells":[4,"show-headers-in-cells"],"cellHeaderLevel":[1,"cell-header-level"],"tableRowCtaActionLabel":[1,"table-row-cta-action-label"],"imageColAriaHeader":[1,"image-col-aria-header"],"ctaColAriaHeader":[1,"cta-col-aria-header"],"checkForNewShipments":[4,"check-for-new-shipments"],"endpoint":[1],"language":[1],"market":[1],"toggleDetailLabel":[1,"toggle-detail-label"],"checkForChat":[4,"check-for-chat"],"value":[1537],"shipmentType":[1,"shipment-type"],"contentId":[1,"content-id"],"takeAmountRow":[2,"take-amount-row"],"shipmentCount":[2,"shipment-count"],"i18n":[32],"_headers":[32],"_rows":[32],"_allKeys":[32],"screenInfo":[32]},null,{"language":["onLanguageChange"]}]]],["p-44175dbd",[[4,"pn-product-tile"]]],["p-588525ac",[[4,"pn-profile-modal",{"heading":[1],"continueCtaText":[1,"continue-cta-text"],"choosenCompanyText":[1,"choosen-company-text"],"toText":[1,"to-text"],"chooseCustomerNumberText":[1,"choose-customer-number-text"],"isLoading":[32]},[[0,"urlSelected","onUrlSelected"]]]]],["p-e07d8b18",[[4,"pn-profile-modal-customernumber",{"url":[513],"customernumber":[513],"selected":[516]}]]],["p-e1ccd651",[[4,"pn-profile-modal-profile",{"heading":[513],"description":[513],"url":[513],"selected":[1028],"showCustomerNumbers":[516,"show-customer-numbers"],"pleaseSelectText":[513,"please-select-text"],"visible":[1540],"identifier":[32]}]]],["p-0b092a5c",[[4,"pn-profile-modal-type",{"typeid":[513],"name":[1025],"selected":[1028],"selectedprofile":[1025]},null,{"selected":["onSelectedChange"]}]]],["p-315b9cba",[[4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"heading":[1],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["p-fc5c33e7",[[0,"pn-profile-selector-option",{"heading":[1],"description":[1],"url":[1]}]]],["p-d3b4c8d7",[[4,"pn-quick-cta",{"heading":[1],"preamble":[1]}]]],["p-8b506b9b",[[4,"pn-quote-card",{"quote":[1],"name":[1],"occupation":[1]}]]],["p-9638d206",[[4,"pn-sidenav",{"language":[1],"navLabel":[1,"nav-label"],"i18n":[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]]],["p-46711387",[[4,"pn-sidenav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"alignment":[32]},null,{"isOpen":["onOpen"]}]]],["p-9b709942",[[4,"pn-sidenav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"icon":[1],"currentSelection":[4,"current-selection"],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["p-b3605a96",[[4,"pn-sidenav-togglebutton",{"label":[1],"i18n":[32]}]]],["p-5d8eb438",[[4,"pn-spotlight",{"heading":[1],"preamble":[1],"isDynamic":[4,"is-dynamic"],"addDynamic":[32]}]]],["p-6d263c6e",[[4,"pn-teaser-card",{"text":[1],"heading":[1],"label":[1],"headingLevel":[1,"heading-level"],"dataCardColor":[513,"data-card-color"],"dataCardAlignment":[513,"data-card-alignment"],"hasCtaSlotContent":[32],"hasIllustrationSlot":[32]}]]],["p-9c0243fd",[[4,"pn-usp-promoter",{"heading":[1],"headingExtension":[1,"heading-extension"],"bodyText":[1,"body-text"],"backgroundGradient":[1,"background-gradient"],"fullWidth":[4,"full-width"],"rightAlign":[4,"right-align"],"hideMobileImage":[4,"hide-mobile-image"]}]]],["p-4bf2c8ab",[[0,"pn-proxio-findprice-result",{"item":[1040],"activeweight":[1026],"shownitems":[16],"Usp1":[1,"usp-1"],"Usp2":[1,"usp-2"],"Usp3":[1,"usp-3"],"description":[16],"showMeasurement":[4,"show-measurement"],"showInternational":[4,"show-international"],"selectedCountrycode":[1,"selected-countrycode"],"market":[1],"language":[1025],"weightText":[32],"linkId":[32],"shopLabel":[32],"shopUrl":[32],"shopId":[32],"i18n":[32]},null,{"item":["composeItems"],"activeweight":["getPriceString","getProductLink"]}]]],["p-3a298543",[[0,"pn-find-service-and-price-result",{"item":[1040],"shownitems":[16],"weightText":[32]},null,{"item":["composeItems"]}]]],["p-3d11fd8a",[[0,"pn-play-on-scroll",{"videoSrc":[1,"video-src"],"observerOptions":[16],"showOverlay":[4,"show-overlay"],"videoId":[32],"isManuallyPaused":[32],"isPaused":[32]}]]],["p-02094ddb",[[0,"pn-level-up-modal",{"open":[516],"endpoint":[1],"instructionPhoneLineOne":[1,"instruction-phone-line-one"],"instructionPhoneLineTwo":[1,"instruction-phone-line-two"],"instructionPhoneLineThree":[1,"instruction-phone-line-three"],"headingText":[1,"heading-text"],"outdatedQRMessage":[1,"outdated-q-r-message"],"expiresInMessage":[1,"expires-in-message"],"system":[1],"qrAriaLabel":[1,"qr-aria-label"],"openModalToggle":[32],"isLoading":[32]},null,{"open":["updateOpen"]}]]],["p-ec7a8e5a",[[0,"pn-multi-row-connected-dropdown-row",{"dropdownData":[1,"dropdown-data"],"languageCode":[1,"language-code"],"label":[1],"firstDropdownLabel":[1,"first-dropdown-label"],"secondDropdownLabel":[1,"second-dropdown-label"],"dropdownPlaceholder":[1,"dropdown-placeholder"],"addRowText":[1,"add-row-text"],"inputFieldLabel":[1,"input-field-label"],"inputFieldPlaceholder":[1,"input-field-placeholder"],"disabledDates":[1,"disabled-dates"],"dateButtonText":[1,"date-button-text"],"datePlaceholder":[1,"date-placeholder"],"dateDaysFromToday":[2,"date-days-from-today"],"allowMultipleDates":[4,"allow-multiple-dates"],"startDateLabel":[1,"start-date-label"],"endDateLabel":[1,"end-date-label"],"multiDateHelperText":[1,"multi-date-helper-text"],"generateDatesButtonText":[1,"generate-dates-button-text"],"saveDateButtonText":[1,"save-date-button-text"],"noDatesText":[1,"no-dates-text"],"index":[2],"predefinedValue":[1,"predefined-value"],"yearsToAddToEndDate":[2,"years-to-add-to-end-date"],"minAmount":[2,"min-amount"],"errorMessageEmpty":[1,"error-message-empty"],"errorMessageMinAmount":[1,"error-message-min-amount"],"minWarningAmount":[2,"min-warning-amount"],"warningMessageMinAmount":[1,"warning-message-min-amount"],"buttonsArray":[32],"firstDropdownArr":[32],"secondDropdownArr":[32],"firstDropdownClass":[32],"secondDropdownClass":[32],"firstValidDateString":[32],"lastValidDateString":[32],"firstDropdownPlaceholder":[32],"secondDropdownPlaceholder":[32],"startDateValue":[32],"endDateValue":[32],"generatedDatesArr":[32],"selectedButtonValue":[32],"inputFieldValue":[32],"dateValue":[32],"daysArr":[32]},null,{"predefinedValue":["applyPredefinedValue"]}]]],["p-89272a6b",[[0,"pn-dropdown-with-multi-input-rows-row",{"languageCode":[1,"language-code"],"firstInputPlaceholder":[1,"first-input-placeholder"],"firstInputMin":[2,"first-input-min"],"firstInputMax":[2,"first-input-max"],"firstInputWarning":[2,"first-input-warning"],"firstInputWarningText":[1,"first-input-warning-text"],"firstInputLowErrorText":[1,"first-input-low-error-text"],"firstInputHighErrorText":[1,"first-input-high-error-text"],"secondInputPlaceholder":[1,"second-input-placeholder"],"secondInputMin":[2,"second-input-min"],"secondInputMax":[2,"second-input-max"],"secondInputWarning":[2,"second-input-warning"],"secondInputWarningText":[1,"second-input-warning-text"],"secondInputLowErrorText":[1,"second-input-low-error-text"],"secondInputHighErrorText":[1,"second-input-high-error-text"],"dateLabel":[1,"date-label"],"datePlaceholder":[1,"date-placeholder"],"firstValidDate":[1,"first-valid-date"],"lastValidDate":[1,"last-valid-date"],"predefinedValue":[1,"predefined-value"],"rowIndex":[2,"row-index"],"minRowCount":[2,"min-row-count"],"disabledDates":[1,"disabled-dates"],"showFirstInputWarning":[32],"showFirstInputLowError":[32],"showFirstInputHighError":[32],"showSecondInputWarning":[32],"showSecondInputLowError":[32],"showSecondInputHighError":[32],"firstInputValue":[32],"secondInputValue":[32],"dateValue":[32]},null,{"predefinedValue":["applyPredefinedValue"]}]]],["p-6e3c311a",[[4,"pn-share-item",{"link":[1],"text":[1]}]]],["p-2f324058",[[0,"pn-stats-info-data",{"format":[1],"formatStyle":[1,"format-style"],"startValue":[2,"start-value"],"data":[2],"unit":[1],"preamble":[1],"duration":[2],"index":[2],"hasBeenShown":[32],"compId":[32]},null,{"hasBeenShown":["watchStateHandlder"]}]]],["p-c030c263",[[0,"pn-find-price-result",{"item":[1040],"shownitems":[16],"Usp1":[1,"usp-1"],"Usp2":[1,"usp-2"],"Usp3":[1,"usp-3"],"description":[16],"showMeasurement":[4,"show-measurement"],"weightText":[32],"linkId":[32],"shopLabel":[32],"shopUrl":[32],"shopId":[32]},null,{"item":["composeItems"]}]]],["p-f97e58b8",[[4,"pn-chat-message",{"category":[1],"customerSegment":[1,"customer-segment"],"agentName":[1,"agent-name"]}],[0,"pn-marketweb-carousel",{"previousButtonLabel":[1,"previous-button-label"],"nextButtonLabel":[1,"next-button-label"],"ariaNavigationLabel":[1,"aria-navigation-label"],"source":[1],"slidesToShow":[2,"slides-to-show"],"showCarouselButtons":[4,"show-carousel-buttons"],"showFirstSlidePrevButton":[4,"show-first-slide-prev-button"],"showLastSlideNextButton":[4,"show-last-slide-next-button"],"slidesData":[32],"currentSlide":[32],"isDragging":[32],"slideWidth":[32],"goToSlide":[64],"getCurrentSlide":[64]},null,{"source":["handleSourceChange"]}]]],["p-5f904742",[[1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["p-b9774a2d",[[4,"pn-mainnav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["p-e69d8395",[[0,"pn-qr-code-generator",{"url":[1],"countdownSeconds":[2,"countdown-seconds"],"outdatedMessage":[1,"outdated-message"],"expiresInMessage":[1,"expires-in-message"],"updateCodeEverySecond":[4,"update-code-every-second"],"ariaLabel":[1,"aria-label"],"remainingSeconds":[32],"isOutdated":[32],"isFullscreen":[32]},null,{"url":["generateQRCode"]}]]],["p-d49d093f",[[4,"pn-site-footer",{"url":[1],"linktitle":[1],"theme":[513]}],[4,"pn-site-footer-col",{"theme":[513]}],[0,"pn-swan",{"licenseNumber":[1,"license-number"],"language":[1537],"linkTo":[1,"link-to"],"i18n":[32]},null,{"language":["onLanguageChange"]}]]],["p-f962fd3e",[[4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["p-6a5cb4ca",[[0,"pn-marketweb-input",{"disabled":[4],"error":[1],"invalid":[4],"helpertext":[1],"label":[1],"placeholder":[1],"inputid":[1],"name":[1],"required":[4],"type":[1025],"autocomplete":[1],"valid":[4],"value":[1],"maxlength":[1],"min":[1],"max":[1],"step":[1],"pattern":[1],"showText":[32]}]]],["p-a6941ea3",[[0,"pn-product-tile-info",{"label":[1],"text":[1],"icon":[1]}],[0,"pn-product-tile-price",{"label":[1],"amount":[1],"currency":[1],"url":[1]}]]],["p-6f1bf16b",[[4,"pn-scroll",{"observerOptions":[16],"behaviourClasses":[1,"behaviour-classes"],"transitionDurationSeconds":[2,"transition-duration-seconds"],"shouldLoop":[4,"should-loop"],"intersectFunc":[16],"notIntersectFunc":[16],"compId":[32]}],[0,"pn-video-overlay",{"language":[1],"isPaused":[4,"is-paused"],"showOverlay":[4,"show-overlay"],"i18n":[32]},null,{"language":["onLanguageChange"]}]]],["p-d5d1098a",[[0,"pn-marketweb-siteheader-login-linklist",{"heading":[1],"links":[16],"idNamespace":[1,"id-namespace"],"showUnifiedLogin":[4,"show-unified-login"]}]]],["p-5d70be75",[[4,"pn-titletag",{"icon":[1],"color":[1537]}]]],["p-60e3ba3d",[[0,"pn-marketweb-siteheader-login-links",{"loginDialog":[1040],"idNamespace":[1,"id-namespace"],"loggedin":[516],"username":[1],"showUnifiedLogin":[4,"show-unified-login"]},null,{"loginDialog":["init"]}],[0,"pn-marketweb-siteheader-login-profileselection",{"loginDialog":[1040],"endpoint":[1],"loggedin":[4],"idNamespace":[1,"id-namespace"],"heading":[1],"i18n":[16],"currentProfile":[1040],"profileoptions":[1040],"user":[32],"logoutLink":[32],"userName":[32],"userEmail":[32]}],[0,"pn-marketweb-siteheader-unified-login",{"loggedIn":[4,"logged-in"],"logInLabel":[1,"log-in-label"],"useMarketwebLogin":[4,"use-marketweb-login"],"environment":[1]}],[0,"pn-marketweb-siteheader-login-button",{"label":[1],"useMarketwebLogin":[4,"use-marketweb-login"],"environment":[1]}]]],["p-ab291285",[[0,"pn-marketweb-siteheader-login",{"endpoint":[1],"token":[1],"i18n":[16],"siteUrl":[1,"site-url"],"emitEvents":[4,"emit-events"],"loginDialog":[1040],"fullname":[1],"loggedin":[4],"showProfileSelection":[1028,"show-profile-selection"],"showUnifiedLogin":[4,"show-unified-login"],"checkUserLoggedInStateInterval":[2,"check-user-logged-in-state-interval"],"environment":[1],"useMarketwebLogin":[4,"use-marketweb-login"],"loginLinks":[32],"toggleButtonText":[32],"username":[32]},null,{"i18n":["init"],"loginDialog":["init"]}],[4,"pn-mainnav-level",{"label":[1537],"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"listCount":[32],"alignment":[32]},null,{"label":["setState"],"isOpen":["onOpen"]}],[4,"pn-language-selector",{"value":[1537],"selectedLanguageName":[32],"options":[32],"i18n":[32]},null,{"value":["setSelectedLanguageName","setTranslations","onValueChange"]}],[0,"pn-language-selector-option",{"name":[1],"code":[1],"url":[1],"selected":[4],"currentLanguage":[1,"current-language"]}],[4,"pn-mainnav",{"market":[1],"language":[1],"navigationId":[1,"navigation-id"],"openMenu":[1028,"open-menu"],"navLabel":[1,"nav-label"]},[[0,"language","setLanguage"],[0,"market","setMarket"],[0,"menuLanguageChange","onLanguageChange"],[0,"setmenuopenstate","setMenuOpenState"],[0,"openMenuLevelChange","onOpenMenuLevelChange"]]],[4,"pn-mainnav-list",{"heading":[1],"linkCount":[32]}],[0,"pn-marketweb-siteheader-search",{"i18n":[8,"i-1-8n"],"showOnlyLink":[1028,"show-only-link"],"hideSearch":[1028,"hide-search"],"language":[1537],"siteid":[1],"search":[1040],"primary":[4],"icononly":[4],"autoCompleteOptions":[32]}],[4,"pn-site-selector",{"buttontext":[1537],"heading":[1537],"language":[1537],"i18n":[32]}],[0,"pn-site-selector-item",{"url":[1],"heading":[1],"description":[1],"newwindow":[4]}]]],["p-f6c5c4de",[[4,"pn-proxio-productcard"],[0,"pn-proxio-productcard-description",{"heading":[1],"highlight":[1],"description":[1],"list":[1040]}],[0,"pn-proxio-productcard-information",{"label":[1],"information":[16]}],[0,"pn-proxio-productcard-pricelink",{"price":[1],"vatText":[1,"vat-text"],"link":[1],"linktext":[1]}]]],["p-e55e5b49",[[0,"pn-product-card-info",{"rulle":[1],"paket":[1],"label":[1],"text":[1]}],[0,"pn-product-card-price",{"label":[1],"amount":[1],"currency":[1],"note":[1],"url":[1],"service":[1],"linkid":[1]}],[4,"pn-product-card"]]]]'),e)}));
+import{p as e,H as a,b as t}from"./p-b3a13b6a.js";export{s as setNonce}from"./p-b3a13b6a.js";import{g as n}from"./p-e1255160.js";var o=()=>{{i(a.prototype)}const t=import.meta.url;const n={};if(t!==""){n.resourcesUrl=new URL(".",t).href}return e(n)};var i=e=>{const a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}const t=a.call(this,false);const n=this.childNodes;if(e){for(let e=0;e<n.length;e++){if(n[e].nodeType!==2){t.appendChild(n[e].cloneNode(true))}}}return t}};o().then((async e=>{await n();return t(JSON.parse('[["p-d18b9aff",[[4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"siteid":[1],"environment":[1537],"userToken":[1,"user-token"],"userFullname":[1,"user-fullname"],"userLoggedin":[516,"user-loggedin"],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideHomeMenuItem":[1540,"hide-home-menu-item"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"showProfileSelection":[1540,"show-profile-selection"],"showUnifiedLogin":[4,"show-unified-login"],"siteDomainInUrls":[4,"site-domain-in-urls"],"AutocompleteEndpoint":[1,"autocomplete-endpoint"],"sessionForward":[4,"session-forward"],"cache":[4],"searchPlaceholder":[1,"search-placeholder"],"spaMode":[4,"spa-mode"],"checkUserLoggedInStateInterval":[2,"check-user-logged-in-state-interval"],"useMarketwebLogin":[4,"use-marketweb-login"],"pageId":[1,"page-id"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32],"loggedIn":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]],{"language":["onLanguageChange"],"market":["onMarketChange"]}]]],["p-368aa69f",[[0,"pn-proxio-findprice",{"endpoint":[1025],"language":[1025],"market":[1025],"showMedium":[4,"show-medium"],"showInternational":[4,"show-international"],"maxAbroadKg":[2,"max-abroad-kg"],"weightListName":[1,"weight-list-name"],"cache":[4],"filteredItems":[32],"weight":[32],"weightvalue":[32],"countrycodevalue":[32],"sizecategory":[32],"data":[32]},null,{"market":["setState"],"language":["setState"],"sizecategory":["filterItems"],"weightvalue":["filterItems"],"countrycodevalue":["filterItems"]}]]],["p-34cb1e2e",[[0,"pn-find-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"weight":[32],"weightvalue":[32],"sourceData":[32],"sizecategory":[32]},null,{"market":["setState"],"language":["setState"],"sizecategory":["filterItems"],"weightvalue":["filterItems"]}]]],["p-92e8e287",[[0,"pn-find-service-and-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"postagetype":[32],"weight":[32],"weightvalue":[32],"deliveryscope":[32],"sourceData":[32]},null,{"market":["setState"],"language":["setState"],"postagetype":["filterItems"],"deliveryscope":["filterItems"],"weightvalue":["filterItems"]}]]],["p-6b6aeeab",[[4,"pn-product-pricelist",{"source":[1],"language":[1025],"market":[1025],"productid":[1],"filteredItems":[32],"sourceData":[32],"gotData":[32],"loading":[32],"postagetype":[32],"weight":[32],"weightvalue":[32]},null,{"market":["setState"],"language":["setState"],"postagetype":["filterItems"],"weightvalue":["filterItems"]}]]],["p-317fcddf",[[0,"pn-proxio-pricegroup",{"endpoint":[1025],"language":[1],"market":[1],"tariffid":[1],"cache":[4],"activeWeightIndex":[32],"data":[32],"i18n":[32]},[[0,"activeWeightIndex","setActiveWeightIndex"],[0,"language","setLanguage"]]]]],["p-b20d2e1b",[[0,"pn-product-pricelist-result",{"item":[1040],"description":[16],"shownitems":[16],"showMeasurement":[4,"show-measurement"],"weightText":[32]},null,{"item":["composeItems"]}]]],["p-24bfee5d",[[4,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"siteDomainInUrls":[4,"site-domain-in-urls"],"cache":[4],"theme":[513],"backgroundcolor":[513],"showSwan":[4,"show-swan"],"headingLevel":[1,"heading-level"],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]},null,{"language":["onLanguageChange"],"market":["onMarketChange"]}]]],["p-0f2148b7",[[4,"pn-media-block",{"blockHeight":[1,"block-height"],"imageSrc":[1,"image-src"],"imageSrcSmallScreenFormat":[1,"image-src-small-screen-format"],"imageAltText":[1,"image-alt-text"],"videoSrc":[1,"video-src"],"parallaxScroll":[4,"parallax-scroll"],"showOverlayLayer":[4,"show-overlay-layer"],"customOverlayBackground":[1,"custom-overlay-background"],"animateOverlayBackground":[4,"animate-overlay-background"],"scrollSnapBlock":[4,"scroll-snap-block"],"fixedBackground":[4,"fixed-background"],"blockHeading":[1,"block-heading"],"blockHeadingLevel":[1,"block-heading-level"],"blockPreamble":[1,"block-preamble"],"marginBottom":[4,"margin-bottom"],"pnPlayOnScrollObserverOptions":[32],"calculatedBlockHeight":[32],"hasButtonSlot":[32]}]]],["p-6f6ed930",[[0,"pn-chat",{"endpoint":[1],"customerSegment":[1,"customer-segment"],"mainHeading":[1,"main-heading"],"relatedContentAriaLabel":[1,"related-content-aria-label"],"chatMinimizedAriaLabel":[1,"chat-minimized-aria-label"],"chatOpenedAriaLabel":[1,"chat-opened-aria-label"],"minimizeChatAriaLabel":[1,"minimize-chat-aria-label"],"closeChatAriaLabel":[1,"close-chat-aria-label"],"openChatAriaLabel":[1,"open-chat-aria-label"],"chatControlsAriaLabel":[1,"chat-controls-aria-label"],"chatMessagesAriaLabel":[1,"chat-messages-aria-label"],"sentMessageAriaLabel":[1,"sent-message-aria-label"],"writeChatMessagePlaceholder":[1,"write-chat-message-placeholder"],"waitingForAnswerLabel":[1,"waiting-for-answer-label"],"sendButtonText":[1,"send-button-text"],"loadingText":[1,"loading-text"],"carouselSlidesToShow":[2,"carousel-slides-to-show"],"messages":[1],"language":[1],"market":[1],"itemId":[1,"item-id"],"pnChatId":[1,"pn-chat-id"],"forceOpen":[4,"force-open"],"isLoggedIn":[4,"is-logged-in"],"message":[32],"messagesData":[32],"isMinimized":[32],"isClosed":[32],"lastMessageId":[32],"i18n":[32]},[[0,"keydown","handleKeyDown"]],{"messages":["handleMessagesChange"],"pnChatId":["handleNewChatId"],"forceOpen":["handleSameChatId"],"isMinimized":["scrollToBottom"]}]]],["p-778ae152",[[0,"pn-level-up",{"heading":[1],"headingLevel":[8,"heading-level"],"preamble":[1],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"endpoint":[1],"webModalContinueOtherDeviceLabel":[1,"web-modal-continue-other-device-label"],"webModalContinueThisDeviceLabel":[1,"web-modal-continue-this-device-label"],"mobileModalContinueThisDeviceLabel":[1,"mobile-modal-continue-this-device-label"],"mobileModalContinueOtherDeviceLabel":[1,"mobile-modal-continue-other-device-label"],"modalInstructionPhoneLineOne":[1,"modal-instruction-phone-line-one"],"modalInstructionPhoneLineTwo":[1,"modal-instruction-phone-line-two"],"modalInstructionPhoneLineThree":[1,"modal-instruction-phone-line-three"],"modalHeadingText":[1,"modal-heading-text"],"modalOutdatedQRMessage":[1,"modal-outdated-q-r-message"],"modalExpiresInMessage":[1,"modal-expires-in-message"],"qrAriaLabel":[1,"qr-aria-label"],"leveledupMessage":[1,"leveledup-message"],"isLeveledUp":[4,"is-leveled-up"],"isLoading":[32],"isRecentLeveledUp":[32],"errorMessage":[32]}]]],["p-dc11fc75",[[0,"pn-multi-row-connected-dropdown",{"dropdownData":[1,"dropdown-data"],"languageCode":[1,"language-code"],"label":[1],"firstDropdownLabel":[1,"first-dropdown-label"],"secondDropdownLabel":[1,"second-dropdown-label"],"dropdownPlaceholder":[1,"dropdown-placeholder"],"addRowText":[1,"add-row-text"],"inputFieldLabel":[1,"input-field-label"],"inputFieldPlaceholder":[1,"input-field-placeholder"],"disabledDates":[1,"disabled-dates"],"dateButtonText":[1,"date-button-text"],"datePlaceholder":[1,"date-placeholder"],"dateDaysFromToday":[2,"date-days-from-today"],"allowMultipleRows":[4,"allow-multiple-rows"],"allowMultipleDates":[4,"allow-multiple-dates"],"startDateLabel":[1,"start-date-label"],"endDateLabel":[1,"end-date-label"],"multiDateHelperText":[1,"multi-date-helper-text"],"generateDatesButtonText":[1,"generate-dates-button-text"],"saveDateButtonText":[1,"save-date-button-text"],"noDatesText":[1,"no-dates-text"],"yearsToAddToEndDate":[2,"years-to-add-to-end-date"],"minAmount":[2,"min-amount"],"errorMessageEmpty":[1,"error-message-empty"],"errorMessageMinAmount":[1,"error-message-min-amount"],"minWarningAmount":[2,"min-warning-amount"],"warningMessageMinAmount":[1,"warning-message-min-amount"],"rowCount":[32],"rowData":[32],"formValues":[32]},[[0,"rowValueChange","predefinedValueChange"],[0,"deleteRowEvent","deleteRowEvent"]]]]],["p-e9d495e3",[[0,"pn-dropdown-with-multi-input-rows",{"dropdownData":[1,"dropdown-data"],"languageCode":[1,"language-code"],"firstDropdownLabel":[1,"first-dropdown-label"],"firstDropdownHelperText":[1,"first-dropdown-helper-text"],"secondDropdownLabel":[1,"second-dropdown-label"],"secondDropdownHelperText":[1,"second-dropdown-helper-text"],"secondDropdownMax":[2,"second-dropdown-max"],"deleteMultipleRowsWarningText":[1,"delete-multiple-rows-warning-text"],"confirmDeleteButtonText":[1,"confirm-delete-button-text"],"abortDeleteButtonText":[1,"abort-delete-button-text"],"firstInputLabel":[1,"first-input-label"],"firstInputPlaceholder":[1,"first-input-placeholder"],"firstInputMin":[2,"first-input-min"],"firstInputMax":[2,"first-input-max"],"firstInputWarning":[2,"first-input-warning"],"firstInputWarningText":[1,"first-input-warning-text"],"firstInputLowErrorText":[1,"first-input-low-error-text"],"firstInputHighErrorText":[1,"first-input-high-error-text"],"secondInputLabel":[1,"second-input-label"],"secondInputPlaceholder":[1,"second-input-placeholder"],"secondInputMin":[2,"second-input-min"],"secondInputMax":[2,"second-input-max"],"secondInputWarning":[2,"second-input-warning"],"secondInputWarningText":[1,"second-input-warning-text"],"secondInputLowErrorText":[1,"second-input-low-error-text"],"secondInputHighErrorText":[1,"second-input-high-error-text"],"disabledDates":[1,"disabled-dates"],"dateLabel":[1,"date-label"],"datePlaceholder":[1,"date-placeholder"],"dateDaysFromToday":[2,"date-days-from-today"],"yearsToAddToEndDate":[2,"years-to-add-to-end-date"],"sumFieldLabel":[1,"sum-field-label"],"addRowText":[1,"add-row-text"],"elementHelperText":[1,"element-helper-text"],"dropdownDataRoot":[32],"secondDropdownArr":[32],"rowData":[32],"formValues":[32],"firstValidDateString":[32],"lastValidDateString":[32],"rowSum":[32],"minRowCount":[32],"showDeleteConfirm":[32],"i18n":[32]},[[0,"rowValueChange","predefinedValueChange"],[0,"firstInputChange","predefinedValueChange"],[0,"secondInputChange","predefinedValueChange"],[0,"deleteRowEvent","deleteRowEvent"]],{"languageCode":["setTranslations"]}]]],["p-7a721a2a",[[0,"pn-multiple-input",{"label":[1],"placeholder":[1],"addRowButtonText":[1,"add-row-button-text"],"rowData":[32]}]]],["p-aee65729",[[0,"pn-parcel-tracker",{"formActionUrl":[1,"form-action-url"],"heading":[1],"buttonLabel":[1,"button-label"],"locale":[1],"placeholder":[1],"inputName":[1,"input-name"],"currentWidth":[32]},[[9,"resize","handleViewportSizeChange"]]]]],["p-02cc3319",[[0,"pn-pex-pricefinder",{"language":[1],"currency":[1],"apiUrl":[1,"api-url"],"i18n":[32],"fromzip":[32],"tozip":[32],"weight":[32],"when":[32],"response":[32]},[[0,"language","setLanguage"]]]]],["p-bb5a6883",[[0,"pn-share",{"link":[1],"language":[1537],"i18n":[32]},null,{"language":["onLanguageChange"]}]]],["p-d07efc2e",[[4,"pn-stats-info",{"heading":[1],"dataArray":[1,"data-array"],"backgroundUrl":[1,"background-url"],"myParsedArray":[32]},null,{"dataArray":["parseMyArrayProp"]}]]],["p-133c7313",[[0,"pn-address-autofill",{"market":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"countryCode":[1,"country-code"],"language":[1],"postalCodeProps":[1,"postal-code-props"],"cityProps":[1,"city-props"],"streetAddressProps":[1,"street-address-props"],"streetNumberProps":[1,"street-number-props"],"addressNotFoundError":[1,"address-not-found-error"],"postalCode":[32],"city":[32],"streetAddress":[32],"streetNumber":[32],"validAddress":[32],"translation":[32],"postalCodeRequiredLabel":[32],"streetRequiredLabel":[32],"fullAddress":[32],"isLoading":[32]}]]],["p-4aa7cec5",[[4,"pn-animated-tile",{"toggled":[32],"transitionClassName":[32],"animateIcon":[32]},null,{"toggled":["onToggledHandler"]}]]],["p-ebba8dd2",[[0,"pn-app-banner",{"appName":[1,"app-name"],"appDescription":[1,"app-description"],"ctaText":[1,"cta-text"],"appleStoreLink":[1,"apple-store-link"],"googleStoreLink":[1,"google-store-link"],"isClosed":[32],"storeLink":[32],"isLocalStorageAvailable":[32]}]]],["p-ed5c0dcc",[[4,"pn-bonus-progressbar",{"icon":[1],"heading":[1],"sumtext":[513],"theme":[513],"bonuspercentage":[1],"currency":[513],"value":[1538],"min":[1538],"max":[1538],"valuepercentage":[32],"progresspercentage":[32],"levelValues":[32],"currentLevelAdjustedValue":[32]},null,{"currentLevelAdjustedValue":["setValuePercentage"],"value":["setValuePercentage"],"min":["setValuePercentage"],"max":["setValuePercentage"]}]]],["p-3737defb",[[0,"pn-bonus-progressbar-level",{"current":[516],"value":[1538],"bonuspercentage":[1537],"visualpercentage":[1538],"percentage":[32],"max":[32],"min":[32],"currency":[32]}]]],["p-096cbbcb",[[0,"pn-breakpoints",{"breakPointClass":[1,"break-point-class"],"currentWidth":[32]},[[9,"resize","handleViewportSizeChange"]]]]],["p-b697755f",[[0,"pn-chart",{"labels":[1],"dataSets":[1,"data-sets"],"dataChartType":[8,"data-chart-type"],"myChartCtxRef":[32]},null,{"dataSets":["dataChangeHandler"],"labels":["labelsChangeHandler"]}]]],["p-1cb0f3fa",[[4,"pn-charts-card",{"header":[1],"highlight":[1],"preamble":[1],"label":[1],"source":[1],"sourceUrl":[1,"source-url"],"ctaLinkText":[1,"cta-link-text"],"openInNewWindow":[4,"open-in-new-window"]}]]],["p-de55f656",[[4,"pn-cta-block",{"heading":[1],"bodyText":[1,"body-text"],"pnBackgroundColor":[1,"pn-background-color"],"isLarge":[4,"is-large"],"isCentered":[4,"is-centered"],"isSmall":[4,"is-small"],"contentTop":[4,"content-top"]}]]],["p-eafffc4b",[[4,"pn-customernumber-selector",{"language":[1537],"open":[1540],"heading":[1],"description":[1],"i18n":[32]}]]],["p-e1c20440",[[4,"pn-customernumber-selector-option",{"heading":[1],"description":[1],"url":[1]}]]],["p-9fc3711d",[[0,"pn-date-and-time",{"languageCode":[1,"language-code"],"dateAndTimeLabel":[1,"date-and-time-label"],"dateDaysFromToday":[2,"date-days-from-today"],"validTimeRangeMinutes":[2,"valid-time-range-minutes"],"errorMessage":[1,"error-message"],"dateHelperText":[1,"date-helper-text"],"timeHelperText":[1,"time-helper-text"],"disableWeekends":[4,"disable-weekends"],"disabledDates":[1,"disabled-dates"],"datePlaceholder":[1,"date-placeholder"],"minFromHour":[2,"min-from-hour"],"maxToHour":[2,"max-to-hour"],"language":[32],"hourArr":[32],"minuteArr":[32],"formValue":[32],"invalidTimespan":[32],"selectedDate":[32],"selectedFromHour":[32],"selectedFromMin":[32],"selectedToHour":[32],"selectedToMin":[32],"firstValidDateString":[32],"lastValidDateString":[32]}]]],["p-62ce6700",[[4,"pn-dropdown-choice-adds-row",{"dropdownData":[1,"dropdown-data"],"languageCode":[1,"language-code"],"addRowDropdownName":[1,"add-row-dropdown-name"],"addRowDropdownPlaceholder":[1,"add-row-dropdown-placeholder"],"addRowDropdownLabel":[1,"add-row-dropdown-label"],"rowNameLabel":[1,"row-name-label"],"rowHasDropdown":[4,"row-has-dropdown"],"rowDropdownLabel":[1,"row-dropdown-label"],"rowDropdownPlaceholder":[1,"row-dropdown-placeholder"],"rowInputLabel":[1,"row-input-label"],"rowDeleteButtonText":[1,"row-delete-button-text"],"totalInputLimit":[2,"total-input-limit"],"minimumInputLimit":[2,"minimum-input-limit"],"inputLimitWarning":[1,"input-limit-warning"],"inputEmptyWarning":[1,"input-empty-warning"],"inputLowError":[1,"input-low-error"],"dropdownEmptyWarning":[1,"dropdown-empty-warning"],"nextRowIndex":[32],"rowSelectDropdownArr":[32],"formValue":[32]},null,{"dropdownData":["dropdownDataWatcher"]}]]],["p-7526d49d",[[4,"pn-hero-block-international",{"heading":[1],"subHeading":[1,"sub-heading"],"preamble":[1],"animateLogo":[4,"animate-logo"],"showSideLoader":[4,"show-side-loader"],"centeredLayout":[4,"centered-layout"]}]]],["p-ad807e2c",[[0,"pn-line-shape"]]],["p-c6db243c",[[4,"pn-link-list",{"heading":[1],"label":[1],"preamble":[1],"url":[1],"showMoreLabel":[1,"show-more-label"],"showMoreUrl":[1,"show-more-url"]}]]],["p-0d67f0af",[[0,"pn-marketweb-icon",{"symbol":[1],"small":[4],"color":[1]}]]],["p-c7d41f58",[[1,"pn-marketweb-search",{"disabled":[4],"placeholder":[1],"inputid":[1],"name":[1],"autocomplete":[1],"list":[1],"value":[1],"label":[1],"loading":[4],"button":[1],"light":[4],"suggestionObserver":[32],"hasClonedInput":[32],"listSuggestion":[32]},[[0,"input","inputHandler"]]]]],["p-0b7d3d23",[[0,"pn-marketweb-siteheader-login-mypage-button",{"label":[1],"myPageUrl":[1,"my-page-url"]}]]],["p-6d6ae33e",[[0,"pn-marketweb-table",{"mainHeading":[1,"main-heading"],"mainHeadingLevel":[1,"main-heading-level"],"preamble":[1],"subHeadingLevel":[1,"sub-heading-level"],"headers":[1],"rows":[1],"showHeadersInCells":[4,"show-headers-in-cells"],"cellHeaderLevel":[1,"cell-header-level"],"tableRowCtaActionLabel":[1,"table-row-cta-action-label"],"imageColAriaHeader":[1,"image-col-aria-header"],"ctaColAriaHeader":[1,"cta-col-aria-header"],"checkForNewShipments":[4,"check-for-new-shipments"],"endpoint":[1],"language":[1],"market":[1],"toggleDetailLabel":[1,"toggle-detail-label"],"checkForChat":[4,"check-for-chat"],"value":[1537],"shipmentType":[1,"shipment-type"],"contentId":[1,"content-id"],"takeAmountRow":[2,"take-amount-row"],"shipmentCount":[2,"shipment-count"],"i18n":[32],"_headers":[32],"_rows":[32],"_allKeys":[32],"screenInfo":[32]},null,{"language":["onLanguageChange"]}]]],["p-44175dbd",[[4,"pn-product-tile"]]],["p-588525ac",[[4,"pn-profile-modal",{"heading":[1],"continueCtaText":[1,"continue-cta-text"],"choosenCompanyText":[1,"choosen-company-text"],"toText":[1,"to-text"],"chooseCustomerNumberText":[1,"choose-customer-number-text"],"isLoading":[32]},[[0,"urlSelected","onUrlSelected"]]]]],["p-e07d8b18",[[4,"pn-profile-modal-customernumber",{"url":[513],"customernumber":[513],"selected":[516]}]]],["p-e1ccd651",[[4,"pn-profile-modal-profile",{"heading":[513],"description":[513],"url":[513],"selected":[1028],"showCustomerNumbers":[516,"show-customer-numbers"],"pleaseSelectText":[513,"please-select-text"],"visible":[1540],"identifier":[32]}]]],["p-0b092a5c",[[4,"pn-profile-modal-type",{"typeid":[513],"name":[1025],"selected":[1028],"selectedprofile":[1025]},null,{"selected":["onSelectedChange"]}]]],["p-315b9cba",[[4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"heading":[1],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["p-fc5c33e7",[[0,"pn-profile-selector-option",{"heading":[1],"description":[1],"url":[1]}]]],["p-d3b4c8d7",[[4,"pn-quick-cta",{"heading":[1],"preamble":[1]}]]],["p-8b506b9b",[[4,"pn-quote-card",{"quote":[1],"name":[1],"occupation":[1]}]]],["p-9638d206",[[4,"pn-sidenav",{"language":[1],"navLabel":[1,"nav-label"],"i18n":[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]]],["p-46711387",[[4,"pn-sidenav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"alignment":[32]},null,{"isOpen":["onOpen"]}]]],["p-9b709942",[[4,"pn-sidenav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"icon":[1],"currentSelection":[4,"current-selection"],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["p-b3605a96",[[4,"pn-sidenav-togglebutton",{"label":[1],"i18n":[32]}]]],["p-5d8eb438",[[4,"pn-spotlight",{"heading":[1],"preamble":[1],"isDynamic":[4,"is-dynamic"],"addDynamic":[32]}]]],["p-6d263c6e",[[4,"pn-teaser-card",{"text":[1],"heading":[1],"label":[1],"headingLevel":[1,"heading-level"],"dataCardColor":[513,"data-card-color"],"dataCardAlignment":[513,"data-card-alignment"],"hasCtaSlotContent":[32],"hasIllustrationSlot":[32]}]]],["p-9c0243fd",[[4,"pn-usp-promoter",{"heading":[1],"headingExtension":[1,"heading-extension"],"bodyText":[1,"body-text"],"backgroundGradient":[1,"background-gradient"],"fullWidth":[4,"full-width"],"rightAlign":[4,"right-align"],"hideMobileImage":[4,"hide-mobile-image"]}]]],["p-4bf2c8ab",[[0,"pn-proxio-findprice-result",{"item":[1040],"activeweight":[1026],"shownitems":[16],"Usp1":[1,"usp-1"],"Usp2":[1,"usp-2"],"Usp3":[1,"usp-3"],"description":[16],"showMeasurement":[4,"show-measurement"],"showInternational":[4,"show-international"],"selectedCountrycode":[1,"selected-countrycode"],"market":[1],"language":[1025],"weightText":[32],"linkId":[32],"shopLabel":[32],"shopUrl":[32],"shopId":[32],"i18n":[32]},null,{"item":["composeItems"],"activeweight":["getPriceString","getProductLink"]}]]],["p-3a298543",[[0,"pn-find-service-and-price-result",{"item":[1040],"shownitems":[16],"weightText":[32]},null,{"item":["composeItems"]}]]],["p-3d11fd8a",[[0,"pn-play-on-scroll",{"videoSrc":[1,"video-src"],"observerOptions":[16],"showOverlay":[4,"show-overlay"],"videoId":[32],"isManuallyPaused":[32],"isPaused":[32]}]]],["p-02094ddb",[[0,"pn-level-up-modal",{"open":[516],"endpoint":[1],"instructionPhoneLineOne":[1,"instruction-phone-line-one"],"instructionPhoneLineTwo":[1,"instruction-phone-line-two"],"instructionPhoneLineThree":[1,"instruction-phone-line-three"],"headingText":[1,"heading-text"],"outdatedQRMessage":[1,"outdated-q-r-message"],"expiresInMessage":[1,"expires-in-message"],"system":[1],"qrAriaLabel":[1,"qr-aria-label"],"openModalToggle":[32],"isLoading":[32]},null,{"open":["updateOpen"]}]]],["p-ec7a8e5a",[[0,"pn-multi-row-connected-dropdown-row",{"dropdownData":[1,"dropdown-data"],"languageCode":[1,"language-code"],"label":[1],"firstDropdownLabel":[1,"first-dropdown-label"],"secondDropdownLabel":[1,"second-dropdown-label"],"dropdownPlaceholder":[1,"dropdown-placeholder"],"addRowText":[1,"add-row-text"],"inputFieldLabel":[1,"input-field-label"],"inputFieldPlaceholder":[1,"input-field-placeholder"],"disabledDates":[1,"disabled-dates"],"dateButtonText":[1,"date-button-text"],"datePlaceholder":[1,"date-placeholder"],"dateDaysFromToday":[2,"date-days-from-today"],"allowMultipleDates":[4,"allow-multiple-dates"],"startDateLabel":[1,"start-date-label"],"endDateLabel":[1,"end-date-label"],"multiDateHelperText":[1,"multi-date-helper-text"],"generateDatesButtonText":[1,"generate-dates-button-text"],"saveDateButtonText":[1,"save-date-button-text"],"noDatesText":[1,"no-dates-text"],"index":[2],"predefinedValue":[1,"predefined-value"],"yearsToAddToEndDate":[2,"years-to-add-to-end-date"],"minAmount":[2,"min-amount"],"errorMessageEmpty":[1,"error-message-empty"],"errorMessageMinAmount":[1,"error-message-min-amount"],"minWarningAmount":[2,"min-warning-amount"],"warningMessageMinAmount":[1,"warning-message-min-amount"],"buttonsArray":[32],"firstDropdownArr":[32],"secondDropdownArr":[32],"firstDropdownClass":[32],"secondDropdownClass":[32],"firstValidDateString":[32],"lastValidDateString":[32],"firstDropdownPlaceholder":[32],"secondDropdownPlaceholder":[32],"startDateValue":[32],"endDateValue":[32],"generatedDatesArr":[32],"selectedButtonValue":[32],"inputFieldValue":[32],"dateValue":[32],"daysArr":[32]},null,{"predefinedValue":["applyPredefinedValue"]}]]],["p-89272a6b",[[0,"pn-dropdown-with-multi-input-rows-row",{"languageCode":[1,"language-code"],"firstInputPlaceholder":[1,"first-input-placeholder"],"firstInputMin":[2,"first-input-min"],"firstInputMax":[2,"first-input-max"],"firstInputWarning":[2,"first-input-warning"],"firstInputWarningText":[1,"first-input-warning-text"],"firstInputLowErrorText":[1,"first-input-low-error-text"],"firstInputHighErrorText":[1,"first-input-high-error-text"],"secondInputPlaceholder":[1,"second-input-placeholder"],"secondInputMin":[2,"second-input-min"],"secondInputMax":[2,"second-input-max"],"secondInputWarning":[2,"second-input-warning"],"secondInputWarningText":[1,"second-input-warning-text"],"secondInputLowErrorText":[1,"second-input-low-error-text"],"secondInputHighErrorText":[1,"second-input-high-error-text"],"dateLabel":[1,"date-label"],"datePlaceholder":[1,"date-placeholder"],"firstValidDate":[1,"first-valid-date"],"lastValidDate":[1,"last-valid-date"],"predefinedValue":[1,"predefined-value"],"rowIndex":[2,"row-index"],"minRowCount":[2,"min-row-count"],"disabledDates":[1,"disabled-dates"],"showFirstInputWarning":[32],"showFirstInputLowError":[32],"showFirstInputHighError":[32],"showSecondInputWarning":[32],"showSecondInputLowError":[32],"showSecondInputHighError":[32],"firstInputValue":[32],"secondInputValue":[32],"dateValue":[32]},null,{"predefinedValue":["applyPredefinedValue"]}]]],["p-6e3c311a",[[4,"pn-share-item",{"link":[1],"text":[1]}]]],["p-2f324058",[[0,"pn-stats-info-data",{"format":[1],"formatStyle":[1,"format-style"],"startValue":[2,"start-value"],"data":[2],"unit":[1],"preamble":[1],"duration":[2],"index":[2],"hasBeenShown":[32],"compId":[32]},null,{"hasBeenShown":["watchStateHandlder"]}]]],["p-c030c263",[[0,"pn-find-price-result",{"item":[1040],"shownitems":[16],"Usp1":[1,"usp-1"],"Usp2":[1,"usp-2"],"Usp3":[1,"usp-3"],"description":[16],"showMeasurement":[4,"show-measurement"],"weightText":[32],"linkId":[32],"shopLabel":[32],"shopUrl":[32],"shopId":[32]},null,{"item":["composeItems"]}]]],["p-4a8ef165",[[4,"pn-chat-message",{"category":[1],"customerSegment":[1,"customer-segment"],"agentName":[1,"agent-name"]}],[0,"pn-marketweb-carousel",{"previousButtonLabel":[1,"previous-button-label"],"nextButtonLabel":[1,"next-button-label"],"ariaNavigationLabel":[1,"aria-navigation-label"],"source":[1],"slidesToShow":[2,"slides-to-show"],"showCarouselButtons":[4,"show-carousel-buttons"],"showFirstSlidePrevButton":[4,"show-first-slide-prev-button"],"showLastSlideNextButton":[4,"show-last-slide-next-button"],"slidesData":[32],"currentSlide":[32],"isDragging":[32],"slideWidth":[32],"goToSlide":[64],"getCurrentSlide":[64]},null,{"source":["handleSourceChange"]}]]],["p-5f904742",[[1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["p-b9774a2d",[[4,"pn-mainnav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["p-e69d8395",[[0,"pn-qr-code-generator",{"url":[1],"countdownSeconds":[2,"countdown-seconds"],"outdatedMessage":[1,"outdated-message"],"expiresInMessage":[1,"expires-in-message"],"updateCodeEverySecond":[4,"update-code-every-second"],"ariaLabel":[1,"aria-label"],"remainingSeconds":[32],"isOutdated":[32],"isFullscreen":[32]},null,{"url":["generateQRCode"]}]]],["p-d49d093f",[[4,"pn-site-footer",{"url":[1],"linktitle":[1],"theme":[513]}],[4,"pn-site-footer-col",{"theme":[513]}],[0,"pn-swan",{"licenseNumber":[1,"license-number"],"language":[1537],"linkTo":[1,"link-to"],"i18n":[32]},null,{"language":["onLanguageChange"]}]]],["p-f962fd3e",[[4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["p-6a5cb4ca",[[0,"pn-marketweb-input",{"disabled":[4],"error":[1],"invalid":[4],"helpertext":[1],"label":[1],"placeholder":[1],"inputid":[1],"name":[1],"required":[4],"type":[1025],"autocomplete":[1],"valid":[4],"value":[1],"maxlength":[1],"min":[1],"max":[1],"step":[1],"pattern":[1],"showText":[32]}]]],["p-a6941ea3",[[0,"pn-product-tile-info",{"label":[1],"text":[1],"icon":[1]}],[0,"pn-product-tile-price",{"label":[1],"amount":[1],"currency":[1],"url":[1]}]]],["p-6f1bf16b",[[4,"pn-scroll",{"observerOptions":[16],"behaviourClasses":[1,"behaviour-classes"],"transitionDurationSeconds":[2,"transition-duration-seconds"],"shouldLoop":[4,"should-loop"],"intersectFunc":[16],"notIntersectFunc":[16],"compId":[32]}],[0,"pn-video-overlay",{"language":[1],"isPaused":[4,"is-paused"],"showOverlay":[4,"show-overlay"],"i18n":[32]},null,{"language":["onLanguageChange"]}]]],["p-d5d1098a",[[0,"pn-marketweb-siteheader-login-linklist",{"heading":[1],"links":[16],"idNamespace":[1,"id-namespace"],"showUnifiedLogin":[4,"show-unified-login"]}]]],["p-5d70be75",[[4,"pn-titletag",{"icon":[1],"color":[1537]}]]],["p-60e3ba3d",[[0,"pn-marketweb-siteheader-login-links",{"loginDialog":[1040],"idNamespace":[1,"id-namespace"],"loggedin":[516],"username":[1],"showUnifiedLogin":[4,"show-unified-login"]},null,{"loginDialog":["init"]}],[0,"pn-marketweb-siteheader-login-profileselection",{"loginDialog":[1040],"endpoint":[1],"loggedin":[4],"idNamespace":[1,"id-namespace"],"heading":[1],"i18n":[16],"currentProfile":[1040],"profileoptions":[1040],"user":[32],"logoutLink":[32],"userName":[32],"userEmail":[32]}],[0,"pn-marketweb-siteheader-unified-login",{"loggedIn":[4,"logged-in"],"logInLabel":[1,"log-in-label"],"useMarketwebLogin":[4,"use-marketweb-login"],"environment":[1]}],[0,"pn-marketweb-siteheader-login-button",{"label":[1],"useMarketwebLogin":[4,"use-marketweb-login"],"environment":[1]}]]],["p-ab291285",[[0,"pn-marketweb-siteheader-login",{"endpoint":[1],"token":[1],"i18n":[16],"siteUrl":[1,"site-url"],"emitEvents":[4,"emit-events"],"loginDialog":[1040],"fullname":[1],"loggedin":[4],"showProfileSelection":[1028,"show-profile-selection"],"showUnifiedLogin":[4,"show-unified-login"],"checkUserLoggedInStateInterval":[2,"check-user-logged-in-state-interval"],"environment":[1],"useMarketwebLogin":[4,"use-marketweb-login"],"loginLinks":[32],"toggleButtonText":[32],"username":[32]},null,{"i18n":["init"],"loginDialog":["init"]}],[4,"pn-mainnav-level",{"label":[1537],"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"listCount":[32],"alignment":[32]},null,{"label":["setState"],"isOpen":["onOpen"]}],[4,"pn-language-selector",{"value":[1537],"selectedLanguageName":[32],"options":[32],"i18n":[32]},null,{"value":["setSelectedLanguageName","setTranslations","onValueChange"]}],[0,"pn-language-selector-option",{"name":[1],"code":[1],"url":[1],"selected":[4],"currentLanguage":[1,"current-language"]}],[4,"pn-mainnav",{"market":[1],"language":[1],"navigationId":[1,"navigation-id"],"openMenu":[1028,"open-menu"],"navLabel":[1,"nav-label"]},[[0,"language","setLanguage"],[0,"market","setMarket"],[0,"menuLanguageChange","onLanguageChange"],[0,"setmenuopenstate","setMenuOpenState"],[0,"openMenuLevelChange","onOpenMenuLevelChange"]]],[4,"pn-mainnav-list",{"heading":[1],"linkCount":[32]}],[0,"pn-marketweb-siteheader-search",{"i18n":[8,"i-1-8n"],"showOnlyLink":[1028,"show-only-link"],"hideSearch":[1028,"hide-search"],"language":[1537],"siteid":[1],"search":[1040],"primary":[4],"icononly":[4],"autoCompleteOptions":[32]}],[4,"pn-site-selector",{"buttontext":[1537],"heading":[1537],"language":[1537],"i18n":[32]}],[0,"pn-site-selector-item",{"url":[1],"heading":[1],"description":[1],"newwindow":[4]}]]],["p-f6c5c4de",[[4,"pn-proxio-productcard"],[0,"pn-proxio-productcard-description",{"heading":[1],"highlight":[1],"description":[1],"list":[1040]}],[0,"pn-proxio-productcard-information",{"label":[1],"information":[16]}],[0,"pn-proxio-productcard-pricelink",{"price":[1],"vatText":[1,"vat-text"],"link":[1],"linktext":[1]}]]],["p-e55e5b49",[[0,"pn-product-card-info",{"rulle":[1],"paket":[1],"label":[1],"text":[1]}],[0,"pn-product-card-price",{"label":[1],"amount":[1],"currency":[1],"note":[1],"url":[1],"service":[1],"linkid":[1]}],[4,"pn-product-card"]]]]'),e)}));
 //# sourceMappingURL=pn-market-web-components.esm.js.map

package/types/components/widgets/pn-chat/pn-chat-stories-constants.d.ts

@@ -9,11 +9,29 @@ export declare const hardcodedMessages: {
         content: string;
         messageId: string;
         class?: undefined;
+        href?: undefined;
+        props?: undefined;
     } | {
         class: any;
         category: string;
         content: string;
         messageId: string;
+        href?: undefined;
+        props?: undefined;
+    } | {
+        category: string;
+        content: string;
+        href: string;
+        messageId: string;
+        class?: undefined;
+        props?: undefined;
+    } | {
+        category: string;
+        content: string;
+        messageId: string;
+        props: string;
+        class?: undefined;
+        href?: undefined;
     })[];
 };
 export declare const messageObjectReal: {

package/types/components/widgets/pn-chat/pn-chat.stories.d.ts

@@ -6,3 +6,4 @@ export declare const Chat: Story;
 export declare const ChatBusiness: Story;
 export declare const ChatRealSFIntegration: Story;
 export declare const ChatNoFakeResponse: Story;
+export declare const ChatExamples: Story;