@postnord/pn-marketweb-components 4.0.1 → 4.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index-b02670c2.js +4 -12
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/pn-chat-message_2.cjs.entry.js +2 -1
- package/dist/cjs/pn-chat-message_2.cjs.entry.js.map +1 -1
- package/dist/cjs/pn-chat.cjs.entry.js +1 -1
- package/dist/cjs/{pn-chat.service-eaf6ed50.js → pn-chat.service-5a8d89b9.js} +2 -4
- package/dist/cjs/pn-chat.service-5a8d89b9.js.map +1 -0
- package/dist/cjs/pn-market-web-components.cjs.js +1 -1
- package/dist/cjs/pn-marketweb-table.cjs.entry.js +37 -29
- package/dist/cjs/pn-marketweb-table.cjs.entry.js.map +1 -1
- package/dist/cjs/pn-usp-promoter.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +1 -3
- package/dist/collection/components/widgets/pn-chat/pn-chat-message/pn-chat-message.js +2 -1
- package/dist/collection/components/widgets/pn-chat/pn-chat-message/pn-chat-message.js.map +1 -1
- package/dist/collection/components/widgets/pn-chat/pn-chat-stories-constants.js +23 -163
- package/dist/collection/components/widgets/pn-chat/pn-chat-stories-constants.js.map +1 -1
- package/dist/collection/components/widgets/pn-chat/pn-chat.service.js +1 -3
- package/dist/collection/components/widgets/pn-chat/pn-chat.service.js.map +1 -1
- package/dist/collection/components/widgets/pn-chat/pn-chat.stories.js +4 -4
- package/dist/collection/components/widgets/pn-chat/pn-chat.stories.js.map +1 -1
- package/dist/collection/components/widgets/pn-marketweb-table/pn-marketweb-table.css +10 -1
- package/dist/collection/components/widgets/pn-marketweb-table/pn-marketweb-table.js +2 -2
- package/dist/collection/components/widgets/pn-marketweb-table/pn-marketweb-table.js.map +1 -1
- package/dist/collection/components/widgets/pn-marketweb-table/pn-marketweb-table.stories.js +37 -1
- package/dist/collection/components/widgets/pn-marketweb-table/pn-marketweb-table.stories.js.map +1 -1
- package/dist/collection/components/widgets/pn-marketweb-table/translations.js +33 -25
- package/dist/collection/components/widgets/pn-marketweb-table/translations.js.map +1 -1
- package/dist/collection/components/widgets/pn-usp-promoter/pn-usp-promoter.js +1 -1
- package/dist/collection/globals/types.js.map +1 -1
- package/dist/components/pn-chat-message2.js +2 -1
- package/dist/components/pn-chat-message2.js.map +1 -1
- package/dist/components/pn-chat.service.js +1 -3
- package/dist/components/pn-chat.service.js.map +1 -1
- package/dist/components/pn-marketweb-search.js +126 -1
- package/dist/components/pn-marketweb-search.js.map +1 -1
- package/dist/components/pn-marketweb-table.js +36 -28
- package/dist/components/pn-marketweb-table.js.map +1 -1
- package/dist/components/pn-usp-promoter.js +1 -1
- package/dist/esm/index-c311acd6.js +4 -12
- package/dist/esm/loader.js +1 -1
- package/dist/esm/pn-chat-message_2.entry.js +2 -1
- package/dist/esm/pn-chat-message_2.entry.js.map +1 -1
- package/dist/esm/pn-chat.entry.js +1 -1
- package/dist/esm/{pn-chat.service-f4037d6f.js → pn-chat.service-0def5c4e.js} +2 -4
- package/dist/esm/pn-chat.service-0def5c4e.js.map +1 -0
- package/dist/esm/pn-market-web-components.js +1 -1
- package/dist/esm/pn-marketweb-table.entry.js +37 -29
- package/dist/esm/pn-marketweb-table.entry.js.map +1 -1
- package/dist/esm/pn-usp-promoter.entry.js +1 -1
- package/dist/package.json +1 -1
- package/dist/pn-market-web-components/p-3a936c5d.entry.js +2 -0
- package/dist/pn-market-web-components/p-3a936c5d.entry.js.map +1 -0
- package/dist/pn-market-web-components/p-6bec8d72.js +2 -0
- package/dist/pn-market-web-components/p-6bec8d72.js.map +1 -0
- package/dist/pn-market-web-components/p-923aa6d2.entry.js +2 -0
- package/dist/pn-market-web-components/p-923aa6d2.entry.js.map +1 -0
- package/dist/pn-market-web-components/{p-cc7c596e.entry.js → p-a298a263.entry.js} +2 -2
- package/dist/pn-market-web-components/{p-f21311ad.entry.js → p-da56370b.entry.js} +2 -2
- package/dist/pn-market-web-components/pn-market-web-components.esm.js +1 -1
- package/dist/pn-market-web-components/pn-market-web-components.esm.js.map +1 -1
- package/dist/types/components/widgets/pn-chat/pn-chat-message/pn-chat-message.d.ts +1 -0
- package/dist/types/components/widgets/pn-chat/pn-chat-stories-constants.d.ts +6 -127
- package/dist/types/components/widgets/pn-marketweb-table/translations.d.ts +8 -0
- package/dist/types/components.d.ts +0 -100
- package/dist/types/globals/types.d.ts +2 -0
- package/dist/vscode-data.json +0 -142
- package/package.json +1 -1
- package/dist/cjs/pn-chat.service-eaf6ed50.js.map +0 -1
- package/dist/cjs/pn-search.cjs.entry.js +0 -54
- package/dist/cjs/pn-search.cjs.entry.js.map +0 -1
- package/dist/cjs/pn-usp-simple.cjs.entry.js +0 -56
- package/dist/cjs/pn-usp-simple.cjs.entry.js.map +0 -1
- package/dist/collection/components/widgets/pn-search/pn-search.css +0 -140
- package/dist/collection/components/widgets/pn-search/pn-search.js +0 -368
- package/dist/collection/components/widgets/pn-search/pn-search.js.map +0 -1
- package/dist/collection/components/widgets/pn-search/pn-search.stories.js +0 -54
- package/dist/collection/components/widgets/pn-search/pn-search.stories.js.map +0 -1
- package/dist/collection/components/widgets/pn-usp-simple/pn-usp-simple.css +0 -116
- package/dist/collection/components/widgets/pn-usp-simple/pn-usp-simple.js +0 -269
- package/dist/collection/components/widgets/pn-usp-simple/pn-usp-simple.js.map +0 -1
- package/dist/collection/components/widgets/pn-usp-simple/pn-usp-simple.stories.js +0 -63
- package/dist/collection/components/widgets/pn-usp-simple/pn-usp-simple.stories.js.map +0 -1
- package/dist/components/pn-marketweb-search2.js +0 -130
- package/dist/components/pn-marketweb-search2.js.map +0 -1
- package/dist/components/pn-search.d.ts +0 -11
- package/dist/components/pn-search.js +0 -91
- package/dist/components/pn-search.js.map +0 -1
- package/dist/components/pn-usp-simple.d.ts +0 -11
- package/dist/components/pn-usp-simple.js +0 -82
- package/dist/components/pn-usp-simple.js.map +0 -1
- package/dist/esm/pn-chat.service-f4037d6f.js.map +0 -1
- package/dist/esm/pn-search.entry.js +0 -50
- package/dist/esm/pn-search.entry.js.map +0 -1
- package/dist/esm/pn-usp-simple.entry.js +0 -52
- package/dist/esm/pn-usp-simple.entry.js.map +0 -1
- package/dist/pn-market-web-components/p-04107723.entry.js +0 -2
- package/dist/pn-market-web-components/p-04107723.entry.js.map +0 -1
- package/dist/pn-market-web-components/p-10776075.entry.js +0 -2
- package/dist/pn-market-web-components/p-10776075.entry.js.map +0 -1
- package/dist/pn-market-web-components/p-2fd60147.entry.js +0 -2
- package/dist/pn-market-web-components/p-2fd60147.entry.js.map +0 -1
- package/dist/pn-market-web-components/p-a079c496.js +0 -2
- package/dist/pn-market-web-components/p-a079c496.js.map +0 -1
- package/dist/pn-market-web-components/p-e733f44f.entry.js +0 -2
- package/dist/pn-market-web-components/p-e733f44f.entry.js.map +0 -1
- package/dist/types/components/widgets/pn-search/pn-search.d.ts +0 -29
- package/dist/types/components/widgets/pn-search/pn-search.stories.d.ts +0 -7
- package/dist/types/components/widgets/pn-usp-simple/pn-usp-simple.d.ts +0 -19
- package/dist/types/components/widgets/pn-usp-simple/pn-usp-simple.stories.d.ts +0 -7
- /package/dist/pn-market-web-components/{p-cc7c596e.entry.js.map → p-a298a263.entry.js.map} +0 -0
- /package/dist/pn-market-web-components/{p-f21311ad.entry.js.map → p-da56370b.entry.js.map} +0 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,h as t,F as n,d as a}from"./p-82546a44.js";import{H as i}from"./p-0b920554.js";import{b as s,a as o}from"./p-5f4ccd8a.js";import{P as r}from"./p-6bec8d72.js";import{F as l}from"./p-3478f368.js";const d={mobile:768,tablet:1024,desktop:1025};class c{static instance;breakpoints;callbacks;resizeTimeout;constructor(){this.breakpoints=d;this.callbacks=new Set;this.initializeListeners()}static getInstance(){if(!c.instance){c.instance=new c}return c.instance}setBreakpoints(e){this.breakpoints={...this.breakpoints,...e};this.notifyListeners()}getWidth(){if(typeof window==="undefined")return 0;return window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth||0}isTouch(){if(typeof window==="undefined")return false;return"ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0}getScreenSize(e){if(e<this.breakpoints.mobile)return"mobile";if(e<this.breakpoints.tablet)return"tablet";return"desktop"}getScreenInfo(){const e=this.getWidth();return{width:e,size:this.getScreenSize(e),isTouch:this.isTouch()}}initializeListeners(){if(typeof window==="undefined")return;const e=()=>{if(this.resizeTimeout){window.clearTimeout(this.resizeTimeout)}this.resizeTimeout=window.setTimeout((()=>{this.notifyListeners()}),250)};window.addEventListener("resize",e);window.addEventListener("orientationchange",e)}notifyListeners(){const e=this.getScreenInfo();this.callbacks.forEach((t=>t(e)))}subscribe(e){this.callbacks.add(e);e(this.getScreenInfo());return()=>{this.callbacks.delete(e)}}}const h={sv:{newMessage:"Nytt meddelande",toggleButtonOn:"Visa detaljer",toggleButtonOff:"Dölj detaljer",showMoreLabel:"Visa mer"},en:{newMessage:"New message",toggleButtonOn:"Show details",toggleButtonOff:"Hide details",showMoreLabel:"Show more"},da:{newMessage:"Ny besked",toggleButtonOn:"Vis detaljer",toggleButtonOff:"Skjul detaljer",showMoreLabel:"Vis mere"},no:{newMessage:"Ny melding",toggleButtonOn:"Vis detaljer",toggleButtonOff:"Skjul detaljer",showMoreLabel:"Vis mer"},fi:{newMessage:"Uusi viesti",toggleButtonOn:"Näytä tiedot",toggleButtonOff:"Piilota tiedot",showMoreLabel:"Näytä lisää"},de:{newMessage:"Neue Nachricht",toggleButtonOn:"Details anzeigen",toggleButtonOff:"Details ausblenden",showMoreLabel:"Mehr anzeigen"},zh:{newMessage:"新消息",toggleButtonOn:"显示详情",toggleButtonOff:"隐藏详情",showMoreLabel:"显示更多"},it:{newMessage:"Nuovo messaggio",toggleButtonOn:"Mostra dettagli",toggleButtonOff:"Nascondi dettagli",showMoreLabel:"Mostra di più"},nl:{newMessage:"Nieuw bericht",toggleButtonOn:"Toon details",toggleButtonOff:"Verberg details",showMoreLabel:"Meer tonen"},tr:{newMessage:"Yeni mesaj",toggleButtonOn:"Detayları göster",toggleButtonOff:"Detayları gizle",showMoreLabel:"Daha fazla göster"},pt:{newMessage:"Nova mensagem",toggleButtonOn:"Mostrar detalhes",toggleButtonOff:"Ocultar detalhes",showMoreLabel:"Mostrar mais"},pl:{newMessage:"Nowa wiadomość",toggleButtonOn:"Pokaż szczegóły",toggleButtonOff:"Ukryj szczegóły",showMoreLabel:"Pokaż więcej"},"pt-BR":{newMessage:"Nova mensagem",toggleButtonOn:"Mostrar detalhes",toggleButtonOff:"Ocultar detalhes",showMoreLabel:"Mostrar mais"}};class b{_endpoint;_language;fetchHelper=new l("MarketTableService");_getUserShipmentsPath=`/get-user-shipments`;constructor(e,t){this._endpoint=this.formatEndpoint(e);this._language=t}async getUserShipments(e,t,n,a){let i={skip:t,take:n,isChatEnabled:a,language:this._language,contentId:e};const s=this._endpoint+this._getUserShipmentsPath;const o=await this.fetchHelper.fetchJson(s,this.getRequestInit(i),false);return JSON.parse(o.shipments)}formatEndpoint(e){var t=e.lastIndexOf("/")===e.length-1?e.substring(0,e.length-1):e;return t}getRequestInit(e,t="POST",n="cors",a="application/json"){return{mode:n,method:t,headers:{"Content-Type":a},body:JSON.stringify(e)}}}const p="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}:host{display:block}.pn-marketweb-table .container{max-width:1200px;margin:0 auto;padding:1rem}.pn-marketweb-table .heading-section{display:flex;justify-content:space-between;gap:2rem;margin-bottom:2rem}@media (max-width: 768px){.pn-marketweb-table .heading-section{flex-direction:column}}.pn-marketweb-table .heading-section .heading-wrapper{display:flex;flex-direction:column}.pn-marketweb-table .heading-section .preamble-section{width:80%}.pn-marketweb-table .heading-section .main-heading{margin-bottom:1rem}.pn-marketweb-table .heading-section .summary{display:flex;height:7rem;justify-content:flex-end;gap:clamp(1rem, 4vw, 2rem)}@media (max-width: 768px){.pn-marketweb-table .heading-section .summary{justify-content:center}}.pn-marketweb-table .heading-section .sub-heading-section{background-color:#effbff;border-radius:1.6rem;display:flex;align-items:center;gap:clamp(0.6rem, 4vw, 1rem);padding:0.6rem 1.2rem;width:13.5rem}.pn-marketweb-table .heading-section .sub-heading-section .icon-container{background-color:#e0f8ff;border-radius:50%;padding:4px}.pn-marketweb-table .heading-section .sub-heading{font-size:clamp(1rem, 3vw, 1.4rem);font-weight:400;line-height:clamp(1.225rem, 4vw, 1.5rem);margin:0}.pn-marketweb-table .heading-section .sub-heading strong{color:#005d92;font-weight:700}.pn-marketweb-table .pn-marketweb-table__table{width:100%;border-collapse:collapse;margin-bottom:3.2rem;border:none}.pn-marketweb-table .pn-marketweb-table__table tr{border-bottom:1px solid #e9e6e5;position:relative;border-left:4px solid #ffffff;transition:all 0.7s ease}.pn-marketweb-table .pn-marketweb-table__table tr:last-child{border-bottom:none}.pn-marketweb-table .pn-marketweb-table__table tr:hover{border-left:4px solid #8eddf9;background:#effbff}.pn-marketweb-table .pn-marketweb-table__table tr.row-new-message,.pn-marketweb-table .pn-marketweb-table__table tr.row-new-messag:hover{border-left:4px solid #0aa85c;background:linear-gradient(90deg, rgb(220, 246, 231) 0%, rgb(237, 251, 243) 30%, rgb(255, 255, 255) 70%)}.pn-marketweb-table .pn-marketweb-table__table td{padding:1.6rem 1rem}.pn-marketweb-table .image-container{min-height:5.8rem}.pn-marketweb-table .cell-heading{color:#5e554a;font-size:clamp(0.875rem, 4vw, 1.2rem);font-weight:400;line-height:clamp(1.225rem, 4vw, 1.5rem);margin:0}.pn-marketweb-table .cell-value{color:#2d2013;display:inline-block;font-size:clamp(1rem, 4vw, 1.5rem);font-weight:400;line-height:clamp(1.4rem, 4vw, 1.8rem);margin:0;padding:0.5rem 0}.pn-marketweb-table .row-image{border-radius:0.5rem}.pn-marketweb-table .actions{align-content:center;width:20%}.pn-marketweb-table .actions .button-wrapper{display:flex;flex-direction:row;justify-content:flex-end;gap:1.6rem}.pn-marketweb-table .actions .button-wrapper pn-button{min-width:50%}.pn-marketweb-table .actions .button-wrapper pn-button.toggle-widget{min-width:30%}.pn-marketweb-table .actions .button-wrapper .pn-button-text{white-space:nowrap}@media screen and (max-width: 768px){.pn-marketweb-table .actions .button-wrapper{justify-content:space-between;flex-direction:column}}@media screen and (max-width: 768px){.pn-marketweb-table tr{display:flex;flex-wrap:wrap}.pn-marketweb-table td:not(.cell-content){width:100%}.pn-marketweb-table td.cell-image{text-align:center}.pn-marketweb-table td.cell-content{flex:1 0 40%}.pn-marketweb-table td.cell-content::before{content:attr(data-label);display:block;font-weight:bold;margin-bottom:0.5em}.pn-marketweb-table td.actions .button-wrapper{gap:2rem}}@media (min-width: 768px){.pn-marketweb-table .row-image{max-width:80px}}.pn-marketweb-table .toggle-detail{display:none;color:#005d92;cursor:pointer;border:none;border-radius:3em;outline:none;position:relative;font-size:0.875em;min-width:5.5em;font-weight:500;background-color:transparent;justify-content:center;align-items:center;transition:color 0.3s;-webkit-tap-highlight-color:transparent;text-decoration:none;padding:0.375em 1em;min-height:2em;line-height:1.65em;white-space:nowrap}.pn-marketweb-table .toggle-detail:hover{background-color:#e0f8ff;opacity:1}.pn-marketweb-table .shipment-id-active .button-wrapper{display:flex}.pn-marketweb-table tr td.cell-content:first-child .cell-value{font-weight:500}.pn-marketweb-table .pn-widget-wrapper{display:flex;justify-content:center}.pn-marketweb-table .shipment-id-active,.pn-marketweb-table .widget-row{background-color:#effbff}.pn-marketweb-table .pn-market-table__show-more-wrapper{display:flex;justify-content:center;width:100%}.row-new-message .button-wrapper:after{content:attr(data-label);background:#0aa85c;border-radius:0 0.4rem 0.4rem 0;color:#ffffff;display:block;position:absolute;left:0;top:0;font-size:1.4rem;padding:0 0.4rem}@media (min-width: 768px){.row-new-message .button-wrapper:after{background:#005e41;border-radius:0.4rem;left:auto;right:1.6rem;font-size:1.1rem;top:0.3rem}}";const m=p;const g=class{constructor(t){e(this,t);this.mainHeading=undefined;this.mainHeadingLevel="h2";this.preamble=undefined;this.subHeadingLevel="h3";this.headers=undefined;this.rows=undefined;this.showHeadersInCells=false;this.cellHeaderLevel="h3";this.tableRowCtaActionLabel=undefined;this.imageColAriaHeader=undefined;this.ctaColAriaHeader=undefined;this.checkForNewShipments=false;this.endpoint=undefined;this.language="sv";this.market=undefined;this.toggleDetailLabel="View details";this.checkForChat=false;this.value="";this.shipmentType=undefined;this.contentId="";this.takeAmountRow=2;this.shipmentCount=2;this.i18n=undefined;this._headers=[];this._rows=[];this._allKeys=new Set;this.screenInfo=undefined}screenWidth=c.getInstance();cleanup;_chatService;_chatSegment="#chat";_marketwebTableService;componentWillLoad(){this.setInitialValues();this.setTranslations();this._marketwebTableService=new b(this.endpoint,this.language);this.cleanup=this.screenWidth.subscribe((e=>{this.screenInfo=e}));if(this.checkForNewShipments){this._chatService=new r(this.endpoint,this.market,this.language);setInterval((()=>{this.checkForNewMessages()}),6e4)}}setTranslations(){if(h[this.language]){this.i18n=h[this.language]}else{const e="sv";this.i18n=h[e]}}onLanguageChange(){this.setTranslations()}async componentDidLoad(){if(this.checkForChat){const e=document.querySelector("pn-marketweb-table."+this.shipmentType);const t=e.querySelectorAll('[href*="#chat"]');const n=Array.from(t).filter((e=>e instanceof HTMLAnchorElement));this.OpenChatEvent(n)}}componentDidRender(){const e=document.querySelector("pn-marketweb-table[shipment-type="+this.shipmentType+"]");const t=e?.querySelectorAll("pn-button.toggle-widget");t?.forEach((e=>{const t=e.querySelector(".pn-button-text");if(t&&t.innerHTML!==this.i18n.toggleButtonOn){t.innerHTML=this.i18n.toggleButtonOn}const n=e.querySelector("button");if(n&&!n.hasAttribute("data-toggle-initialized")){n.addEventListener("click",this.toggleButton.bind(this));n.setAttribute("data-toggle-initialized","true")}}))}toggleButton(e){const t=e.currentTarget;const n=t.closest("tr");const a=t.closest("pn-button");const i=n.classList.contains("shipment-id-active");const r=document.querySelectorAll(".widget-row");r.forEach((e=>e.remove()));const l=document.querySelectorAll("tr");l.forEach((e=>e.classList.remove("shipment-id-active")));const d=document.querySelectorAll("pn-button.toggle-widget");d.forEach((e=>{e.setAttribute("icon",s);e.querySelector(".pn-button-text").innerHTML=this.i18n.toggleButtonOn}));if(i){return}t.querySelector(".pn-button-text").innerHTML=this.i18n.toggleButtonOff;n.classList.add("shipment-id-active");const c=document.createElement("tr");c.classList.add("widget-row");const h=document.createElement("td");h.colSpan=n.children.length;const b=document.createElement("div");b.classList.add("pn-widget-wrapper");const p=document.createElement("pn-widget");p.setAttribute("locale",this.language);p.setAttribute("shipment-id",t.id);b.appendChild(p);h.appendChild(b);c.appendChild(h);n.parentNode.insertBefore(c,n.nextSibling);a.setAttribute("icon",o)}handleShowMore=async()=>{let e=this._rows.length;let t=await this._marketwebTableService.getUserShipments(this.contentId,e,this.takeAmountRow,this.checkForChat);if(t){this._rows=[...this._rows,...t]}};async waitForComponent(e,t=10,n=300){for(let a=0;a<t;a++){const t=document.querySelector(e);if(t){return t}await new Promise((e=>setTimeout(e,n)))}return null}disconnectedCallback(){if(this.cleanup){this.cleanup()}}async checkForNewMessages(){for(let e=0;e<this._rows.length;e++){const t=this._rows[e];const n=t.id;if(n){const a=await this._chatService.hasNewMessages(n);if(t.hasNewMessages!==a){this._rows[e]={...t,hasNewMessages:a}}}}this._rows=[...this._rows]}setInitialValues(){try{this.parseRows();this.parseHeaders()}catch(e){console.error("Error parsing table data:",e);this._rows=[];this._headers=[]}}parseRows(){this._rows=typeof this.rows==="string"?JSON.parse(this.rows):this.rows;this._allKeys=new Set(this._rows.flatMap((e=>Object.keys(e))))}parseHeaders(){if(typeof this.headers==="string"){this._headers=JSON.parse(this.headers)}else if(this.headers){this._headers=this.headers}else{this._headers=Array.from(this._allKeys).map((e=>({key:e,label:e})))}}renderCellContent(e,t){const n=e.render?e.render(t):t[e.key]??"-";return n}renderCell(e,a){const s=this.renderCellContent(e,a);if(this.showHeadersInCells||this.screenInfo.width<=d.tablet){return t("div",{class:"cell-content",role:"cell"},t(i,{level:this.cellHeaderLevel,cssClass:"cell-heading",additionalProps:{"aria-hidden":"true",role:"presentation"}},e.label),t("span",{class:"cell-value"},s))}return t(n,null,s)}handleToggleClick=()=>{const e=document.querySelector(".trackandtracewidgetblock");if(e?.parentElement){e.parentElement.classList.toggle("hideRow")}};renderActionButtons(e){if(!e.actionButtons)return null;return t("td",{class:"actions",role:"cell"},t("div",{class:"button-wrapper",role:"group","aria-label":this.tableRowCtaActionLabel,"data-label":this.i18n.newMessage},e.actionButtons.map((e=>t("pn-button",{appearance:e.appearance,class:e.class,variant:e.variant,small:e.small,loading:e.loading,icon:e.icon,leftIcon:e.leftIcon,tooltip:e.tooltip,href:e.href,rel:e.rel,download:e.download,form:e.form,buttonId:e.buttonId,"icon-only":e.iconOnly,arialabel:e.content,"data-chat":e.customAttribute},e.content)))))}async OpenChatEvent(e){e.forEach((e=>{e.addEventListener("click",(t=>{t.preventDefault();const n=window?.location?.hash??"";const a=/#chat:([a-zA-Z0-9]+)(?=#|$)/;const i=e.href.match(a);const s=i?i[1]:"";const o=`${this._chatSegment}:${s}`;window.location.hash=o;this.waitForComponent("pn-chat").then((t=>{if(s){t.setAttribute("item-id",s)}else{t.setAttribute("item-id","")}let a=t.getAttribute("pn-chat-id");const i="00000000-0000-0000-0000-000000000000";const r="1";const l=a===i?r:i;let d=l;const c=e?.parentElement?.getAttribute("data-chat");if(c){d=c.split("").reverse().join("")}t.setAttribute("is-logged-in","true");t.setAttribute("pn-chat-id",d);if(n.includes(o)){let e=t.getAttribute("force-open")??"true";e=e==="true"?"false":"true";t.setAttribute("force-open",e)}}))}))}))}render(){const e=`table-${Math.random().toString(36)}`;const n=`${e}-main-heading`;return t(a,{key:"98283a658faabafcb813eeb447c4bc406f05f18c",language:this.language},t("div",{key:"baea729e089500c3c99757e4e614f9f710000603",class:"pn-marketweb-table"},t("div",{key:"ef40e29179a3d9f380360ed54099e5724d4368df",role:"region","aria-labelledby":this.mainHeading?n:undefined},t("div",{key:"61c96ab70681a3ec976c94f385c9d4136d73cb8e",class:"heading-section"},t("div",{key:"4ed87bda71059736a9d0dbe8a55d89a34a81a89c",class:"heading-wrapper"},this.mainHeading&&t(i,{key:"0ef856c0259011be63c5b6a169bd69285ee09c13",level:this.mainHeadingLevel,cssClass:"main-heading",id:n},this.mainHeading),this.preamble&&t("div",{key:"9eb7c8d520843e331a2ec77bc434a135d82c4699",class:"preamble-section"},this.preamble))),this._rows.length>0&&t("table",{key:"6346e44c176d834b2fe66dea162c5976fae61441",class:"pn-marketweb-table__table","aria-labelledby":this.mainHeading?`${e}-main-heading`:undefined},this._headers&&t("thead",{key:"92d29b69db5ca91664df5dd9ee3fb7b9c3fc97bb",class:this.showHeadersInCells?"sr-only":undefined},t("tr",{key:"fa3d3ec4062835a13f6292a70e37559e7ba90fb7"},this._rows.some((e=>e.imageUrl))&&this.imageColAriaHeader&&t("th",{key:"5d2e43ee1cd03b1a722ee5ae9594226500c0fbe3",scope:"col",class:"sr-only"},this.imageColAriaHeader),this._headers.map((e=>t("th",{key:e.key,scope:"col",class:"sr-only-mobile"},e.label))),this._rows.some((e=>e.link1||e.link2))&&this.ctaColAriaHeader&&t("th",{key:"07356d07d91450352ea9a425286e1f9876e2e578",scope:"col",class:"sr-only"},this.ctaColAriaHeader))),t("tbody",{key:"3b0357be0ffccef7e768d055379f75a8fdd1b6e7",class:"pn-marketweb-table__table-body"},this._rows.slice(0,this.shipmentCount).map(((e,n)=>t("tr",{key:n,class:`cell-row ${e.hasNewMessages?"row-new-message":""}`},e.imageUrl&&t("td",{class:"cell-image"},t("div",{class:"image-container"},t("img",{src:e.imageUrl,alt:"",class:"row-image"}))),this._headers.map((a=>t("td",{key:`${n}-${a.key}`,class:"cell-content"},this.renderCell(a,e)))),this.renderActionButtons(e)))))),this.shipmentCount>this._rows.length&&t("div",{key:"ff1ab5516f505a6315a45e60275e0ca1167840f1",class:"pn-market-table__show-more-wrapper"},t("pn-button",{key:"c34362a272f682e5e7a2f9bb6498d1713afcf6fa",variant:"outlined",appearance:"light",label:this.i18n?.showMoreLabel||"Show More",onClick:()=>this.handleShowMore()})))))}static get watchers(){return{language:["onLanguageChange"]}}};g.style=m;export{g as pn_marketweb_table};
|
|
2
|
+
//# sourceMappingURL=p-923aa6d2.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["DEFAULT_BREAKPOINTS","mobile","tablet","desktop","ScreenWidth","static","breakpoints","callbacks","resizeTimeout","constructor","this","Set","initializeListeners","getInstance","instance","setBreakpoints","notifyListeners","getWidth","window","innerWidth","document","documentElement","clientWidth","body","isTouch","navigator","maxTouchPoints","msMaxTouchPoints","getScreenSize","width","getScreenInfo","size","handleResize","clearTimeout","setTimeout","addEventListener","info","forEach","callback","subscribe","add","delete","translations","sv","newMessage","toggleButtonOn","toggleButtonOff","showMoreLabel","en","da","no","fi","de","zh","it","nl","tr","pt","pl","MarketwebTableService","_endpoint","_language","fetchHelper","FetchHelper","_getUserShipmentsPath","endpoint","language","formatEndpoint","getUserShipments","contentId","skip","take","isChatEnabled","model","fetchUrl","data","fetchJson","getRequestInit","JSON","parse","shipments","formattedEndpoint","lastIndexOf","length","substring","method","mode","contentTypes","headers","stringify","pnMarketwebTableCss","PnMarketwebTableStyle0","PnMarketWebTable","screenWidth","cleanup","_chatService","_chatSegment","_marketwebTableService","componentWillLoad","setInitialValues","setTranslations","screenInfo","checkForNewShipments","PnChatService","market","setInterval","checkForNewMessages","i18n","fallbackLang","onLanguageChange","componentDidLoad","checkForChat","thisTable","querySelector","shipmentType","chatHrefs","querySelectorAll","openChatATags","Array","from","filter","el","HTMLAnchorElement","OpenChatEvent","componentDidRender","toggleButtons","pnButton","btnText","innerHTML","button","hasAttribute","toggleButton","bind","setAttribute","event","currentTarget","parentRow","closest","parentPnButton","isActive","classList","contains","existingWidgetRows","row","remove","allRows","allPnButtons","pnBtn","angle_down","widgetRow","createElement","tdElement","colSpan","children","divEl","widget","id","appendChild","parentNode","insertBefore","nextSibling","angle_up","handleShowMore","async","_rows","takeAmountRow","waitForComponent","selector","maxRetries","delay","i","element","Promise","resolve","disconnectedCallback","itemId","hasNewMessages","parseRows","parseHeaders","error","console","_headers","rows","_allKeys","flatMap","Object","keys","map","key","label","renderCellContent","header","content","render","renderCell","showHeadersInCells","h","class","role","HeadingTag","level","cellHeaderLevel","cssClass","additionalProps","Fragment","handleToggleClick","areaToggle","parentElement","toggle","renderActionButtons","actionButtons","tableRowCtaActionLabel","btn","appearance","variant","small","loading","icon","leftIcon","tooltip","href","rel","download","form","buttonId","iconOnly","arialabel","customAttribute","aTags","aTag","e","preventDefault","previousLocationHash","location","hash","findShipmentIdInUrlRegex","match","shipmentId","shipmentHash","then","chat","oldInitChatId","getAttribute","_defaultChatId","_defaultAlternativeChatId","_defaultTriggerChatId","chatId","reversedChatId","split","reverse","join","includes","forceOpen","tableId","Math","random","toString","headingId","Host","mainHeading","undefined","mainHeadingLevel","preamble","some","imageUrl","imageColAriaHeader","scope","link1","link2","ctaColAriaHeader","slice","shipmentCount","rowIndex","src","alt","onClick"],"sources":["src/globals/ScreensizeDetect.ts","src/components/widgets/pn-marketweb-table/translations.ts","src/components/widgets/pn-marketweb-table/pn-marketweb-table.service.ts","src/components/widgets/pn-marketweb-table/pn-marketweb-table.scss?tag=pn-marketweb-table","src/components/widgets/pn-marketweb-table/pn-marketweb-table.tsx"],"sourcesContent":["interface Breakpoints {\n mobile: number;\n tablet: number;\n desktop: number;\n}\n\ntype ScreenSize = 'mobile' | 'tablet' | 'desktop';\n\nexport interface ScreenWidthInfo {\n width: number;\n size: ScreenSize;\n isTouch: boolean;\n}\n\nexport const DEFAULT_BREAKPOINTS: Breakpoints = {\n mobile: 768,\n tablet: 1024,\n desktop: 1025,\n};\n\nexport class ScreenWidth {\n private static instance: ScreenWidth;\n private breakpoints: Breakpoints;\n private callbacks: Set<(info: ScreenWidthInfo) => void>;\n private resizeTimeout?: number;\n\n private constructor() {\n this.breakpoints = DEFAULT_BREAKPOINTS;\n this.callbacks = new Set();\n this.initializeListeners();\n }\n\n public static getInstance(): ScreenWidth {\n if (!ScreenWidth.instance) {\n ScreenWidth.instance = new ScreenWidth();\n }\n return ScreenWidth.instance;\n }\n\n public setBreakpoints(breakpoints: Partial<Breakpoints>): void {\n this.breakpoints = { ...this.breakpoints, ...breakpoints };\n this.notifyListeners();\n }\n\n private getWidth(): number {\n if (typeof window === 'undefined') return 0;\n\n return window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth || 0;\n }\n\n private isTouch(): boolean {\n if (typeof window === 'undefined') return false;\n\n return (\n 'ontouchstart' in window ||\n navigator.maxTouchPoints > 0 ||\n // @ts-ignore - Some browsers might not have msMaxTouchPoints\n navigator.msMaxTouchPoints > 0\n );\n }\n\n private getScreenSize(width: number): ScreenSize {\n if (width < this.breakpoints.mobile) return 'mobile';\n if (width < this.breakpoints.tablet) return 'tablet';\n return 'desktop';\n }\n\n public getScreenInfo(): ScreenWidthInfo {\n const width = this.getWidth();\n return {\n width,\n size: this.getScreenSize(width),\n isTouch: this.isTouch(),\n };\n }\n\n private initializeListeners(): void {\n if (typeof window === 'undefined') return;\n\n const handleResize = () => {\n if (this.resizeTimeout) {\n window.clearTimeout(this.resizeTimeout);\n }\n\n this.resizeTimeout = window.setTimeout(() => {\n this.notifyListeners();\n }, 250);\n };\n\n window.addEventListener('resize', handleResize);\n window.addEventListener('orientationchange', handleResize);\n }\n\n private notifyListeners(): void {\n const info = this.getScreenInfo();\n this.callbacks.forEach(callback => callback(info));\n }\n\n public subscribe(callback: (info: ScreenWidthInfo) => void): () => void {\n this.callbacks.add(callback);\n callback(this.getScreenInfo()); // Initial call\n\n return () => {\n this.callbacks.delete(callback);\n };\n }\n}\n","export const translations = {\n 'sv': {\n newMessage: 'Nytt meddelande',\n toggleButtonOn: 'Visa detaljer',\n toggleButtonOff: 'Dölj detaljer',\n showMoreLabel: 'Visa mer',\n },\n 'en': {\n newMessage: 'New message',\n toggleButtonOn: 'Show details',\n toggleButtonOff: 'Hide details',\n showMoreLabel: 'Show more',\n },\n 'da': {\n newMessage: 'Ny besked',\n toggleButtonOn: 'Vis detaljer',\n toggleButtonOff: 'Skjul detaljer',\n showMoreLabel: 'Vis mere',\n },\n 'no': {\n newMessage: 'Ny melding',\n toggleButtonOn: 'Vis detaljer',\n toggleButtonOff: 'Skjul detaljer',\n showMoreLabel: 'Vis mer',\n },\n 'fi': {\n newMessage: 'Uusi viesti',\n toggleButtonOn: 'Näytä tiedot',\n toggleButtonOff: 'Piilota tiedot',\n showMoreLabel: 'Näytä lisää',\n },\n 'de': {\n newMessage: 'Neue Nachricht',\n toggleButtonOn: 'Details anzeigen',\n toggleButtonOff: 'Details ausblenden',\n showMoreLabel: 'Mehr anzeigen',\n },\n 'zh': {\n newMessage: '新消息',\n toggleButtonOn: '显示详情',\n toggleButtonOff: '隐藏详情',\n showMoreLabel: '显示更多',\n },\n 'it': {\n newMessage: 'Nuovo messaggio',\n toggleButtonOn: 'Mostra dettagli',\n toggleButtonOff: 'Nascondi dettagli',\n showMoreLabel: 'Mostra di più',\n },\n 'nl': {\n newMessage: 'Nieuw bericht',\n toggleButtonOn: 'Toon details',\n toggleButtonOff: 'Verberg details',\n showMoreLabel: 'Meer tonen',\n },\n 'tr': {\n newMessage: 'Yeni mesaj',\n toggleButtonOn: 'Detayları göster',\n toggleButtonOff: 'Detayları gizle',\n showMoreLabel: 'Daha fazla göster',\n },\n 'pt': {\n newMessage: 'Nova mensagem',\n toggleButtonOn: 'Mostrar detalhes',\n toggleButtonOff: 'Ocultar detalhes',\n showMoreLabel: 'Mostrar mais',\n },\n 'pl': {\n newMessage: 'Nowa wiadomość',\n toggleButtonOn: 'Pokaż szczegóły',\n toggleButtonOff: 'Ukryj szczegóły',\n showMoreLabel: 'Pokaż więcej',\n },\n 'pt-BR': {\n newMessage: 'Nova mensagem',\n toggleButtonOn: 'Mostrar detalhes',\n toggleButtonOff: 'Ocultar detalhes',\n showMoreLabel: 'Mostrar mais',\n }\n};\n","import { FetchHelper } from '@/globals/FetchHelper';\nimport { ShipmentsBody, ShipmentsResponse, TableRowData } from './types';\n\nexport class MarketwebTableService {\n private readonly _endpoint;\n private readonly _language;\n private fetchHelper = new FetchHelper('MarketTableService');\n private readonly _getUserShipmentsPath = `/get-user-shipments`;\n\n\n constructor(endpoint: string, language: string) {\n this._endpoint = this.formatEndpoint(endpoint);\n this._language = language;\n }\n\n async getUserShipments(contentId: string, skip: number, take: number, isChatEnabled: boolean): Promise<TableRowData[]> {\n let model: ShipmentsBody =\n {\n skip: skip,\n take: take,\n isChatEnabled: isChatEnabled,\n language: this._language,\n contentId: contentId,\n };\n\n const fetchUrl = this._endpoint + this._getUserShipmentsPath;\n\n const data = (await this.fetchHelper.fetchJson(\n fetchUrl,\n this.getRequestInit(model),\n false\n )) as ShipmentsResponse;\n\n return JSON.parse(data.shipments) as TableRowData[];\n }\n\n private formatEndpoint(endpoint: string): string {\n var formattedEndpoint = endpoint.lastIndexOf('/') === endpoint.length - 1 ? endpoint.substring(0, endpoint.length - 1) : endpoint;\n return formattedEndpoint;\n }\n\n private getRequestInit(model: any, method: string = 'POST', mode: RequestMode = 'cors', contentTypes: string = 'application/json'): RequestInit {\n return {\n mode: mode,\n method: method,\n headers:\n {\n 'Content-Type': contentTypes\n },\n body: JSON.stringify(model)\n };\n }\n}\n","@import '../../../globals/main.scss';\n\n:host {\n display: block;\n}\n\n.pn-marketweb-table {\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 1rem;\n }\n\n .heading-section {\n display: flex;\n justify-content: space-between;\n gap: 2rem;\n margin-bottom: 2rem;\n\n @media (max-width: $min-width-md) {\n flex-direction: column;\n }\n\n .heading-wrapper {\n display: flex;\n flex-direction: column;\n }\n\n .preamble-section {\n width: 80%;\n }\n\n .main-heading {\n margin-bottom: 1rem;\n }\n\n .summary {\n display: flex;\n height: 7rem;\n justify-content: flex-end;\n gap: clamp(1rem, 4vw, 2rem);\n\n @media (max-width: $min-width-md) {\n justify-content: center;\n }\n }\n\n .sub-heading-section {\n background-color: $blue25;\n border-radius: 1.6rem;\n display: flex;\n align-items: center;\n gap: clamp(0.6rem, 4vw, 1rem);\n padding: 0.6rem 1.2rem;\n width: 13.5rem;\n\n .icon-container {\n background-color: $blue50;\n border-radius: 50%;\n padding: 4px;\n }\n }\n\n .sub-heading {\n font-size: clamp(1rem, 3vw, 1.4rem);\n font-weight: 400;\n line-height: clamp(1.225rem, 4vw, 1.5rem);\n margin: 0;\n\n strong {\n color: $blue700;\n font-weight: 700;\n }\n }\n }\n\n .pn-marketweb-table__table {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: 3.2rem;\n border: none;\n }\n\n .pn-marketweb-table__table tr {\n border-bottom: 1px solid $gray100;\n position: relative;\n border-left: 4px solid $white;\n transition: all .7s ease;\n\n &:last-child {\n border-bottom: none;\n }\n\n &:hover {\n border-left: 4px solid $blue200;\n background: $blue25;\n }\n\n &.row-new-message,\n &.row-new-messag:hover {\n border-left: 4px solid $green500;\n background: linear-gradient(90deg, rgba(220, 246, 231, 1) 0%, rgba(237, 251, 243, 1) 30%, rgba(255, 255, 255, 1) 70%);\n }\n }\n\n .pn-marketweb-table__table {\n td {\n padding: 1.6rem 1rem;\n }\n }\n\n .image-container {\n min-height: 5.8rem;\n }\n\n .cell-heading {\n color: $gray700;\n font-size: clamp(0.875rem, 4vw, 1.2rem);\n font-weight: 400;\n line-height: clamp(1.225rem, 4vw, 1.5rem);\n margin: 0;\n }\n\n .cell-value {\n color: $gray900;\n display: inline-block;\n font-size: clamp(1rem, 4vw, 1.5rem);\n font-weight: 400;\n line-height: clamp(1.4rem, 4vw, 1.8rem);\n margin: 0;\n padding: 0.5rem 0;\n }\n\n .row-image {\n border-radius: 0.5rem;\n }\n\n .actions {\n align-content: center;\n width: 20%;\n\n .button-wrapper {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n gap: 1.6rem;\n\n pn-button {\n min-width: 50%;\n }\n\n pn-button.toggle-widget {\n min-width: 30%;\n }\n\n .pn-button-text {\n white-space: nowrap;\n }\n\n @media screen and (max-width: $min-width-md) {\n justify-content: space-between;\n flex-direction: column;\n }\n }\n }\n\n @media screen and (max-width: $min-width-md) {\n tr {\n display: flex;\n flex-wrap: wrap;\n }\n\n td:not(.cell-content) {\n width: 100%;\n }\n\n td.cell-image {\n text-align: center;\n }\n\n td.cell-content {\n flex: 1 0 40%;\n\n &::before {\n content: attr(data-label);\n display: block;\n font-weight: bold;\n margin-bottom: 0.5em;\n }\n }\n\n td.actions .button-wrapper {\n gap: 2rem;\n }\n }\n\n @media (min-width: $min-width-md) {\n .row-image {\n max-width: 80px;\n }\n }\n\n .toggle-detail {\n display: none;\n color: $blue700;\n cursor: pointer;\n border: none;\n border-radius: 3em;\n outline: none;\n position: relative;\n font-size: 0.875em;\n min-width: 5.5em;\n font-weight: 500;\n background-color: transparent;\n justify-content: center;\n align-items: center;\n transition: color 0.3s;\n -webkit-tap-highlight-color: transparent;\n text-decoration: none;\n padding: 0.375em 1em;\n min-height: 2em;\n line-height: 1.65em;\n white-space: nowrap;\n\n &:hover {\n background-color: $blue50;\n opacity: 1;\n }\n }\n\n .shipment-id-active .button-wrapper {\n display: flex;\n }\n\n tr td.cell-content:first-child .cell-value {\n font-weight: 500;\n }\n\n .pn-widget-wrapper {\n display: flex;\n justify-content: center;\n }\n\n .shipment-id-active, .widget-row {\n background-color: $blue25;\n }\n\n .pn-market-table__show-more-wrapper {\n display: flex;\n justify-content: center;\n width: 100%;\n }\n}\n\n\n\n.row-new-message .button-wrapper:after {\n content: attr(data-label);\n background: $green500;\n border-radius: 0 0.4rem .4rem 0;\n color: $white;\n display: block;\n position: absolute;\n left: 0;\n top: 0;\n font-size: 1.4rem;\n padding: 0 .4rem;\n}\n\n@media (min-width: $min-width-md) {\n .row-new-message .button-wrapper:after {\n background: $green700;\n border-radius: .4rem;\n left: auto;\n right: 1.6rem;\n\n font-size: 1.1rem;\n top: .3rem;\n\n }\n}","import { HeadingTag } from '@/globals/HeadingTag';\nimport { Component, Host, Prop, h, State, Fragment, Watch } from '@stencil/core';\nimport { ScreenWidth, ScreenWidthInfo, DEFAULT_BREAKPOINTS } from '@/globals/ScreensizeDetect';\nimport { HeadingLevel } from '@/globals/types';\nimport { angle_down, angle_up } from 'pn-design-assets/pn-assets/icons.js';\nimport { JSX } from 'react';\nimport { PnChatService } from '../pn-chat/pn-chat.service';\nimport { HeaderConfig, TableRowData, TableRowi18n } from './types'\nimport { translations } from './translations';\nimport { MarketwebTableService } from './pn-marketweb-table.service';\n\n@Component({\n tag: 'pn-marketweb-table',\n styleUrl: 'pn-marketweb-table.scss',\n})\nexport class PnMarketWebTable {\n @Prop() mainHeading?: string;\n @Prop() mainHeadingLevel: HeadingLevel = 'h2';\n @Prop() preamble: string\n @Prop() subHeadingLevel: HeadingLevel = 'h3';\n @Prop() headers!: string | HeaderConfig[];\n @Prop() rows!: string | TableRowData[];\n @Prop() showHeadersInCells: boolean = false;\n @Prop() cellHeaderLevel: HeadingLevel = 'h3';\n @Prop() tableRowCtaActionLabel: string;\n @Prop() imageColAriaHeader: string;\n @Prop() ctaColAriaHeader: string;\n @Prop() checkForNewShipments: boolean = false;\n @Prop() endpoint: string;\n @Prop() language: string = 'sv';\n @Prop() market: string;\n @Prop() toggleDetailLabel: string = 'View details';\n @Prop() checkForChat: boolean = false;\n @Prop({ reflect: true, mutable: true }) value: string = '';\n @Prop() shipmentType!: string;\n @Prop() contentId: string = '';\n @Prop() takeAmountRow: number = 2;\n @Prop() shipmentCount: number = 2;\n\n @State() i18n: TableRowi18n;\n @State() private _headers: HeaderConfig[] = [];\n @State() private _rows: TableRowData[] = [];\n @State() private _allKeys: Set<string> = new Set();\n @State() private screenInfo?: ScreenWidthInfo;\n\n private screenWidth = ScreenWidth.getInstance();\n private cleanup?: () => void;\n private _chatService: PnChatService;\n private _chatSegment: string = \"#chat\";\n private _marketwebTableService: MarketwebTableService;\n\n componentWillLoad(): void {\n this.setInitialValues();\n this.setTranslations();\n this._marketwebTableService = new MarketwebTableService(this.endpoint, this.language);\n\n this.cleanup = this.screenWidth.subscribe(info => {\n this.screenInfo = info;\n });\n\n if (this.checkForNewShipments) {\n this._chatService = new PnChatService(this.endpoint, this.market, this.language);\n setInterval(() => {\n this.checkForNewMessages();\n }, 60000);\n }\n }\n\n setTranslations() {\n if (translations[this.language]) {\n this.i18n = translations[this.language] as TableRowi18n;\n }\n else {\n const fallbackLang = 'sv';\n this.i18n = translations[fallbackLang] as TableRowi18n;\n }\n }\n\n @Watch('language')\n onLanguageChange() {\n this.setTranslations();\n }\n\n async componentDidLoad() {\n if (this.checkForChat) {\n const thisTable = document.querySelector('pn-marketweb-table.' + this.shipmentType);\n const chatHrefs = thisTable.querySelectorAll('[href*=\"#chat\"]');\n const openChatATags: HTMLAnchorElement[] = Array.from(chatHrefs).filter(\n (el): el is HTMLAnchorElement => el instanceof HTMLAnchorElement\n );\n this.OpenChatEvent(openChatATags);\n }\n }\n\n componentDidRender() {\n const thisTable = document.querySelector('pn-marketweb-table[shipment-type=' + this.shipmentType + ']');\n const toggleButtons = thisTable?.querySelectorAll('pn-button.toggle-widget');\n toggleButtons?.forEach(pnButton => {\n const btnText = pnButton.querySelector('.pn-button-text');\n if (btnText && btnText.innerHTML !== this.i18n.toggleButtonOn) {\n btnText.innerHTML = this.i18n.toggleButtonOn;\n }\n const button = pnButton.querySelector('button');\n if (button && !button.hasAttribute('data-toggle-initialized')) {\n button.addEventListener('click', this.toggleButton.bind(this));\n button.setAttribute('data-toggle-initialized', 'true');\n }\n });\n }\n\n private toggleButton(event) {\n const button = event.currentTarget as HTMLButtonElement;\n const parentRow = button.closest('tr');\n const parentPnButton = button.closest('pn-button');\n\n const isActive = parentRow.classList.contains(\"shipment-id-active\");\n\n const existingWidgetRows = document.querySelectorAll('.widget-row');\n existingWidgetRows.forEach(row => row.remove());\n\n const allRows = document.querySelectorAll('tr');\n allRows.forEach(row => row.classList.remove(\"shipment-id-active\"));\n\n const allPnButtons = document.querySelectorAll('pn-button.toggle-widget');\n allPnButtons.forEach(pnBtn => {\n pnBtn.setAttribute('icon', angle_down);\n pnBtn.querySelector('.pn-button-text').innerHTML = this.i18n.toggleButtonOn;\n });\n\n if (isActive) {\n return;\n }\n button.querySelector('.pn-button-text').innerHTML = this.i18n.toggleButtonOff;\n parentRow.classList.add(\"shipment-id-active\");\n\n const widgetRow = document.createElement('tr');\n widgetRow.classList.add('widget-row');\n\n const tdElement = document.createElement('td');\n tdElement.colSpan = parentRow.children.length;\n\n const divEl = document.createElement('div');\n divEl.classList.add('pn-widget-wrapper');\n\n const widget = document.createElement('pn-widget');\n widget.setAttribute('locale', this.language);\n widget.setAttribute('shipment-id', button.id);\n\n divEl.appendChild(widget);\n tdElement.appendChild(divEl);\n widgetRow.appendChild(tdElement);\n\n parentRow.parentNode.insertBefore(widgetRow, parentRow.nextSibling);\n\n parentPnButton.setAttribute('icon', angle_up);\n }\n\n private handleShowMore = async () => {\n let skip = this._rows.length;\n let data = await this._marketwebTableService.getUserShipments(this.contentId, skip, this.takeAmountRow, this.checkForChat);\n if (data) {\n this._rows = [...this._rows, ...data];\n }\n };\n\n async waitForComponent(selector: string, maxRetries = 10, delay = 300): Promise<HTMLElement | null> {\n for (let i = 0; i < maxRetries; i++) {\n const element = document.querySelector(selector);\n if (element) {\n return element as HTMLElement;\n }\n await new Promise(resolve => setTimeout(resolve, delay));\n }\n return null;\n }\n\n disconnectedCallback(): void {\n if (this.cleanup) {\n this.cleanup();\n }\n }\n\n private async checkForNewMessages() {\n for (let i = 0; i < this._rows.length; i++) {\n const row = this._rows[i];\n const itemId = row.id;\n\n if (itemId) {\n const hasNewMessages = await this._chatService.hasNewMessages(itemId);\n\n if (row.hasNewMessages !== hasNewMessages) {\n this._rows[i] = { ...row, hasNewMessages: hasNewMessages };\n }\n }\n }\n\n this._rows = [...this._rows];\n }\n\n private setInitialValues(): void {\n try {\n this.parseRows();\n this.parseHeaders();\n\n } catch (error) {\n console.error('Error parsing table data:', error);\n this._rows = [];\n this._headers = [];\n }\n }\n\n private parseRows() {\n this._rows = typeof this.rows === 'string' ? JSON.parse(this.rows) : this.rows;\n this._allKeys = new Set(this._rows.flatMap(row => Object.keys(row)));\n }\n\n private parseHeaders() {\n if (typeof this.headers === 'string') {\n this._headers = JSON.parse(this.headers);\n } else if (this.headers) {\n this._headers = this.headers;\n } else {\n this._headers = Array.from(this._allKeys).map(key => ({ key, label: key }));\n }\n }\n\n private renderCellContent(header: HeaderConfig, row: TableRowData): JSX.Element | string | number | boolean {\n const content = header.render ? header.render(row) : row[header.key] ?? '-';\n return content;\n }\n\n private renderCell(header: HeaderConfig, row: TableRowData): JSX.Element {\n const content = this.renderCellContent(header, row);\n\n if (this.showHeadersInCells || this.screenInfo.width <= DEFAULT_BREAKPOINTS.tablet) {\n return (\n <div class=\"cell-content\" role=\"cell\">\n <HeadingTag\n level={this.cellHeaderLevel}\n cssClass=\"cell-heading\"\n additionalProps={{\n 'aria-hidden': 'true',\n 'role': 'presentation',\n }}\n >\n {header.label}\n </HeadingTag>\n <span class=\"cell-value\">{content}</span>\n </div>\n );\n }\n\n return <>{content}</>;\n }\n\n private handleToggleClick = () => {\n const areaToggle = document.querySelector('.trackandtracewidgetblock');\n if (areaToggle?.parentElement) {\n areaToggle.parentElement.classList.toggle('hideRow');\n }\n };\n\n private renderActionButtons(row: TableRowData): JSX.Element | null {\n if (!row.actionButtons) return null;\n\n return (\n <td class=\"actions\" role=\"cell\">\n <div class=\"button-wrapper\" role=\"group\" aria-label={this.tableRowCtaActionLabel} data-label={this.i18n.newMessage}>\n {row.actionButtons.map(btn => (\n <pn-button\n appearance={btn.appearance}\n class={btn.class}\n variant={btn.variant}\n small={btn.small}\n loading={btn.loading}\n icon={btn.icon}\n leftIcon={btn.leftIcon}\n tooltip={btn.tooltip}\n href={btn.href}\n rel={btn.rel}\n download={btn.download}\n form={btn.form}\n buttonId={btn.buttonId}\n icon-only={btn.iconOnly}\n arialabel={btn.content}\n data-chat={btn.customAttribute}>\n {btn.content}\n </pn-button>\n ))}\n </div>\n </td>\n );\n }\n\n private async OpenChatEvent(aTags: HTMLAnchorElement[]) {\n aTags.forEach((aTag) => {\n aTag.addEventListener(\"click\", (e) => {\n e.preventDefault();\n const previousLocationHash = window?.location?.hash ?? \"\";\n\n const findShipmentIdInUrlRegex = /#chat:([a-zA-Z0-9]+)(?=#|$)/;\n const match = aTag.href.match(findShipmentIdInUrlRegex);\n const shipmentId = match ? match[1] : \"\";\n const shipmentHash = `${this._chatSegment}:${shipmentId}`;\n window.location.hash = shipmentHash;\n\n this.waitForComponent('pn-chat').then((chat) => {\n if (shipmentId) {\n chat.setAttribute('item-id', shipmentId);\n }\n else {\n chat.setAttribute('item-id', \"\");\n }\n\n let oldInitChatId = chat.getAttribute('pn-chat-id');\n\n const _defaultChatId = \"00000000-0000-0000-0000-000000000000\";\n const _defaultAlternativeChatId = \"1\";\n const _defaultTriggerChatId = oldInitChatId === _defaultChatId ? _defaultAlternativeChatId : _defaultChatId;\n let chatId = _defaultTriggerChatId;\n const reversedChatId = aTag?.parentElement?.getAttribute('data-chat');\n\n if (reversedChatId) {\n chatId = reversedChatId.split('').reverse().join('');\n }\n\n chat.setAttribute('is-logged-in', 'true');\n chat.setAttribute('pn-chat-id', chatId);\n\n if (previousLocationHash.includes(shipmentHash)) {\n let forceOpen = chat.getAttribute('force-open') ?? 'true';\n forceOpen = forceOpen === 'true' ? 'false' : 'true';\n chat.setAttribute('force-open', forceOpen);\n }\n });\n });\n });\n }\n\n render() {\n const tableId = `table-${Math.random().toString(36)}`;\n const headingId = `${tableId}-main-heading`;\n\n return (\n <Host language={this.language}>\n <div class='pn-marketweb-table'>\n <div role='region' aria-labelledby={this.mainHeading ? headingId : undefined}>\n <div class='heading-section'>\n <div class='heading-wrapper'>\n {this.mainHeading && (\n <HeadingTag level={this.mainHeadingLevel} cssClass='main-heading' id={headingId}>\n {this.mainHeading}\n </HeadingTag>\n )}\n {this.preamble && (\n <div class=\"preamble-section\">{this.preamble}</div>\n )}\n </div>\n </div>\n {this._rows.length > 0 && (\n <table class='pn-marketweb-table__table' aria-labelledby={this.mainHeading ? `${tableId}-main-heading` : undefined}>\n {this._headers && (\n <thead class={this.showHeadersInCells ? 'sr-only' : undefined} >\n <tr >\n {this._rows.some((row) => row.imageUrl) && this.imageColAriaHeader && (\n <th scope='col' class='sr-only'>\n {this.imageColAriaHeader}\n </th>\n )}\n {this._headers.map((header) => (\n <th key={header.key} scope='col' class='sr-only-mobile'>\n {header.label}\n </th>\n ))}\n {this._rows.some((row) => row.link1 || row.link2) && this.ctaColAriaHeader && (\n <th scope='col' class='sr-only'>\n {this.ctaColAriaHeader}\n </th>\n )}\n </tr>\n </thead>\n )}\n <tbody class=\"pn-marketweb-table__table-body\">\n {this._rows.slice(0, this.shipmentCount).map((row, rowIndex) => (\n <tr key={rowIndex} class={`cell-row ${row.hasNewMessages ? \"row-new-message\" : ''}`}>\n {row.imageUrl && (\n <td class='cell-image'>\n <div class='image-container'>\n <img src={row.imageUrl} alt='' class='row-image' />\n </div>\n </td>\n )}\n {this._headers.map((header) => (\n <td key={`${rowIndex}-${header.key}`} class='cell-content' >\n {this.renderCell(header, row)}\n </td>\n ))}\n {this.renderActionButtons(row)}\n </tr>\n ))}\n </tbody>\n </table>\n )}\n {this.shipmentCount > this._rows.length && (\n <div class=\"pn-market-table__show-more-wrapper\">\n <pn-button variant=\"outlined\" appearance=\"light\" label={this.i18n?.showMoreLabel || 'Show More'} onClick={() => this.handleShowMore()}></pn-button>\n </div>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as t,F as a,d as i}from"./p-82546a44.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-a079c496.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:100%;max-width:400px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);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:#005d92;color:#ffffff;padding:0.8rem;padding-left:1.6rem;display:flex;justify-content:space-between;align-items:center}@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}.pn-chat .chat-header pn-button.minimize-btn button.pn-button .pn-button-content{align-items:flex-end}.pn-chat .chat-header #chat-title{margin:0;font-size:2rem;font-weight:400;line-height:1.4}.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;border-left:1px solid #d3cecb;border-right:1px solid #d3cecb;background-color:#ffffff}.pn-chat .chat-main.loading-chat-main{display:flex;justify-content:center;align-items:center;padding-bottom:1.6rem}.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:1px solid #d3cecb;border-top:none}.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{text-indent:0.8rem;border:none;background:transparent;width:100%;outline:0.2rem solid transparent;outline-offset:0.2rem}.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-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}@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")}}const i=()=>{if(a["data-action"]==="minimize"){this.toggleChat()}if(a["dataAction"]==="choice"&&a["dataOptionChoice"]){(async()=>{await this.handleSendChoice(a["dataOptionChoice"],e.content)})()}};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:"0cf24e9474bc0e7e39ec51b8e9bf7646f4ac21d8",class:this.customerSegment},!this.isClosed&&this.messagesData&&t("div",{key:"f275614056e1f2df7972377ae3041ab690eae830",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:"8bc0f594242ab297bc95e091a95bd382c1ce0b31"},t("header",{key:"7a20b62deac0cb3fa34bf3abf7dba3f8eccb94e7",class:"chat-header",role:"banner"},t("h1",{key:"0dbe95cfd3ca8856fc95bfd3e0a6e970b87ec6df",id:"chat-title"},this.mainHeading),t("div",{key:"3c7ecf77edb890a351882a22a0910cdc8e2abc7b",class:"chat-controls",role:"toolbar","aria-label":this.getTranslation("chatControlsAriaLabel")},t("pn-button",{key:"564dd6d3c7234356f3805b4e0808411d97e41292",icon:h,"icon-only":"true",class:"minimize-btn",onClick:this.toggleChat,"aria-expanded":!this.isMinimized,"aria-controls":e,"aria-label":this.getTranslation("minimizeChatAriaLabel"),variant:"borderless",tooltip:this.getTranslation("minimizeChatAriaLabel")}),t("pn-button",{key:"5d2873c2409d3caa7887bf9b99de5f64b5c8af22",icon:s,"icon-only":"true",class:"close-btn",onClick:this.closeChat,"aria-expanded":!this.isMinimized,"aria-label":this.getTranslation("closeChatAriaLabel"),variant:"borderless",tooltip:this.getTranslation("closeChatAriaLabel")}))),(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:"6d8a4b4e0ce587c39f307f5ad37dd7498eaaaa4a",class:"chat-footer",role:"contentinfo"},t("div",{key:"b2879f8c86f2d01cd9563d21d9303b2e4d649503",class:"form",role:"form","aria-labelledby":n},t("label",{key:"9af815bef9cf42c18379839844bcf0101bd3921e",htmlFor:n,class:"sr-only"},this.getTranslation("writeChatMessagePlaceholder")),t("div",{key:"97007d97f8fe0a7c5f8b8e9c25bbe20918679484",class:"chat-input-container"},t("input",{key:"6e156d7ad63763316d2be89b925099fa03984232",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:"98f1a01a3774b504c91e72279133f46d327c723f",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};
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as t,F as a,d as i}from"./p-82546a44.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:100%;max-width:400px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1);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:#005d92;color:#ffffff;padding:0.8rem;padding-left:1.6rem;display:flex;justify-content:space-between;align-items:center}@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}.pn-chat .chat-header pn-button.minimize-btn button.pn-button .pn-button-content{align-items:flex-end}.pn-chat .chat-header #chat-title{margin:0;font-size:2rem;font-weight:400;line-height:1.4}.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;border-left:1px solid #d3cecb;border-right:1px solid #d3cecb;background-color:#ffffff}.pn-chat .chat-main.loading-chat-main{display:flex;justify-content:center;align-items:center;padding-bottom:1.6rem}.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:1px solid #d3cecb;border-top:none}.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{text-indent:0.8rem;border:none;background:transparent;width:100%;outline:0.2rem solid transparent;outline-offset:0.2rem}.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-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}@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")}}const i=()=>{if(a["data-action"]==="minimize"){this.toggleChat()}if(a["dataAction"]==="choice"&&a["dataOptionChoice"]){(async()=>{await this.handleSendChoice(a["dataOptionChoice"],e.content)})()}};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:"0cf24e9474bc0e7e39ec51b8e9bf7646f4ac21d8",class:this.customerSegment},!this.isClosed&&this.messagesData&&t("div",{key:"f275614056e1f2df7972377ae3041ab690eae830",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:"8bc0f594242ab297bc95e091a95bd382c1ce0b31"},t("header",{key:"7a20b62deac0cb3fa34bf3abf7dba3f8eccb94e7",class:"chat-header",role:"banner"},t("h1",{key:"0dbe95cfd3ca8856fc95bfd3e0a6e970b87ec6df",id:"chat-title"},this.mainHeading),t("div",{key:"3c7ecf77edb890a351882a22a0910cdc8e2abc7b",class:"chat-controls",role:"toolbar","aria-label":this.getTranslation("chatControlsAriaLabel")},t("pn-button",{key:"564dd6d3c7234356f3805b4e0808411d97e41292",icon:h,"icon-only":"true",class:"minimize-btn",onClick:this.toggleChat,"aria-expanded":!this.isMinimized,"aria-controls":e,"aria-label":this.getTranslation("minimizeChatAriaLabel"),variant:"borderless",tooltip:this.getTranslation("minimizeChatAriaLabel")}),t("pn-button",{key:"5d2873c2409d3caa7887bf9b99de5f64b5c8af22",icon:s,"icon-only":"true",class:"close-btn",onClick:this.closeChat,"aria-expanded":!this.isMinimized,"aria-label":this.getTranslation("closeChatAriaLabel"),variant:"borderless",tooltip:this.getTranslation("closeChatAriaLabel")}))),(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:"6d8a4b4e0ce587c39f307f5ad37dd7498eaaaa4a",class:"chat-footer",role:"contentinfo"},t("div",{key:"b2879f8c86f2d01cd9563d21d9303b2e4d649503",class:"form",role:"form","aria-labelledby":n},t("label",{key:"9af815bef9cf42c18379839844bcf0101bd3921e",htmlFor:n,class:"sr-only"},this.getTranslation("writeChatMessagePlaceholder")),t("div",{key:"97007d97f8fe0a7c5f8b8e9c25bbe20918679484",class:"chat-input-container"},t("input",{key:"6e156d7ad63763316d2be89b925099fa03984232",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:"98f1a01a3774b504c91e72279133f46d327c723f",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};
|
|
2
|
+
//# sourceMappingURL=p-a298a263.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,g as e,h as o,d as r}from"./p-82546a44.js";const p="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-usp-promoter{width:80%}pn-usp-promoter .usp-promoter{display:flex;justify-content:center;padding:3rem 0.8rem}pn-usp-promoter .usp-promoter--full-width{overflow:hidden;margin:0 calc(-50vw + 50%)}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--full-width{padding:8rem 4rem}}pn-usp-promoter .usp-promoter__content{display:flex;flex-direction:row;width:100%;max-width:114rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content{align-items:center;text-align:left;justify-content:center}}pn-usp-promoter .usp-promoter__content-wrapper{display:flex;flex-direction:column;width:100%;max-width:75rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-wrapper{align-items:flex-start;padding-left:4rem}}pn-usp-promoter .usp-promoter__content-heading{margin-bottom:0.8rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-heading{font-size:4.2rem}}@media screen and (min-width: 1140px){pn-usp-promoter .usp-promoter__content-heading{font-size:4.8rem}}@media screen and (min-width: 1440px){pn-usp-promoter .usp-promoter__content-heading{font-size:5.6rem}}pn-usp-promoter .usp-promoter__no-margin-bottom{margin-bottom:0 !important}pn-usp-promoter .usp-promoter__content-text{font-size:1.6rem;max-width:47rem;margin-bottom:2.6rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-text{text-wrap:balance}}@media screen and (min-width: 1140px){pn-usp-promoter .usp-promoter__content-text{font-size:1.8rem;max-width:60rem}}@media screen and (min-width: 1440px){pn-usp-promoter .usp-promoter__content-text{font-size:2rem;max-width:70rem}}pn-usp-promoter [slot=app-store]{display:flex;align-items:flex-start;margin-bottom:2.6rem;gap:1rem}pn-usp-promoter [slot=app-store]>a{background-color:black;border:0.1rem solid #a6a6a6;border-radius:0.8rem;color:#fff;display:inline-block;line-height:0;text-decoration:none;transition:background-color 0.2s ease-in-out}pn-usp-promoter [slot=app-store]>a::after{margin-left:0 !important;margin-right:0.5rem;top:0.2rem;position:relative}pn-usp-promoter [slot=app-store]>a:hover{background-color:#0d234b}pn-usp-promoter [slot=app-store]>a:focus{background-color:#0d234b;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #0d234b}pn-usp-promoter [slot=app-store]>a:focus-visible{outline:none}pn-usp-promoter [slot=app-store]>a img{height:4rem}pn-usp-promoter [slot=usp-buttons] pn-button{margin-bottom:1.6rem}pn-usp-promoter [slot=usp-buttons]>a{color:#005d92;font-weight:500;font-size:1.6rem;padding:0.1rem;text-decoration:none}pn-usp-promoter [slot=usp-buttons]>a pn-icon svg{transition:transform 0.3s ease-in-out}pn-usp-promoter [slot=usp-buttons]>a pn-icon svg path{fill:#005d92}pn-usp-promoter [slot=usp-buttons]>a:hover pn-icon svg{transition:transform 0.3s ease-in-out;transform:translateX(0.3rem)}pn-usp-promoter [slot=usp-buttons]>a:hover pn-icon svg path{fill:#005d92}pn-usp-promoter [slot=app-store],pn-usp-promoter [slot=usp-buttons]{flex-direction:column}@media screen and (min-width: 768px){pn-usp-promoter [slot=app-store],pn-usp-promoter [slot=usp-buttons]{display:flex;flex-direction:row;gap:1.6rem}}pn-usp-promoter [slot=illustration]{max-width:25%;position:relative;left:-1.6rem}pn-usp-promoter [slot=illustration] pn-scroll{position:sticky;top:0}@media screen and (min-width: 768px){pn-usp-promoter [slot=illustration]{display:block}}pn-usp-promoter [slot=illustration] picture img{max-width:100%}@media screen and (min-width: 1140px){pn-usp-promoter [slot=illustration] picture img{width:32rem}}@media screen and (min-width: 1440px){pn-usp-promoter [slot=illustration] picture img{width:33.6rem}}pn-usp-promoter .usp-promoter__heading-extension{display:flex;flex-direction:column}pn-usp-promoter .usp-promoter--right-align .usp-promoter__content{flex-direction:row-reverse;text-align:right}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--right-align .usp-promoter__content{align-items:center}}pn-usp-promoter .usp-promoter--right-align .usp-promoter__content-wrapper{display:flex;flex-direction:column;align-items:flex-end;padding-left:0}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--right-align .usp-promoter__content-wrapper{padding-right:4rem}}pn-usp-promoter .usp-promoter--right-align [slot=app-store],pn-usp-promoter .usp-promoter--right-align [slot=usp-buttons]{align-items:flex-end}pn-usp-promoter .usp-promoter--right-align [slot=illustration]{left:1.6rem}@media screen and (max-width: 768px){pn-usp-promoter .usp-promoter--hide-image-small-screen [slot=illustration] picture img{display:none}pn-usp-promoter .usp-promoter--hide-image-small-screen .usp-promoter__content{text-align:center}pn-usp-promoter .usp-promoter--hide-image-small-screen .usp-promoter__content-wrapper{align-items:center;padding-right:0}pn-usp-promoter .usp-promoter--hide-image-small-screen [slot=app-store],pn-usp-promoter .usp-promoter--hide-image-small-screen [slot=usp-buttons]{display:flex;flex-direction:row;justify-content:center}}";const n=p;const s=class{constructor(e){t(this,e);this.heading=null;this.headingExtension=null;this.bodyText=null;this.backgroundGradient=null;this.fullWidth=false;this.rightAlign=false;this.hideMobileImage=false}get hostElement(){return e(this)}centerMobileContent(){const t=this.hostElement.querySelector('[slot="illustration"]');if(this.hideMobileImage||t==null){return"usp-promoter--hide-image-small-screen"}return""}render(){const{fullWidth:t,rightAlign:e}=this;const p=["usp-promoter",t?"usp-promoter--full-width":"",e?"usp-promoter--right-align":""].join(" ");const n=this.headingExtension?"usp-promoter__heading-extension":"";return o(r,{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as t,g as e,h as o,d as r}from"./p-82546a44.js";const p="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-usp-promoter{width:80%}pn-usp-promoter .usp-promoter{display:flex;justify-content:center;padding:3rem 0.8rem}pn-usp-promoter .usp-promoter--full-width{overflow:hidden;margin:0 calc(-50vw + 50%)}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--full-width{padding:8rem 4rem}}pn-usp-promoter .usp-promoter__content{display:flex;flex-direction:row;width:100%;max-width:114rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content{align-items:center;text-align:left;justify-content:center}}pn-usp-promoter .usp-promoter__content-wrapper{display:flex;flex-direction:column;width:100%;max-width:75rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-wrapper{align-items:flex-start;padding-left:4rem}}pn-usp-promoter .usp-promoter__content-heading{margin-bottom:0.8rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-heading{font-size:4.2rem}}@media screen and (min-width: 1140px){pn-usp-promoter .usp-promoter__content-heading{font-size:4.8rem}}@media screen and (min-width: 1440px){pn-usp-promoter .usp-promoter__content-heading{font-size:5.6rem}}pn-usp-promoter .usp-promoter__no-margin-bottom{margin-bottom:0 !important}pn-usp-promoter .usp-promoter__content-text{font-size:1.6rem;max-width:47rem;margin-bottom:2.6rem}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter__content-text{text-wrap:balance}}@media screen and (min-width: 1140px){pn-usp-promoter .usp-promoter__content-text{font-size:1.8rem;max-width:60rem}}@media screen and (min-width: 1440px){pn-usp-promoter .usp-promoter__content-text{font-size:2rem;max-width:70rem}}pn-usp-promoter [slot=app-store]{display:flex;align-items:flex-start;margin-bottom:2.6rem;gap:1rem}pn-usp-promoter [slot=app-store]>a{background-color:black;border:0.1rem solid #a6a6a6;border-radius:0.8rem;color:#fff;display:inline-block;line-height:0;text-decoration:none;transition:background-color 0.2s ease-in-out}pn-usp-promoter [slot=app-store]>a::after{margin-left:0 !important;margin-right:0.5rem;top:0.2rem;position:relative}pn-usp-promoter [slot=app-store]>a:hover{background-color:#0d234b}pn-usp-promoter [slot=app-store]>a:focus{background-color:#0d234b;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #0d234b}pn-usp-promoter [slot=app-store]>a:focus-visible{outline:none}pn-usp-promoter [slot=app-store]>a img{height:4rem}pn-usp-promoter [slot=usp-buttons] pn-button{margin-bottom:1.6rem}pn-usp-promoter [slot=usp-buttons]>a{color:#005d92;font-weight:500;font-size:1.6rem;padding:0.1rem;text-decoration:none}pn-usp-promoter [slot=usp-buttons]>a pn-icon svg{transition:transform 0.3s ease-in-out}pn-usp-promoter [slot=usp-buttons]>a pn-icon svg path{fill:#005d92}pn-usp-promoter [slot=usp-buttons]>a:hover pn-icon svg{transition:transform 0.3s ease-in-out;transform:translateX(0.3rem)}pn-usp-promoter [slot=usp-buttons]>a:hover pn-icon svg path{fill:#005d92}pn-usp-promoter [slot=app-store],pn-usp-promoter [slot=usp-buttons]{flex-direction:column}@media screen and (min-width: 768px){pn-usp-promoter [slot=app-store],pn-usp-promoter [slot=usp-buttons]{display:flex;flex-direction:row;gap:1.6rem}}pn-usp-promoter [slot=illustration]{max-width:25%;position:relative;left:-1.6rem}pn-usp-promoter [slot=illustration] pn-scroll{position:sticky;top:0}@media screen and (min-width: 768px){pn-usp-promoter [slot=illustration]{display:block}}pn-usp-promoter [slot=illustration] picture img{max-width:100%}@media screen and (min-width: 1140px){pn-usp-promoter [slot=illustration] picture img{width:32rem}}@media screen and (min-width: 1440px){pn-usp-promoter [slot=illustration] picture img{width:33.6rem}}pn-usp-promoter .usp-promoter__heading-extension{display:flex;flex-direction:column}pn-usp-promoter .usp-promoter--right-align .usp-promoter__content{flex-direction:row-reverse;text-align:right}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--right-align .usp-promoter__content{align-items:center}}pn-usp-promoter .usp-promoter--right-align .usp-promoter__content-wrapper{display:flex;flex-direction:column;align-items:flex-end;padding-left:0}@media screen and (min-width: 768px){pn-usp-promoter .usp-promoter--right-align .usp-promoter__content-wrapper{padding-right:4rem}}pn-usp-promoter .usp-promoter--right-align [slot=app-store],pn-usp-promoter .usp-promoter--right-align [slot=usp-buttons]{align-items:flex-end}pn-usp-promoter .usp-promoter--right-align [slot=illustration]{left:1.6rem}@media screen and (max-width: 768px){pn-usp-promoter .usp-promoter--hide-image-small-screen [slot=illustration] picture img{display:none}pn-usp-promoter .usp-promoter--hide-image-small-screen .usp-promoter__content{text-align:center}pn-usp-promoter .usp-promoter--hide-image-small-screen .usp-promoter__content-wrapper{align-items:center;padding-right:0}pn-usp-promoter .usp-promoter--hide-image-small-screen [slot=app-store],pn-usp-promoter .usp-promoter--hide-image-small-screen [slot=usp-buttons]{display:flex;flex-direction:row;justify-content:center}}";const n=p;const s=class{constructor(e){t(this,e);this.heading=null;this.headingExtension=null;this.bodyText=null;this.backgroundGradient=null;this.fullWidth=false;this.rightAlign=false;this.hideMobileImage=false}get hostElement(){return e(this)}centerMobileContent(){const t=this.hostElement.querySelector('[slot="illustration"]');if(this.hideMobileImage||t==null){return"usp-promoter--hide-image-small-screen"}return""}render(){const{fullWidth:t,rightAlign:e}=this;const p=["usp-promoter",t?"usp-promoter--full-width":"",e?"usp-promoter--right-align":""].join(" ");const n=this.headingExtension?"usp-promoter__heading-extension":"";return o(r,{key:"23494c6ed3177f63b9cf483eaf28ae62c4050797"},o("div",{key:"84cec740776a5f787933b6f7a8734ba00f898a71",class:` ${p} ${this.centerMobileContent()}`,style:{background:`${this.backgroundGradient}`}},o("div",{key:"77d56ad9982b8e8d2459c881a797cd5fa3c51519",class:"usp-promoter__content"},o("slot",{key:"3b0ddfeaec6ce47329f5a2d64df978f8779de532",name:"illustration"}),o("div",{key:"072080f41f6531333d154499c1b63d3822e3cdbb",class:"usp-promoter__content-wrapper"},o("h2",{key:"d09398e7a54f7a1a6a44ab1ede3aaac7a6e00261",class:`usp-promoter__content-heading ${n}`},o("span",{key:"48f98ffcce6c0c6b2b6cf8bb754b84d414fedb8c"},this.heading),this.headingExtension?o("span",null,this.headingExtension):null),o("p",{key:"3f0abe6fcd83e31ffa2ab932027b14f9c1e7c439",class:"usp-promoter__content-text"},this.bodyText),o("slot",{key:"54fa5a5072c8897dd6ae7c216b2c5d7ad1d6a2b6",name:"app-store"}),o("slot",{key:"0bad1abdc12f5108a62f723136c764214bcc6143",name:"usp-buttons"})))))}};s.style=n;export{s as pn_usp_promoter};
|
|
2
|
+
//# sourceMappingURL=p-da56370b.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,H as a,b as t}from"./p-82546a44.js";export{s as setNonce}from"./p-82546a44.js";import{g as n}from"./p-e1255160.js";var o=()=>{{r(a.prototype)}const t=import.meta.url;const n={};if(t!==""){n.resourcesUrl=new URL(".",t).href}return e(n)};var r=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-f28d0971",[[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-95d32ab4",[[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-a73e4811",[[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-c9038b03",[[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-f5d03222",[[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-389a94e7",[[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-659a4db5",[[0,"pn-product-pricelist-result",{"item":[1040],"description":[16],"shownitems":[16],"showMeasurement":[4,"show-measurement"],"weightText":[32]},null,{"item":["composeItems"]}]]],["p-0b5a125d",[[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-eb21f772",[[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-cc7c596e",[[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-28d2f7fa",[[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-61bd81d7",[[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-d17af75d",[[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-ad9a7633",[[0,"pn-multiple-input",{"label":[1],"placeholder":[1],"addRowButtonText":[1,"add-row-button-text"],"rowData":[32]}]]],["p-f4b14be8",[[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-41cdac85",[[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-10776075",[[0,"pn-search",{"componentAriaLabel":[1,"component-aria-label"],"heading":[1],"pnIllustrationSvg":[1,"pn-illustration-svg"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"searchPlaceholder":[1,"search-placeholder"],"searchButtonText":[1,"search-button-text"],"searchButtonLabel":[1,"search-button-label"],"searchUrl":[1,"search-url"],"primaryButtonText":[1,"primary-button-text"],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonIconSvg":[1,"primary-button-icon-svg"],"secondaryButtonText":[1,"secondary-button-text"],"secondaryButtonUrl":[1,"secondary-button-url"],"searchDescriptionAria":[1,"search-description-aria"],"ctaActionsLabel":[1,"cta-actions-label"],"searchType":[1,"search-type"]}]]],["p-ce87ff8a",[[0,"pn-share",{"link":[1],"language":[1537],"i18n":[32]},null,{"language":["onLanguageChange"]}]]],["p-08b473e0",[[4,"pn-stats-info",{"heading":[1],"dataArray":[1,"data-array"],"backgroundUrl":[1,"background-url"],"myParsedArray":[32]},null,{"dataArray":["parseMyArrayProp"]}]]],["p-920ce5f2",[[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-7b4f9fdf",[[4,"pn-animated-tile",{"toggled":[32],"transitionClassName":[32],"animateIcon":[32]},null,{"toggled":["onToggledHandler"]}]]],["p-66da6e15",[[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-7db6ef34",[[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-015127bf",[[0,"pn-bonus-progressbar-level",{"current":[516],"value":[1538],"bonuspercentage":[1537],"visualpercentage":[1538],"percentage":[32],"max":[32],"min":[32],"currency":[32]}]]],["p-34a98554",[[0,"pn-breakpoints",{"breakPointClass":[1,"break-point-class"],"currentWidth":[32]},[[9,"resize","handleViewportSizeChange"]]]]],["p-f0df7694",[[0,"pn-chart",{"labels":[1],"dataSets":[1,"data-sets"],"dataChartType":[8,"data-chart-type"],"myChartCtxRef":[32]},null,{"dataSets":["dataChangeHandler"],"labels":["labelsChangeHandler"]}]]],["p-230ef9aa",[[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-7b7629c5",[[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-809ed802",[[4,"pn-customernumber-selector",{"language":[1537],"open":[1540],"heading":[1],"description":[1],"i18n":[32]}]]],["p-619f2143",[[4,"pn-customernumber-selector-option",{"heading":[1],"description":[1],"url":[1]}]]],["p-2c19edca",[[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-d75a2f7c",[[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"],"inputLimitWarning":[1,"input-limit-warning"],"inputEmptyWarning":[1,"input-empty-warning"],"dropdownEmptyWarning":[1,"dropdown-empty-warning"],"nextRowIndex":[32],"rowSelectDropdownArr":[32],"formValue":[32]},null,{"dropdownData":["dropdownDataWatcher"]}]]],["p-64851da0",[[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-35847eda",[[0,"pn-line-shape"]]],["p-4f639380",[[4,"pn-link-list",{"heading":[1],"label":[1],"preamble":[1],"url":[1],"showMoreLabel":[1,"show-more-label"],"showMoreUrl":[1,"show-more-url"]}]]],["p-f28059f4",[[0,"pn-marketweb-icon",{"symbol":[1],"small":[4],"color":[1]}]]],["p-17c43a96",[[0,"pn-marketweb-siteheader-login-mypage-button",{"label":[1],"myPageUrl":[1,"my-page-url"]}]]],["p-04107723",[[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-72f57a04",[[4,"pn-product-tile"]]],["p-c89cb749",[[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-9088d3f5",[[4,"pn-profile-modal-customernumber",{"url":[513],"customernumber":[513],"selected":[516]}]]],["p-60b77eed",[[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-79e4715c",[[4,"pn-profile-modal-type",{"typeid":[513],"name":[1025],"selected":[1028],"selectedprofile":[1025]},null,{"selected":["onSelectedChange"]}]]],["p-71db6836",[[4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"heading":[1],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["p-3d10bc37",[[0,"pn-profile-selector-option",{"heading":[1],"description":[1],"url":[1]}]]],["p-e8622338",[[4,"pn-quick-cta",{"heading":[1],"preamble":[1]}]]],["p-763a4e13",[[4,"pn-quote-card",{"quote":[1],"name":[1],"occupation":[1]}]]],["p-8d874454",[[4,"pn-sidenav",{"language":[1],"navLabel":[1,"nav-label"],"i18n":[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]]],["p-4aedb76c",[[4,"pn-sidenav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"alignment":[32]},null,{"isOpen":["onOpen"]}]]],["p-2a58d83b",[[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-292db484",[[4,"pn-sidenav-togglebutton",{"label":[1],"i18n":[32]}]]],["p-d7170c0e",[[4,"pn-spotlight",{"heading":[1],"preamble":[1],"isDynamic":[4,"is-dynamic"],"addDynamic":[32]}]]],["p-cda742ba",[[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-f21311ad",[[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-e733f44f",[[0,"pn-usp-simple",{"heading":[1],"headingLevel":[8,"heading-level"],"preamble":[1],"ctaButtonsLabel":[1,"cta-buttons-label"],"primaryButtonText":[1,"primary-button-text"],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonIconSvg":[1,"primary-button-icon-svg"],"secondaryButtonText":[1,"secondary-button-text"],"secondaryButtonUrl":[1,"secondary-button-url"],"pnIllustrationSvg":[1,"pn-illustration-svg"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"]}]]],["p-0fc01d3f",[[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-5a981927",[[0,"pn-find-service-and-price-result",{"item":[1040],"shownitems":[16],"weightText":[32]},null,{"item":["composeItems"]}]]],["p-8a651698",[[0,"pn-play-on-scroll",{"videoSrc":[1,"video-src"],"observerOptions":[16],"showOverlay":[4,"show-overlay"],"videoId":[32],"isManuallyPaused":[32],"isPaused":[32]}]]],["p-dc2ee6f8",[[0,"pn-level-up-modal",{"open":[513],"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-d5c45da2",[[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-daa74e60",[[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-51f136f3",[[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-542f949d",[[4,"pn-share-item",{"link":[1],"text":[1]}]]],["p-9454075f",[[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-65a046be",[[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-2fd60147",[[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-8d98f709",[[1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["p-c4e353b3",[[4,"pn-mainnav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["p-4e924d13",[[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-85b42b44",[[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-ad282b7c",[[4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["p-efab81a9",[[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-39b75c62",[[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-b9590d81",[[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-3e197670",[[0,"pn-marketweb-siteheader-login-linklist",{"heading":[1],"links":[16],"idNamespace":[1,"id-namespace"],"showUnifiedLogin":[4,"show-unified-login"]}]]],["p-84fc8e05",[[4,"pn-titletag",{"icon":[1],"color":[1537]}]]],["p-268dc1fa",[[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-40bce1b1",[[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-19bbac6d",[[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-cbb1d57d",[[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)}));
|
|
1
|
+
import{p as e,H as a,b as t}from"./p-82546a44.js";export{s as setNonce}from"./p-82546a44.js";import{g as n}from"./p-e1255160.js";var o=()=>{{r(a.prototype)}const t=import.meta.url;const n={};if(t!==""){n.resourcesUrl=new URL(".",t).href}return e(n)};var r=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-f28d0971",[[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-95d32ab4",[[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-a73e4811",[[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-c9038b03",[[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-f5d03222",[[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-389a94e7",[[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-659a4db5",[[0,"pn-product-pricelist-result",{"item":[1040],"description":[16],"shownitems":[16],"showMeasurement":[4,"show-measurement"],"weightText":[32]},null,{"item":["composeItems"]}]]],["p-0b5a125d",[[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-eb21f772",[[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-a298a263",[[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-28d2f7fa",[[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-61bd81d7",[[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-d17af75d",[[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-ad9a7633",[[0,"pn-multiple-input",{"label":[1],"placeholder":[1],"addRowButtonText":[1,"add-row-button-text"],"rowData":[32]}]]],["p-f4b14be8",[[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-41cdac85",[[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-ce87ff8a",[[0,"pn-share",{"link":[1],"language":[1537],"i18n":[32]},null,{"language":["onLanguageChange"]}]]],["p-08b473e0",[[4,"pn-stats-info",{"heading":[1],"dataArray":[1,"data-array"],"backgroundUrl":[1,"background-url"],"myParsedArray":[32]},null,{"dataArray":["parseMyArrayProp"]}]]],["p-920ce5f2",[[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-7b4f9fdf",[[4,"pn-animated-tile",{"toggled":[32],"transitionClassName":[32],"animateIcon":[32]},null,{"toggled":["onToggledHandler"]}]]],["p-66da6e15",[[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-7db6ef34",[[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-015127bf",[[0,"pn-bonus-progressbar-level",{"current":[516],"value":[1538],"bonuspercentage":[1537],"visualpercentage":[1538],"percentage":[32],"max":[32],"min":[32],"currency":[32]}]]],["p-34a98554",[[0,"pn-breakpoints",{"breakPointClass":[1,"break-point-class"],"currentWidth":[32]},[[9,"resize","handleViewportSizeChange"]]]]],["p-f0df7694",[[0,"pn-chart",{"labels":[1],"dataSets":[1,"data-sets"],"dataChartType":[8,"data-chart-type"],"myChartCtxRef":[32]},null,{"dataSets":["dataChangeHandler"],"labels":["labelsChangeHandler"]}]]],["p-230ef9aa",[[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-7b7629c5",[[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-809ed802",[[4,"pn-customernumber-selector",{"language":[1537],"open":[1540],"heading":[1],"description":[1],"i18n":[32]}]]],["p-619f2143",[[4,"pn-customernumber-selector-option",{"heading":[1],"description":[1],"url":[1]}]]],["p-2c19edca",[[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-d75a2f7c",[[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"],"inputLimitWarning":[1,"input-limit-warning"],"inputEmptyWarning":[1,"input-empty-warning"],"dropdownEmptyWarning":[1,"dropdown-empty-warning"],"nextRowIndex":[32],"rowSelectDropdownArr":[32],"formValue":[32]},null,{"dropdownData":["dropdownDataWatcher"]}]]],["p-64851da0",[[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-35847eda",[[0,"pn-line-shape"]]],["p-4f639380",[[4,"pn-link-list",{"heading":[1],"label":[1],"preamble":[1],"url":[1],"showMoreLabel":[1,"show-more-label"],"showMoreUrl":[1,"show-more-url"]}]]],["p-f28059f4",[[0,"pn-marketweb-icon",{"symbol":[1],"small":[4],"color":[1]}]]],["p-51f136f3",[[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-17c43a96",[[0,"pn-marketweb-siteheader-login-mypage-button",{"label":[1],"myPageUrl":[1,"my-page-url"]}]]],["p-923aa6d2",[[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-72f57a04",[[4,"pn-product-tile"]]],["p-c89cb749",[[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-9088d3f5",[[4,"pn-profile-modal-customernumber",{"url":[513],"customernumber":[513],"selected":[516]}]]],["p-60b77eed",[[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-79e4715c",[[4,"pn-profile-modal-type",{"typeid":[513],"name":[1025],"selected":[1028],"selectedprofile":[1025]},null,{"selected":["onSelectedChange"]}]]],["p-71db6836",[[4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"heading":[1],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["p-3d10bc37",[[0,"pn-profile-selector-option",{"heading":[1],"description":[1],"url":[1]}]]],["p-e8622338",[[4,"pn-quick-cta",{"heading":[1],"preamble":[1]}]]],["p-763a4e13",[[4,"pn-quote-card",{"quote":[1],"name":[1],"occupation":[1]}]]],["p-8d874454",[[4,"pn-sidenav",{"language":[1],"navLabel":[1,"nav-label"],"i18n":[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]]],["p-4aedb76c",[[4,"pn-sidenav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"alignment":[32]},null,{"isOpen":["onOpen"]}]]],["p-2a58d83b",[[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-292db484",[[4,"pn-sidenav-togglebutton",{"label":[1],"i18n":[32]}]]],["p-d7170c0e",[[4,"pn-spotlight",{"heading":[1],"preamble":[1],"isDynamic":[4,"is-dynamic"],"addDynamic":[32]}]]],["p-cda742ba",[[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-da56370b",[[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-0fc01d3f",[[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-5a981927",[[0,"pn-find-service-and-price-result",{"item":[1040],"shownitems":[16],"weightText":[32]},null,{"item":["composeItems"]}]]],["p-8a651698",[[0,"pn-play-on-scroll",{"videoSrc":[1,"video-src"],"observerOptions":[16],"showOverlay":[4,"show-overlay"],"videoId":[32],"isManuallyPaused":[32],"isPaused":[32]}]]],["p-dc2ee6f8",[[0,"pn-level-up-modal",{"open":[513],"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-d5c45da2",[[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-daa74e60",[[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-542f949d",[[4,"pn-share-item",{"link":[1],"text":[1]}]]],["p-9454075f",[[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-65a046be",[[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-3a936c5d",[[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-8d98f709",[[1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["p-c4e353b3",[[4,"pn-mainnav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["p-4e924d13",[[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-85b42b44",[[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-ad282b7c",[[4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["p-efab81a9",[[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-39b75c62",[[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-b9590d81",[[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-3e197670",[[0,"pn-marketweb-siteheader-login-linklist",{"heading":[1],"links":[16],"idNamespace":[1,"id-namespace"],"showUnifiedLogin":[4,"show-unified-login"]}]]],["p-84fc8e05",[[4,"pn-titletag",{"icon":[1],"color":[1537]}]]],["p-268dc1fa",[[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-40bce1b1",[[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-19bbac6d",[[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-cbb1d57d",[[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)}));
|
|
2
2
|
//# sourceMappingURL=pn-market-web-components.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"iIAOA,IAAIA,EAAe,KAIO,CACtBC,EAAkBC,EAAEC,UACxB,CAIE,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EAE7B,IAAIL,EAAqBU,IACvB,MAAMC,EAAoBD,EAAqBE,UAC/CF,EAAqBE,UAAY,SAASC,GACxC,GAAIC,KAAKC,WAAa,WAAY,CAChC,OAAOJ,EAAkBK,KAAKF,KAAMD,EAC1C,CACI,MAAMI,EAAaN,EAAkBK,KAAKF,KAAM,OAChD,MAAMI,EAAgBJ,KAAKK,WAC3B,GAAIN,EAAM,CACR,IAAK,IAAIO,EAAI,EAAGA,EAAIF,EAAcG,OAAQD,IAAK,CAC7C,GAAIF,EAAcE,GAAGE,WAAa,EAAG,CACnCL,EAAWM,YAAYL,EAAcE,GAAGR,UAAU,MAC5D,CACA,CACA,CACI,OAAOK,CACX,CAAG,ECpCHlB,IAAeyB,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,
|
|
1
|
+
{"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"iIAOA,IAAIA,EAAe,KAIO,CACtBC,EAAkBC,EAAEC,UACxB,CAIE,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EAE7B,IAAIL,EAAqBU,IACvB,MAAMC,EAAoBD,EAAqBE,UAC/CF,EAAqBE,UAAY,SAASC,GACxC,GAAIC,KAAKC,WAAa,WAAY,CAChC,OAAOJ,EAAkBK,KAAKF,KAAMD,EAC1C,CACI,MAAMI,EAAaN,EAAkBK,KAAKF,KAAM,OAChD,MAAMI,EAAgBJ,KAAKK,WAC3B,GAAIN,EAAM,CACR,IAAK,IAAIO,EAAI,EAAGA,EAAIF,EAAcG,OAAQD,IAAK,CAC7C,GAAIF,EAAcE,GAAGE,WAAa,EAAG,CACnCL,EAAWM,YAAYL,EAAcE,GAAGR,UAAU,MAC5D,CACA,CACA,CACI,OAAOK,CACX,CAAG,ECpCHlB,IAAeyB,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,0o8BAAuCJ,EAAA","ignoreList":[]}
|