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

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

@@ -1,2 +0,0 @@
-import{r as t,c as e,g as s,h as i,d as o}from"./p-82546a44.js";import{M as r}from"./p-6b1d045c.js";import{F as n}from"./p-3478f368.js";import{d as l}from"./p-3e4d9396.js";import{a}from"./p-76c2c01f.js";const d={sv:{errorEmpty:"Får inte vara tom",errorPostalCode:"Kan inte hitta postkoden",required:"obligatoriskt",addressNotFound:"Adressen hittades inte"},en:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode",required:"required",addressNotFound:"Address not found"},da:{errorEmpty:"Kan ikke være tom",errorPostalCode:"Kunne ikke finde postnummeret",required:"påkrævet",addressNotFound:"Adressen blev ikke fundet"},no:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},fi:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode",required:"pakollinen"},de:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},zh:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},fr:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},es:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},nl:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},it:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},tr:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},pl:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},pt:{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"},"pt-BR":{errorEmpty:"Cannot be empty",errorPostalCode:"Could not find postalcode"}};const h="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-address-autofill{display:flex;flex-direction:column;width:50rem}pn-address-autofill pn-input{width:50%}pn-address-autofill .input-container-row{display:flex;gap:1rem;margin-bottom:1rem}pn-address-autofill .label-container{color:#5e554a;font-size:0.875em;display:flex;justify-content:space-between;align-items:flex-end}pn-address-autofill .autocomplete-items{position:absolute;border-radius:0.8rem;border:0.1rem solid #5e554a;width:100%;max-height:30rem;overflow-y:auto}pn-address-autofill .autocomplete-items:hover,pn-address-autofill .autocomplete-items :focus{border:0.1rem solid #00a0d6}pn-address-autofill .autocomplete-items div{padding:1.6rem;cursor:pointer;background-color:#fff;border:0.1rem solid transparent}pn-address-autofill .autocomplete-items div:first-child{border-radius:0.8rem 0.8rem 0 0}pn-address-autofill .autocomplete-items div:last-child{border-radius:0 0 0.8rem 0.8rem}pn-address-autofill .autocomplete-items div:hover{background-color:#e0f8ff}pn-address-autofill .autocomplete-items .autocomplete-active{background-color:#e0f8ff}pn-address-autofill .autocomplete-items:empty{display:none}pn-address-autofill pn-input{max-width:25rem;width:100%}";const p=h;const u=class{constructor(s){t(this,s);this.addresscomplete=e(this,"addresscomplete",7);this.market=null;this.environment=null;this.endpoint=null;this.cache=true;this.countryCode=null;this.language=null;this.postalCodeProps=null;this.cityProps=null;this.streetAddressProps=null;this.streetNumberProps=null;this.addressNotFoundError=null;this.postalCode=null;this.city=null;this.streetAddress=null;this.streetNumber=null;this.validAddress=true;this.translation=undefined;this.postalCodeRequiredLabel=null;this.streetRequiredLabel=null;this.fullAddress=null;this.isLoading=true}get hostElement(){return s(this)}pnInputPostalCode=null;pnInputCity=null;pnInputStreetAddress=null;pnInputStreetNumber=null;postalCodeInputField=null;streetAddressInputField=null;streetNumberInputField=null;pnInputHiddenValue=null;endpointPath="/api/location/get-by-postalcode";_postalCodeProps=null;_cityProps=null;_streetAddressProps=null;_streetNumberProps=null;addresscomplete;fetchHelper=new n("PostalCodeCityAutofill");componentWillLoad(){this.setInitialValues();this._postalCodeProps=this.setProps(this.postalCodeProps);this._cityProps=this.setProps(this.cityProps);this._streetAddressProps=this.setProps(this.streetAddressProps);this._streetNumberProps=this.setProps(this.streetNumberProps)}setProps(t){if(typeof t==="string"){return JSON.parse(t)}else{return t}}componentDidLoad(){this.postalCodeInputField=this.pnInputPostalCode.querySelector("input");this.streetAddressInputField=this.pnInputStreetAddress.querySelector("input");this.streetNumberInputField=this.pnInputStreetNumber.querySelector("input");this.addEventHandlers()}async setInitialValues(t=window.location.href){const e=new r(t);if(!this.environment){this.environment=await e.getEnvironmentName()}if(!this.endpoint&&this.environment?.indexOf("local")===-1){this.endpoint=await e.getEndpoint(this.environment,this.market)}if(!this.endpoint){this.endpoint=""}if(!this.language){this.language=await e.getLanguage()}this.setTranslations();this.postalCodeRequiredLabel="";this.streetRequiredLabel="";if(this._postalCodeProps.postalCodeInputRequired===true){this.postalCodeRequiredLabel=" ("+this.translation.required+")"}if(this._streetAddressProps.streetAddressInputRequired===true){this.streetRequiredLabel=" ("+this.translation.required+")"}}setTranslations(){if(this.language==="nb"){this.language="no"}if(this.language&&d[this.language]){this.translation=d[this.language]}}addEventHandlers(){let t;this.postalCodeInputField.addEventListener("input",(e=>{this.isLoading=true;clearTimeout(t);t=window.setTimeout((()=>{this.fetchPostalCodeData(e)}),300)}));this.streetNumberInputField.addEventListener("input",l(this.fetchAddress.bind(this),300));this.streetAddressInputField.addEventListener("keydown",(()=>{this.streetNumberInputField.value=""}));this.addFormFieldEvent()}addFormFieldEvent(){const t=this.hostElement.querySelectorAll("input");t.forEach((t=>{["keyup","change","blur"].forEach((e=>{const s=l(this.updateHiddenValue.bind(this),1e3);t.addEventListener(e,s)}))}))}updateHiddenValue(t){if(t.target===this.streetNumberInputField){this.streetNumber=this.streetNumberInputField.value}if(this.validAddress&&this.postalCode&&this.city&&this.streetAddress&&this.streetNumber){this.fullAddress=`${this.streetAddress} ${this.streetNumber}, ${this.city} ${this.postalCode}`}else{this.fullAddress=""}this.addresscomplete.emit(this.fullAddress)}async fetchPostalCodeData(t){if(!t){return}const e=this.postalCodeInputField.value;var s=4;if(e.length<s){this.resetFields();return}if(this.postalCode===e){return}this.resetFields();this.postalCode=e;var i=await this.fetchPostalCode(e);if(!i||!i.addresses){this.city=null;this.isLoading=true;return}const o=i.addresses?.find((t=>t.postalCode===e));this.city=o?.city||null;this.isLoading=false}async fetchPostalCode(t){const e=this.endpoint.endsWith("/")?this.endpoint.slice(0,-1):this.endpoint;const s=`${e}${this.endpointPath}?countryCode=${this.countryCode}&postalCode=${t}`;try{const t=await this.fetchHelper.fetchJson(s,{mode:"cors"},this.cache);if(!t?.addresses?.length){this.pnInputPostalCode.setAttribute("error",this._postalCodeProps.postalCodeInputError);return}return t}catch(t){console.error("Error fetching address data:",t);this.isLoading=true;return null}}resetFields(){this.streetAddressInputField.value="";this.streetNumberInputField.value="";this.city=null;this.streetAddress=null;this.streetNumber=null;this.validAddress=false;let t=document.getElementsByTagName("pn-input");Array.from(t).forEach((t=>{t.removeAttribute("error")}))}async fetchAddress(){const t=this.streetAddressInputField.value.trim();const e=this.streetNumberInputField.value.trim();if(!t||!e){this.validAddress=false;return}const s=this.endpoint.endsWith("/")?this.endpoint.slice(0,-1):this.endpoint;const i=`${s}${this.endpointPath}?countryCode=${this.countryCode}&postalCode=${this.postalCodeInputField.value}&address=${t+" "+e}`;try{const s=await this.fetchHelper.fetchJson(i,{mode:"cors"},this.cache);if(!s?.addresses?.length){this.validAddress=false}else{const i=this.normalizeChar(t);const o=this.normalizeChar(e);const r=s.addresses.some((t=>this.normalizeChar(t.street)===i&&this.normalizeChar(t.houseNumber)===o&&t.postalCode===this.postalCodeInputField.value));this.validAddress=r}}catch(t){console.error("Error fetching address data:",t);this.isLoading=true;this.validAddress=false}if(this.streetAddress===t&&this.streetNumber===e){return}if(t){this.streetAddress=t}if(e){this.streetNumber=e}}normalizeChar(t){const e={ø:"o",Ø:"o",æ:"ae",Æ:"ae"};var s=t.normalize("NFD").replace(/[\u0300-\u036f]/g,"").split("").map((t=>e[t]||t)).join("").toLowerCase();return s}render(){return i(o,{key:"6e09c78bcd1117bbcdbcec1fc65444772636036d",class:"pn-address-autofill"},this._postalCodeProps?.postalCodeCityLabel?i("div",{class:"label-container"},i("label",null,`${this._postalCodeProps.postalCodeCityLabel+" "+this.postalCodeRequiredLabel}`)):null,i("div",{key:"8f5a0760096e3618436b7554a6a5c89c1b0bab0a",class:"input-container-row"},i("pn-input",{key:"2490a7c926f9c693cf67dabbd60e56297aee44aa",type:"number",name:this._postalCodeProps?.postalCodeInputName,required:this._postalCodeProps?.postalCodeInputRequired,placeholder:this._postalCodeProps?.postalCodeInputPlaceholder,ref:t=>this.pnInputPostalCode=t,autocomplete:"off",helpertext:this._postalCodeProps?.postalCodeInputHelpertext}),i("pn-input",{key:"49bc2fdedb78d9ce11c973bd0d2ab127603ab148",type:"text",name:this._cityProps?.cityInputName,disabled:true,value:this.city,placeholder:this._cityProps?.cityInputPlaceholder,autocomplete:"off",helpertext:this._cityProps?.cityInputHelpertext})),this._streetAddressProps?.streetAddressNumberLabel?i("div",{class:"label-container"},i("label",null,`${this._streetAddressProps.streetAddressNumberLabel+" "+this.streetRequiredLabel}`)):null,i("div",{key:"fed64c4457c27593bf6a22dea066f029fcd4a53d",class:"input-container-row"},i("pn-input",{key:"7d7667465f4cad869cf8274158611aa32b7a8975",type:"text",name:this._streetAddressProps?.streetAddressInputName,required:this._streetAddressProps?.streetAddressInputRequired,value:this.streetAddress,placeholder:this._streetAddressProps?.streetAddressInputPlaceholder,ref:t=>this.pnInputStreetAddress=t,autocomplete:"off",helpertext:this._streetAddressProps?.streetAddressInputHelpertext,disabled:this.isLoading}),i("pn-input",{key:"8bc6498685c92de3e53034dcf4fe7078e171e41f",type:"text",name:this._streetNumberProps?.streetNumberInputName,required:this._streetNumberProps?.streetNumberInputRequired,value:this.streetNumber,placeholder:this._streetNumberProps?.streetNumberInputPlaceholder,ref:t=>this.pnInputStreetNumber=t,autocomplete:"off",helpertext:this._streetNumberProps?.streetNumberInputHelpertext,disabled:this.isLoading})),!this.validAddress&&this.streetAddressInputField.value&&this.streetNumberInputField.value?i("div",{class:"toast-container"},i("pn-toast",{text:this.addressNotFoundError??this.translation.addressNotFound,appearance:"warning",icon:a})):null)}};u.style=p;export{u as pn_address_autofill};
-//# sourceMappingURL=p-920ce5f2.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["translations","sv","errorEmpty","errorPostalCode","required","addressNotFound","en","da","no","fi","de","zh","fr","es","nl","it","tr","pl","pt","pnAddressAutofillCss","PnAddressAutofillStyle0","PnAddressAutofill","pnInputPostalCode","pnInputCity","pnInputStreetAddress","pnInputStreetNumber","postalCodeInputField","streetAddressInputField","streetNumberInputField","pnInputHiddenValue","endpointPath","_postalCodeProps","_cityProps","_streetAddressProps","_streetNumberProps","addresscomplete","fetchHelper","FetchHelper","componentWillLoad","this","setInitialValues","setProps","postalCodeProps","cityProps","streetAddressProps","streetNumberProps","props","JSON","parse","componentDidLoad","querySelector","addEventHandlers","href","window","location","marketWebContextService","MarketWebContextService","environment","getEnvironmentName","endpoint","indexOf","getEndpoint","market","language","getLanguage","setTranslations","postalCodeRequiredLabel","streetRequiredLabel","postalCodeInputRequired","translation","streetAddressInputRequired","debounceTimeout","addEventListener","e","isLoading","clearTimeout","setTimeout","fetchPostalCodeData","debounce","fetchAddress","bind","value","addFormFieldEvent","allInputs","hostElement","querySelectorAll","forEach","element","eventName","debounceUpdate","updateHiddenValue","target","streetNumber","validAddress","postalCode","city","streetAddress","fullAddress","emit","postalCodeLength","length","resetFields","data","fetchPostalCode","addresses","cityInfo","find","addr","endpointBase","endsWith","slice","fetchUrl","countryCode","fetchJson","mode","cache","setAttribute","postalCodeInputError","error","console","inputs","document","getElementsByTagName","Array","from","removeAttribute","trim","inputStreetAddress","normalizeChar","inputStreetNumber","addressFound","some","street","houseNumber","str","specialCharMap","str1","normalize","replace","split","map","char","join","toLowerCase","render","h","Host","key","class","postalCodeCityLabel","type","name","postalCodeInputName","placeholder","postalCodeInputPlaceholder","ref","el","autocomplete","helpertext","postalCodeInputHelpertext","cityInputName","disabled","cityInputPlaceholder","cityInputHelpertext","streetAddressNumberLabel","streetAddressInputName","streetAddressInputPlaceholder","streetAddressInputHelpertext","streetNumberInputName","streetNumberInputRequired","streetNumberInputPlaceholder","streetNumberInputHelpertext","text","addressNotFoundError","appearance","icon","alert_exclamation_circle"],"sources":["src/components/input/pn-address-autofill/translations.ts","src/components/input/pn-address-autofill/pn-address-autofill.scss?tag=pn-address-autofill","src/components/input/pn-address-autofill/pn-address-autofill.tsx"],"sourcesContent":["export const translations = {\n  'sv': {\n    errorEmpty: 'Får inte vara tom',\n    errorPostalCode: 'Kan inte hitta postkoden',\n    required: 'obligatoriskt',\n    addressNotFound: 'Adressen hittades inte'\n  },\n  'en': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n    required: 'required',\n    addressNotFound: 'Address not found'\n  },\n  'da': {\n    errorEmpty: 'Kan ikke være tom',\n    errorPostalCode: 'Kunne ikke finde postnummeret',\n    required: 'påkrævet',\n    addressNotFound: 'Adressen blev ikke fundet'\n  },\n  'no': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n  },\n  'fi': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n    required: 'pakollinen'\n  },\n  'de': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n  },\n  'zh': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n  },\n  'fr': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n  },\n  'es': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n  },\n  'nl': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n  },\n  'it': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n  },\n  'tr': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n  },\n  'pl': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n  },\n  'pt': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n  },\n  'pt-BR': {\n    errorEmpty: 'Cannot be empty',\n    errorPostalCode: 'Could not find postalcode',\n  },\n};\n","@import '../../../globals/main.scss';\n\npn-address-autofill {\n  display: flex;\n  flex-direction: column;\n  width: 50rem;\n\n  pn-input {\n    width: 50%;\n  }\n\n  .input-container-row {\n    display: flex;\n    gap: 1rem;\n    margin-bottom: 1rem;\n  }\n\n  .label-container {\n    color: $gray700;\n    font-size: 0.875em;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n  }\n\n  .autocomplete-items {\n    position: absolute;\n    border-radius: 0.8rem;\n    border: 0.1rem solid $gray700;\n    width: 100%;\n    max-height: 30rem;\n    overflow-y: auto;\n\n    &:hover,\n    :focus {\n      border: 0.1rem solid $blue400;\n    }\n\n    div {\n      padding: 1.6rem;\n      cursor: pointer;\n      background-color: #fff;\n      border: 0.1rem solid transparent;\n\n      &:first-child {\n        border-radius: 0.8rem 0.8rem 0 0;\n      }\n\n      &:last-child {\n        border-radius: 0 0 0.8rem 0.8rem;\n      }\n\n      &:hover {\n        background-color: #e0f8ff;\n      }\n    }\n\n    .autocomplete-active {\n      background-color: #e0f8ff;\n    }\n  }\n\n  .autocomplete-items:empty {\n    display: none;\n  }\n\n  pn-input {\n    max-width: 25rem;\n    width: 100%;\n  }\n}","import { Component, Prop, h, Element, State, Host, EventEmitter, Event } from '@stencil/core';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { Root, PostalCodeProps, CityProps, StreetAddressProps, StreetNumberProps } from './types';\nimport debounce from 'debounce';\nimport { translations } from './translations';\nimport { alert_exclamation_circle } from 'pn-design-assets/pn-assets/icons';\n\n@Component({\n  tag: 'pn-address-autofill',\n  styleUrl: 'pn-address-autofill.scss',\n})\nexport class PnAddressAutofill {\n  @Element() hostElement: Element;\n  pnInputPostalCode: HTMLElement = null;\n  pnInputCity: HTMLElement = null;\n  pnInputStreetAddress: HTMLElement = null;\n  pnInputStreetNumber: HTMLElement = null;\n  postalCodeInputField: HTMLInputElement = null;\n  streetAddressInputField: HTMLInputElement = null;\n  streetNumberInputField: HTMLInputElement = null;\n  pnInputHiddenValue: HTMLElement = null;\n  endpointPath = '/api/location/get-by-postalcode';\n  private _postalCodeProps: PostalCodeProps = null;\n  private _cityProps: CityProps = null;\n  private _streetAddressProps: StreetAddressProps = null;\n  private _streetNumberProps: StreetNumberProps = null;\n\n  /** Specifies which market we want to show (se,dk,fi,no,com) */\n  @Prop({ mutable: true, reflect: true }) market: string = null; //se\n  /** Specifies which environment we're fetching data from. (production, preproduction, integration, localhost) */\n  @Prop({ mutable: true, reflect: true }) environment: string = null; //sv\n  @Prop() endpoint: string = null;\n  @Prop() cache: boolean = true;\n  @Prop() countryCode: string = null;\n  @Prop() language: string = null;\n\n  @Prop() postalCodeProps: string | PostalCodeProps = null;\n  @Prop() cityProps: string | CityProps = null;\n  @Prop() streetAddressProps: string | StreetAddressProps = null;\n  @Prop() streetNumberProps: string | StreetNumberProps = null;\n  @Prop() addressNotFoundError: string = null;\n\n  @State() postalCode: string = null;\n  @State() city: string = null;\n  @State() streetAddress: string = null;\n  @State() streetNumber: string = null;\n  @State() validAddress: boolean = true;\n  @State() translation: any;\n  @State() postalCodeRequiredLabel: string = null;\n  @State() streetRequiredLabel: string = null;\n\n  @State() fullAddress: string = null;\n  @State() isLoading: boolean = true;\n\n  @Event() addresscomplete: EventEmitter<string>;\n\n  fetchHelper = new FetchHelper('PostalCodeCityAutofill');\n\n  componentWillLoad() {\n    this.setInitialValues();\n    this._postalCodeProps = this.setProps(this.postalCodeProps);\n    this._cityProps = this.setProps(this.cityProps);\n    this._streetAddressProps = this.setProps(this.streetAddressProps);\n    this._streetNumberProps = this.setProps(this.streetNumberProps);\n  }\n\n  setProps(props) {\n    if (typeof props === 'string') {\n      return JSON.parse(props);\n    } else {\n      return props;\n    }\n  }\n\n  componentDidLoad() {\n    this.postalCodeInputField = this.pnInputPostalCode.querySelector('input');\n    this.streetAddressInputField = this.pnInputStreetAddress.querySelector('input');\n    this.streetNumberInputField = this.pnInputStreetNumber.querySelector('input');\n\n    this.addEventHandlers();\n  }\n\n  async setInitialValues(href = window.location.href) {\n    const marketWebContextService = new MarketWebContextService(href);\n\n    if (!this.environment) {\n      this.environment = await marketWebContextService.getEnvironmentName();\n    }\n\n    if (!this.endpoint && this.environment?.indexOf('local') === -1) {\n      this.endpoint = await marketWebContextService.getEndpoint(this.environment, this.market);\n    }\n\n    if (!this.endpoint) {\n      this.endpoint = '';\n    }\n\n    if (!this.language) {\n      this.language = await marketWebContextService.getLanguage();\n    }\n\n    this.setTranslations()\n\n    this.postalCodeRequiredLabel = \"\";\n    this.streetRequiredLabel = \"\";\n\n    if (this._postalCodeProps.postalCodeInputRequired === true) {\n      this.postalCodeRequiredLabel = \" (\" + this.translation.required + \")\";\n    }\n\n    if (this._streetAddressProps.streetAddressInputRequired === true) {\n      this.streetRequiredLabel = \" (\" + this.translation.required + \")\";\n    }\n  }\n\n  setTranslations() {\n    if (this.language === 'nb') {\n      this.language = 'no';\n    }\n    if (this.language && translations[this.language]) {\n      this.translation = translations[this.language];\n    }\n  }\n\n  addEventHandlers() {\n    let debounceTimeout: number | undefined;\n\n    this.postalCodeInputField.addEventListener('input', (e) => {\n      this.isLoading = true;\n      clearTimeout(debounceTimeout);\n      debounceTimeout = window.setTimeout(() => {\n        this.fetchPostalCodeData(e);\n      }, 300);\n    });\n\n    this.streetNumberInputField.addEventListener('input', debounce(this.fetchAddress.bind(this), 300));\n    this.streetAddressInputField.addEventListener('keydown', () => { this.streetNumberInputField.value = '' });\n    this.addFormFieldEvent();\n  }\n\n  addFormFieldEvent() {\n    const allInputs = this.hostElement.querySelectorAll('input');\n    allInputs.forEach(element => {\n      ['keyup', 'change', 'blur'].forEach(eventName => {\n        const debounceUpdate = debounce(this.updateHiddenValue.bind(this), 1000);\n        element.addEventListener(eventName, debounceUpdate);\n      });\n    });\n  }\n\n  updateHiddenValue(e) {\n    if (e.target === this.streetNumberInputField) {\n      this.streetNumber = this.streetNumberInputField.value;\n    }\n\n    if (this.validAddress && this.postalCode && this.city && this.streetAddress && this.streetNumber) {\n      this.fullAddress = `${this.streetAddress} ${this.streetNumber}, ${this.city} ${this.postalCode}`;\n    } else {\n      this.fullAddress = '';\n    }\n\n    this.addresscomplete.emit(this.fullAddress);\n  }\n\n  async fetchPostalCodeData(e: Event) {\n    if (!e) {\n      return;\n    }\n    const postalCode = this.postalCodeInputField.value;\n\n    var postalCodeLength = 4;\n\n    if (postalCode.length < postalCodeLength) {\n      this.resetFields();\n      return;\n    }\n\n    if (this.postalCode === postalCode) {\n      return;\n    }\n\n    this.resetFields();\n    this.postalCode = postalCode;\n\n    var data = (await this.fetchPostalCode(postalCode));\n\n    if (!data || !data.addresses) {\n      this.city = null;\n      this.isLoading = true;\n      return;\n    }\n\n    const cityInfo = data.addresses?.find(addr => addr.postalCode === postalCode);\n    this.city = cityInfo?.city || null;\n\n    this.isLoading = false;\n  }\n\n\n  async fetchPostalCode(postalCode) {\n    const endpointBase = this.endpoint.endsWith('/')\n      ? this.endpoint.slice(0, -1)\n      : this.endpoint;\n\n    const fetchUrl = `${endpointBase}${this.endpointPath}?countryCode=${this.countryCode}&postalCode=${postalCode}`;\n\n    try {\n      const data = await this.fetchHelper.fetchJson(fetchUrl, { mode: 'cors' }, this.cache) as Root;\n\n      if (!data?.addresses?.length) {\n        this.pnInputPostalCode.setAttribute('error', this._postalCodeProps.postalCodeInputError);\n        return;\n      }\n      return data;\n    }\n    catch (error) {\n      console.error(\"Error fetching address data:\", error);\n      this.isLoading = true;\n      return null;\n    }\n  }\n\n  private resetFields() {\n    this.streetAddressInputField.value = '';\n    this.streetNumberInputField.value = '';\n    this.city = null;\n    this.streetAddress = null;\n    this.streetNumber = null;\n    this.validAddress = false;\n\n    let inputs = document.getElementsByTagName('pn-input');\n\n    Array.from(inputs).forEach(element => {\n      element.removeAttribute('error');\n    });\n  }\n\n  async fetchAddress() {\n    const streetAddress = this.streetAddressInputField.value.trim();\n    const streetNumber = this.streetNumberInputField.value.trim();\n\n    if (!streetAddress || !streetNumber) {\n      this.validAddress = false;\n      return;\n    }\n\n    const endpointBase = this.endpoint.endsWith('/')\n      ? this.endpoint.slice(0, -1)\n      : this.endpoint;\n\n    const fetchUrl = `${endpointBase}${this.endpointPath}?countryCode=${this.countryCode}&postalCode=${this.postalCodeInputField.value}&address=${streetAddress + \" \" + streetNumber}`;\n\n    try {\n      const data = await this.fetchHelper.fetchJson(fetchUrl, { mode: 'cors' }, this.cache) as Root;\n\n      if (!data?.addresses?.length) {\n        this.validAddress = false;\n      } else {\n        const inputStreetAddress = this.normalizeChar(streetAddress);\n        const inputStreetNumber = this.normalizeChar(streetNumber);\n\n        const addressFound = data.addresses.some(addr =>\n          this.normalizeChar(addr.street) === inputStreetAddress &&\n          this.normalizeChar(addr.houseNumber) === inputStreetNumber &&\n          addr.postalCode === this.postalCodeInputField.value\n        );\n\n        this.validAddress = addressFound;\n      }\n    } catch (error) {\n      console.error(\"Error fetching address data:\", error);\n      this.isLoading = true;\n      this.validAddress = false;\n    }\n\n    if (this.streetAddress === streetAddress && this.streetNumber === streetNumber) {\n      return;\n    }\n\n    if (streetAddress) {\n      this.streetAddress = streetAddress;\n    }\n    if (streetNumber) {\n      this.streetNumber = streetNumber;\n    }\n  }\n  //this function is added to compare the street input values if entered without special characters like é, ø ect\n  normalizeChar(str) {\n\n    const specialCharMap = {\n      'ø': 'o',\n      'Ø': 'o',\n      'æ': 'ae',\n      'Æ': 'ae',\n      // Add more as needed\n    };\n\n    var str1 = str.normalize(\"NFD\").replace(/[\\u0300-\\u036f]/g, \"\")\n      .split('').map(char => specialCharMap[char] || char)\n      .join('').toLowerCase()\n    return str1;\n  }\n\n  render() {\n    return (\n      <Host class=\"pn-address-autofill\">\n        {this._postalCodeProps?.postalCodeCityLabel ? (\n          <div class=\"label-container\">\n            <label>{`${this._postalCodeProps.postalCodeCityLabel + ' ' + this.postalCodeRequiredLabel}`}</label>\n          </div>\n        ) : null}\n        <div class=\"input-container-row\">\n          <pn-input\n            type=\"number\"\n            name={this._postalCodeProps?.postalCodeInputName}\n            required={this._postalCodeProps?.postalCodeInputRequired}\n            placeholder={this._postalCodeProps?.postalCodeInputPlaceholder}\n            ref={el => (this.pnInputPostalCode = el as HTMLElement)}\n            autocomplete=\"off\"\n            helpertext={this._postalCodeProps?.postalCodeInputHelpertext}\n          ></pn-input>\n\n          <pn-input\n            type=\"text\"\n            name={this._cityProps?.cityInputName}\n            disabled\n            value={this.city}\n            placeholder={this._cityProps?.cityInputPlaceholder}\n            autocomplete=\"off\"\n            helpertext={this._cityProps?.cityInputHelpertext}\n          ></pn-input>\n        </div>\n\n        {this._streetAddressProps?.streetAddressNumberLabel ? (\n          <div class=\"label-container\">\n            <label>{`${this._streetAddressProps.streetAddressNumberLabel + ' ' + this.streetRequiredLabel}`}</label>\n          </div>\n        ) : null}\n        <div class=\"input-container-row\">\n          <pn-input\n            type=\"text\"\n            name={this._streetAddressProps?.streetAddressInputName}\n            required={this._streetAddressProps?.streetAddressInputRequired}\n            value={this.streetAddress}\n            placeholder={this._streetAddressProps?.streetAddressInputPlaceholder}\n            ref={el => (this.pnInputStreetAddress = el as HTMLElement)}\n            autocomplete=\"off\"\n            helpertext={this._streetAddressProps?.streetAddressInputHelpertext}\n            disabled={this.isLoading}\n          ></pn-input>\n\n          <pn-input\n            type=\"text\"\n            name={this._streetNumberProps?.streetNumberInputName}\n            required={this._streetNumberProps?.streetNumberInputRequired}\n            value={this.streetNumber}\n            placeholder={this._streetNumberProps?.streetNumberInputPlaceholder}\n            ref={el => (this.pnInputStreetNumber = el as HTMLElement)}\n            autocomplete=\"off\"\n            helpertext={this._streetNumberProps?.streetNumberInputHelpertext}\n            disabled={this.isLoading}\n          ></pn-input>\n        </div>\n        {(!this.validAddress && this.streetAddressInputField.value && this.streetNumberInputField.value) ? (\n          <div class=\"toast-container\">\n            <pn-toast text={this.addressNotFoundError ?? this.translation.addressNotFound} appearance=\"warning\" icon={alert_exclamation_circle}></pn-toast>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2MAAO,MAAMA,EAAe,CAC1BC,GAAM,CACJC,WAAY,oBACZC,gBAAiB,2BACjBC,SAAU,gBACVC,gBAAiB,0BAEnBC,GAAM,CACJJ,WAAY,kBACZC,gBAAiB,4BACjBC,SAAU,WACVC,gBAAiB,qBAEnBE,GAAM,CACJL,WAAY,oBACZC,gBAAiB,gCACjBC,SAAU,WACVC,gBAAiB,6BAEnBG,GAAM,CACJN,WAAY,kBACZC,gBAAiB,6BAEnBM,GAAM,CACJP,WAAY,kBACZC,gBAAiB,4BACjBC,SAAU,cAEZM,GAAM,CACJR,WAAY,kBACZC,gBAAiB,6BAEnBQ,GAAM,CACJT,WAAY,kBACZC,gBAAiB,6BAEnBS,GAAM,CACJV,WAAY,kBACZC,gBAAiB,6BAEnBU,GAAM,CACJX,WAAY,kBACZC,gBAAiB,6BAEnBW,GAAM,CACJZ,WAAY,kBACZC,gBAAiB,6BAEnBY,GAAM,CACJb,WAAY,kBACZC,gBAAiB,6BAEnBa,GAAM,CACJd,WAAY,kBACZC,gBAAiB,6BAEnBc,GAAM,CACJf,WAAY,kBACZC,gBAAiB,6BAEnBe,GAAM,CACJhB,WAAY,kBACZC,gBAAiB,6BAEnB,QAAS,CACPD,WAAY,kBACZC,gBAAiB,8BClErB,MAAMgB,EAAuB,+iDAC7B,MAAAC,EAAeD,E,MCWFE,EAAiB,M,sFAiB6B,K,iBAEK,K,cACnC,K,WACF,K,iBACK,K,cACH,K,qBAEyB,K,eACZ,K,wBACkB,K,uBACF,K,0BACjB,K,gBAET,K,UACN,K,mBACS,K,kBACD,K,kBACC,K,wDAEU,K,yBACJ,K,iBAER,K,eACD,I,kCAvC9BC,kBAAiC,KACjCC,YAA2B,KAC3BC,qBAAoC,KACpCC,oBAAmC,KACnCC,qBAAyC,KACzCC,wBAA4C,KAC5CC,uBAA2C,KAC3CC,mBAAkC,KAClCC,aAAe,kCACPC,iBAAoC,KACpCC,WAAwB,KACxBC,oBAA0C,KAC1CC,mBAAwC,KA6BvCC,gBAETC,YAAc,IAAIC,EAAY,0BAE9B,iBAAAC,GACEC,KAAKC,mBACLD,KAAKR,iBAAmBQ,KAAKE,SAASF,KAAKG,iBAC3CH,KAAKP,WAAaO,KAAKE,SAASF,KAAKI,WACrCJ,KAAKN,oBAAsBM,KAAKE,SAASF,KAAKK,oBAC9CL,KAAKL,mBAAqBK,KAAKE,SAASF,KAAKM,kB,CAG/C,QAAAJ,CAASK,GACP,UAAWA,IAAU,SAAU,CAC7B,OAAOC,KAAKC,MAAMF,E,KACb,CACL,OAAOA,C,EAIX,gBAAAG,GACEV,KAAKb,qBAAuBa,KAAKjB,kBAAkB4B,cAAc,SACjEX,KAAKZ,wBAA0BY,KAAKf,qBAAqB0B,cAAc,SACvEX,KAAKX,uBAAyBW,KAAKd,oBAAoByB,cAAc,SAErEX,KAAKY,kB,CAGP,sBAAMX,CAAiBY,EAAOC,OAAOC,SAASF,MAC5C,MAAMG,EAA0B,IAAIC,EAAwBJ,GAE5D,IAAKb,KAAKkB,YAAa,CACrBlB,KAAKkB,kBAAoBF,EAAwBG,oB,CAGnD,IAAKnB,KAAKoB,UAAYpB,KAAKkB,aAAaG,QAAQ,YAAc,EAAG,CAC/DrB,KAAKoB,eAAiBJ,EAAwBM,YAAYtB,KAAKkB,YAAalB,KAAKuB,O,CAGnF,IAAKvB,KAAKoB,SAAU,CAClBpB,KAAKoB,SAAW,E,CAGlB,IAAKpB,KAAKwB,SAAU,CAClBxB,KAAKwB,eAAiBR,EAAwBS,a,CAGhDzB,KAAK0B,kBAEL1B,KAAK2B,wBAA0B,GAC/B3B,KAAK4B,oBAAsB,GAE3B,GAAI5B,KAAKR,iBAAiBqC,0BAA4B,KAAM,CAC1D7B,KAAK2B,wBAA0B,KAAO3B,KAAK8B,YAAYjE,SAAW,G,CAGpE,GAAImC,KAAKN,oBAAoBqC,6BAA+B,KAAM,CAChE/B,KAAK4B,oBAAsB,KAAO5B,KAAK8B,YAAYjE,SAAW,G,EAIlE,eAAA6D,GACE,GAAI1B,KAAKwB,WAAa,KAAM,CAC1BxB,KAAKwB,SAAW,I,CAElB,GAAIxB,KAAKwB,UAAY/D,EAAauC,KAAKwB,UAAW,CAChDxB,KAAK8B,YAAcrE,EAAauC,KAAKwB,S,EAIzC,gBAAAZ,GACE,IAAIoB,EAEJhC,KAAKb,qBAAqB8C,iBAAiB,SAAUC,IACnDlC,KAAKmC,UAAY,KACjBC,aAAaJ,GACbA,EAAkBlB,OAAOuB,YAAW,KAClCrC,KAAKsC,oBAAoBJ,EAAE,GAC1B,IAAI,IAGTlC,KAAKX,uBAAuB4C,iBAAiB,QAASM,EAASvC,KAAKwC,aAAaC,KAAKzC,MAAO,MAC7FA,KAAKZ,wBAAwB6C,iBAAiB,WAAW,KAAQjC,KAAKX,uBAAuBqD,MAAQ,EAAE,IACvG1C,KAAK2C,mB,CAGP,iBAAAA,GACE,MAAMC,EAAY5C,KAAK6C,YAAYC,iBAAiB,SACpDF,EAAUG,SAAQC,IAChB,CAAC,QAAS,SAAU,QAAQD,SAAQE,IAClC,MAAMC,EAAiBX,EAASvC,KAAKmD,kBAAkBV,KAAKzC,MAAO,KACnEgD,EAAQf,iBAAiBgB,EAAWC,EAAe,GACnD,G,CAIN,iBAAAC,CAAkBjB,GAChB,GAAIA,EAAEkB,SAAWpD,KAAKX,uBAAwB,CAC5CW,KAAKqD,aAAerD,KAAKX,uBAAuBqD,K,CAGlD,GAAI1C,KAAKsD,cAAgBtD,KAAKuD,YAAcvD,KAAKwD,MAAQxD,KAAKyD,eAAiBzD,KAAKqD,aAAc,CAChGrD,KAAK0D,YAAc,GAAG1D,KAAKyD,iBAAiBzD,KAAKqD,iBAAiBrD,KAAKwD,QAAQxD,KAAKuD,Y,KAC/E,CACLvD,KAAK0D,YAAc,E,CAGrB1D,KAAKJ,gBAAgB+D,KAAK3D,KAAK0D,Y,CAGjC,yBAAMpB,CAAoBJ,GACxB,IAAKA,EAAG,CACN,M,CAEF,MAAMqB,EAAavD,KAAKb,qBAAqBuD,MAE7C,IAAIkB,EAAmB,EAEvB,GAAIL,EAAWM,OAASD,EAAkB,CACxC5D,KAAK8D,cACL,M,CAGF,GAAI9D,KAAKuD,aAAeA,EAAY,CAClC,M,CAGFvD,KAAK8D,cACL9D,KAAKuD,WAAaA,EAElB,IAAIQ,QAAc/D,KAAKgE,gBAAgBT,GAEvC,IAAKQ,IAASA,EAAKE,UAAW,CAC5BjE,KAAKwD,KAAO,KACZxD,KAAKmC,UAAY,KACjB,M,CAGF,MAAM+B,EAAWH,EAAKE,WAAWE,MAAKC,GAAQA,EAAKb,aAAeA,IAClEvD,KAAKwD,KAAOU,GAAUV,MAAQ,KAE9BxD,KAAKmC,UAAY,K,CAInB,qBAAM6B,CAAgBT,GACpB,MAAMc,EAAerE,KAAKoB,SAASkD,SAAS,KACxCtE,KAAKoB,SAASmD,MAAM,GAAI,GACxBvE,KAAKoB,SAET,MAAMoD,EAAW,GAAGH,IAAerE,KAAKT,4BAA4BS,KAAKyE,0BAA0BlB,IAEnG,IACE,MAAMQ,QAAa/D,KAAKH,YAAY6E,UAAUF,EAAU,CAAEG,KAAM,QAAU3E,KAAK4E,OAE/E,IAAKb,GAAME,WAAWJ,OAAQ,CAC5B7D,KAAKjB,kBAAkB8F,aAAa,QAAS7E,KAAKR,iBAAiBsF,sBACnE,M,CAEF,OAAOf,C,CAET,MAAOgB,GACLC,QAAQD,MAAM,+BAAgCA,GAC9C/E,KAAKmC,UAAY,KACjB,OAAO,I,EAIH,WAAA2B,GACN9D,KAAKZ,wBAAwBsD,MAAQ,GACrC1C,KAAKX,uBAAuBqD,MAAQ,GACpC1C,KAAKwD,KAAO,KACZxD,KAAKyD,cAAgB,KACrBzD,KAAKqD,aAAe,KACpBrD,KAAKsD,aAAe,MAEpB,IAAI2B,EAASC,SAASC,qBAAqB,YAE3CC,MAAMC,KAAKJ,GAAQlC,SAAQC,IACzBA,EAAQsC,gBAAgB,QAAQ,G,CAIpC,kBAAM9C,GACJ,MAAMiB,EAAgBzD,KAAKZ,wBAAwBsD,MAAM6C,OACzD,MAAMlC,EAAerD,KAAKX,uBAAuBqD,MAAM6C,OAEvD,IAAK9B,IAAkBJ,EAAc,CACnCrD,KAAKsD,aAAe,MACpB,M,CAGF,MAAMe,EAAerE,KAAKoB,SAASkD,SAAS,KACxCtE,KAAKoB,SAASmD,MAAM,GAAI,GACxBvE,KAAKoB,SAET,MAAMoD,EAAW,GAAGH,IAAerE,KAAKT,4BAA4BS,KAAKyE,0BAA0BzE,KAAKb,qBAAqBuD,iBAAiBe,EAAgB,IAAMJ,IAEpK,IACE,MAAMU,QAAa/D,KAAKH,YAAY6E,UAAUF,EAAU,CAAEG,KAAM,QAAU3E,KAAK4E,OAE/E,IAAKb,GAAME,WAAWJ,OAAQ,CAC5B7D,KAAKsD,aAAe,K,KACf,CACL,MAAMkC,EAAqBxF,KAAKyF,cAAchC,GAC9C,MAAMiC,EAAoB1F,KAAKyF,cAAcpC,GAE7C,MAAMsC,EAAe5B,EAAKE,UAAU2B,MAAKxB,GACvCpE,KAAKyF,cAAcrB,EAAKyB,UAAYL,GACpCxF,KAAKyF,cAAcrB,EAAK0B,eAAiBJ,GACzCtB,EAAKb,aAAevD,KAAKb,qBAAqBuD,QAGhD1C,KAAKsD,aAAeqC,C,EAEtB,MAAOZ,GACPC,QAAQD,MAAM,+BAAgCA,GAC9C/E,KAAKmC,UAAY,KACjBnC,KAAKsD,aAAe,K,CAGtB,GAAItD,KAAKyD,gBAAkBA,GAAiBzD,KAAKqD,eAAiBA,EAAc,CAC9E,M,CAGF,GAAII,EAAe,CACjBzD,KAAKyD,cAAgBA,C,CAEvB,GAAIJ,EAAc,CAChBrD,KAAKqD,aAAeA,C,EAIxB,aAAAoC,CAAcM,GAEZ,MAAMC,EAAiB,CACrB,EAAK,IACL,EAAK,IACL,EAAK,KACL,EAAK,MAIP,IAAIC,EAAOF,EAAIG,UAAU,OAAOC,QAAQ,mBAAoB,IACzDC,MAAM,IAAIC,KAAIC,GAAQN,EAAeM,IAASA,IAC9CC,KAAK,IAAIC,cACZ,OAAOP,C,CAGT,MAAAQ,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAM,uBACT7G,KAAKR,kBAAkBsH,oBACtBJ,EAAA,OAAKG,MAAM,mBACTH,EAAA,aAAQ,GAAG1G,KAAKR,iBAAiBsH,oBAAsB,IAAM9G,KAAK2B,4BAElE,KACJ+E,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,YAAAE,IAAA,2CACEG,KAAK,SACLC,KAAMhH,KAAKR,kBAAkByH,oBAC7BpJ,SAAUmC,KAAKR,kBAAkBqC,wBACjCqF,YAAalH,KAAKR,kBAAkB2H,2BACpCC,IAAKC,GAAOrH,KAAKjB,kBAAoBsI,EACrCC,aAAa,MACbC,WAAYvH,KAAKR,kBAAkBgI,4BAGrCd,EAAA,YAAAE,IAAA,2CACEG,KAAK,OACLC,KAAMhH,KAAKP,YAAYgI,cACvBC,SAAQ,KACRhF,MAAO1C,KAAKwD,KACZ0D,YAAalH,KAAKP,YAAYkI,qBAC9BL,aAAa,MACbC,WAAYvH,KAAKP,YAAYmI,uBAIhC5H,KAAKN,qBAAqBmI,yBACzBnB,EAAA,OAAKG,MAAM,mBACTH,EAAA,aAAQ,GAAG1G,KAAKN,oBAAoBmI,yBAA2B,IAAM7H,KAAK4B,wBAE1E,KACJ8E,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,YAAAE,IAAA,2CACEG,KAAK,OACLC,KAAMhH,KAAKN,qBAAqBoI,uBAChCjK,SAAUmC,KAAKN,qBAAqBqC,2BACpCW,MAAO1C,KAAKyD,cACZyD,YAAalH,KAAKN,qBAAqBqI,8BACvCX,IAAKC,GAAOrH,KAAKf,qBAAuBoI,EACxCC,aAAa,MACbC,WAAYvH,KAAKN,qBAAqBsI,6BACtCN,SAAU1H,KAAKmC,YAGjBuE,EAAA,YAAAE,IAAA,2CACEG,KAAK,OACLC,KAAMhH,KAAKL,oBAAoBsI,sBAC/BpK,SAAUmC,KAAKL,oBAAoBuI,0BACnCxF,MAAO1C,KAAKqD,aACZ6D,YAAalH,KAAKL,oBAAoBwI,6BACtCf,IAAKC,GAAOrH,KAAKd,oBAAsBmI,EACvCC,aAAa,MACbC,WAAYvH,KAAKL,oBAAoByI,4BACrCV,SAAU1H,KAAKmC,cAGhBnC,KAAKsD,cAAgBtD,KAAKZ,wBAAwBsD,OAAS1C,KAAKX,uBAAuBqD,MACxFgE,EAAA,OAAKG,MAAM,mBACTH,EAAA,YAAU2B,KAAMrI,KAAKsI,sBAAwBtI,KAAK8B,YAAYhE,gBAAiByK,WAAW,UAAUC,KAAMC,KAE1G,K","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=p-923aa6d2.entry.js.map

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

@@ -1 +0,0 @@
-{"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":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,h as n,d as e}from"./p-82546a44.js";import{v as i}from"./p-4ed69de7.js";const a=(t,n=0,e=100,i=1e3,a="Sv-SE",s)=>{const o=new Intl.NumberFormat(a,s);if(i<=0){t.textContent=o.format(e);return}let d=null;const c=a=>{if(!d)d=a;const s=Math.min((a-d)/i,1);if(s<1){const i=Math.round((s*(e-n)+n)*10)/10;t.textContent=o.format(i);window.requestAnimationFrame(c)}else{t.textContent=o.format(e)}};window.requestAnimationFrame(c)};const s={Sv:{lang:"Sv",code:"Sv-SE"},En:{lang:"En",code:"En-GB"}};const o={Decimal:{style:"decimal"},Currency:{style:"currency",currency:"SEK"},Percent:{style:"percent"},None:{style:"decimal",useGrouping:false}};const d=(t,n,e)=>{t.forEach((t=>{t.target.classList.toggle(n,t.isIntersecting);e(t)}))};const c="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-stats-info-data{width:50%}pn-stats-info-data .pn-stats-info-data__container{width:100%;background-color:transparent;color:#f06365;display:flex;flex-direction:column;align-items:center;padding:2rem}@media screen and (min-width: 768px){pn-stats-info-data .pn-stats-info-data__container{justify-content:center;min-height:102px;padding:0 2rem}}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container{min-height:125px}}pn-stats-info-data .pn-stats-info-data__container__content{display:flex;flex-direction:row;justify-content:center}pn-stats-info-data .pn-stats-info-data__container__content__data{font-weight:700;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container__content__data{font-size:5.6rem}}pn-stats-info-data .pn-stats-info-data__container__content__unit{font-weight:700;font-size:3rem;line-height:110%;margin-left:0.8rem}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container__content__unit{font-size:5.6rem}}pn-stats-info-data .pn-stats-info-data__container__content__preamble{text-align:center;font-weight:400;font-size:1.4rem;line-height:110%;color:#ffffff}";const r=c;const p=class{constructor(n){t(this,n);this.format="En";this.formatStyle="Decimal";this.startValue=0;this.data=0;this.unit=null;this.preamble=null;this.duration=1e3;this.index=null;this.hasBeenShown=false;this.compId=null}inViewPortCallback=t=>{if(t.isIntersecting){this.hasBeenShown=true}};generateUniqueId(){return i()}componentWillLoad(){this.compId=this.generateUniqueId()}watchStateHandlder(t,n){const e=document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);if(e.classList.contains("is-inViewport")&&t!==n){a(e,this.startValue,this.data,this.duration,s[this.format].code,o[this.formatStyle])}}render(){return n(e,{key:"76ba8987c10c1134632d1d14e835e2d151e40d7d"},n("div",{key:"cfca356710ab65efc3332390b9ff2c9d6e90543f",class:"pn-stats-info-data__container"},n("div",{key:"fca178d07e51036cb8b63e064686572588069304",class:"pn-stats-info-data__container__content"},n("div",{key:"2bd549f1408aec0487e7cb7e0498141685e2d18c",class:"pn-stats-info-data__container__content__data",id:`pn-stats-info-data-${this.compId}-${this.index}`}),this.unit&&n("div",{key:"1c8913969b0eed7e98e6045c7b6320d6a6391517",class:"pn-stats-info-data__container__content__unit"},this.unit)),n("div",{key:"e7c7f90a4661fbe22600946d8343e1d98e5cfaec",class:"pn-stats-info-data__container__content__preamble"},this.preamble)))}componentDidRender(){const t=new IntersectionObserver((t=>d(t,"is-inViewport",this.inViewPortCallback)));const n=document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);t.observe(n)}static get watchers(){return{hasBeenShown:["watchStateHandlder"]}}};p.style=r;export{p as pn_stats_info_data};
-//# sourceMappingURL=p-9454075f.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as M,h as i}from"./p-82546a44.js";import{M as N}from"./p-6b1d045c.js";import{F as e}from"./p-3478f368.js";import{c as D}from"./p-8836de82.js";const I='<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="M10.5 4a1 1 0 0 0-1 1h5a1 1 0 0 0-1-1zm6 1a3 3 0 0 0-3-3h-3a3 3 0 0 0-3 3h-2A2.5 2.5 0 0 0 5 9.95V19a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V9.95A2.5 2.5 0 0 0 18.5 5zm.5 5H7v9a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1zM5.5 7a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1zm4.5 5a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1m4 0a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1" clip-rule="evenodd"/></svg>';const g=I;const j={sv:{componentheading:"Våra priser och villkor för inrikesförsändelser för dig som direktbetalande kund?",deliveryscopeheading:"Endast leveranser inom Sverige",resultlistheading:"Några bra alternativ för dig",sizeheading:"Uppskatta storleken på din försändelse",weightheading:"Uppskatta vikten på din försändelse",weightlabel:"Vikt",maxweightlabel:"Maxvikt",maxmeasurementlabel:"Maxvolym",senddirectcta:"Köp online",stampshopcta:"Till butiken",message:"*Vid köp hos valfritt ombud",servicePointHeader:"Eller hitta närmaste serviceställe",servicePointLink:"Hitta Serviceställe",realPostcard:"Köp Riktiga Vykort",realPostcardMobile:"Ladda ner appen",ombudHeader:"Köp via ombud",from:"Från ",labelMaxDimensionsRoll:"Rulle",labelMaxDimensions:"Maxmått",noResultMessage:"Inga produkter matchar dina kriterier",clearFilterButton:"Rensa alla filter",compensateUpTo:"Ersättning upp till",countryToSendTo:"Vilket land vill du skicka till?",smallPackage:"Litet paket",mediumPackage:"Medium paket",largePackage:"Stort paket",personComparison:"Person för jämförelse",cloudsImage:"Bild på moln"},en:{componentheading:"Our prices and terms and conditions for domestic shipments for you as a direct paying customer",deliveryscopeheading:"Deliveries within Sweden only",resultlistheading:"Some suitable options for you",sizeheading:"Estimate the size of your shipment",weightheading:"Estimate the weight of your shipment",weightlabel:"Weight",maxweightlabel:"Max weight",maxmeasurementlabel:"Maximum measurement",senddirectcta:"Buy Online",stampshopcta:"To the Store",message:"When buying from any agent",servicePointHeader:"Find service point",servicePointLink:"Find service point",realPostcard:"Buy Postcards",realPostcardMobile:"Download the app",ombudHeader:"Purchase by agent",from:"From ",labelMaxDimensionsRoll:"Roll",labelMaxDimensions:"Maximum dimensions",noResultMessage:"No products match your criterias",clearFilterButton:"Clear all filters",compensateUpTo:"Compensated up to",countryToSendTo:"To which country do you want to send?",smallPackage:"Small package",mediumPackage:"Medium package",largePackage:"Large package",personComparison:"Person for comparison",cloudsImage:"Image of clouds"},da:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Kun leveringer indenfor Sverige",resultlistheading:"Dine muligheder",sizeheading:"Hvor stor er din forsendelse?",weightheading:"Hvor meget vejer din forsendelse?",weightlabel:"Vægt",maxweightlabel:"Max vægt",maxmeasurementlabel:"Maks. Volumen",senddirectcta:"Køb Online",stampshopcta:"Til butikken",message:"When buying from any agent",servicePointHeader:"Find nærmeste servicested",servicePointLink:"Find nærmeste servicested",realPostcard:"Køb Riktiga Vykort",ombudHeader:"Køb af agent",from:"Fra ",labelMaxDimensionsRoll:"Rulle",labelMaxDimensions:"Maks. mål og vægt",noResultMessage:"Ingen produkter matcher dine kriterier",clearFilterButton:"Ryd alle filtre",compensateUpTo:"Erstatning op til",countryToSendTo:"Hvilket land vil du sende til?",smallPackage:"Lille pakke",mediumPackage:"Mellem pakke",largePackage:"Stor pakke",personComparison:"Person til sammenligning",cloudsImage:"Billede af skyer"},no:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Kun leveranser innen Sverige",resultlistheading:"Some suitable options for you",weightlabel:"Vekt",maxweightlabel:"Maks vekt",maxmeasurementlabel:"Maks volum",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop",noResultMessage:"No products match your criterias",clearFilterButton:"Clear all filters",compensateUpTo:"Kompensert inntil",countryToSendTo:"Hvilket land vil du sende til?"},fi:{componentheading:"Vad vill du skicka?",deliveryscopeheading:"Toimitukset vain Ruotsin sisällä",resultlistheading:"Some suitable options for you",weightlabel:"Paino",maxweightlabel:"Max paino",maxmeasurementlabel:"Max äänenvoimakkuus",senddirectcta:"Buy shipping in Send Direct",stampshopcta:"Order home stamps from the webshop",noResultMessage:"No products match your criterias",clearFilterButton:"Clear all filters",compensateUpTo:"Korvaus asti",countryToSendTo:"Mihin maahan haluaisit lähettää?"}};const z={se:{currency:"kr",country:"Sweden",servicePoint:"https://www.postnord.se/vara-verktyg/sok-brevlada-eller-servicestalle"},dk:{currency:"dk",country:"Denmark",servicePoint:"https://www.postnord.dk/varktojer/find-os"},fi:{currency:" €",country:"Finland",servicePoint:""},no:{currency:"kr",country:"Norway",servicePoint:""}};const a=[{name:"S",value:"S",illustration:"eli1n",unit:"S"},{name:"M",value:"M",illustration:"medium-package",unit:"M"},{name:"L",value:"L",illustration:"large-package",unit:"L"}];const t={se:{S:[{name:"50 g",abbreviation:"g",value:50},{name:"100 g",abbreviation:"g",value:100},{name:"250 g",abbreviation:"g",value:250},{name:"500 g",abbreviation:"g",value:500},{name:"1 kg",abbreviation:"kg",value:1e3},{name:"2 kg",abbreviation:"kg",value:2e3}],M:[{name:"1 kg",abbreviation:"kg",value:1e3},{name:"2 kg",abbreviation:"kg",value:2e3},{name:"3 kg",abbreviation:"kg",value:3e3},{name:"5 kg",abbreviation:"kg",value:5e3},{name:"10 kg",abbreviation:"kg",value:1e4},{name:"15 kg",abbreviation:"kg",value:15e3},{name:"20 kg",abbreviation:"kg",value:2e4}],L:[{name:"3 kg",abbreviation:"kg",value:3e3},{name:"5 kg",abbreviation:"kg",value:5e3},{name:"10 kg",abbreviation:"kg",value:1e4},{name:"15 kg",abbreviation:"kg",value:15e3},{name:"20 kg",abbreviation:"kg",value:2e4}]},dk:{S:[{name:"50 g",abbreviation:"g",value:50},{name:"100 g",abbreviation:"g",value:100},{name:"250 g",abbreviation:"g",value:250},{name:"500 g",abbreviation:"g",value:500},{name:"1 kg",abbreviation:"kg",value:1e3},{name:"2 kg",abbreviation:"kg",value:2e3}],M:[],L:[{name:"2 kg",abbreviation:"kg",value:2e3},{name:"5 kg",abbreviation:"kg",value:5e3},{name:"10 kg",abbreviation:"kg",value:1e4},{name:"15 kg",abbreviation:"kg",value:15e3},{name:"20 kg",abbreviation:"kg",value:2e4},{name:"25 kg",abbreviation:"kg",value:25e3},{name:"30 kg",abbreviation:"kg",value:3e4},{name:"35 kg",abbreviation:"kg",value:35e3}]},dk01012024:{S:[{name:"100 g",abbreviation:"g",value:100},{name:"250 g",abbreviation:"g",value:250},{name:"500 g",abbreviation:"g",value:500},{name:"1 kg",abbreviation:"kg",value:1e3},{name:"2 kg",abbreviation:"kg",value:2e3}],M:[],L:[{name:"2 kg",abbreviation:"kg",value:2e3},{name:"5 kg",abbreviation:"kg",value:5e3},{name:"10 kg",abbreviation:"kg",value:1e4},{name:"15 kg",abbreviation:"kg",value:15e3},{name:"20 kg",abbreviation:"kg",value:2e4},{name:"25 kg",abbreviation:"kg",value:25e3},{name:"30 kg",abbreviation:"kg",value:3e4},{name:"35 kg",abbreviation:"kg",value:35e3}]}};const{state:u,onChange:y}=D({i18n:{componentheading:"",deliveryscopeheading:"",resultlistheading:"",sizeheading:"",weightheading:"",weightlabel:"",maxweightlabel:"",maxmeasurementlabel:"",senddirectcta:"",stampshopcta:"",message:"",servicePointHeader:"",servicePointLink:"",realPostcard:"",realPostcardMobile:"",ombudHeader:"",noResultMessage:"",clearFilterButton:"",countryToSendTo:"",smallPackage:"",mediumPackage:"",largePackage:"",personComparison:"",cloudsImage:""},market:{currency:"",country:"",servicePoint:""}});const c="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCA1NCAzOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ0LjM4NDggMzhINTAuMzAxN0M1MS45MzM5IDM4IDUzLjMxMTEgMzYuMjM1NyA1My4zMTExIDMzLjk5NjRWNC4wMDM1N0M1My4zMTExIDEuODMyMTQgNTEuOTg0OSAwIDUwLjMwMTcgMEg0NC4zODQ4VjM4WiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBkPSJNNDcuMzQzMyAzOEgxMy4zMjFDMTEuNjg4NyAzOCAxMC4zMTE1IDM2LjIzNTcgMTAuMzExNSAzMy45OTY0VjQuMDAzNTdDMTAuMzExNSAxLjgzMjE0IDExLjYzNzcgMCAxMy4zMjEgMEg0NC44NDM5QzQ2LjIyMTEgMCA0Ny4zNDMzIDEuNDkyODYgNDcuMzQzMyAzLjMyNVYzOFoiIGZpbGw9IiMwMEEwRDYiLz4KPHBhdGggZD0iTTQzLjMxNDMgMTAuNzg5NUM0My4zMTQzIDEyLjk2MDkgNDEuOTg4MSAxNC43MjUyIDQwLjM1NTkgMTQuNzI1MkgzNS45NjkyQzM0LjMzNjkgMTQuNzI1MiAzMy4wMTA3IDEyLjk2MDkgMzMuMDEwNyAxMC43ODk1QzMzLjAxMDcgOC42MTgwNCAzNC4zMzY5IDYuODUzNzYgMzUuOTY5MiA2Ljg1Mzc2SDQwLjM1NTlDNDIuMDM5MSA2LjkyMTYyIDQzLjMxNDMgOC42MTgwNCA0My4zMTQzIDEwLjc4OTVaIiBmaWxsPSIjOEVEREY5Ii8+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xMjQ2XzM0NzAzKSI+CjxwYXRoIGQ9Ik0yMy4zMTE0IDMyLjY3NzJIMC42ODg0NzdWMjMuMjM0OEwxMC4zNzg0IDEzLjQ2OTRDMTEuMzA0NyAxMi41MzU4IDEyLjc4NDkgMTIuNTM4OSAxMy43MDc0IDEzLjQ3NjNMMjMuMzExNCAyMy4yMzQ4VjMyLjY3NzJaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik01LjI4NjI3IDE3LjAxNzZIMTguNzEzMkMxOS4zNDAxIDE3LjAxNzYgMTkuOTQxNCAxNy4yMDEzIDIwLjM4NDcgMTcuNTI4NEMyMC44MjggMTcuODU1NSAyMS4wNzcxIDE4LjI5OTEgMjEuMDc3MSAxOC43NjE3VjMzLjM3MzRIMi45MjI4NVYxOC43NjE3QzIuOTIyODUgMTguMjk5MSAzLjE3MTkgMTcuODU1NSAzLjYxNTIxIDE3LjUyODRDNC4wNTg1MiAxNy4yMDEzIDQuNjU5NzggMTcuMDE3NiA1LjI4NjcxIDE3LjAxNzZINS4yODYyN1oiIGZpbGw9IiNGOUY4RjgiLz4KPHBhdGggZD0iTTEyLjA3NzYgMjMuNzQzMkg3LjQxNjU3QzcuMTk4OTEgMjMuNzQzMiA3LjAyMjQ2IDIzLjkyNTYgNy4wMjI0NiAyNC4xNTA3VjI0LjE1MDhDNy4wMjI0NiAyNC4zNzU5IDcuMTk4OTEgMjQuNTU4MyA3LjQxNjU3IDI0LjU1ODNIMTIuMDc3NkMxMi4yOTUyIDI0LjU1ODMgMTIuNDcxNyAyNC4zNzU5IDEyLjQ3MTcgMjQuMTUwOFYyNC4xNTA3QzEyLjQ3MTcgMjMuOTI1NiAxMi4yOTUyIDIzLjc0MzIgMTIuMDc3NiAyMy43NDMyWiIgZmlsbD0iI0QzQ0VDQiIvPgo8cGF0aCBkPSJNMTYuOTg3IDI1Ljc2MUg3LjQxNjU3QzcuMTk4OTEgMjUuNzYxIDcuMDIyNDYgMjUuOTQzNCA3LjAyMjQ2IDI2LjE2ODVWMjYuMTY4NkM3LjAyMjQ2IDI2LjM5MzcgNy4xOTg5MSAyNi41NzYyIDcuNDE2NTcgMjYuNTc2MkgxNi45ODdDMTcuMjA0NiAyNi41NzYyIDE3LjM4MTEgMjYuMzkzNyAxNy4zODExIDI2LjE2ODZWMjYuMTY4NUMxNy4zODExIDI1Ljk0MzQgMTcuMjA0NiAyNS43NjEgMTYuOTg3IDI1Ljc2MVoiIGZpbGw9IiNEM0NFQ0IiLz4KPHBhdGggZD0iTTE2Ljk4NyAyNy42NTk4SDcuNDE2NTdDNy4xOTg5MSAyNy42NTk4IDcuMDIyNDYgMjcuODQyMiA3LjAyMjQ2IDI4LjA2NzNWMjguMDY3NEM3LjAyMjQ2IDI4LjI5MjUgNy4xOTg5MSAyOC40NzUgNy40MTY1NyAyOC40NzVIMTYuOTg3QzE3LjIwNDYgMjguNDc1IDE3LjM4MTEgMjguMjkyNSAxNy4zODExIDI4LjA2NzRWMjguMDY3M0MxNy4zODExIDI3Ljg0MjIgMTcuMjA0NiAyNy42NTk4IDE2Ljk4NyAyNy42NTk4WiIgZmlsbD0iI0QzQ0VDQiIvPgo8cGF0aCBkPSJNMTAuMzIxNyAzMC4yMjMxSDcuNDE2NTdDNy4xOTg5MSAzMC4yMjMxIDcuMDIyNDYgMzAuNDA1NiA3LjAyMjQ2IDMwLjYzMDdWMzAuNjMwOEM3LjAyMjQ2IDMwLjg1NTkgNy4xOTg5MSAzMS4wMzgzIDcuNDE2NTcgMzEuMDM4M0gxMC4zMjE3QzEwLjUzOTQgMzEuMDM4MyAxMC43MTU4IDMwLjg1NTkgMTAuNzE1OCAzMC42MzA4VjMwLjYzMDdDMTAuNzE1OCAzMC40MDU2IDEwLjUzOTQgMzAuMjIzMSAxMC4zMjE3IDMwLjIyMzFaIiBmaWxsPSIjRDNDRUNCIi8+CjxwYXRoIGQ9Ik0wLjY4ODgxMyAyMy4yMzQ2TDE5Ljg1MzcgMzcuOTE2NUgzLjEwNjg5QzEuNzcxMjQgMzcuOTE2NSAwLjY4ODQ3NyAzNi43OTk3IDAuNjg4NDc3IDM1LjQyMTlMMC42ODg4MTMgMjMuMjM0NloiIGZpbGw9IiMwMEEwRDYiLz4KPHBhdGggZD0iTTIzLjMxMTkgMjMuMzI0Mkw0LjEzNDc3IDM3LjkxNjFIMjAuODkzNEMyMi4yMjkxIDM3LjkxNjEgMjMuMzExOSAzNi43OTkzIDIzLjMxMTkgMzUuNDIxNVYyMy4zMjQyWiIgZmlsbD0iIzhFRERGOSIvPgo8cGF0aCBkPSJNMTIuMDM3OCAyMS45NTM3QzEyLjk0OTIgMjEuOTUzNyAxMy42ODgxIDIxLjE5MTYgMTMuNjg4MSAyMC4yNTEzQzEzLjY4ODEgMTkuMzExMSAxMi45NDg5IDE4LjU0OSAxMi4wMzc4IDE4LjU0OUMxMS4xMjY3IDE4LjU0OSAxMC4zODc3IDE5LjMxMTEgMTAuMzg3NyAyMC4yNTEzQzEwLjM4NzcgMjEuMTkxNiAxMS4xMjY1IDIxLjk1MzcgMTIuMDM3OCAyMS45NTM3WiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBkPSJNMTMuNjc3OCAyMC4wNjYyQzEzLjQxMTkgMjAuMTkzNiAxMy4xMzE4IDIwLjMxNjMgMTIuODcxNCAyMC40MzA2QzEyLjM1MzggMjAuNjU4MSAxMS44NjUgMjAuODcyOCAxMS41MTA3IDIxLjA5MDdDMTEuMzkyNSAyMS4xNjMyIDExLjEwODcgMjEuMzM3NSAxMC45OTcxIDIxLjU3MjVDMTEuMDg3NiAyMS42NDgxIDExLjE4NTcgMjEuNzEzNSAxMS4yODk2IDIxLjc2NzdDMTEuMjg4OCAyMS42ODEzIDExLjQzMDUgMjEuNTQzMSAxMS42ODI1IDIxLjM4ODNDMTIuMDE3MyAyMS4xODI4IDEyLjQ5NjEgMjAuOTcyNSAxMy4wMDMgMjAuNzQ5OEMxMy4yMzMgMjAuNjQ4NiAxMy40NTk3IDIwLjU0ODcgMTMuNjc1OCAyMC40NDg3QzEzLjY5MSAyMC4zMjE4IDEzLjY5MTYgMjAuMTkzNSAxMy42Nzc0IDIwLjA2NjVMMTMuNjc3OCAyMC4wNjYyWiIgZmlsbD0iIzAwQTBENiIvPgo8cGF0aCBkPSJNMTMuMjU2OCAxOS4zNzAzQzEzLjIxMzEgMTkuMjg4MSAxMy4xNjAzIDE5LjIxMDIgMTMuMDk5MiAxOS4xMzc4QzEyLjcyOTEgMTkuMzczMSAxMi4yODE0IDE5LjY0NDcgMTEuNzYwMSAxOS44MjQzQzExLjIyNjIgMjAuMDA4NCAxMC44MDg1IDIwLjA5MzYgMTAuNDYzOSAyMC4wNzM4QzEwLjQ3MjkgMjAuMTY3MiAxMC40OTI4IDIwLjI1OTQgMTAuNTIzMSAyMC4zNDg5QzEwLjkyODEgMjAuMzU3MiAxMS4zNzQ5IDIwLjI0ODcgMTEuODY2NCAyMC4wNzkzQzEyLjQxNDQgMTkuODkwNCAxMi44NzU1IDE5LjYxMjIgMTMuMjU2OCAxOS4zNzAzWiIgZmlsbD0iIzAwQTBENiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzEyNDZfMzQ3MDMiPgo8cmVjdCB3aWR0aD0iMjIuNjIzIiBoZWlnaHQ9IjI3LjU2MjUiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjY4ODQ3NyAxMC4zNTQxKSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=";const n="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjciIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2NyA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMDM4NDIgNTkuOTk5OEg0Ny44OTAzVjguMTg4MjNINC4wMjkzVjU1LjE0NDhDNC4wMjkzIDU3LjgyNTkgNS44MjQ0MiA1OS45OTk4IDguMDM4NDIgNTkuOTk5OFoiIGZpbGw9IiMwMEEwRDYiLz4KPHBhdGggZD0iTTU4LjI0MzcgNjBINDYuNzU0OVY2LjUyMTczSDYyLjkxMVY1NC4yNzUzQzYyLjkxMSA1Ny40NjM3IDYwLjgxNjcgNjAgNTguMjQzNyA2MFoiIGZpbGw9IiMwMDVEOTIiLz4KPHBhdGggZD0iTTQuNDQ5MjggMTYuMTU5M0g0Ny40NzI2QzQ5LjY4NjYgMTYuMTU5MyA1MS40MjE4IDEzLjk4NTQgNTEuNDIxOCAxMS4zNzY3QzUxLjQyMTggOC42OTU1NiA0OS42MjY3IDYuNTk0MTIgNDcuNDcyNiA2LjU5NDEySDQuNDQ5MjhDMi4yMzUyOSA2LjU5NDEyIDAuNSA4Ljc2ODAzIDAuNSAxMS4zNzY3QzAuNSAxMy45ODU0IDIuMjM1MjkgMTYuMTU5MyA0LjQ0OTI4IDE2LjE1OTNaIiBmaWxsPSIjMDBBMEQ2Ii8+CjxwYXRoIGQ9Ik02Mi41NTExIDE2LjE1OTFINTYuMTQ4NUM1My45MzQ1IDE2LjE1OTEgNTIuMTk5MiAxMy45ODUyIDUyLjE5OTIgMTEuMzc2NUM1Mi4xOTkyIDguNjk1MzIgNTMuOTk0NCA2LjU5Mzg3IDU2LjE0ODUgNi41OTM4N0g2Mi41NTExQzY0Ljc2NTEgNi41OTM4NyA2Ni41MDA0IDguNzY3NzggNjYuNTAwNCAxMS4zNzY1QzY2LjUwMDQgMTMuOTg1MiA2NC43MDUzIDE2LjE1OTEgNjIuNTUxMSAxNi4xNTkxWiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBkPSJNNC4wMjkzIDE2Ljg4MzlMNDYuNzUzNCAyNC43ODI1VjE2LjE1OTNINC4wMjkzVjE2Ljg4MzlaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik0xOC41NzAzIDYwSDE3LjY3MjdWNi44ODQwNkMxNy40OTMyIDYuODg0MDYgMTcuMzczNiA2LjgxMTU5IDE3LjI1MzkgNi43MzkxM0MxNS44Nzc2IDUuOTQyMDMgMTQuODAwNSAzLjI2MDg3IDE1LjE1OTYgMS41OTQyQzE1LjMzOTEgMC41Nzk3MTEgMTYuMDU3MSAwIDE3LjAxNDUgMEMxNy42NzI3IDAgMTguMTUxNCAwLjM2MjMxOSAxOC41MTA1IDAuODY5NTY2QzE4LjkyOTMgMS41MjE3NCAxOS4wNDkgMi41MzYyMyAxOC45ODkyIDMuNDc4MjZDMjAuMTI2MSAxLjg4NDA2IDIxLjY4MTkgMC44Njk1NjYgMjIuNzU4OSAxLjAxNDQ5QzIzLjQ3NyAxLjE1OTQyIDIzLjk1NTcgMS43MzkxMyAyNC4wMTU1IDIuNjgxMTZDMjQuMDc1NCAzLjMzMzMzIDIzLjg5NTkgNC4zNDc4MyAyMi44MTg4IDUuMjE3MzlDMjEuNzQxNyA2LjE1OTQyIDE5Ljk0NjYgNi43MzkxMyAxOC42MzAyIDYuODExNTlWNjBIMTguNTcwM1pNMTYuODk0OSAxLjA4Njk2QzE2LjIzNjYgMS4wODY5NiAxNi4wNTcxIDEuNTIxNzQgMTUuOTk3MyAxLjgxMTU5QzE1Ljc1NzkgMy4wNDM0OCAxNi42NTU1IDUuMjE3MzkgMTcuNjEyOSA1LjcyNDY0QzE3LjY3MjcgNS43MjQ2NCAxNy42NzI3IDUuNzI0NjQgMTcuNzMyNiA1Ljc5NzFDMTcuOTcxOSA0LjcxMDE0IDE4LjI3MTEgMi40NjM3NyAxNy43MzI2IDEuNTIxNzRDMTcuNTUzMSAxLjIzMTg4IDE3LjMxMzcgMS4wODY5NiAxNi44OTQ5IDEuMDg2OTZDMTYuOTU0NyAxLjA4Njk2IDE2Ljg5NDkgMS4wODY5NiAxNi44OTQ5IDEuMDg2OTZaTTIyLjQ1OTggMi4xMDE0NUMyMS40NDI1IDIuMTAxNDUgMTkuNTg3NiAzLjYyMzE5IDE4Ljc0OTggNS43OTcxQzE5Ljc2NzEgNS42NTIxNyAyMS4yNjMgNS4yMTczOSAyMi4yMjA0IDQuNDIwMjlDMjIuODE4OCAzLjkxMzA0IDIzLjExOCAzLjQwNTggMjMuMDU4MSAyLjgyNjA5QzIyLjk5ODMgMi4yNDYzOCAyMi44MTg4IDIuMTczOTEgMjIuNTc5NCAyLjEwMTQ1QzIyLjUxOTYgMi4xMDE0NSAyMi41MTk2IDIuMTAxNDUgMjIuNDU5OCAyLjEwMTQ1WiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBkPSJNNTAuNDAzNSAzMi42MDg2SDQuMDI5M1YzMy42OTU2SDUwLjQwMzVWMzIuNjA4NloiIGZpbGw9IiMwMDVEOTIiLz4KPC9zdmc+Cg==";const T="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTciIGhlaWdodD0iMTIxIiB2aWV3Qm94PSIwIDAgOTcgMTIxIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTIuNTk5OCAxMjAuMjI0SDY5LjMyNjVWMTYuMTczN0g1LjgwMzcxVjEwOC43NzRDNS44MDM3MSAxMTUuMTA0IDguODQ1MjkgMTIwLjIyNCAxMi41OTk4IDEyMC4yMjRaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik04NC4zNjEyIDEyMC4yMjRINjcuNzI3NVYxMi43NTRIOTEuMTU3M1YxMDguNzg0QzkxLjE1NzMgMTE1LjEwNCA4OC4xMTU3IDEyMC4yMjQgODQuMzYxMiAxMjAuMjI0WiIgZmlsbD0iIzBEMjM0QiIvPgo8cGF0aCBkPSJNNi4zNjg2NyAzMi4xMTRINjguNzY4N0M3MS45NDEgMzIuMTE0IDc0LjUxOTIgMjcuNzg0IDc0LjUxOTIgMjIuNDM0Qzc0LjUxOTIgMTcuMDk0IDcxLjk0NyAxMi43NTQgNjguNzY4NyAxMi43NTRINi4zNjg2N0MzLjE5NjM5IDEyLjc1NCAwLjYxODE2NCAxNy4wODQgMC42MTgxNjQgMjIuNDM0QzAuNjE4MTY0IDI3Ljc3NCAzLjE5NjM5IDMyLjExNCA2LjM2ODY3IDMyLjExNFoiIGZpbGw9IiMwMDVEOTIiLz4KPHBhdGggZD0iTTkwLjYzMTIgMzIuMTE0SDgxLjI4NjZDNzguMTE0MyAzMi4xMTQgNzUuNTM2MSAyNy43ODQgNzUuNTM2MSAyMi40MzRDNzUuNTM2MSAxNy4wOTQgNzguMTA4NCAxMi43NTQgODEuMjg2NiAxMi43NTRIOTAuNjMxMkM5My44MDM1IDEyLjc1NCA5Ni4zODE3IDE3LjA4NCA5Ni4zODE3IDIyLjQzNEM5Ni4zODE3IDI3Ljc3NCA5My44MDk0IDMyLjExNCA5MC42MzEyIDMyLjExNFoiIGZpbGw9IiMwRDIzNEIiLz4KPHBhdGggZD0iTTUuODAzNzEgMzMuNjQzOUw2Ny43Mjg1IDQ5LjM5MzlWMzIuMTEzOUg1LjgwMzcxVjMzLjY0MzlaIiBmaWxsPSIjMEQyMzRCIi8+CjxwYXRoIGQ9Ik0yNi42MzgxIDEyMC4yMjRIMjUuNzQ3VjEzLjIwMzhDMjUuNDM4IDEzLjE1MzggMjUuMTgyNiAxMy4wNjM4IDI1LjAwNDQgMTIuOTEzOEMyMy4xMzkgMTEuNDEzOCAyMS42MDYzIDYuMTczODIgMjIuMDc1NyAyLjg5MzgyQzIyLjIzNiAxLjc4MzgyIDIyLjc1MjkgLTAuMDk2MTY2NiAyNC41NDEgMC4wMDM4MzMzOUMyNS40MDgzIDAuMDQzODMzNCAyNi4wODU2IDAuNjAzODI2IDI2LjU0MyAxLjY4MzgzQzI3LjIwMjQgMy4yMjM4MyAyNy4yNzM3IDUuNjAzODMgMjcuMTYwOCA3LjczMzgzQzI4LjgwMDQgNC4xMzM4MyAzMS4yMTgzIDEuODAzODMgMzIuODEwNCAyLjEzMzgzQzMzLjc1NDkgMi4zMzM4MyAzNC4zNDkgMy40NDM4MiAzNC40MzgxIDUuMTkzODJDMzQuNTI3MiA2Ljk3MzgyIDMzLjk1NjkgOC42NDM4MyAzMi43NzQ3IDEwLjAyMzhDMzEuMDk5NSAxMS45ODM4IDI4LjQzODEgMTMuMDkzOCAyNi42MzIxIDEzLjIyMzhWMTIwLjIyNEgyNi42MzgxWk0yNC40MzQxIDEuNTAzODNDMjMuNTk2NSAxLjUwMzgzIDIzLjEwOTMgMi4wNzM4MyAyMi45NDMgMy4yNTM4M0MyMi41NzQ3IDUuODYzODMgMjMuODk5NCAxMC4zNjM4IDI1LjM5MDUgMTEuNTYzOEMyNS40ODU2IDExLjY0MzggMjUuNjM0MSAxMS42OTM4IDI1LjgxODIgMTEuNzIzOEMyNi4xNjg3IDkuNjMzODMgMjYuNzMzMSA0LjY5MzgzIDI1LjgxODIgMi41NjM4M0MyNS41MjcyIDEuODgzODMgMjUuMDk5NCAxLjUzMzgzIDI0LjUxNzMgMS41MTM4M0MyNC40ODc1IDEuNTAzODMgMjQuNDYzOCAxLjUwMzgzIDI0LjQzNDEgMS41MDM4M1pNMzIuNDk1NSAzLjU5MzgyQzMwLjg5NzUgMy41OTM4MiAyNy45ODY2IDYuOTYzODMgMjYuNzkyNSAxMS43MTM4QzI4LjM0MyAxMS41MjM4IDMwLjcyNTIgMTAuNTkzOCAzMi4yNzU3IDguNzgzODNDMzMuMTkwNiA3LjcxMzgzIDMzLjYxODMgNi41NTM4MyAzMy41NTg5IDUuMzEzODNDMzMuNDg3NiAzLjkzMzgzIDMzLjAzNjEgMy42ODM4MyAzMi43MDk0IDMuNjEzODNDMzIuNjM4MSAzLjYwMzgzIDMyLjU2NjggMy41OTM4MiAzMi40OTU1IDMuNTkzODJaIiBmaWxsPSIjMEQyMzRCIi8+CjxwYXRoIGQ9Ik03MC40OTE3IDY1LjcwNEg1LjgxMDU1VjY3LjIwNDFINzAuNDkxN1Y2NS43MDRaIiBmaWxsPSIjMEQyMzRCIi8+Cjwvc3ZnPgo=";const o="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTcxIiBoZWlnaHQ9IjI0NiIgdmlld0JveD0iMCAwIDE3MSAyNDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNjUuMDk0NiAxMDAuODM4TDQ5LjIzMjEgODAuNjAzMUM0Ni4xMTM4IDc2LjkzNjQgNDYuNzkxNyA3MS4zNjg1IDUwLjU4NzggNjguNjUyNUM1NC4zODQgNjUuNjY0OCA1OS44MDcxIDY2LjYxNTQgNjIuMzgzIDcwLjY4OTVMNzUuOTQwNyA5Mi44MjUzTDY1LjA5NDYgMTAwLjgzOFoiIGZpbGw9IiMwMDVFNDEiLz4KPHBhdGggZD0iTTY1Ljc2ODUgMjI2LjMxOUg1Mi4wNzUyVjIzNi4yMzNINjUuNzY4NVYyMjYuMzE5WiIgZmlsbD0iI0ZGQzhBMyIvPgo8cGF0aCBkPSJNNTIuMDc1MiAyMzMuNjUyVjI0Mi4yMDhIODguMDAzMUw2NS43Njg1IDIzMS43NTFWMjI4Ljc2M0w1Mi4wNzUyIDIzMy42NTJaIiBmaWxsPSIjMEQyMzRCIi8+CjxwYXRoIGQ9Ik01Mi4wNzUyIDIzMy42NTJWMjQyLjIwOEg4OC4wMDMxTDY1Ljc2ODUgMjMxLjc1MVYyMjguNzYzTDUyLjA3NTIgMjMzLjY1MloiIGZpbGw9IiNGMDYzNjUiLz4KPHBhdGggZD0iTTM5LjMzMDIgMjIwLjc1MkgyNi41ODU5VjIzMi43MDNIMzkuMzMwMlYyMjAuNzUyWiIgZmlsbD0iI0ZGQzhBMyIvPgo8cGF0aCBkPSJNMjYuNTg4NSAyMzIuNzAyTDIyLjY1NjcgMjQyLjIwOEg0My4yNjQ0TDM5LjE5NzEgMjMwLjEyMkwyNi41ODg1IDIzMi43MDJaIiBmaWxsPSIjRjA2MzY1Ii8+CjxwYXRoIGQ9Ik00My4yNjQ0IDI0Mi4yMDhIMjIuNjU2N1YyNDZINDMuMjY0NFYyNDIuMjA4WiIgZmlsbD0iIzUwMDcxNSIvPgo8cGF0aCBkPSJNNDQuNzUzIDExNS4yMzJWMjI2Ljg2MkgyMS4xNjI2VjE0Ny41NTNDMjEuMTYyNiAxMzUuODc0IDI0LjQxNjQgMTI0Ljg3NCAzMC4zODE4IDExNS4wOTdINDQuNzUzVjExNS4yMzJaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik00NS41Njc5IDExNS4yMzNINTguOTlMNzIuNjgzMiAxNjYuODM4QzczLjYzMjMgMTcwLjA5NyA3NC4wMzkgMTczLjYyOCA3NC4wMzkgMTc3LjAyM1YyMjYuODYzSDUyLjA3NTVWMTc3LjU2Nkw0NC42MTg4IDE0My44ODdMNDMuOTQwOSAxMTUuMjMzSDQ1LjU2NzlaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZD0iTTUwLjg1NCAxNDQuMjk0TDUyLjM0NTQgMTc3LjU2Nkw0NS41NjY2IDE0Ny45NjFMNDQuODg4NyAxNDUuMTA5SDQ1LjgzNzdMNTAuODU0IDE0NC4yOTRaIiBmaWxsPSIjMEQyMzRCIi8+CjxwYXRoIGQ9Ik00Mi45OTA1IDExOC45SDIxLjE2MjZWMTUyLjQ0M0g0Mi45OTA1VjExOC45WiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBvcGFjaXR5PSIwLjIiIGQ9Ik02My4xOTQzIDEzMS4xMjJMMjEuMzAxIDEzNS44NzVDMjEuMzAxIDEzNS44NzUgMjEuMTY1NCAxMzAuNDQzIDIxLjU3MjEgMTI1LjY5TDYyLjI0NTIgMTI2LjA5N0w2Mi45MjMxIDEyOS42MjhDNjIuOTIzMSAxMzAuMzA3IDYzLjA1ODcgMTMwLjg1IDYzLjE5NDMgMTMxLjEyMloiIGZpbGw9IiMwRDIzNEIiLz4KPHBhdGggZD0iTTg4LjAwMzEgMjQyLjIwOEg1Mi4wNzUyVjI0Nkg4OC4wMDMxVjI0Mi4yMDhaIiBmaWxsPSIjNTAwNzE1Ii8+CjxwYXRoIGQ9Ik01OS45NDAzIDExOS4wMzVMNTguMzEzNCA4MC40Njc1TDYwLjQ4MjYgNzYuNTI5MkM2MS40MzE2IDcwLjY4OTcgNTAuNDQ5OSA2NC41Nzg2IDQ0LjQ4NDUgNjQuNTc4NkwyNS41MDM3IDY3LjU2NjNDMjEuOTc4NyA2OC4yNDUzIDIwLjg5NDEgNjguOTI0MyAxOC45OTYgNzAuNjg5N0MxNi45NjI0IDcyLjU5MSAxNS4xOTk5IDc0Ljg5OTYgMTMuOTc5NyA3Ny4zNDRMMi4wNDg5MiAxMDIuODc1QzAuOTY0MzA2IDEwNS4wNDggMS4wOTk4OCAxMDcuNjI4IDIuMzIwMDcgMTA5LjgwMUwxNC4xMTUzIDEyOC40MDZMMjQuNDE5MSAxMjIuNTY2TDE2LjE0ODkgMTA1LjcyN0wyNS42MzkzIDkyLjk2MTNMMjMuNjA1NyAxMDAuODM4TDIyLjUyMSAxMTkuMDM1QzIyLjExNDMgMTIwLjkzNyAyMy40NzAxIDEyMi41NjYgMjUuMzY4MSAxMjIuNTY2SDU3LjkwNjZDNjAuNDgyNiAxMjIuNzAyIDYwLjQ4MjYgMTIxLjQ4IDU5Ljk0MDMgMTE5LjAzNVoiIGZpbGw9IiMwMDVFNDEiLz4KPHBhdGggZD0iTTU3LjUwMTYgNjcuMDIzMkw0OS4yMzE0IDY0Ljk4NjJWNjkuMDYwM0w1Ny41MDE2IDY3LjAyMzJaIiBmaWxsPSIjMDA1RTQxIi8+CjxwYXRoIGQ9Ik00OS45MDY0IDEyNC4wNkgyOC4wNzg1QzI0LjgyNDYgMTI0LjA2IDIyLjI0ODcgMTIwLjkzNyAyMy4wNjIxIDExNy42NzhMMzEuNjAzNSA4OS43MDIzTDQ5LjkwNjQgODguNzUxN1YxMjQuMDZaIiBmaWxsPSIjRkJDMkMxIi8+CjxwYXRoIGQ9Ik02Mi42NTM0IDg1Ljc2MzhIMjEuNDM4VjEyOC45NDlINjIuNjUzNFY4NS43NjM4WiIgZmlsbD0iIzAwNUU0MSIvPgo8cGF0aCBkPSJNMjAuODkyNiA5OC45MzcxTDI4LjM0OTMgODkuNzAyNSIgc3Ryb2tlPSIjMDAyRjI0IiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTYyLjM4MDkgOTcuNzE0NVY4OC4wNzI1IiBzdHJva2U9IiMwMDJGMjQiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMjMuMTk3MyAxMjIuNzAyTDI2LjA0NDUgMTI1LjY5TDI4LjA3ODEgMTI2LjM2OUMyOS40MzM5IDEyNi43NzYgMzAuNTE4NSAxMjcuNDU1IDMxLjYwMzEgMTI4LjI3TDM3LjcwNDEgMTMzLjQzMUMzOC4yNDY0IDEzMy44MzggMzguMzgyIDEzNC41MTcgMzguMTEwOCAxMzUuMDZDMzcuNzA0MSAxMzUuNzM5IDM2Ljg5MDYgMTM2LjAxMSAzNi4wNzcyIDEzNS42MDRMMzIuODIzMyAxMzMuNTY2QzMyLjgyMzMgMTMzLjU2NiAzMi4wMDk4IDEzNy41MDUgMjMuNzM5NyAxMzYuNjlDMjMuNzM5NyAxMzYuNjkgMjEuNzA2IDEzNC41MTcgMjEuNTcwNCAxMzEuMTIyTDE4Ljg1ODkgMTI3Ljg2M0wyMy4xOTczIDEyMi43MDJaIiBmaWxsPSIjRkZDOEEzIi8+CjxwYXRoIGQ9Ik0yNy41MzczIDEyMy45MjRMMTYuNTU1NiAxMzIuODg3TDMuNTQwMTkgMTExLjcwMkMyLjQ1NTU4IDEwOS45MzcgMi4xODQ0MiAxMDcuNzY0IDIuOTk3ODggMTA1LjcyN0w2LjUyMjg5IDk2LjIyMDdMMTQuOTI4NyAxMDAuOTc0TDI3LjUzNzMgMTIzLjkyNFoiIGZpbGw9IiMwMDVFNDEiLz4KPHBhdGggZD0iTTU0LjY1MjggODIuMzY4N0gyNy4xMzA2TDIzLjc0MTIgNjguNjUyN0w0My45NDIyIDY0Ljg1MDJMNTQuNjUyOCA4Mi4zNjg3WiIgZmlsbD0iIzAwNUU0MSIvPgo8cGF0aCBkPSJNNDUuMDI2NiA3NS45ODZINDIuNDUwNkM0MC4wMTAyIDc1Ljk4NiAzNy45NzY2IDczLjk0OSAzNy45NzY2IDcxLjUwNDVWNTQuMTIxOEg0OS4zNjVWNzEuNTA0NUM0OS41MDA2IDczLjk0OSA0Ny40NjY5IDc1Ljk4NiA0NS4wMjY2IDc1Ljk4NloiIGZpbGw9IiNGRkM4QTMiLz4KPHBhdGggZD0iTTUzLjE1OTYgNDIuOTg2M0M1My4xNTk2IDQyLjk4NjMgNDcuODcyMSA1MC40NTU0IDM2LjYxOTIgNTAuMDQ4QzM2LjYxOTIgNTAuMDQ4IDM1Ljk0MTMgNDMuNjY1MyAzNy45NzUgNDAuNjc3N0MzOS44NzMgMzcuNTU0MiA0Ny4zMjk4IDM2Ljg3NTIgNDkuMjI3OSAzNy40MTg0QzUxLjI2MTUgMzcuOTYxNiA1My4wMjQgNDIuMDM1NyA1My4xNTk2IDQyLjk4NjNaIiBmaWxsPSIjMDQyMDQ4Ii8+CjxwYXRoIGQ9Ik00Mi45OTQ5IDUyLjIyMDZIMzUuNTM4MkMzNC4zMTggNTIuMjIwNiAzMy4yMzM0IDUxLjY3NzQgMzIuNTU1NSA1MC43MjY3QzMyLjE0ODggNTAuMDQ3NyAzMS44Nzc2IDQ5LjM2ODcgMzEuODc3NiA0OC41NTM5TDMxLjc0MiA0My41MjkyQzMxLjQ3MDkgNDEuNDkyMiAzMy4wOTc4IDM5LjU5MDkgMzUuMTMxNCAzOS41OTA5SDQyLjk5NDlWNTIuMjIwNloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik01NC4xMTAzIDUxLjQwNTlMNTAuODU2NCA1MC44NjI3TDUzLjAyNTcgMzkuMzE5NUw1OS45NDAxIDQwLjU0MTdMNTguNDQ4OCA0OC40MTgyQzU4LjE3NzYgNTAuNDU1MyA1Ni4xNDM5IDUxLjgxMzMgNTQuMTEwMyA1MS40MDU5WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTQ4Ljk1NzEgNjIuOTQ4NUw0NS4yOTY1IDYyLjgxMjdDMzkuNjAyMyA2Mi42NzY5IDM1LjEyODIgNTguMzMxMiAzNS4zOTk0IDUzLjMwNjVMMzUuNjcwNiA0NS40M0MzNS44MDYxIDQwLjQwNTMgNDAuNTUxMyAzNi4zMzEyIDQ2LjI0NTYgMzYuNDY3SDQ3LjQ2NTdDNTMuMTYgMzYuNjAyOCA1Ny42MzQgNDAuOTQ4NSA1Ny4zNjI5IDQ1Ljk3MzJMNTYuOTU2MSA1Ni4wMjI2QzU2LjgyMDYgNjAuMDk2NyA1My4yOTU2IDYzLjA4NDMgNDguOTU3MSA2Mi45NDg1WiIgZmlsbD0iI0ZGQzhBMyIvPgo8cGF0aCBkPSJNNDYuMjQ0NiAzNS4xMDk1TDUyLjYxNjcgMjguMDQ3OEM1NC41MTQ4IDI2LjE0NjYgNTcuNDk3NSAyNS43MzkyIDU5LjgwMjMgMjcuMjMzQzYyLjUxMzkgMjguOTk4NCA2My4xOTE3IDMyLjgwMDkgNjEuMjkzNyAzNS4zODExTDU3LjM2MTkgNDAuNjc3NEw0Ni4yNDQ2IDM1LjEwOTVaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik01Ny4zNjE2IDQzLjgwMDJINDIuMTc3QzM5LjE5NDMgNDMuODAwMiAzNi43NTM5IDQxLjM1NTggMzYuNzUzOSAzOC4zNjgxQzM2Ljc1MzkgMzUuMzgwNSAzOS4xOTQzIDMyLjkzNiA0Mi4xNzcgMzIuOTM2SDU3LjM2MTZDNjAuMzQ0MyAzMi45MzYgNjIuNzg0NyAzNS4zODA1IDYyLjc4NDcgMzguMzY4MUM2Mi43ODQ3IDQxLjM1NTggNjAuMzQ0MyA0My44MDAyIDU3LjM2MTYgNDMuODAwMloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0zNi43NTY4IDUxLjk0OTFIMzMuNTAyOVY0MC4xMzQzSDQwLjU1MjlWNDguMTQ2NkM0MC41NTI5IDUwLjE4MzcgMzguOTI2IDUxLjk0OTEgMzYuNzU2OCA1MS45NDkxWiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTM0Ljg1NTkgNTMuNDQyN0MzNi40MjgzIDUzLjQ0MjcgMzcuNzAzIDUyLjE2NTkgMzcuNzAzIDUwLjU5MDlDMzcuNzAzIDQ5LjAxNTggMzYuNDI4MyA0Ny43MzkgMzQuODU1OSA0Ny43MzlDMzMuMjgzNSA0Ny43MzkgMzIuMDA4OCA0OS4wMTU4IDMyLjAwODggNTAuNTkwOUMzMi4wMDg4IDUyLjE2NTkgMzMuMjgzNSA1My40NDI3IDM0Ljg1NTkgNTMuNDQyN1oiIGZpbGw9IiNGRkM4QTMiLz4KPHBhdGggZD0iTTMxLjczODMgNDguNTU0MUw0OC4xNDMxIDMzLjA3MjZDNDguMTQzMSAzMy4wNzI2IDQzLjM5NzkgMjkuNjc3NSAzNi4zNDc5IDMyLjgwMUMzNi4zNDc5IDMyLjgwMSAyNy4yNjQzIDM2LjE5NiAzMS43MzgzIDQ4LjU1NDFaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik0zNy45NzgzIDQyLjcxMzhMNDcuODc1NSAzMi45MzZMNDMuNTM3IDMzLjYxNUwzNy4wMjkzIDQxLjIyTDM3Ljk3ODMgNDIuNzEzOFoiIGZpbGw9IiMwMDVEOTIiLz4KPHBhdGggZD0iTTMzLjUwMDggMzYuNDY2OUwzMi44MjI5IDM1LjM4MDVDMzIuNDE2MiAzNC44MzczIDMyLjU1MTggMzQuMDIyNSAzMy4wOTQxIDMzLjQ3OTNDMzMuNzcyIDMyLjgwMDIgMzQuODU2NiAzMi45MzYgMzUuMzk4OSAzMy42MTUxTDM2LjIxMjMgMzQuNzAxNUwzMy41MDA4IDM2LjQ2NjlaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik00NC42MTk5IDQzLjI1NzdINDAuMDEwM1Y0Ny4zMzE4SDQ0LjYxOTlWNDMuMjU3N1oiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik00OS4wOTI2IDQ4LjgyNUg0MC41NTEzVjQ2Ljc4NzlDNDAuNTUxMyA0NS4xNTgzIDQxLjkwNzEgNDMuODAwMyA0My41MzQgNDMuODAwM0g0OS4wOTI2VjQ4LjgyNVoiIGZpbGw9IiNGRkM4QTMiLz4KPHBhdGggZD0iTTM4LjExNDMgNjcuNDMwNEw0My44MDg2IDcyLjU5MDlMNDkuNTAyOCA2Ny40MzA0TDUyLjIxNDMgNjcuODM3OEw1Mi4zNDk5IDc4LjE1ODhIMzIuOTYyNEwzNC4wNDcgNjcuODM3OEwzOC4xMTQzIDY3LjQzMDRaIiBmaWxsPSIjMDA1RTQxIi8+CjxwYXRoIGQ9Ik00My42NzA5IDcyLjk5ODRWODguODg3MyIgc3Ryb2tlPSIjMDA1RTQxIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTM0LjA0MjUgNjguNjUzMkwzOC4xMDk4IDc2LjEyMjNMNDMuNjY4NCA3Mi45OTg5TDQ3LjczNTcgNzUuNzE0OUw1MS42Njc1IDcwLjgyNiIgc3Ryb2tlPSIjMDA1RTQxIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTQ5LjIyOTUgNjMuMjIwN0M0OS4yMjk1IDYzLjIyMDcgNDUuNDMzNCA2My42MjgxIDQyLjA0MzkgNjIuNDA1OSIgc3Ryb2tlPSIjNEYxNjAwIiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTIyLjkyNjMgMTM2LjgyNkMyMi45MjYzIDEzNi44MjYgMjkuODQwNyAxMzguNTkxIDMyLjk1OSAxMzMuODM4IiBzdHJva2U9IiMwRDIzNEIiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzEuNjA2NCAxMjguMjdMMzcuNzA3NCAxMzMuNDNDMzguMjQ5NyAxMzMuODM4IDM4LjM4NTMgMTM0LjUxNyAzOC4xMTQxIDEzNS4wNkMzNy43MDc0IDEzNS43MzkgMzYuODkzOSAxMzYuMDEgMzYuMDgwNSAxMzUuNjAzTDMyLjgyNjYgMTMzLjU2NiIgZmlsbD0iI0ZGQzhBMyIvPgo8cGF0aCBkPSJNNDEuOTA3MiAxNDUuMjQ1TDUxLjgwNDMgMTQzLjg4NyIgc3Ryb2tlPSIjMEQyMzRCIiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTE3LjA5NTcgMTA0LjkxMkwxNS4wNjIgMTAxLjEwOSIgc3Ryb2tlPSIjMDAyRjI0IiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTY4LjQ4MTcgMjMzLjEwOUw2NC42ODU1IDIzNy43MjciIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNzIuOTU1OCAyMzQuNDY4TDY5LjE1OTcgMjM5LjA4NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIwLjciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yOS44NDIzIDIzNC40NjhIMzcuMjk5IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTI5LjI5NzQgMjM3LjcyN0gzNy44Mzg3IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTQzLjY3MDkgNzIuOTk4NFY4OC44ODczIiBzdHJva2U9IiMwMDJGMjQiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzQuMDQyNSA2OC42NTMyTDM4LjEwOTggNzYuMTIyM0w0My42Njg0IDcyLjk5ODlMNDcuNzM1NyA3NS43MTQ5TDUxLjY2NzUgNzAuODI2IiBzdHJva2U9IiMwMDJGMjQiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwNS4zOTggMTIzLjE1MUw5Ny42NzAzIDExMi42Qzk3LjY3MDMgMTEyLjYgOTcuNDcyNSAxMTIuNDE2IDk3LjM3MzYgMTEyLjMyNEw3NS4xMTY3IDkxLjU2ODZMNjUuODUgMTAxLjUwNkw5Mi40NDk4IDExNy4yMDdDOTMuNTI1MyAxMTcuODM4IDk0LjE5ODkgMTE3LjkwOSA5NS4yMzcgMTE3LjM5MUwxMDIuNzc5IDEyNS4xNjdDMTAzLjM3MiAxMjUuNzIgMTA0LjA0NiAxMjUuNzkxIDEwNC43OTkgMTI1LjM3OUMxMDUuMzYyIDEyNC45NzQgMTA1LjgyNSAxMjQuNDc4IDEwNS42MDggMTIzLjcxOEMxMDUuNjAyIDEyMy41MjcgMTA1LjUwMyAxMjMuNDM1IDEwNS4zOTggMTIzLjE1MVoiIGZpbGw9IiNGRkM4QTMiLz4KPHBhdGggZD0iTTg0Ljk0MTYgMTE2LjEzNUw2NS44NSAxMDEuNTA2TDc1LjExNjcgOTEuNTY4NEw5NC45OTE0IDExMC4xMDJMODguODU3MyAxMTUuNjkyQzg3LjY4ODggMTE2Ljc0NyA4Ni4wMjQ3IDExNi45NSA4NC45NDE2IDExNi4xMzVaIiBmaWxsPSIjMDA1RTQxIi8+CjxyZWN0IHg9IjcwLjE0NzkiIHk9Ijg2LjkzNTEiIHdpZHRoPSIxMy41ODc1IiBoZWlnaHQ9IjEzLjU4NzUiIHJ4PSI2Ljc5Mzc3IiB0cmFuc2Zvcm09InJvdGF0ZSg0MyA3MC4xNDc5IDg2LjkzNTEpIiBmaWxsPSIjMDA1RTQxIi8+CjxwYXRoIG9wYWNpdHk9IjAuMyIgZD0iTTc3LjYwMDkgOTMuODg1MUw3My4zMzAzIDk1LjQ3NjNMODAuMDg1MyA5Ni4yMDE4TDc3LjYwMDkgOTMuODg1MVoiIGZpbGw9IiMwMDJGMjQiLz4KPC9zdmc+Cg==";const r="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjc4IiBoZWlnaHQ9IjU1IiB2aWV3Qm94PSIwIDAgMjc4IDU1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMjQ3LjM1NSA0OS42ODE1QzI0Ny42OTQgNTIuNDc5IDI0OS43MjIgNTQuNjI2MSAyNTIuMTgxIDU0LjYyNjFIMjcyLjkyNkMyNzUuNjIgNTQuNjI2MSAyNzcuNzk4IDUyLjA1MjIgMjc3Ljc5OCA0OC44Njg2VjQ4LjgwMDhDMjc3Ljc5OCA0NS42MTczIDI3NS42MiA0My4wNDMzIDI3Mi45MjYgNDMuMDQzM0gyNzAuNTM3QzI2OS42MDggMzkuMjQzOSAyNjYuODQ2IDM2LjQ3MyAyNjMuNTg1IDM2LjQ3M0gyNTkuNzE3QzI1OS4zNzMgMzEuODQxIDI1Ni4xMDEgMjguMjA5MiAyNTIuMTI0IDI4LjIwOTJDMjQ4LjE0NiAyOC4yMDkyIDI0NC44OCAzMS44NDEgMjQ0LjUzIDM2LjQ3M0gyNDIuMDk1QzIzOC4wODMgMzYuNDczIDIzNC44MTYgNDAuNjcyNiAyMzQuODE2IDQ1LjgyMDVWNDkuNjgxNUgyNDcuMzU1WiIgZmlsbD0iI0UwRjhGRiIvPgo8cGF0aCBkPSJNMTIuMDM5MSA0Ni4xMDIyQzEyLjMxNzYgNDguNTU2OSAxNC4wODY3IDUwLjQzNzMgMTYuMjQyMSA1MC40MzczSDM0LjU4MDdDMzYuOTMwNCA1MC40MzczIDM4LjgyMTYgNDguMjAyIDM4LjgyMTYgNDUuNDI0OFY0NS4zNTcxQzM4LjgyMTYgNDIuNTc5OSAzNi45MzA0IDQwLjM0NDYgMzQuNTgwNyA0MC4zNDQ2SDMyLjQ2ODRDMzEuNjY3OCAzNy4wMjA5IDI5LjIyNyAzNC41ODcyIDI2LjMyODMgMzQuNTg3MkgyMi45MTc5QzIyLjYwMDQgMzAuNTU5NyAxOS43MzI3IDI3LjQwNzEgMTYuMjQyMSAyNy40MDcxQzEyLjc1MTQgMjcuNDA3MSA5Ljg4MzcxIDMwLjU1OTcgOS41NjYyMiAzNC41ODcySDcuNDE2NThDMy44NjM0NiAzNC41ODcyIDAuOTk4MDQ3IDM4LjI0NDggMC45OTgwNDcgNDIuNzE1NFY0Ni4xMDIySDEyLjAzOTFaIiBmaWxsPSIjRTBGOEZGIi8+CjxwYXRoIGQ9Ik0xMzEuMDU2IDI2LjU4NjRDMTMxLjQ0OSAzMC4wNDIzIDEzMy45NDggMzIuNjg5NSAxMzYuOTkxIDMyLjY4OTVIMTYyLjg5MUMxNjYuMjA5IDMyLjY4OTUgMTY4Ljg4IDI5LjU0MjYgMTY4Ljg4IDI1LjYzMjhWMjUuNTM3NUMxNjguODggMjEuNjI3NyAxNjYuMjA5IDE4LjQ4MDggMTYyLjg5MSAxOC40ODA4SDE1OS45MDdDMTU4Ljc3NyAxMy44MDE1IDE1NS4zMyAxMC4zNzUzIDE1MS4yMzYgMTAuMzc1M0gxNDYuNDJDMTQ1Ljk3MSA0LjcwNTMzIDE0MS45MjEgMC4yNjcwOSAxMzYuOTkxIDAuMjY3MDlDMTMyLjA2MiAwLjI2NzA5IDEyOC4wMTIgNC43MDUzMyAxMjcuNTYzIDEwLjM3NTNIMTI0LjUyOEMxMTkuNTEgMTAuMzc1MyAxMTUuNDYzIDE1LjUyNDcgMTE1LjQ2MyAyMS44MTg0VjI2LjU4NjRIMTMxLjA1NloiIGZpbGw9IiNFMEY4RkYiLz4KPC9zdmc+Cg==";const s='@charset "UTF-8";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-proxio-findprice .findprice-form{margin:0em auto 3em auto}pn-proxio-findprice .findprice-form fieldset{border:none}pn-proxio-findprice .findprice-form-wrapper{background-color:#effbff;padding:3.2rem}pn-proxio-findprice .sizeTable{background-color:transparent !important;border-style:none !important;border:0 !important;position:relative}pn-proxio-findprice .sizeTable>tr td{margin-bottom:1em;text-align:center;vertical-align:bottom;padding-right:1em;padding-top:1em;position:relative;z-index:1}pn-proxio-findprice .sizeTable #clouds{position:absolute;top:3rem;width:100%}pn-proxio-findprice .firstCell{margin-right:0;margin-left:auto}pn-proxio-findprice [slot=title]{margin-bottom:1rem}pn-proxio-findprice h2{text-align:center}pn-proxio-findprice .findprice__heading{text-align:center;line-height:1.1;font-weight:bold;color:#000000;font-size:3.2rem;font-weight:700}pn-proxio-findprice .findprice__subheading{font-size:2.4rem;margin-bottom:2.4rem}pn-proxio-findprice .resultHeading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:2em}pn-proxio-findprice .findprice__clear-all-filters{display:flex;justify-content:center;margin:2.4rem;color:#005d92}pn-proxio-findprice .findprice__clear-all-filters .findprice__clear-all-filters__btn{width:fit-content;cursor:pointer}pn-proxio-findprice .sizecategory{margin-top:1em;margin-bottom:3rem;font-size:0.9em;display:flex;align-items:center;justify-content:center}pn-proxio-findprice .weightoption{font-size:0.9em;margin:0 auto}pn-proxio-findprice .shipmentcountry{margin-top:3rem;display:flex;flex-direction:column}pn-proxio-findprice .shipmentcountry .shipmentcountry-header{text-align:center;font-size:2rem;font-weight:700;line-height:2.2rem}pn-proxio-findprice .shipmentcountry select{color:#005d92;font-size:1.6rem;font-weight:500;border-radius:0.8rem;cursor:pointer;outline:none;position:relative;display:-ms-flexbox;display:flex;padding:0.6em 1em;z-index:0;-webkit-transition:z-index 0s 0.5s;transition:z-index 0s 0.5s;appearance:none;width:100%}@media screen and (min-width: 500px){pn-proxio-findprice .shipmentcountry select{min-width:47.3rem;width:inherit}}pn-proxio-findprice .shipmentcountry .shipmentcountry-select-container{max-width:inherit;position:relative;margin-top:1.2rem;width:100%}@media screen and (min-width: 500px){pn-proxio-findprice .shipmentcountry .shipmentcountry-select-container{margin:0 auto;margin-top:1.2rem;width:inherit}}pn-proxio-findprice .shipmentcountry .shipmentcountry-select-container svg{position:absolute;z-index:1;right:1rem;top:1.5rem;pointer-events:none}pn-proxio-findprice .shipmentcountry .shipmentcountry-select-container svg path{fill:#005d92}pn-proxio-findprice .findprice-form-wrapper .weightoption .weightoption-content{text-align:center;display:flex;flex-wrap:wrap;justify-content:center;flex-direction:row}pn-proxio-findprice .findprice-form-wrapper .weightoption .weightoption-content pn-choice-button{width:7em;line-height:3.3em;font-size:0.9em;vertical-align:bottom;background:#ffffff;border-radius:1rem}pn-proxio-findprice .findprice-form-wrapper .weightoption .weightoption-content pn-choice-button>label{align-content:center;justify-content:center;color:#000000;margin-bottom:0}pn-proxio-findprice .findprice-form-wrapper .weightoption .weightoption-content pn-choice-button ::before{content:"Max  ";font-weight:lighter;color:#5e554a}pn-proxio-findprice .resultlist{max-width:60em;margin:3.2rem auto 3.2rem auto}pn-proxio-findprice .servicePoint{text-align:center}pn-proxio-findprice .servicePoint pn-illustration{display:block;max-width:5em;max-height:5em;margin:1.5em auto 0 auto}pn-proxio-findprice .servicePoint h3{margin-top:0.8em;margin-bottom:0.9em}pn-proxio-findprice .servicePoint a{color:#005d92;text-decoration:none}pn-proxio-findprice .servicePoint a:hover{color:#0d234b;text-decoration:underline}';const A=s;const l=class{constructor(i){M(this,i);this.endpoint=null;this.language="da";this.market="dk";this.showMedium=false;this.showInternational=false;this.maxAbroadKg=0;this.weightListName="";this.cache=false;this.filteredItems=[];this.weight={value:0,name:""};this.weightvalue=0;this.countrycodevalue="";this.sizecategory={value:"",name:"",icon:"",unit:""};this.data={proxioProducts:[],shipmentCountries:[]}}fetchHelper=new e("proxiopricegroups");componentWillLoad(){this.setInitialValues().then((()=>{this.init()}))}async setInitialValues(M=window.location.href){const i=new N(M);const e=await i.getEnvironmentName();if(!this.endpoint&&e?.indexOf("local")===-1){const M=await i.getMarket();this.market=this.market?this.market:M;this.endpoint=await i.getEndpoint(e,M)}if(!this.endpoint){this.endpoint=""}if(this.countrycodevalue===""){this.countrycodevalue=this.market.toLowerCase()}}init(){this.setState();this.fetchData().then((()=>{this.getDataSource()}))}async getDataSource(){try{this.sizecategory=a.filter((M=>M.value==="S"))[0];this.filterItems()}catch(M){console.log("Unable to parse data")}}async fetchData(){if(!this.market||!this.language){return}const M=this.endpoint.lastIndexOf("/")===this.endpoint.length-1?this.endpoint.substring(0,this.endpoint.length-1):this.endpoint;const i=`${M}/api/proxio/price-list-groups?market=${this.market}&language=${this.language}&cached=${this.cache}`;const N=await this.fetchHelper.fetchJson(i,{mode:"cors"},false,this.onFetchData.bind(this));if(N){this.data=N;this.data.proxioProducts=N.proxioProducts}this.filterItems()}onFetchData(M){this.data=M}setState(){this.market=this.market?this.market:"dk";if(this.market){u.market=z[this.market]}if(this.language&&j[this.language]){u.i18n=j[this.language]}}filterItems(){const M=this.data.proxioProducts.filter((M=>M.proxioProduct.productWeightGroupList.some((M=>M.item3.includes(this.sizecategory.value)))));if(!this.weight){return}const i=this.weight.value;let N=M?.filter((M=>M.proxioProduct.productWeightGroupList.some((M=>M.item1===i))));let e=this.showInternational&&(this.countrycodevalue?.trim()??"")!=="";if(e){N=N?.filter((M=>M.proxioProduct.weightPriceCountryList.some((M=>M.item3.includes(this.countrycodevalue.toUpperCase())))))}N=this.sortWeightItems(N,e);this.filteredItems=N}parseFloatFromString(M){return parseFloat(M?.replace(/[^\d\.\,]*/g,"")??1e5)}sortWeightItems(M,i){M?.sort(((M,N)=>{let e=this.getSortNumber(M,i);let D=this.getSortNumber(N,i);if(e&&D){return e-D}if(e<D){return-1}if(e>D){return 1}return 0}))??[];return M}getSortNumber(M,i){let N=M?.proxioProduct?.productWeightGroupList?.findIndex((M=>M.item1===this.weight.value))??0;if(N<0){N=0}let e=M?.proxioProduct?.weightAndPriceList[N]?.item2?.toLowerCase()??"";if(i){let i=M?.proxioProduct?.weightPriceCountryList?.filter((M=>M.item3.includes(this.countrycodevalue.toUpperCase())));e=i[N]?.item2?.toLowerCase()??""}let D=this.parseFloatFromString(e);return D}resetFilters(){this.weight={value:0,name:""};this.sizecategory=a.filter((M=>M.value==="S"))[0];this.weightvalue=0;this.countrycodevalue=this.data?.shipmentCountries[0]?.countryCode??this.market}getWeights(){let M=this.market+this.weightListName;let i=t[M]??{S:[],M:[],L:[]};let N=i[this.sizecategory.unit];let e=this.maxAbroadKg!=0&&this.countrycodevalue.toLowerCase()!==this.market.toLowerCase();N=e?N.filter((M=>M.value/1e3<=this.maxAbroadKg)):N;return N}handleDropdownChange(M){const i=M.target;const N=i.value;this.countrycodevalue=N}render(){return i("div",{key:"7913fb838dcfb80b20a040f4ae79431f4cce01c2",class:"findprice-form"},i("div",{key:"304004a7cf53faa25d8586779a64b25fcf819a86",class:"findprice-form-wrapper"},i("fieldset",{key:"78ea4251cb3608f44ed1f020d6f3df860032a783"},i("legend",{key:"26be5498e75f6ddbecee90feb0e3f9f9b8858723",class:"findprice__heading"},u.i18n.sizeheading),i("div",{key:"9f7e5fe0d9cc113f729f5178caca2c58606f1bea",class:"sizecategory"},i("table",{key:"2ecd48bca70b2cb6e448b6b08010945e5aaa07de",class:"sizeTable"},i("img",{key:"514f04d324d7bf3204f80280aa80284ff6a628be",id:"clouds",src:r,alt:u.i18n.cloudsImage}),i("tr",{key:"cdec4368dda055c1a7555ece699bf76fbfec529d"},i("td",{key:"ee1959b49ca0e2734f753d405a4db1690b5b76b5"},i("img",{key:"bb645bb1448f4ed5ca62a854a66941728a949405",class:"firstCell",src:o,alt:u.i18n.personComparison})),i("td",{key:"39b6ada35e8295d82a0010f0150194e006d7609a"},i("img",{key:"78e5b2818c3adad9654dae397ef220457b616fc0",src:c,alt:u.i18n.smallPackage})),this.showMedium?i("td",null,i("img",{src:n,alt:u.i18n.mediumPackage})):null,i("td",{key:"7befb4954b946b954b213bee0f4bf4bfd7fbcc19"},i("img",{key:"ff47f4aad516e15a3a0c256330e63baca15f218b",src:T,alt:u.i18n.largePackage}))),i("tr",{key:"301079ac5aea86c4c8ee557a06d24db807685b02"},i("td",{key:"4592b91bda2503e79244630b6568c684787c2453"}),a.map((M=>!this.showMedium&&M.value==="M"?null:i("td",null,i("pn-radio-button",{id:"findpricecategory-"+M.value,radioid:M.value,value:M.value,name:"sizecategory",checked:M.value===this.sizecategory.value,onChange:()=>{this.sizecategory=a.filter((i=>i.value===M.value))[0];this.weight={value:0,name:""};this.weightvalue=this.weight.value}})))))))),i("fieldset",{key:"54893e076f83e83fb28eb099078ed0cac9e7b795"},i("legend",{key:"b8f6ffa7bd7434205b69fd57dfd07ece6dc015c2",class:"findprice__heading findprice__subheading"},u.i18n.weightheading),this.sizecategory.value&&this.getWeights()?i("div",{class:"weightoption"},i("div",{class:"weightoption-content"},this.getWeights().map((M=>i("pn-choice-button",{id:"findpriceweight-"+M.value,choiceid:this.sizecategory.value+M.value,name:"weight",type:"radio",value:!this.weight.value?0:this.getWeights().findIndex((M=>M.value===this.weightvalue)),checked:M.value===this.weight.value,onChange:()=>{this.weight=this.getWeights().filter((i=>i.value===M.value))[0];this.weightvalue=this.weight.value}},M.name))))):null),this.showInternational&&(this.data?.shipmentCountries??false)?i("fieldset",null,i("div",{class:"shipmentcountry"},i("legend",{class:"shipmentcountry-header"},u.i18n.countryToSendTo),i("div",{class:"shipmentcountry-select-container"},i("svg",{class:"arrow",width:"18",height:"10",viewBox:"0 0 18 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L0.292892 1.70711C-0.0976315 1.31658 -0.0976315 0.683417 0.292892 0.292893C0.683418 -0.0976315 1.31658 -0.0976315 1.70711 0.292893L9 7.58579L16.2929 0.292893C16.6834 -0.0976315 17.3166 -0.0976315 17.7071 0.292893C18.0976 0.683417 18.0976 1.31658 17.7071 1.70711L9.70711 9.70711Z"})),i("select",{name:"shipmentCountry-select",id:"proxio-shipmentcountry",onChange:this.handleDropdownChange.bind(this)},this.data.shipmentCountries.map((M=>i("option",{selected:M.countryCode.toLowerCase()===this.countrycodevalue.toLowerCase(),value:M.countryCode},M.countryName))))))):null,i("div",{key:"68a09173fd79856abd85c3f203765a92fcf89901",class:"findprice__clear-all-filters",role:"button"},i("div",{key:"b5c66d6b1da5157a54fc1363ebd8dc440c3b4bac",class:"findprice__clear-all-filters__btn",onClick:()=>this.resetFilters()},i("pn-icon",{key:"7ddf24d904d688323af0d9a7520a3cb8d48218a5",icon:g,color:"blue700"}),i("span",{key:"46e5223cbfe953abd87f868b3752abfb7d947eff",class:"clear-all-filters__text"},u.i18n.clearFilterButton)))),this.filteredItems&&this.filteredItems.length>0?i("div",{class:"resultlist"},u.i18n.resultlistheading?i("div",{class:"resultHeading"},u.i18n.resultlistheading):null,this.filteredItems.map((M=>i("div",null,i("pn-proxio-findprice-result",{activeweight:this.weight.value,item:M,language:this.language,"selected-countrycode":this.countrycodevalue,"show-international":this.showInternational,market:this.market}))))):this.weightvalue!==0?i("h4",{class:"resultHeading"},u.i18n.noResultMessage):null)}static get watchers(){return{market:["setState"],language:["setState"],sizecategory:["filterItems"],weightvalue:["filterItems"],countrycodevalue:["filterItems"]}}};l.style=A;export{l as pn_proxio_findprice};
-//# sourceMappingURL=p-95d32ab4.entry.js.map

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

@@ -1,2 +0,0 @@
-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};
-//# sourceMappingURL=p-a298a263.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["icon","submit","talk_bubble","translations","sv","relatedContentAriaLabel","chatMinimizedAriaLabel","chatOpenedAriaLabel","minimizeChatAriaLabel","closeChatAriaLabel","openChatAriaLabel","chatControlsAriaLabel","chatMessagesAriaLabel","sentMessageAriaLabel","writeChatMessagePlaceholder","waitingForAnswerLabel","sendButtonText","loadingText","en","da","no","fi","pnChatCss","PnChatStyle0","PnChat","chatId","_defaultChatId","_defaultAlternativeChatId","chatLocalStorageKey","chatMessagesContainer","chatRef","inputRef","storage","LocalStorageService","_chatService","_chatSegment","_forceClose","componentWillLoad","this","PnChatService","endpoint","market","language","messagesData","header","messages","storageId","get","isLoggedIn","remove","setTranslations","setInterval","updateChat","i18n","getTranslation","key","value","undefined","isMinimized","isClosed","prevLastMessageId","lastMessageId","fetchMessages","then","newMessages","GetLastMessageId","htmlCollection","document","getElementsByClassName","elements","Array","from","forEach","message","element","content","textContent","trim","includes","renderMessage","updateLastMessageId","setStartValues","startChat","pnChatId","itemId","set","handleSend","createBeforeElement","responseId","sendMessage","announceToScreenReader","groupMessages","result","currentCardGroup","flushCardGroup","length","carouselData","slides","map","card","cardHtml","customerSegment","category","heading","buttons","button","href","class","appearance","variant","small","join","push","h","nextButtonLabel","previousButtonLabel","ariaNavigationLabel","slidesToShow","carouselSlidesToShow","source","JSON","stringify","index","handleKeyPress","event","preventDefault","handleSendMessage","handleButtonKeyDown","target","click","handleKeyDown","toggleChat","handleMessagesChange","newMessage","handleNewChatId","handleSameChatId","scrollToBottom","observer","MutationObserver","_","obs","chatMain","getElementById","setTimeout","scrollTo","top","scrollHeight","behavior","disconnect","observe","body","childList","subtree","closeChat","chatElement","getElementsByTagName","setAttribute","hasActiveShipmentInUrl","window","location","classList","toggle","split","announcement","createElement","add","appendChild","renderBaseMessage","renderButtonMessage","renderLinkMessage","renderCardMessage","renderAgentMessage","agentName","role","props","parse","error","console","Error","handleClick","handleSendChoice","onClick","onKeyDown","e","targetElement","chatMessage","scrollIntoView","choiceId","rel","arrow_right","color","render","mainId","inputId","headerButton","Host","ref","el","mainHeading","Fragment","id","minus","tooltip","close","light","size","htmlFor","type","placeholder","onInput","onKeyPress","maxLength","tabIndex","disabled"],"sources":["node_modules/pn-design-assets/pn-assets/icons/submit.js","node_modules/pn-design-assets/pn-assets/icons/talk_bubble.js","src/components/widgets/pn-chat/translations.ts","src/components/widgets/pn-chat/pn-chat.scss?tag=pn-chat","src/components/widgets/pn-chat/pn-chat.tsx"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M21 11.998a1 1 0 0 1-.577.908l-15 7a1 1 0 0 1-1.237-1.487l4.585-6.42-1.46-2.043A1 1 0 1 1 8.94 8.794l1.875 2.625a1 1 0 0 1 0 1.162l-2.788 3.903 9.599-4.48L6.58 6.909a1 1 0 1 1 .838-1.816l13 6a1 1 0 0 1 .581.906M5 4a1 1 0 0 1 1 1v.01a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1\" clip-rule=\"evenodd\"/></svg>';\nexport const submit = icon;\n","const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M12.388 2c5.522 0 10 4.477 10 10s-4.478 10-10 10H2l1.355-4.064-.798-3.987a8.8 8.8 0 0 1-.17-1.717V12c0-5.523 4.478-10 10-10m8 10a8 8 0 0 0-16 0v.232q0 .67.13 1.325l.902 4.507L4.775 20h7.612a8 8 0 0 0 8-8m-12.5-1.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3m6 1.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0m3-1.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3\" clip-rule=\"evenodd\"/></svg>';\nexport const talk_bubble = icon;\nexport const talkBubble = icon;\n","export const translations = {\n  'sv': {\n    relatedContentAriaLabel: 'Relaterat innehåll',\n    chatMinimizedAriaLabel: 'Chatten är minimerad',\n    chatOpenedAriaLabel: 'Chatten är öppen',\n    minimizeChatAriaLabel: 'Minimera chatten',\n    closeChatAriaLabel: 'Stäng chatten',\n    openChatAriaLabel: 'Öppna chatten',\n    chatControlsAriaLabel: 'Chattkontroller',\n    chatMessagesAriaLabel: 'Chattmeddelanden',\n    sentMessageAriaLabel: 'Meddelande skickat',\n    writeChatMessagePlaceholder: 'Skriv ett meddelande...',\n    waitingForAnswerLabel: 'Väntar på svar',\n    sendButtonText: 'Skicka',\n    loadingText: 'Laddar...',\n  },\n  'en': {\n    relatedContentAriaLabel: 'Related content',\n    chatMinimizedAriaLabel: 'Chat is minimized',\n    chatOpenedAriaLabel: 'Chat is open',\n    minimizeChatAriaLabel: 'Minimize chat',\n    closeChatAriaLabel: 'Close chat',\n    openChatAriaLabel: 'Open chat',\n    chatControlsAriaLabel: 'Chat controls',\n    chatMessagesAriaLabel: 'Chat messages',\n    sentMessageAriaLabel: 'Message sent',\n    writeChatMessagePlaceholder: 'Type a message...',\n    waitingForAnswerLabel: 'Waiting for answer',\n    sendButtonText: 'Send',\n    loadingText: 'Loading...',\n  },\n  'da': {\n    relatedContentAriaLabel: 'Relateret indhold',\n    chatMinimizedAriaLabel: 'Chatten er minimeret',\n    chatOpenedAriaLabel: 'Chatten er åben',\n    minimizeChatAriaLabel: 'Minimer chatten',\n    closeChatAriaLabel: 'Luk chatten',\n    openChatAriaLabel: 'Åbn chatten',\n    chatControlsAriaLabel: 'Chatkontroller',\n    chatMessagesAriaLabel: 'Chatbeskeder',\n    sentMessageAriaLabel: 'Besked sendt',\n    writeChatMessagePlaceholder: 'Skriv en besked...',\n    waitingForAnswerLabel: 'Venter på svar',\n    sendButtonText: 'Send',\n    loadingText: 'Indlæser...',\n  },\n  'no': {\n    relatedContentAriaLabel: 'Relatert innhold',\n    chatMinimizedAriaLabel: 'Chatten er minimert',\n    chatOpenedAriaLabel: 'Chatten er åpen',\n    minimizeChatAriaLabel: 'Minimer chatten',\n    closeChatAriaLabel: 'Lukk chatten',\n    openChatAriaLabel: 'Åpne chatten',\n    chatControlsAriaLabel: 'Chatkontroller',\n    chatMessagesAriaLabel: 'Chatmeldinger',\n    sentMessageAriaLabel: 'Melding sendt',\n    writeChatMessagePlaceholder: 'Skriv en melding...',\n    waitingForAnswerLabel: 'Venter på svar',\n    sendButtonText: 'Send',\n    loadingText: 'Laster...',\n  },\n  'fi': {\n    relatedContentAriaLabel: 'Aiheeseen liittyvä sisältö',\n    chatMinimizedAriaLabel: 'Keskustelu on pienennetty',\n    chatOpenedAriaLabel: 'Keskustelu on auki',\n    minimizeChatAriaLabel: 'Pienennä keskustelu',\n    closeChatAriaLabel: 'Sulje keskustelu',\n    openChatAriaLabel: 'Avaa keskustelu',\n    chatControlsAriaLabel: 'Keskustelun hallinta',\n    chatMessagesAriaLabel: 'Keskusteluviestit',\n    sentMessageAriaLabel: 'Viesti lähetetty',\n    writeChatMessagePlaceholder: 'Kirjoita viesti...',\n    waitingForAnswerLabel: 'Odotetaan vastausta',\n    sendButtonText: 'Lähetä',\n    loadingText: 'Ladataan...',\n  },\n};","@import '../../../globals/main.scss';\n$spacing: 1.6rem;\n\n.pn-chat {\n  @media (max-width: 768px) {\n    &:not(.minimized) {\n      position: absolute;\n      height: 100dvh;\n      width: 100dvw;\n      max-width: 100%;\n      top: 0;\n      left: 0;\n    }\n\n    &.minimized {\n      height: 70px;\n      border-radius: 0.8rem 0.8rem 0 0;\n    }\n  }\n\n  @media (min-width: 768px) and (max-width: 1024px) {\n    max-width: 350px;\n\n  }\n\n  display: flex;\n  flex-direction: column;\n  height: 600px;\n  width: 100%;\n  max-width: 400px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n  border-radius: 1.6rem;\n\n  .chat-header {\n    background-color: $blue700;\n    color: $white;\n    padding: 0.8rem;\n    padding-left: 1.6rem;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    @media (min-width: 768px) {\n      border-radius: 1.6rem 1.6rem 0 0;\n    }\n\n    .chat-controls {\n      display: flex;\n    }\n\n    pn-button.minimize-btn {\n      button.pn-button {\n        padding-bottom: 0;\n\n        .pn-button-content {\n          align-items: flex-end;\n        }\n      }\n    }\n  }\n\n  .chat-header #chat-title {\n    margin: 0;\n    font-size: 2rem;\n    font-weight: 400;\n    line-height: 1.4;\n  }\n\n  .chat-main {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n    overflow-y: auto;\n    gap: $spacing;\n    padding: $spacing;\n    padding-bottom: $spacing * 2;\n    border-left: 1px solid $gray200;\n    border-right: 1px solid $gray200;\n    background-color: $white;\n\n    &.loading-chat-main {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      padding-bottom: 1.6rem;\n    }\n  }\n\n  .chat-loading-spinner {\n    background-color: $blue700;\n    width: 4.8rem;\n    height: 4.8rem;\n    border-radius: 4.8rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .chat-loading-content {\n    color: $gray900;\n    font-size: 1.6rem;\n    font-weight: 400;\n  }\n\n  .chat-overview {\n    text-align: center;\n  }\n\n  .chat-messages {\n    display: flex;\n    flex-direction: column;\n    gap: $spacing;\n    text-align: center;\n  }\n\n  .card-container {\n    .slider-wrapper {\n      margin: 0;\n    }\n\n    $card-gap: 1rem;\n\n    .slides-container {\n      display: flex;\n      gap: $card-gap;\n    }\n\n    .slide:nth-child(even) [data-card] {\n      width: calc(100% - $card-gap);\n    }\n  }\n\n  @keyframes pulse {\n\n    0%,\n    100% {\n      opacity: 1;\n      transform: scale(1);\n    }\n\n    50% {\n      opacity: 0.5;\n      transform: scale(0.95);\n    }\n  }\n\n  .chat-footer {\n    background: $white;\n    border: 1px solid $gray200;\n    border-top: none;\n  }\n\n  .chat-footer .form {\n    display: flex;\n    gap: 0.7rem;\n    padding: 1rem;\n  }\n\n  .chat-input-container {\n    display: flex;\n    flex-grow: 1;\n    justify-content: space-between;\n    gap: 0.7rem;\n    background: $gray25;\n    border-radius: 6.4rem;\n\n    .chat-text-input {\n      text-indent: 0.8rem;\n      border: none;\n      background: transparent;\n      width: 100%;\n      outline: 0.2rem solid transparent;\n      outline-offset: 0.2rem;\n\n      &:focus {\n        border-radius: 6.4rem;\n      }\n\n      &:focus-visible {\n        outline-color: $blue700;\n      }\n    }\n\n    .chat-disabled-button {\n      display: flex;\n      width: 3.5em;\n      min-height: 3em;\n      min-width: 0;\n      align-items: center;\n      justify-content: center;\n    }\n  }\n\n  &.minimized {\n    background: transparent;\n    border: initial;\n    box-shadow: initial;\n    max-width: 50px;\n    max-height: 50px;\n    min-width: initial;\n    min-height: initial;\n    transform: scale(0.95);\n\n    cursor: pointer;\n\n    .minimize-btn,\n    .close-btn {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n\n      button {\n        display: none;\n      }\n    }\n\n    .chat-main,\n    .chat-footer {\n      display: none;\n    }\n  }\n\n  &.closed {\n    display: none;\n  }\n\n  .open-chat-btn {\n    .pn-button {\n      width: 5.6rem;\n      height: 5.6rem;\n    }\n\n    .pn-icon svg {\n      width: 3.2rem;\n      height: 3.2rem;\n    }\n  }\n\n  .indicator-icon {\n    padding: 0.2rem 0.8rem;\n    margin-right: auto;\n    margin-top: 1rem;\n    margin-bottom: 2rem;\n    visibility: hidden;\n  }\n}\n\nbody.chat-open {\n  @media (max-width: 768px) {\n    overflow: hidden;\n  }\n}","import { Component, h, Prop, State, Host, Watch, Listen, Fragment } from '@stencil/core';\nimport { minus, close, arrow_right, talk_bubble, submit } from 'pn-design-assets/pn-assets/icons.js';\nimport { AgentMessage, BaseMessage, ButtonMessage, CardMessage, ChatMessage, ChatMessages, CustomerSegment, LinkMessage } from './types';\nimport { LocalStorageService } from '@/globals/LocalStorageService';\nimport { JSX } from 'react';\nimport { PnChatService } from './pn-chat.service';\nimport { translations } from './translations';\nimport type { Translationsi18n } from './types';\n\n@Component({\n  tag: 'pn-chat',\n  styleUrl: 'pn-chat.scss',\n})\nexport class PnChat {\n  @Prop() endpoint!: string;\n  @Prop() customerSegment!: CustomerSegment;\n  @Prop() mainHeading: string = '';\n  @Prop() relatedContentAriaLabel: string;\n  @Prop() chatMinimizedAriaLabel: string;\n  @Prop() chatOpenedAriaLabel: string;\n  @Prop() minimizeChatAriaLabel: string;\n  @Prop() closeChatAriaLabel: string;\n  @Prop() openChatAriaLabel: string;\n  @Prop() chatControlsAriaLabel: string;\n  @Prop() chatMessagesAriaLabel: string;\n  @Prop() sentMessageAriaLabel: string;\n  @Prop() writeChatMessagePlaceholder: string;\n  @Prop() waitingForAnswerLabel: string;\n  @Prop() sendButtonText: string;\n  @Prop() loadingText: string;\n  @Prop() carouselSlidesToShow: number = 1;\n  @Prop() messages: string;\n  @Prop() language: string = 'sv';\n  @Prop() market: string = 'se';\n  @Prop() itemId?: string = '';\n  @Prop() pnChatId: string = '00000000-0000-0000-0000-000000000000';\n  @Prop() forceOpen: boolean = false;\n  @Prop() isLoggedIn: boolean = false;\n\n  @State() private message: string = '';\n  @State() private messagesData: ChatMessages;\n  @State() private isMinimized: boolean = true;\n  @State() private isClosed: boolean = false;\n  @State() private lastMessageId: string = '';\n  @State() i18n: any;\n\n  private chatId: string;\n\n  private readonly _defaultChatId: string = '00000000-0000-0000-0000-000000000000';\n  private readonly _defaultAlternativeChatId: string = '1';\n  private readonly chatLocalStorageKey = 'sf-chat-state';\n  private chatMessagesContainer?: HTMLElement;\n  private chatRef?: HTMLDivElement;\n  private inputRef?: HTMLInputElement;\n  private storage: LocalStorageService = new LocalStorageService();\n  private _chatService: PnChatService;\n  private _chatSegment: string = \"#chat\";\n  private _forceClose: boolean = false;\n\n  componentWillLoad(): void {\n    this._forceClose = false;\n    this._chatService = new PnChatService(this.endpoint, this.market, this.language);\n    this.messagesData = {\n      header: {},\n      messages: [],\n    };\n\n    let storageId = this.storage.get(this.chatLocalStorageKey);\n\n    if (storageId && storageId.isLoggedIn === !this.isLoggedIn) {\n      this.storage.remove(this.chatLocalStorageKey);\n    }\n    else if (storageId && storageId.chatId) {\n      this.chatId = storageId?.chatId ?? this.chatId;\n    }\n\n    this.setTranslations();\n\n    setInterval(() => {\n      this.updateChat();\n    }, 1500);\n  }\n\n  setTranslations() {\n    if (this.language && translations[this.language]) {\n      this.i18n = translations[this.language];\n    }\n  }\n\nprivate getTranslation(key: keyof Translationsi18n): string {\n  const value = this[key];\n  if (value === undefined || value === null || value === '') {\n    return translations[this.language]?.[key] ?? translations['en'][key];\n  }\n  return value;\n}\n\n  private async updateChat() {\n    if (this.isMinimized || this.isClosed) {\n      return;\n    }\n\n    let prevLastMessageId = this.lastMessageId;\n\n    await this._chatService.fetchMessages(this.chatId, this.messagesData).then(newMessages => {\n      this.lastMessageId = this._chatService.GetLastMessageId(newMessages?.messages, this.lastMessageId);\n      let htmlCollection = document.getElementsByClassName('pn-chat-before');\n      let elements = Array.from(htmlCollection);\n\n      newMessages.messages.forEach(message => {\n        elements.forEach(element => {\n          if (message.content != null && (element.textContent.trim() === message.content.trim() || element.textContent.trim().includes(message.content.trim()))) {\n            element.remove();\n          }\n        });\n        this.renderMessage(message);\n      });\n\n      if (prevLastMessageId !== this.lastMessageId) {\n        this._chatService.updateLastMessageId(this.chatId, this.lastMessageId);\n        this.messagesData = newMessages;\n        newMessages.messages.forEach(message => {\n          this.renderMessage(message);\n        });\n      }\n    });\n  }\n\n  private async setStartValues() {\n    if (this._forceClose) {\n      this._forceClose = false;\n      return;\n    }\n\n    if ((!this.chatId || this.chatId === this._defaultChatId || this.chatId === this._defaultAlternativeChatId) && !this.isMinimized) {\n      this.chatId = await this._chatService.startChat(this.pnChatId, this.itemId);\n      this.storage.set(this.chatLocalStorageKey, { chatId: this.chatId, isLoggedIn: this.isLoggedIn });\n    }\n\n    if (this.chatId) {\n      this.storage.set(this.chatLocalStorageKey, { chatId: this.chatId, isLoggedIn: this.isLoggedIn });\n      await this.fetchMessages();\n      this.lastMessageId = this._chatService.GetLastMessageId(this.messagesData.messages, this.lastMessageId);\n    }\n  }\n\n  private async fetchMessages() {\n    let newMessages = await this._chatService.fetchMessages(this.chatId, this.messagesData).then(newMessages => {\n      this.lastMessageId = this._chatService.GetLastMessageId(this.messagesData.messages, this.lastMessageId);\n      this.messagesData = newMessages;\n      let htmlCollection = document.getElementsByClassName('pn-chat-before');\n      let elements = Array.from(htmlCollection);\n\n      newMessages.messages.forEach(message => {\n        elements.forEach(element => {\n          if (element.textContent.trim() === message.content.trim() || element.textContent.trim().includes(message.content.trim())) {\n            element.remove();\n          }\n        });\n        this.renderMessage(message);\n      });\n      return newMessages;\n    });\n  }\n\n  private async handleSend() {\n    if (!this.message?.trim()) {\n      return;\n    }\n\n    let message = this.message;\n    this.message = '';\n    this.createBeforeElement(message);\n\n    let responseId = await this._chatService.sendMessage(message, this.itemId, this.chatId, this.lastMessageId, 'Text');\n    this.lastMessageId = responseId;\n    this.lastMessageId = this._chatService.GetLastMessageId(this.messagesData.messages, this.lastMessageId);\n\n    this.announceToScreenReader(this.getTranslation('sentMessageAriaLabel'));\n  };\n\n  private groupMessages(): JSX.Element[] {\n    const result: JSX.Element[] = [];\n    let currentCardGroup: CardMessage[] = [];\n\n    const flushCardGroup = () => {\n      if (currentCardGroup.length > 0) {\n        const carouselData = {\n          slides: currentCardGroup.map(card => {\n            const cardHtml = `\n              <pn-chat-message customerSegment=${this.customerSegment} data-card role=\"article\" category=${card.category}>\n                <h2 class=\"card-heading\">${card.heading}</h2>\n                <p>${card.content}</p>\n                ${card.buttons\n                ?.map(\n                  button => `\n                  <pn-button\n                    href=\"${button.href}\"\n                    class=\"${button.class}\"\n                    appearance=\"${button.appearance}\"\n                    variant=\"${button.variant}\"\n                    small=\"${button.small}\"\n                    role=\"button\"\n                  >\n                    ${button.content}\n                  </pn-button>\n                `,\n                )\n                .join('') || ''\n              }\n              </pn-chat-message>\n            `;\n            return cardHtml;\n          }),\n        };\n        result.push(\n          <pn-marketweb-carousel\n            class=\"card-container\"\n            nextButtonLabel=\"Next\"\n            previousButtonLabel=\"Previous\"\n            ariaNavigationLabel={this.getTranslation('relatedContentAriaLabel')}\n            slidesToShow={this.carouselSlidesToShow}\n            source={JSON.stringify(carouselData)}\n          ></pn-marketweb-carousel>,\n        );\n        currentCardGroup = [];\n      }\n    };\n\n    this.messagesData.messages.forEach((message, index) => {\n      if (message.category === 'Card') {\n        currentCardGroup.push(message as CardMessage);\n\n        if (index === this.messagesData.messages.length - 1 || this.messagesData.messages[index + 1]?.category !== 'Card') {\n          flushCardGroup();\n        }\n      } else {\n        flushCardGroup();\n        result.push(this.renderMessage(message));\n      }\n    });\n\n    return result;\n  }\n\n  private handleKeyPress = (event: KeyboardEvent) => {\n    if (event.key === 'Enter' && this.message.trim()) {\n      event.preventDefault();\n      this.handleSend();\n    }\n  };\n\n  private handleSendMessage = (event: MouseEvent) => {\n    if (this.message.trim()) {\n      event.preventDefault();\n      this.handleSend();\n    }\n  }\n\n  private handleButtonKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      (event.target as HTMLElement).click();\n    }\n  }\n\n  @Listen('keydown')\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Escape' && this.isMinimized && !this.isClosed) {\n      this.toggleChat();\n    }\n  }\n\n  @Watch('messages')\n  handleMessagesChange(newMessage: string): void {\n    if (newMessage) {\n      this.handleSend();\n    }\n  }\n\n  @Watch('pnChatId')\n  handleNewChatId() {\n    this.chatId = this.pnChatId === this._defaultAlternativeChatId ? this._defaultChatId : this.pnChatId;\n    this.messagesData.messages = [];\n    this.isMinimized = false;\n    this.setStartValues();\n  }\n\n  @Watch('forceOpen')\n  handleSameChatId() {\n    this.isMinimized = false;\n  }\n\n  @Watch('isMinimized')\n  scrollToBottom() {\n    const observer = new MutationObserver((_, obs) => {\n      const chatMain = document.getElementById('chat-main');\n      if (chatMain) {\n        setTimeout(() => {\n          chatMain.scrollTo({\n            top: chatMain.scrollHeight,\n            behavior: 'smooth'\n          });\n        }, 500)\n        obs.disconnect();\n      }\n    });\n    observer.observe(document.body, { childList: true, subtree: true, });\n  }\n\n  private closeChat = () => {\n    this._forceClose = true;\n    this.storage.remove(this.chatLocalStorageKey);\n    this.chatId = null;\n    this.pnChatId = this._defaultChatId;\n    let chatElement = document.getElementsByTagName('pn-chat')[0];\n    chatElement.setAttribute('item-id', '');\n\n    let hasActiveShipmentInUrl = window.location.href.includes(this._chatSegment);\n    if (hasActiveShipmentInUrl) {\n      this.isMinimized = !this.isMinimized;\n      this.announceToScreenReader(this.isMinimized ? this.getTranslation('chatMinimizedAriaLabel') : this.getTranslation('chatOpenedAriaLabel'));\n      document.body.classList.toggle('chat-open');\n      window.location.href = window.location.href.split(this._chatSegment)[0];\n    }\n    else {\n      this._forceClose = false;\n      this.toggleChat();\n    }\n  }\n\n  private toggleChat = () => {\n    this.isMinimized = !this.isMinimized;\n    this.announceToScreenReader(this.isMinimized ? this.getTranslation('chatMinimizedAriaLabel') : this.getTranslation('chatOpenedAriaLabel'));\n    document.body.classList.toggle('chat-open');\n\n    if (!this.isMinimized && !this.chatId) {\n      this.setStartValues();\n    }\n  };\n\n  private announceToScreenReader(message: string) {\n    const announcement = document.createElement('div');\n    announcement.setAttribute('role', 'status');\n    announcement.setAttribute('aria-live', 'polite');\n    announcement.classList.add('sr-only');\n    announcement.textContent = message;\n    document.body.appendChild(announcement);\n    setTimeout(() => announcement.remove(), 1000);\n  }\n\n  private renderMessage(message: ChatMessage): JSX.Element {\n    switch (message.category) {\n      case 'Bot':\n        return this.renderBaseMessage(message);\n      case 'Button':\n        return this.renderButtonMessage(message);\n      case 'ButtonResponse':\n        return this.renderBaseMessage(message);\n      case 'Link':\n        return this.renderLinkMessage(message);\n      case 'Card':\n        return this.renderCardMessage(message);\n      case 'User':\n        return this.renderBaseMessage(message);\n      case 'Agent':\n        return this.renderAgentMessage(message);\n      case 'System':\n        return this.renderBaseMessage(message);\n    }\n  }\n\n  private renderBaseMessage(message: BaseMessage): JSX.Element {\n    return (\n      <pn-chat-message customerSegment={this.customerSegment} category={message.category} agentName='' role=\"log\" aria-live=\"polite\">\n        {message.content}\n      </pn-chat-message>\n    );\n  }\n\n  private renderAgentMessage(message: AgentMessage): JSX.Element {\n    return (\n      <pn-chat-message customerSegment={this.customerSegment} category={message.category} agentName={message.agentName} role=\"log\" aria-live=\"polite\">\n        {message.content}\n      </pn-chat-message>\n    );\n  }\n\n  private renderButtonMessage(message: ButtonMessage): JSX.Element {\n    let props = {};\n\n    if (message?.props) {\n      try {\n        props = JSON.parse(message.props);\n      } catch (error) {\n        console.error('Error parsing button props', error instanceof Error ? error.message : 'Unknown error');\n      }\n    }\n\n    const handleClick = () => {\n      if (props['data-action'] === 'minimize') {\n        this.toggleChat();\n      }\n      if (props['dataAction'] === 'choice' && props['dataOptionChoice']) {\n        (async () => {\n          await this.handleSendChoice(props['dataOptionChoice'], message.content);\n        })();\n      }\n    };\n\n    return (\n      <pn-chat-message customerSegment={this.customerSegment} category={message.category}>\n        <pn-button class={message.class} role=\"button\" {...props} onClick={handleClick} onKeyDown={e => this.handleButtonKeyDown(e)}>\n          {message.content}\n        </pn-button>\n      </pn-chat-message>\n    );\n  }\n\n  private createBeforeElement(content: string) {\n    const targetElement = this.chatMessagesContainer;\n    const chatMessage = document.createElement('pn-chat-message');\n    chatMessage.setAttribute('customerSegment', this.customerSegment);\n    chatMessage.setAttribute('category', 'User');\n    chatMessage.classList.add('pn-chat-before');\n    chatMessage.textContent = content;\n\n    targetElement.appendChild(chatMessage);\n    this.scrollToBottom();\n    chatMessage.scrollIntoView();\n  }\n\n  private async handleSendChoice(choiceId: string, content: string) {\n    this.createBeforeElement(content);\n\n    let responseId = await this._chatService.sendMessage(choiceId, this.itemId, this.chatId, this.lastMessageId, 'Choice');\n    this.lastMessageId = responseId;\n    this.lastMessageId = this._chatService.GetLastMessageId(this.messagesData.messages, this.lastMessageId);\n\n    this.announceToScreenReader(this.getTranslation('sentMessageAriaLabel'));\n  }\n\n  private renderLinkMessage(message: LinkMessage): JSX.Element {\n    return (\n      <pn-chat-message customerSegment={this.customerSegment} category={message.category}>\n        <a href={message.href} role=\"link\" rel=\"noopener noreferrer\">\n          <span class=\"content\">{message.content}</span>\n          <pn-icon icon={arrow_right} color=\"blue700\" aria-hidden=\"true\" role=\"presentation\" />\n        </a>\n      </pn-chat-message>\n    );\n  }\n\n  private renderCardMessage(message: CardMessage): JSX.Element {\n    return (\n      <pn-chat-message customerSegment={this.customerSegment} category={message.category} data-card role=\"article\">\n        <h2 class=\"card-heading\">{message.heading}</h2>\n        <p>{message.content}</p>\n        {message.buttons && (\n          <div class=\"cta\">\n            {message.buttons?.map(button => (\n              <pn-button\n                href={button.href}\n                class={button.class}\n                appearance={button.appearance}\n                variant={button.variant}\n                small={button.small}\n                role=\"button\"\n                onKeyDown={e => this.handleButtonKeyDown(e)}\n              >\n                {button.content}\n              </pn-button>\n            ))}\n          </div>\n        )}\n      </pn-chat-message>\n    );\n  }\n\n  render() {\n    const mainId = 'chat-main';\n    const inputId = 'chat-input';\n    const headerButton = this.messagesData?.header.button;\n\n    return (\n      <Host class={this.customerSegment}>\n        {!this.isClosed && this.messagesData && (\n          <div\n            class={`pn-chat ${this.isMinimized ? 'minimized' : ''} ${this.isClosed ? 'closed' : ''}`}\n            ref={el => (this.chatRef = el as HTMLDivElement)}\n            role=\"region\"\n            aria-label={this.mainHeading}\n          >\n            {!this.isMinimized && (\n              <Fragment>\n                <header class=\"chat-header\" role=\"banner\">\n                  <h1 id=\"chat-title\">{this.mainHeading}</h1>\n                  <div class=\"chat-controls\" role=\"toolbar\" aria-label={this.getTranslation('chatControlsAriaLabel')}>\n                    <pn-button\n                      icon={minus}\n                      icon-only=\"true\"\n                      class=\"minimize-btn\"\n                      onClick={this.toggleChat}\n                      aria-expanded={!this.isMinimized}\n                      aria-controls={mainId}\n                      aria-label={this.getTranslation('minimizeChatAriaLabel')}\n                      variant=\"borderless\"\n                      tooltip={this.getTranslation('minimizeChatAriaLabel')}\n                    />\n                    <pn-button\n                      icon={close}\n                      icon-only=\"true\"\n                      class=\"close-btn\"\n                      onClick={this.closeChat}\n                      aria-expanded={!this.isMinimized}\n                      aria-label={this.getTranslation('closeChatAriaLabel')}\n                      variant=\"borderless\"\n                      tooltip={this.getTranslation('closeChatAriaLabel')}\n                    />\n                  </div>\n                </header>\n                {(this.messagesData?.messages?.length ?? 0) > 0 ?\n                  (<main id={mainId} class=\"chat-main\" role=\"main\" aria-labelledby=\"chat-title\">\n                    {this.messagesData.header && (\n                      <div class=\"chat-overview\">\n                        <div class=\"body\">{this.messagesData.header.body}</div>\n                        {headerButton && (\n                          <pn-button\n                            href={headerButton.href}\n                            class={headerButton.class}\n                            appearance={headerButton.appearance}\n                            variant={headerButton.variant}\n                            small={headerButton.small}\n                            role=\"button\"\n                            onKeyDown={e => this.handleButtonKeyDown(e)}\n                          >\n                            {headerButton.content}\n                          </pn-button>\n                        )}\n                      </div>\n                    )}\n                    <div ref={el => (this.chatMessagesContainer = el as HTMLElement)} class=\"chat-messages\" role=\"log\" aria-live=\"polite\" aria-label={this.getTranslation('chatMessagesAriaLabel')}>\n                      {this.groupMessages()}\n                    </div>\n                    <pn-icon\n                      class=\"indicator-icon\"\n                      aria-label={this.getTranslation('waitingForAnswerLabel')}\n                      role=\"presentation\"\n                    ></pn-icon>\n                  </main>)\n                  : (<main id={mainId} class=\"chat-main loading-chat-main\" role=\"main\" aria-labelledby=\"chat-title\">\n                    <div class=\"chat-loading-spinner\">\n                      <pn-spinner light=\"true\" size=\"1.5\"></pn-spinner>\n                    </div>\n                    <span class=\"chat-loading-content\">{this.getTranslation('loadingText')}</span>\n                  </main>)}\n                <footer class=\"chat-footer\" role=\"contentinfo\">\n                  <div class=\"form\" role=\"form\" aria-labelledby={inputId}>\n                    <label htmlFor={inputId} class=\"sr-only\">\n                      {this.getTranslation('writeChatMessagePlaceholder')}\n                    </label>\n                    <div class=\"chat-input-container\">\n                      <input\n                        id={inputId}\n                        class=\"chat-text-input\"\n                        ref={el => (this.inputRef = el as HTMLInputElement)}\n                        type=\"text\"\n                        placeholder={this.getTranslation('writeChatMessagePlaceholder')}\n                        value={this.message}\n                        onInput={(e: Event) => (this.message = (e.target as HTMLInputElement).value)}\n                        onKeyPress={this.handleKeyPress}\n                        maxLength={3990}\n                      />\n                      {!this.message.trim() ? (\n                        <div\n                          class=\"chat-disabled-button\"\n                          role=\"button\"\n                          aria-label={this.getTranslation('sendButtonText')}\n                          aria-disabled=\"true\"\n                          tabIndex={-1}>\n                          <pn-icon color=\"gray400\" icon={submit}></pn-icon>\n                        </div>\n                      ) : (\n                        <pn-button\n                          icon-only=\"true\"\n                          variant=\"borderless\"\n                          appearance=\"light\"\n                          icon={submit}\n                          onClick={this.handleSendMessage}\n                          disabled={!this.message.trim()}\n                          aria-label={this.getTranslation('sendButtonText')}\n                          tooltip={this.getTranslation('sendButtonText')}>\n                        </pn-button>\n                      )}\n                    </div>\n                  </div>\n                </footer>\n              </Fragment>\n            )}\n            {this.isMinimized && (\n              <pn-button\n                icon={talk_bubble}\n                icon-only=\"true\"\n                class=\"open-chat-btn\"\n                onClick={this.toggleChat}\n                tooltip={this.getTranslation('openChatAriaLabel')}\n                aria-label={this.getTranslation('openChatAriaLabel')}\n                aria-expanded={!this.isMinimized}\n              ></pn-button>\n            )}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,g as t,h as n,d as o}from"./p-82546a44.js";const i="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-choice-button{user-select:none;border:none;display:inline-block;background:#fff;position:relative;margin:0.2em 0.4em}pn-choice-button input{opacity:0;position:absolute;top:0;left:0;pointer-events:none;margin:0;width:100%;height:100%}pn-choice-button label{display:flex;align-items:center;padding:0.4rem 0.8rem;border:0.1rem solid #d3cecb;color:#005d92;font-weight:500;border-radius:0.8rem;text-align:center;cursor:pointer;transition:box-shadow 0.1s, background 0.2s}pn-choice-button label pn-illustration{display:inline-block;width:3rem;height:3rem;margin-right:0.9rem}pn-choice-button>input:checked+label.pn-choice-button{background:#e0f8ff;color:#005d92;border-color:#005d92;box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13)}pn-choice-button>input:indeterminate+label.pn-choice-button{background:#ffffff;color:#005d92}pn-choice-button>input:hover+label.pn-choice-button{background:#e0f8ff}pn-choice-button>input:focus+label.pn-choice-button,pn-choice-button>input:active+label.pn-choice-button{box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}pn-choice-button>input:active+label.pn-choice-button{background:#8eddf9}pn-choice-button>input:disabled+label.pn-choice-button{background-color:#d3cecb}pn-choice-button>input:checked+label.pn-choice-button:hover{background:#8eddf9}pn-choice-button>input:checked+label.pn-choice-button:active{background:#8eddf9;border:0.1rem solid #00a0d6}";const c=i;const d=class{constructor(t){e(this,t);this.value=undefined;this.name=undefined;this.choiceid=undefined;this.type="checkbox";this.disabled=false;this.checked=false;this.indeterminate=false}get hostElement(){return t(this)}handlechange(){this.indeterminate=false}componentDidLoad(){this.checkAndSetIndeterminateState()}componentDidUpdate(){this.checkAndSetIndeterminateState()}checkAndSetIndeterminateState(){let e=this.hostElement.querySelector(`#${this.choiceid}`);if(e){e.indeterminate=this.indeterminate}}render(){return n(o,{key:"ee8c0f187d6ef73fb0686269fef381f272ae0d7e"},n("input",{key:"3849a4c37e9182114136854f445fbf0af6852c9c",type:this.type,id:this.choiceid,value:this.value,name:this.name||this.choiceid,disabled:this.disabled,checked:this.checked}),n("label",{key:"5aab99882ff06ac9d8583e6d0c7034cc611a0d0f",htmlFor:this.choiceid,class:"pn-choice-button"},n("slot",{key:"f42d62b727b8c570712cf95d0d20f96dd5707de6"})))}};d.style=c;export{d as pn_choice_button};
-//# sourceMappingURL=p-ad282b7c.entry.js.map