@postnord/pn-marketweb-components 3.5.1 → 3.5.3

package/pn-market-web-components/p-0ac30ee9.entry.js

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

package/pn-market-web-components/p-0ac30ee9.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pnDropdownChoiceAddsRowCss","PnDropdownChoiceAddsRowStyle0","pnDropdownChoiceAddsRow","pnRowSelectDropdown","tableHead","tableBody","_dropdownData","rowvalues","dropdownDataWatcher","this","dropdownData","JSON","parse","componentWillLoad","componentDidLoad","setInitialValues","addEventHandlers","addEventListener","debounce","addRowElement","bind","nextRowIndex","setRowSelectDropdownArr","rowSelectDropdownArr","forEach","element","push","label","formRowEvent","e","debouncedAddValue","updateHiddenFieldValue","target","matches","eventName","rowDropdown","closest","querySelector","allRows","querySelectorAll","mainDropdown","hostElement","length","setAttribute","dropdownEmptyWarning","formValue","emit","allRowsValid","formValues","map","row","nameElm","dropdownElm","inputElm","rowData","name","rowNameLabel","value","innerHTML","pnSelect","nativeSelect","dropdownSelection","rowDropdownLabel","input","inputValue","parseInt","rowInputLabel","toString","includes","stringify","validateInputs","error","console","selectedElement","selectedValue","removeAttribute","newRow","document","createElement","className","onclick","rowNameColumn","dataset","appendChild","selectedR","find","item","values","rowHasDropdown","dropdownCol","createDropdownColumn","emptyDropdownCol","rowInputColumn","createInputColumn","deleteButton","createDeleteButtonColumn","updateRowSelectDropdown","getCurrentRow","dropdownColumn","selectedItem","arr","selectedOptionValues","currentRow","parentElement","textContent","dropdown","rowDropdownPlaceholder","placeholder","selected","disabled","childItem","childOption","inputColumn","totalInputLimit","buttonColumn","buttonElm","deleteRow","createTextNode","rowDeleteButtonText","call","el","dropdownPlaceholder","rowName","selectOptions","elm","preventDefault","targetElm","currentTarget","targetRow","remove","index","dropdownSelections","numberInputs","selectionEmpty","showWarning","dropdownElem","selection","dropdownVal","inputElem","currentNumber","currentValue","hasAttribute","inputLimitWarning","isNaN","inputEmptyWarning","render","h","Host","key","class","ref","addRowDropdownName","addRowDropdownLabel","language","languageCode","addRowDropdownPlaceholder"],"sources":["src/components/input/pn-dropdown-choice-adds-row/pn-dropdown-choice-adds-row.scss?tag=pn-dropdown-choice-adds-row","src/components/input/pn-dropdown-choice-adds-row/pn-dropdown-choice-adds-row.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-dropdown-choice-adds-row {\n  display: block;\n  width: 80rem;\n\n  .pn-row-select-dropdown {\n    width: 50%;\n    margin-bottom: 1rem;\n  }\n\n  @media only screen and (max-width: 640px) {\n    .pn-row-select-dropdown {\n      width: 100%;\n    }\n  }\n\n  .pn-dropdown-choice-table {\n    width: 100%;\n    border-spacing: 0rem;\n    border: none !important;\n\n    thead {\n      th {\n        text-align: left;\n        padding: 1rem 0.5rem;\n\n        label {\n          color: $gray700;\n          font-size: 1.4rem;\n          font-weight: 400;\n        }\n      }\n    }\n    \n    .generated-table-row {\n      display: flex;\n      margin-bottom: 2rem;\n    }\n\n    .table-header {\n      display: flex;\n      margin: 2rem 0 3rem 0;\n      font-weight: 500;\n    }\n\n    .table-header, .tr {\n      &-dropdown, &-column, &-name {\n        padding-right: 0.5rem;\n        width: 35%;\n\n        pn-select {\n          width: 95%;\n        }\n      }\n\n      &-input {\n        width: 15%;\n\n        pn-input {\n          width: 100%;\n        }\n      }\n\n      &-delete {\n        margin: 1rem;\n        width: 15%;\n      }\n    }\n\n    tbody {\n      td {\n        padding: 0.5rem;\n      }\n\n      tr:nth-child(even) {\n        background-color: #effbff;\n      }\n\n      .tr-delete {\n        text-align: center;\n      }\n    }\n\n    tfoot {\n      td {\n        small {\n          color: $warning;\n          vertical-align: middle;\n        }\n\n        pn-icon {\n          margin-right: 0.25em;\n          vertical-align: middle;\n        }\n      }\n    }\n  }\n}\n","import { Component, Prop, h, Element, State, Host, Watch, Event, EventEmitter } from '@stencil/core';\nimport { FormValue, RowValue, Root } from './types';\nimport debounce from 'debounce';\n\n@Component({\n  tag: 'pn-dropdown-choice-adds-row',\n  styleUrl: 'pn-dropdown-choice-adds-row.scss',\n})\nexport class pnDropdownChoiceAddsRow {\n  @Element() hostElement: Element;\n  pnRowSelectDropdown: HTMLElement = null;\n  tableHead: HTMLElement = null;\n  tableBody: HTMLElement = null;\n  private _dropdownData: Root[];\n\n  @Prop() dropdownData: string | Root[] = null;\n  @Prop() languageCode: string = null;\n  @Prop() addRowDropdownName: string = '';\n  @Prop() addRowDropdownPlaceholder: string = '';\n  @Prop() addRowDropdownLabel: string = '';\n  @Prop() rowNameLabel: string = '';\n  @Prop() rowHasDropdown: boolean = true;\n  @Prop() rowDropdownLabel: string = '';\n  @Prop() rowDropdownPlaceholder: string = '';\n  @Prop() rowInputLabel: string = '';\n  @Prop() rowDeleteButtonText: string = '';\n  @Prop() totalInputLimit: number = 0;\n  @Prop() inputLimitWarning: string = null;\n  @Prop() inputEmptyWarning: string = null;\n  @Prop() dropdownEmptyWarning: string = null;\n\n  @State() nextRowIndex: number = null;\n  @State() rowSelectDropdownArr: string[] = null;\n  @State() formValue: string = null;\n\n  @Event() rowvalues: EventEmitter<string>;\n\n  @Watch('dropdownData')\n  dropdownDataWatcher() {\n    if (typeof this.dropdownData === 'string') {\n      this._dropdownData = JSON.parse(this.dropdownData);\n    } else {\n      this._dropdownData = this.dropdownData;\n    }\n  }\n\n  componentWillLoad() {\n    this.dropdownDataWatcher();\n  }\n\n  componentDidLoad() {\n    this.setInitialValues();\n    this.addEventHandlers();\n  }\n\n  addEventHandlers() {\n    this.pnRowSelectDropdown.addEventListener('change', debounce(this.addRowElement.bind(this), 500));\n  }\n\n  setInitialValues() {\n    this.nextRowIndex = 0;\n    this.setRowSelectDropdownArr();\n  }\n\n  setRowSelectDropdownArr() {\n    this.rowSelectDropdownArr = [];\n    this._dropdownData.forEach(element => {\n      this.rowSelectDropdownArr.push(element.label);\n    });\n  }\n\n  formRowEvent = e => {\n    const debouncedAddValue = debounce(this.updateHiddenFieldValue.bind(this), 500);\n\n    if (e.target.matches('input')) {\n      ['change', 'keyup'].forEach(eventName => {\n        e.target.addEventListener(eventName, debouncedAddValue);\n      });\n    } else {\n      const rowDropdown = e.target.closest('.generated-table-row')?.querySelector('pn-select') as HTMLElement;\n      if (rowDropdown) {\n        rowDropdown.addEventListener('change', debouncedAddValue);\n      }\n    }\n  };\n\n  updateHiddenFieldValue() {\n    try {\n      const allRows = [...this.tableBody.querySelectorAll('.generated-table-row')];\n      const mainDropdown = this.hostElement.querySelector('.pn-row-select-dropdown');\n\n      if (!mainDropdown) {\n        return;\n      }\n\n      if (!allRows.length) {\n        mainDropdown.setAttribute('error', `${this.dropdownEmptyWarning || \"This field cannot be empty\"}`);\n        this.formValue = '';\n        this.rowvalues.emit('');\n        return;\n      }\n\n      let allRowsValid = true;\n      const formValues = allRows.map(row => {\n        const nameElm = row.querySelector('.tr-name');\n        const dropdownElm = row.querySelector('.tr-dropdown');\n        const inputElm = row.querySelector('.tr-input');\n\n        if (!nameElm || !inputElm) {\n          allRowsValid = false;\n          return null;\n        }\n\n        const rowData = {\n          row: [\n            {\n              name: this.rowNameLabel,\n              value: nameElm.innerHTML\n            }\n          ]\n        };\n\n        if (dropdownElm && dropdownElm.querySelector('pn-select')) {\n          const pnSelect = dropdownElm.querySelector('pn-select');\n          const nativeSelect = pnSelect?.querySelector('select');\n          const dropdownSelection = nativeSelect?.value || '';\n          if (!dropdownSelection) {\n            allRowsValid = false;\n          } else {\n            rowData.row.push({\n              name: this.rowDropdownLabel,\n              value: dropdownSelection\n            });\n          }\n        }\n\n        const input = inputElm.querySelector('input');\n        const inputValue = parseInt(input?.value || '0', 10);\n        if (inputValue > 0) {\n          rowData.row.push({\n            name: this.rowInputLabel,\n            value: inputValue.toString()\n          });\n        } else {\n          allRowsValid = false;\n        }\n        return rowData;\n      });\n\n      if (!allRowsValid || !formValues.length || formValues.includes(null)) {\n        this.formValue = '';\n        this.rowvalues.emit('');\n        return;\n      }\n\n      this.formValue = `PN-JSON|${JSON.stringify(formValues)}`;\n      \n      if (this.validateInputs()) {\n        this.rowvalues.emit(this.formValue);\n      } else {\n        this.rowvalues.emit('');\n      }\n\n    } catch (error) {\n      console.error('Error updating field value: ', error);\n      this.formValue = '';\n    }\n  }\n\n  addRowElement(e: CustomEvent) {\n    const selectedElement = e.target as HTMLSelectElement;\n    const selectedValue = selectedElement?.value;\n\n    if (!selectedValue) {\n      return;\n    }\n\n    const mainDropdown = this.hostElement.querySelector('.pn-row-select-dropdown');\n    mainDropdown?.removeAttribute('error');\n\n    if (!this.tableBody) {\n      console.error('tableBody is not defined.');\n      return;\n    }\n\n    const newRow = document.createElement('div');\n    newRow.setAttribute('index', `${this.nextRowIndex}`);\n    newRow.className = 'generated-table-row';\n    newRow.onclick = e => this.formRowEvent(e);\n\n    const rowNameColumn = document.createElement('div');\n    rowNameColumn.className = 'tr-name';\n    rowNameColumn.innerHTML = selectedValue;\n    rowNameColumn.dataset.name = selectedValue;\n    newRow.appendChild(rowNameColumn);\n\n    const selectedR = this._dropdownData?.find(item => item.label === selectedValue);\n\n    if (selectedR?.values?.length) {\n      this.rowHasDropdown = true;\n      const dropdownCol = this.createDropdownColumn(selectedValue);\n      newRow.appendChild(dropdownCol);\n    } else {\n      this.rowHasDropdown = false;\n      const emptyDropdownCol = document.createElement('div');\n      emptyDropdownCol.className = 'tr-column';\n      newRow.appendChild(emptyDropdownCol);\n    }\n\n    const rowInputColumn = this.createInputColumn(selectedValue);\n    newRow.appendChild(rowInputColumn);\n\n    const deleteButton = this.createDeleteButtonColumn();\n    newRow.appendChild(deleteButton);\n\n    this.tableBody.appendChild(newRow);\n\n    this.updateRowSelectDropdown();\n    this.nextRowIndex++;\n    selectedElement.value = '';\n  }\n\n  getCurrentRow(selectedValue: string) {\n    return this.hostElement.querySelectorAll(`.tr-name[data-name='${selectedValue}'`);\n  }\n\n  createDropdownColumn(selectedValue: string) {\n    const dropdownColumn = document.createElement('div');\n    dropdownColumn.setAttribute('class', 'tr-dropdown');\n    const selectedItem = this._dropdownData.find(arr => arr.label === selectedValue);\n    const selectedOptionValues = [];\n    const currentRow = this.getCurrentRow(selectedValue);\n\n    currentRow.forEach(row => {\n      selectedOptionValues.push(row.parentElement?.querySelector('.tr-dropdown [aria-selected=true]')?.textContent);\n    });\n\n    if (selectedItem.values.length) {\n      const dropdown = document.createElement('pn-select');\n      dropdown.setAttribute('name', `${selectedValue}-dropdown`);\n      dropdown.setAttribute('placeholder', this.rowDropdownPlaceholder);\n      dropdown.setAttribute('required', 'true');\n      dropdown.setAttribute('error', '');\n\n      const placeholder = document.createElement('option');\n      placeholder.setAttribute(\"value\", \"\");\n      placeholder.textContent = this.rowDropdownPlaceholder;\n      placeholder.selected = true;\n      placeholder.disabled = true;\n      dropdown.appendChild(placeholder);\n\n      selectedItem.values.forEach(childItem => {\n        const childOption = document.createElement('option');\n        childOption.setAttribute(\"label\", childItem.label);\n        childOption.setAttribute(\"value\", childItem.label);\n        childOption.textContent = childItem.label;\n        dropdown.appendChild(childOption);\n      });\n\n      dropdownColumn.appendChild(dropdown);\n    }\n\n    return dropdownColumn;\n  }\n\n  createInputColumn(selectedValue: string) {\n    const inputColumn = document.createElement('div');\n    inputColumn.setAttribute('class', 'tr-input');\n    const inputElm = document.createElement('pn-input');\n    inputElm.setAttribute('type', 'number');\n    inputElm.setAttribute('name', `${selectedValue}-input`);\n    inputElm.setAttribute('placeholder', '0');\n    if (this.totalInputLimit > 0) {\n      inputElm.setAttribute('max', `${this.totalInputLimit}`);\n    }\n    inputElm.setAttribute('min', '0');\n    inputElm.setAttribute('error', '');\n    inputColumn.appendChild(inputElm);\n    return inputColumn;\n  }\n\n  createDeleteButtonColumn() {\n    const buttonColumn = document.createElement('div');\n    buttonColumn.setAttribute('class', 'tr-delete');\n    const buttonElm = document.createElement('pn-button');\n    buttonElm.onclick = e => this.deleteRow(e);\n    buttonElm.setAttribute('appearance', 'warning');\n    buttonElm.setAttribute('small', 'true');\n    buttonElm.appendChild(document.createTextNode(this.rowDeleteButtonText));\n    buttonColumn.appendChild(buttonElm);\n    return buttonColumn;\n  }\n\n  updateRowSelectDropdown() {\n    type Row = { rowName: string; selectedValue: string; placeholder: string };\n\n    const rows: Row[] = [].map.call(this.tableBody.querySelectorAll('.tr-name'), el => {\n      const dropdownColumn = el?.parentElement?.querySelector('.tr-dropdown');\n      const dropdownPlaceholder = dropdownColumn?.querySelector('.pn-select-content span')?.textContent;\n      const row: Row = {\n        rowName: el?.innerHTML,\n        selectedValue: dropdownColumn?.querySelector('[aria-selected=true]')?.textContent,\n        placeholder: dropdownPlaceholder,\n      };\n      return row;\n    });\n\n    const selectOptions = this.pnRowSelectDropdown.querySelectorAll('option');\n    selectOptions.forEach(elm => {\n      elm.removeAttribute('selected');\n    });\n  }\n\n  deleteRow(e: Event) {\n    e.preventDefault();\n    this.nextRowIndex--;\n    const targetElm = e.currentTarget as HTMLButtonElement;\n    const targetRow = targetElm.closest('.generated-table-row');\n    targetRow.remove();\n    const allRows = [...this.tableBody.querySelectorAll('.generated-table-row')];\n\n    allRows.map((elm, index) => {\n      elm.setAttribute('index', `${index}`);\n    });\n    this.updateHiddenFieldValue()\n    this.updateRowSelectDropdown();\n  }\n\n  validateInputs() {\n    const dropdownSelections = this.tableBody.querySelectorAll('pn-select');\n    const numberInputs = this.tableBody.querySelectorAll('pn-input');\n    let selectionEmpty = false;\n    let showWarning = false;\n\n    if (dropdownSelections) {\n      dropdownSelections.forEach(dropdownElem => {\n        if (!dropdownElem) {\n          return;\n        }\n\n        const selection = dropdownElem.querySelector('select');\n        const dropdownVal = selection?.value || '';\n\n        if (dropdownVal === null || dropdownVal === \"\") {\n          dropdownElem.setAttribute('error', `${this.dropdownEmptyWarning || \"This field cannot be empty\"}`);\n          selectionEmpty = true;\n        } else {\n          dropdownElem.setAttribute('error', '');\n        }\n      });\n    }\n\n    if (numberInputs) {\n      numberInputs.forEach(inputElem => {\n        if (inputElem) {\n          const currentNumber = inputElem.querySelector(\"input\");\n          let currentValue = parseInt(currentNumber.value);\n\n          if (this.totalInputLimit < currentValue && inputElem.hasAttribute('max')) {\n            inputElem.setAttribute('error', `${this.inputLimitWarning || \"Amount too high\"}`);\n            showWarning = true;\n          } else if (currentValue <= 0 || isNaN(currentValue)) {\n            inputElem.setAttribute('error', `${this.inputEmptyWarning || \"This field cannot be empty\"}`);\n            showWarning = true;\n          } else {\n            inputElem.setAttribute('error', '');\n            showWarning = false;\n          }\n        }\n      });\n    }\n\n    if (selectionEmpty || showWarning) {\n      return false;\n    }\n\n    return true;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"dropdown-choice-form-row\">\n          <pn-select\n            ref={el => (this.pnRowSelectDropdown = el as HTMLElement)}\n            name={this.addRowDropdownName}\n            label={this.addRowDropdownLabel}\n            class=\"pn-row-select-dropdown\"\n            language={this.languageCode}>\n            <option value=\"\" selected disabled>{this.addRowDropdownPlaceholder}</option>\n            {this.rowSelectDropdownArr?.map((value: string) => <option label={value} value={value}>{value}</option>)}\n          </pn-select>\n        </div>\n        <div class=\"dropdown-choice-form-row\">\n          <div class=\"pn-dropdown-choice-table\">\n            <div ref={el => (this.tableHead = el as HTMLElement)}>\n              {this.nextRowIndex === 0 ? null : (\n                <div class=\"table-header\">\n                  <div class=\"table-header-name\">\n                    <label>{this.rowNameLabel}</label>\n                  </div>\n                  <div class=\"table-header-dropdown\">\n                    <label>{this.rowDropdownLabel}</label>\n                  </div>\n                  <div class=\"table-header-input\">\n                    <label>{this.rowInputLabel}</label>\n                  </div>\n                  <div class=\"table-header-delete\"></div>\n                </div>\n              )}\n            </div>\n            <div ref={el => (this.tableBody = el as HTMLElement)} class=\"pn-dropdown-choice-table-slot\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/p-15d70aaf.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,g as s,h as i,d as o}from"./p-bb1c965e.js";import{F as r,M as n}from"./p-65f243c1.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}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 u=h;const p=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 r("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 n(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)}};p.style=u;export{p as pn_address_autofill};
+//# sourceMappingURL=p-15d70aaf.entry.js.map

package/pn-market-web-components/p-15d70aaf.entry.js.map

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

package/pn-market-web-components/p-54f3a3b6.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,g as a,h as r,d as n}from"./p-bb1c965e.js";import{F as d,M as o}from"./p-65f243c1.js";import{s as i}from"./p-13190b30.js";import"./p-2509d18d.js";const h={sv:{searchlabel:"Sök",searchplaceholder:"Vad letar du efter?",searchbuttontext:"Sök",menuHomeButton:"Hem",menuGoBackButton:"Gå tillbaka",mainMenuButton:"Meny",menuStartButton:"Start",profileSelectionFlyoutHeading:"Inloggad som",unifiedLoginButton:"Logga in",unifiedMyPagesButton:"Mina sidor",home:"Hem"},en:{searchlabel:"Search",searchplaceholder:"Search",searchbuttontext:"Search",menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",profileSelectionFlyoutHeading:"Logged in as",unifiedLoginButton:"Log in",unifiedMyPagesButton:"My pages",home:"Home"},da:{searchlabel:"Søg",searchplaceholder:"Søg",searchbuttontext:"Søg",menuHomeButton:"Hjem",menuGoBackButton:"Gå tilbage",mainMenuButton:"Menu",menuStartButton:"Start",profileSelectionFlyoutHeading:"Logget ind som",unifiedLoginButton:"Log ind",unifiedMyPagesButton:"Mine sider",home:"Hjem"},no:{searchlabel:"Søk",searchplaceholder:"Søk",searchbuttontext:"Søk",menuHomeButton:"Hjem",menuGoBackButton:"Gå tilbake",mainMenuButton:"Meny",menuStartButton:"Start",profileSelectionFlyoutHeading:"Logget på som",unifiedLoginButton:"Logg inn",unifiedMyPagesButton:"Sidene mine",home:"Hjem"},fi:{searchlabel:"Hae",searchplaceholder:"Hae",searchbuttontext:"Hae",menuHomeButton:"Koti",menuGoBackButton:"Mene takaisin",mainMenuButton:"Valikko",menuStartButton:"Alkaa",profileSelectionFlyoutHeading:"Kirjautunut sisään nimellä",unifiedLoginButton:"Kirjaudu sisään",unifiedMyPagesButton:"Minun sivujani",home:"Koti"},de:{searchlabel:"Suche",searchplaceholder:"Wonach suchen Sie?",searchbuttontext:"Suche",menuHomeButton:"Start",menuGoBackButton:"Geh zurück",mainMenuButton:"Menü",menuStartButton:"Start",profileSelectionFlyoutHeading:"Eingeloggt als",unifiedLoginButton:"Anmeldung",unifiedMyPagesButton:"Meine Seiten",home:"Start"},zh:{searchlabel:"搜索",searchplaceholder:"搜索",searchbuttontext:"搜索",menuHomeButton:"主页",menuGoBackButton:"回去",mainMenuButton:"选择菜单",menuStartButton:"开始",home:"主页"},it:{searchlabel:"Cerca",searchplaceholder:"Cerca",searchbuttontext:"Cerca",menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",profileSelectionFlyoutHeading:"Logged in as",unifiedLoginButton:"Log in",unifiedMyPagesButton:"My pages",home:"Home"},nl:{searchlabel:"Zoeken",searchplaceholder:"Zoeken",searchbuttontext:"Zoeken",menuHomeButton:"Home",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",profileSelectionFlyoutHeading:"Logged in as",unifiedLoginButton:"Log in",unifiedMyPagesButton:"My pages",home:"Home"},es:{searchplaceholder:"Buscar",searchlabel:"Buscar",searchbuttontext:"Buscar",menuHomeButton:"Inicio",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",profileSelectionFlyoutHeading:"Logged in as",unifiedLoginButton:"Log in",unifiedMyPagesButton:"My pages",home:"Inicio"},fr:{searchplaceholder:"Recherche",searchlabel:"Recherche",searchbuttontext:"Recherche",menuHomeButton:"Accueil",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",profileSelectionFlyoutHeading:"Logged in as",unifiedLoginButton:"Log in",unifiedMyPagesButton:"My pages",home:"Accueil"},tr:{searchlabel:"Ara",searchplaceholder:"Ara",searchbuttontext:"Ara",menuHomeButton:"Anasayfa",menuGoBackButton:"Geri git",mainMenuButton:"Menü",menuStartButton:"Başlat",profileSelectionFlyoutHeading:"Oturum açma adı",unifiedLoginButton:"Oturum aç",unifiedMyPagesButton:"Sayfalarım",home:"Anasayfa"},pt:{searchlabel:"Search",searchplaceholder:"Search",searchbuttontext:"Search",menuHomeButton:"Página inicial",menuGoBackButton:"Go back",mainMenuButton:"Menu",menuStartButton:"Start",profileSelectionFlyoutHeading:"Logged in as",unifiedLoginButton:"Log in",unifiedMyPagesButton:"My pages"},pl:{searchlabel:"Szukaj",searchplaceholder:"Szukaj",searchbuttontext:"Szukaj",menuHomeButton:"Strona główna",menuGoBackButton:"Powrót",mainMenuButton:"Menu",menuStartButton:"Początek",profileSelectionFlyoutHeading:"Zalogowany(-a) jako",unifiedLoginButton:"Logowanie",unifiedMyPagesButton:"Moje strony",home:"Strona główna"},"pt-BR":{searchlabel:"Buscar",searchplaceholder:"Buscar",searchbuttontext:"Buscar",menuHomeButton:"Página inicial",menuGoBackButton:"Voltar",mainMenuButton:"Menu",menuStartButton:"Iniciar",profileSelectionFlyoutHeading:"Login efetuado como",unifiedLoginButton:"Fazer login",unifiedMyPagesButton:"Minhas páginas"}};const s='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}body[data-siteheader-menuopen=true]{max-height:100vh;overflow:hidden}@media screen and (min-width: 60em){body[data-siteheader-menuopen=true]{max-height:initial;overflow:initial}}pn-marketweb-siteheader{display:block;background:#ffffff}pn-marketweb-siteheader header{position:relative;z-index:1000;display:flex;flex-flow:column;box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);flex-direction:row;justify-content:space-between}@media screen and (min-width: 48em){pn-marketweb-siteheader header{flex-direction:column;justify-content:initial}}pn-marketweb-siteheader .siteheader-row{display:flex;flex-flow:row;align-items:center;width:100%;padding:0 1.6rem;min-height:2em}pn-marketweb-siteheader .siteheader-row:not(:last-child){border-bottom:0.1rem solid #f3f2f2}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-row{justify-content:space-between;min-height:3.2em}}@media screen and (max-width: 48em){pn-marketweb-siteheader .siteheader-row:last-child{justify-content:flex-end}}pn-marketweb-siteheader .siteheader-topright{display:flex;flex-direction:row}pn-marketweb-siteheader .siteheader-logocontainer{display:flex;align-items:center;position:relative;min-height:3em;background:#ffffff;z-index:1}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-logocontainer{position:absolute;left:50%;transform:translateX(-50%)}}pn-marketweb-siteheader .siteheader-logolink{height:100%;max-height:6.4rem;display:flex;align-items:center}pn-marketweb-siteheader .siteheader-logolink:hover,pn-marketweb-siteheader .siteheader-logolink:focus,pn-marketweb-siteheader .siteheader-logolink:active{box-shadow:none}pn-marketweb-siteheader .siteheader-row>pn-marketweb-siteheader-search{display:none}@media screen and (min-width: 48em){pn-marketweb-siteheader .siteheader-row>pn-marketweb-siteheader-search{display:block;max-width:30rem;min-width:23.3rem;width:100%}}pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg,pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg::after{background-color:#e0f8ff}pn-marketweb-siteheader pn-spinner{display:none}pn-marketweb-siteheader pn-button-dropdown:not(.hydrated) .pn-button-dropdown-container{display:none}pn-marketweb-siteheader pn-button button{font-weight:400 !important;padding:0.5rem !important}pn-marketweb-siteheader pn-button button .pn-button-bg:after{border-radius:0.8rem !important}.siteheader-topleft pn-site-selector{padding:1rem 0;display:none}@media screen and (min-width: 48em){.siteheader-topleft pn-site-selector{display:block}}@media screen and (min-width: 60em){.siteheader-topleft pn-site-selector{margin-left:1.3rem}}.siteheader-topleft pn-site-selector .pn-button-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:0}.siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon,.siteheader-topleft pn-site-selector:is(a) pn-icon{font-size:initial;margin-left:0}@media screen and (min-width: 60em){.siteheader-topleft pn-site-selector .pn-button-dropdown-label,.siteheader-topleft pn-site-selector:is(a){font-size:initial}.siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon,.siteheader-topleft pn-site-selector:is(a) pn-icon{margin-left:0.4em}}@media screen and (min-width: 60em){.siteheader-topright{margin-right:1.6rem}}.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{padding:1rem 0;display:none;align-self:center}@media screen and (min-width: 48em){.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{display:block;margin-left:1rem}}@media screen and (min-width: 60em){.siteheader-topright>pn-language-selector,.siteheader-topright>pn-marketweb-siteheader-login,.siteheader-topright>a{margin-left:1.6rem}}.siteheader-topright>pn-language-selector .pn-button-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-button-dropdown-label,.siteheader-topright>a:is(a){font-size:0}.siteheader-topright>pn-language-selector .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-button-dropdown-label pn-icon,.siteheader-topright>a:is(a) pn-icon{font-size:initial;margin-left:0}@media screen and (min-width: 60em){.siteheader-topright>pn-language-selector .pn-button-dropdown-label,.siteheader-topright>pn-language-selector:is(a),.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label,.siteheader-topright>pn-marketweb-siteheader-login:is(a),.siteheader-topright>a .pn-button-dropdown-label,.siteheader-topright>a:is(a){font-size:initial}.siteheader-topright>pn-language-selector .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-language-selector:is(a) pn-icon,.siteheader-topright>pn-marketweb-siteheader-login .pn-button-dropdown-label pn-icon,.siteheader-topright>pn-marketweb-siteheader-login:is(a) pn-icon,.siteheader-topright>a .pn-button-dropdown-label pn-icon,.siteheader-topright>a:is(a) pn-icon{margin-left:0.4em}}.siteheader-menu{max-width:100%;overflow:visible;overflow-x:clip}@media screen and (min-width: 60em){.siteheader-menu{margin-top:auto;overflow:visible}}.siteheader-menu pn-mainnav-link a[target]::after{content:none}.siteheader-menu pn-marketweb-siteheader-search{padding:0.3rem 1.6rem;width:100%}.siteheader-menu [slot=top] pn-search-field{width:100%}.siteheader-menu-footer{display:flex;flex-direction:column;align-items:center}.siteheader-menu-footer>*{margin:1.6rem}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader pn-button a{text-decoration:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader pn-button a:hover{text-decoration:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header{background-color:#0d234b;box-shadow:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row:not(:last-child){border-bottom:0.1rem solid #0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row pn-button button:hover .pn-button-bg,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-row pn-button button:hover .pn-button-bg::after{background-color:#005d92 !important}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-button-dropdown-label:hover{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-button-dropdown-label:active{background-color:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topleft button.pn-button-dropdown-label:focus{background-color:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-logocontainer{background-color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-logocontainer svg.siteheader-logo>path{fill:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright .siteheader-logindialog svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright pn-language-selector pn-icon svg>path{fill:#ffffff !important}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:hover{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:active{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright button:focus{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright [slot=toprightend]{align-self:center;margin-left:1rem}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-topright [slot=toprightend]{display:none}}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu .mainnav-toggle button{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu .first-level_icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input{background-color:#ffffff;color:#0d234b;border:0.1rem solid #ffffff;padding:0.65rem 1.5rem}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:hover{border-color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::placeholder{color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav{background-color:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav{top:6.4em}}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search{padding-bottom:0.5rem;background-color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search .button-container{border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;border-top-right-radius:50%;border-bottom-right-radius:50%}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level [slot=top].siteheader-menu-top pn-marketweb-siteheader-search .button-container button.clear{border:2px solid #ffffff;border-radius:50%;padding:0.5rem}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level .mainnav-level-header .secondlevel-backbtn pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-level[data-level="2"] .mainnav-level-header pn-mainnav-link>a:hover{background-color:#00a0d6}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a{background-color:#0d234b;border-bottom:0.1rem solid rgba(0, 93, 146, 0.5)}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button:hover,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a:hover{text-decoration:none}@media screen and (min-width: 1024px){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link button,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level pn-mainnav-list>pn-mainnav-link a{border-bottom:none}}@media screen and (max-width: 1023px){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level="1"] pn-mainnav-list>pn-mainnav-link:first-child{border-top:0.1rem solid rgba(0, 93, 146, 0.5)}}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level="1"] pn-mainnav-list>pn-mainnav-link a,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level="1"] pn-mainnav-list>pn-mainnav-link button{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level="1"] pn-mainnav-list>pn-mainnav-link a:focus,.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level[data-level="1"] pn-mainnav-list>pn-mainnav-link button:focus{outline:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level="1"]){background-color:#0d234b}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level="1"]) pn-mainnav-list{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-mainnav-level:not([data-level="1"]) pn-mainnav-list pn-mainnav-link>a:hover{background-color:#00a0d6;text-decoration:none}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-marketweb-siteheader-login-linklist ul li a:not(.pn-button){color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header nav.mainnav pn-marketweb-siteheader-login-linklist ul li a:hover{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header [data-level="1"] pn-mainnav-link pn-icon.first-level_arrow svg>path{fill:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#ffffff}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:hover{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:active{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button:focus{background-color:#005d92}.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer button svg>path{fill:#ffffff}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=dotcom]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}}.siteheader-menu-top-search{display:none}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl] pn-site-selector .pn-button-dropdown-label,.header-wrapper[data-header-theme=dotcom] pn-site-selector .pn-button-dropdown-label{border-radius:48px}}.header-wrapper[data-header-theme=tpl] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-variant=borderless][data-appearance=light] .pn-button-bg::after,.header-wrapper[data-header-theme=dotcom] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-variant=borderless][data-appearance=light] .pn-button-bg::after{background-color:#005d92 !important}.header-wrapper[data-header-theme=tpl] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-appearance=light] pn-icon .pn-icon-svg path,.header-wrapper[data-header-theme=dotcom] .siteheader-row pn-button.pn-button-dropdown-label .pn-button[data-appearance=light] pn-icon .pn-icon-svg path{fill:#ffffff !important}.header-wrapper[data-header-theme=tpl] .siteheader-row pn-button.pn-button-dropdown-label button .pn-button-text,.header-wrapper[data-header-theme=dotcom] .siteheader-row pn-button.pn-button-dropdown-label button .pn-button-text{color:#ffffff !important}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader pn-button a{text-decoration:none}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader pn-button a:hover{text-decoration:none}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button]{display:flex;gap:1rem;align-items:center}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button]{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a{color:#0d234b;font-weight:500;font-size:1.6rem;padding:0.8rem 2.4rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-bg{background-color:#fbc2c1}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-content pn-icon svg>path{fill:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a .pn-button-content pn-icon svg>path{fill:#ffffff}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover .pn-button-bg{background-color:#0d234b;transition:backgrond-color linear 1s}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader [slot=header-bottom-button] a:hover .pn-button-content pn-icon svg>path{fill:#ffffff}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader .siteheader-row pn-button button:hover .pn-button-bg::after{background-color:#0d234b;transition:initial}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:not(:last-child){background-color:#0d234b;border-bottom:0.1rem solid #0d234b}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:last-child{background-color:#0d234b}}@media screen and (min-width: 60em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [data-level="1"] pn-mainnav-link>button::before,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [data-level="1"] pn-mainnav-link>a::before{background-color:#fbc2c1}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{background:#0d234b;display:flex;align-items:center}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{display:none}}@media screen and (max-width: 415px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button]{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a{color:#0d234b;font-weight:500}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-bg{background-color:#fbc2c1}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-content pn-icon svg>path{fill:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a .pn-button-content pn-icon svg>path{fill:#ffffff}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover .pn-button-bg{background-color:#0d234b;transition:backgrond-color linear 1s}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header [slot=siteheader-menu-top-button] a:hover .pn-button-content pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header a{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header pn-mainnav-link button{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header pn-mainnav-link button pn-icon svg path{fill:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topleft pn-site-selector .pn-button-dropdown-label:hover{background:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-button-dropdown-label:hover{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-button-dropdown-label:active{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header button.pn-button-dropdown-label:focus{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-logocontainer{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-logocontainer svg.siteheader-logo>path{fill:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright{margin-right:0;align-self:center;margin-left:1rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright .siteheader-logindialog svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright pn-language-selector pn-icon svg>path{fill:#ffffff !important}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:hover{background-color:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:active,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-topright button:focus{background-color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search{display:inline-block;margin-top:auto;margin-bottom:auto;width:fit-content}@media screen and (max-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search pn-search-field{justify-content:flex-end;min-width:inherit}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form{margin-right:0}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container{position:absolute;width:100%}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input{cursor:pointer;background-color:transparent;color:transparent;border:none;position:relative;z-index:3;border-radius:0}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search form:not(:focus-within) .input-container input::placeholder{color:transparent}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .input-container:focus-within{margin-left:2rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .input-container:focus-within input{background-color:#ffffff;color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .siteheader-search pn-button button{width:fit-content;padding:1rem 1.9rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header div.siteheader-menu-top-search .siteheader-search pn-button button .pn-button-bg{background:#0d234b}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-row:last-child pn-marketweb-siteheader-search{display:none}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input{background-color:#ffffff;color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input:hover{border-color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-search form pn-search-field input::placeholder{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}@media screen and (max-width: 768px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:flex;color:#0d234b;flex-direction:column;gap:0.5rem}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-bg{background-color:#fbc2c1}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content{font-weight:500;color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content pn-icon svg>path{fill:#0d234b}}@media screen and (max-width: 768px) and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] .pn-button-content pn-icon svg>path{fill:#ffffff}}@media screen and (max-width: 768px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-bg{background-color:#0d234b;transition:backgrond-color linear 1s}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-content pn-icon svg>path{fill:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta] a:hover .pn-button-text{color:#ffffff}}@media screen and (max-width: 1024px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:focus,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:hover{color:#ffffff;background-color:#00a0d6;box-shadow:0 0 0 0.2rem #ffffff, 0 0 0 0.4rem #00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:focus svg>path,.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer pn-button-dropdown button:hover svg>path{fill:#ffffff}}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#ffffff}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:hover{background-color:#005d92}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:active{background-color:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button:focus{background-color:#00a0d6}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button svg>path{fill:#ffffff}@media screen and (max-width: 1024px){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button{color:#0d234b}.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer button pn-icon svg>path{fill:#0d234b}}@media screen and (min-width: 48em){.header-wrapper[data-header-theme=tpl]>pn-marketweb-siteheader>header .siteheader-menu-footer [slot=menu-footer-cta]{display:none}}';const p=s;const l=class{constructor(a){e(this,a);this.changeLanguage=t(this,"changeLanguage",7);this.changeMarket=t(this,"changeMarket",7);this.market=null;this.language=null;this.siteid=null;this.environment=null;this.userToken="";this.userFullname="";this.userLoggedin=false;this.endpoint=null;this.hideSiteSelector=false;this.hideHomeMenuItem=false;this.hideLanguageSelector=false;this.hideSearch=false;this.hideLogin=false;this.showProfileSelection=false;this.showUnifiedLogin=false;this.siteDomainInUrls=false;this.AutocompleteEndpoint="";this.sessionForward=false;this.cache=false;this.searchPlaceholder="";this.spaMode=false;this.checkUserLoggedInStateInterval=0;this.useMarketwebLogin=false;this.pageId="";this.i18n={searchlabel:"",searchplaceholder:"",searchbuttontext:"",menuHomeButton:"",menuGoBackButton:"",mainMenuButton:"",menuStartButton:"",profileSelectionFlyoutHeading:"",unifiedLoginButton:"",unifiedMyPagesButton:"",home:"Home"};this.gotData=false;this.fetchingData=false;this.homePageLink="/";this.menuItems=[];this.siteDefinition=undefined;this.search={AutocompleteEndpoint:this.AutocompleteEndpoint};this.siteSelector=null;this.languageSelector=null;this.languageOptions=[];this.loginDialog=null;this.minimizeSearch=false;this.loggedIn=false}get hostElement(){return a(this)}endpointPath="/api/navigation/header";fetchHelper=new d("siteheader");changeLanguage;changeMarket;componentWillLoad(){this.setInitialValues().then((()=>{this.init()}))}async setInitialValues(e=window.location.href){const t=new o(e);if(!this.market){const e=await t.getMarket();this.market=e}if(!this.language){const e=await t.getLanguage();this.language=e}if(!this.environment){this.environment=await t.getEnvironmentName()}if(!this.endpoint&&this.environment?.indexOf("local")===-1){this.endpoint=await t.getEndpoint(this.environment,this.market)}if(!this.endpoint){this.endpoint=""}}async init(){this.setTranslations();await this.fetchData();window.setTimeout((()=>{this.checkMenuOverflow()}),50)}setTranslations(){if(this.language&&h[this.language]){this.i18n=h[this.language]}if(this.searchPlaceholder){this.i18n.searchplaceholder=this.searchPlaceholder}}onLanguageSelectorChange(e){this.language=e.detail;window.dispatchEvent(new CustomEvent("marketweb-languagechange",{detail:this.language}))}onLanguageChange(){this.setTranslations();this.changeLanguage.emit(this.language);this.fetchData()}onMarketChange(){this.changeMarket.emit(this.market);this.fetchData()}async fetchData(){if(this.endpoint===null||!this.market||!this.language){return}this.fetchingData=true;const e=this.endpoint.lastIndexOf("/")===this.endpoint.length-1?this.endpoint.substring(0,this.endpoint.length-1):this.endpoint;const t=`${e}${this.endpointPath}?market=${this.market}&language=${this.language}&currentPage=${this.pageId}`;const a=await this.fetchHelper.fetchJson(t,{mode:"cors"},this.cache);await this.setStateFromData(a)}getLanguageVersionUrl(e){if(this.spaMode){return null}const t=document.querySelector(`link[rel="alternate"][hreflang="${e.twoLetterISOLanguageName}"]`);if(t){return t.getAttribute("href")}const a=this.siteDefinition.url;return a+(a.lastIndexOf("/")!==a.length-1?"/":"")+e.twoLetterISOLanguageName}async setStateFromData(e){if(typeof e!=="object"){console.warn("Data was not valid",e)}this.siteDefinition=e.sitedefinition;if(i.loginManager){i.loginManager.setSiteUrl(this.siteDefinition.url)}let t=[];if(this.siteDomainInUrls){t=e.mainMenu.menuItems.map((e=>this.adjustMenuItemUrls(e)))}else{t=e.mainMenu.menuItems}if((!t[0]||t[0]?.name!==this.i18n.menuHomeButton)&&!this.hideHomeMenuItem){t.unshift({href:this.siteDefinition.url,name:this.i18n.menuHomeButton,id:"homelink",open:false,selected:false,children:[]})}this.menuItems=t;this.search={...e.search,...{AutocompleteEndpoint:this.AutocompleteEndpoint}};this.siteSelector=e.siteSelectorViewModel;this.languageSelector=e.languageSelectorViewModel;this.setLanguageOptions();let a=e.loginViewModel;if(a&&this.siteDomainInUrls){a.loggedInLinks=a.loggedInLinks.map((e=>{e.href=this.adjustHref(e.href);return e}));a.loginMenuLinks=a.loginMenuLinks.map((e=>{e.href=this.adjustHref(e.href);return e}))}this.loginDialog=a;await this.spaModeAdjustments();this.gotData=true;this.fetchingData=true;this.homePageLink=this.siteDefinition?.url??document.location.hostname;window.setTimeout((()=>{this.checkMenuOverflow()}),100)}adjustMenuItemUrls(e){e.href=this.adjustHref(e.href);if(e.children&&e.children.length>0){let t=e.children.map((e=>this.adjustMenuItemUrls(e)));e.children=t}return e}adjustHref(e){if(e.indexOf("http")===0){return e}const t=this.siteDefinition.url.lastIndexOf("/")===this.siteDefinition.url.length-1?this.siteDefinition.url.substring(0,this.siteDefinition.url.length-1):this.siteDefinition.url;return this.removeDoubleLanguage(t+e)}removeDoubleLanguage(e){let t=this.language.toLocaleLowerCase()+"/";let a="/"+t+t;if(e.includes(a)){return e.replace(a,"/"+t)}return e}setLanguageOptions(){if(!this.languageSelector||!this.languageSelector.languages){return}const e=Array.prototype.slice.call(document.querySelectorAll('link[rel="alternate"][hreflang]'))??[];const t=e.map((e=>{let t=e.getAttribute("hreflang");if(t.indexOf("en-")!==-1||t.indexOf("en_")!==-1){t=t.substring(0,2)}return t}));let a=[];this.languageSelector.languages.map((e=>{if(t&&t.length>0){if(t.includes(e.twoLetterISOLanguageName)){a.push(e)}}else{a.push(e)}}));this.languageOptions=a}async spaModeAdjustments(){if(!this.spaMode){return}return}onLoginStateChange(e){if(e.detail?.loggedIn&&e.detail?.token){this.loggedIn=e.detail?.loggedIn===true}}promotedItemId(e){return"promo-"+e.linkText.replace(/[^A-Za-z0-9.\\\/]/gim,"")}handleResize(){requestAnimationFrame((()=>{this.checkMenuOverflow()}))}checkMenuOverflow(){const e=this.hostElement.querySelectorAll(".siteheader-row")[1];if(!e){return}const t=e.querySelector("pn-mainnav-level");if(!t){return}const a=t.parentElement;if(a.tagName.toLocaleLowerCase()!=="nav"){return}const r=a.scrollWidth;const n=t.clientWidth;const d=r<n;if(d&&this.minimizeSearch===false){this.minimizeSearch=true}}adjustSiteSelectorUrl(e){if(!this.loggedIn){return e}const t=["portal.postnord.com"];const a=t.filter((t=>e.indexOf(t)!==-1));if(a.length===0){return e}if(i.loginManager){return i.loginManager.getLoginUrl(e)}return e}getFallbackValue(e,t){return e&&e.trim()!==""?e:t}render(){const e={...this.i18n,home:this.getFallbackValue(this.i18n.home,"Home")};return r(n,{key:"861d96da629da99f8a7eb0a77abf94c77b055ce0",language:this.language,market:this.market,environment:this.environment},r("header",{key:"402c1e5ab0a766832996c3923268430b62c9ed2c"},r("div",{key:"e9d613cc21d6d31d7b202f3f05933cb38d645020",class:"siteheader-row"},r("div",{key:"2fc8c6badb8f0696f9e83723f504fbfd2da02395",class:"siteheader-topleft"},r("slot",{key:"f7c5f52d59a7efa58b24afe5e537cce2532a1d14",name:"topleft"}),this.gotData&&this.siteSelector&&!this.hideSiteSelector&&r("pn-site-selector",{key:"14cf24070be0a3db793e33e6de3e7ab4a8e6d243",language:this.language,buttontext:this.siteSelector?.currentSiteTitle??"postnord"},this.gotData&&this.siteSelector?.currentSiteTitle&&r("pn-site-selector-item",{key:"517880dd883999e0ed4250b1438f151e826bf7b1",heading:this.siteSelector.currentSiteTitle+" ",description:this.siteSelector.currentSiteDescription}),this.gotData&&this.siteSelector?.siteSelections&&this.siteSelector.siteSelections.map((e=>r("pn-site-selector-item",{heading:e.linkText+" ",description:e.linkDescription,url:this.adjustSiteSelectorUrl(e.href),newwindow:e.openInNewWindow}))))),r("div",{key:"fdd8c81a1c9c84e69dcc1cfd878d48e3f676b52b",class:"siteheader-logocontainer"},r("a",{key:"74f777c9f3470e10f78aa490b5943ef571159aa8",href:this.homePageLink,title:e.home,"aria-label":e.home,class:"siteheader-logolink"},r("slot",{key:"80aeb67ca804c1cd66845cf90ccfd7c61bf7e95f",name:"logo"},r("svg",{key:"a189576db0fffe3e464ac875157f1016d385cfc0",class:"siteheader-logo",xmlns:"http://www.w3.org/2000/svg",width:"12.7rem",height:"2.4rem",viewBox:"0 0 141.73 26.65",role:"img","aria-label":"PostNord"},r("path",{key:"4536258c7058d96891734df162a51aba6355a4d2",d:"M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z",fill:"#00A0D6",transform:"translate(0 0)"}))))),r("div",{key:"f4cc5811192792ddb5e0bbfef201f4675c85afa2",class:"siteheader-topright"},r("slot",{key:"62ba1ec549bffabd264390f5c63b52b3758dc5cb",name:"toprightstart"}),this.gotData&&this.loginDialog&&!this.hideLogin&&r("pn-marketweb-siteheader-login",{key:"084bd6ccb455df43030016323a571c0fbadbee49",token:this.userToken,siteUrl:this.siteDefinition.url,fullname:this.userFullname,loggedin:this.userLoggedin,loginDialog:this.loginDialog,endpoint:this.endpoint,i18n:this.i18n,showProfileSelection:this.showProfileSelection,showUnifiedLogin:this.showUnifiedLogin,"check-user-logged-in-state-interval":this.checkUserLoggedInStateInterval,useMarketwebLogin:this.useMarketwebLogin,environment:this.environment}),this.gotData&&this.languageOptions&&this.languageOptions.length&&!this.hideLanguageSelector&&r("pn-language-selector",{key:"3f9fccee32d0416c2b23fc250b3b2512e8bde724",value:this.language},this.languageOptions.map((e=>r("pn-language-selector-option",{name:e.nativeName,code:e.twoLetterISOLanguageName,selected:e.isCurrent,url:this.getLanguageVersionUrl(e)})))),r("slot",{key:"41350c96d1cd1149033f3904c5bc624d9c5e3f3b",name:"toprightend"}),r("div",{key:"ba8d9220f29a77fcfbbd9d11f94b156adeae387a",class:"siteheader-menu-top-search"},r("pn-marketweb-siteheader-search",{key:"44152b66a6dd180e665269cfa86416cb96853aae",language:this.language,siteid:this.siteid,search:this.search,"hide-search":this.hideSearch,i18n:this.i18n,icononly:true})))),r("slot",{key:"4596e271b130f4624a6d642d5ce6e2ef2d56f253",name:"siteheader-menu-top-button"}),r("div",{key:"c804197de0ce1c71a506ae73dc6c86ac8e72643b",class:"siteheader-row"},r("div",{key:"45a8125255cb92921ac55559fa8acf4708a60140",class:"siteheader-menu"},this.gotData&&this.menuItems&&r("pn-mainnav",{key:"15e82581832329a78501ab95f270f5e1a2189186",market:this.market,language:this.language,onMenuOpenChange:e=>{document.body.setAttribute("data-siteheader-menuopen",e.detail+"")}},r("pn-mainnav-level",{key:"0663599f28fb2612ffe4464cb5afb14184a7d9a0"},r("pn-mainnav-list",{key:"c8d50592a89b3c6ee8758a2d15f0a09bdd607288"},this.menuItems.map((e=>r("pn-mainnav-link",{name:e.name,href:e.href,itemid:e.id,target:e.linkTarget??"_self",linkid:e.trackingId},(e.promotedMenuItems&&e.promotedMenuItems.length>0||e.children&&e.children.length>0)&&r("pn-mainnav-level",{label:e.name},e.children.length>0&&r("pn-mainnav-list",{heading:e.navigationHeading??""},e.children.map((e=>r("pn-mainnav-link",{name:e.name,href:e.href,target:e.linkTarget??"_self",linkid:e.trackingId})))),e.promotedMenuItems&&e.promotedMenuItems.length>0&&r("pn-mainnav-list",{heading:e.promotedMenuItemsHeader},e.promotedMenuItems.map((t=>r("pn-mainnav-link",{href:t.href,name:t.linkText,target:t.openInNewWindow?"_blank":"_self",linkid:this.promotedItemId(t)+e.id}))))))))),r("div",{key:"be4f6b48cbb68aa2dab4c4059a06106da932a863",slot:"footer",class:"siteheader-menu-footer"},r("slot",{key:"f3bcf649a62f074c03e094233d4436a8c78175b0",name:"menu-footer-cta"}),this.gotData&&this.loginDialog&&!this.hideLogin&&r("pn-marketweb-siteheader-login",{key:"e4a995a152fecaef87e8592f88958834beaf6d92",token:this.userToken,siteUrl:this.siteDefinition.url,loginDialog:this.loginDialog,endpoint:this.endpoint,fullname:this.userFullname,loggedin:this.userLoggedin,i18n:this.i18n,showProfileSelection:this.showProfileSelection,showUnifiedLogin:this.showUnifiedLogin,environment:this.environment,"check-user-logged-in-state-interval":this.checkUserLoggedInStateInterval,useMarketwebLogin:this.useMarketwebLogin}),this.gotData&&this.languageOptions&&this.languageOptions.length&&!this.hideLanguageSelector&&r("pn-language-selector",{key:"95f3634907641fb260400cfa9bcff33c4c6c97ad",value:this.language},this.languageOptions.map((e=>r("pn-language-selector-option",{name:e.nativeName,code:e.twoLetterISOLanguageName,selected:e.isCurrent,url:this.getLanguageVersionUrl(e)})))),!this.hideSiteSelector&&r("pn-site-selector",{key:"364d9904cc82ed5f876f6262f1e9c2b5a6220941",language:this.language},this.gotData&&this.siteSelector?.currentSiteTitle&&r("pn-site-selector-item",{key:"42bc5a32f680875f0d04324795ddcc508ac2ae63",heading:this.siteSelector.currentSiteTitle,description:this.siteSelector.currentSiteDescription}),this.gotData&&this.siteSelector?.siteSelections&&this.siteSelector.siteSelections.map((e=>r("pn-site-selector-item",{heading:e.linkText,description:e.linkDescription,url:e.pageLink,newwindow:e.openInNewWindow}))))),r("div",{key:"6f88b4eafc076025afdfb9f39e14a18a3ba26b0f",slot:"top",class:"siteheader-menu-top"},r("pn-marketweb-siteheader-search",{key:"24aad934ff5bb5441d56f68e3b1b997ddd0598d0",language:this.language,siteid:this.siteid,search:this.search,"hide-search":this.hideSearch,i18n:this.i18n}))))),r("pn-marketweb-siteheader-search",{key:"1a59878d744d8489c2852092acf0539ccee04dca",language:this.language,siteid:this.siteid,primary:true,search:this.search,"hide-search":this.hideSearch,"show-only-link":this.minimizeSearch,i18n:this.i18n}),r("slot",{key:"62e2988bc7ebfc177e484408905e2c09ffe410c0",name:"header-bottom-button"}))))}static get watchers(){return{language:["onLanguageChange"],market:["onMarketChange"]}}};l.style=p;export{l as pn_marketweb_siteheader};
+//# sourceMappingURL=p-54f3a3b6.entry.js.map

package/pn-market-web-components/p-54f3a3b6.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["translations","sv","searchlabel","searchplaceholder","searchbuttontext","menuHomeButton","menuGoBackButton","mainMenuButton","menuStartButton","profileSelectionFlyoutHeading","unifiedLoginButton","unifiedMyPagesButton","home","en","da","no","fi","de","zh","it","nl","es","fr","tr","pt","pl","pnMarketwebSiteheaderCss","PnMarketwebSiteheaderStyle0","PnMarketwebSiteheader","AutocompleteEndpoint","this","endpointPath","fetchHelper","FetchHelper","changeLanguage","changeMarket","componentWillLoad","setInitialValues","then","init","href","window","location","marketWebContextService","MarketWebContextService","market","resolvedMarket","getMarket","language","getLanguage","environment","getEnvironmentName","endpoint","indexOf","getEndpoint","setTranslations","fetchData","setTimeout","checkMenuOverflow","i18n","searchPlaceholder","onLanguageSelectorChange","e","detail","dispatchEvent","CustomEvent","onLanguageChange","emit","onMarketChange","fetchingData","endpointBase","lastIndexOf","length","substring","fetchUrl","pageId","data","fetchJson","mode","cache","setStateFromData","getLanguageVersionUrl","item","spaMode","alternativeTag","document","querySelector","twoLetterISOLanguageName","getAttribute","siteUrl","siteDefinition","url","console","warn","sitedefinition","headerState","loginManager","setSiteUrl","updatedMenuItems","siteDomainInUrls","mainMenu","menuItems","map","adjustMenuItemUrls","name","hideHomeMenuItem","unshift","id","open","selected","children","search","siteSelector","siteSelectorViewModel","languageSelector","languageSelectorViewModel","setLanguageOptions","loginDialog","loginViewModel","loggedInLinks","adjustHref","loginMenuLinks","spaModeAdjustments","gotData","homePageLink","hostname","adjustedItems","domainUrl","removeDoubleLanguage","languageSegment","toLocaleLowerCase","doubleLanguageSegment","includes","replace","languages","hrefLangsTags","Array","prototype","slice","call","querySelectorAll","hrefLangs","tag","hrefLangValue","languageOptions","languageOption","push","onLoginStateChange","loggedIn","token","promotedItemId","linkText","handleResize","requestAnimationFrame","row","hostElement","firstMenuLevel","parent","parentElement","tagName","parentWidth","scrollWidth","elmWidth","clientWidth","isOverFlowed","minimizeSearch","adjustSiteSelectorUrl","loginDomains","matchedHref","filter","domain","getLoginUrl","getFallbackValue","value","fallback","trim","render","h","Host","key","class","hideSiteSelector","buttontext","currentSiteTitle","heading","description","currentSiteDescription","siteSelections","site","linkDescription","newwindow","openInNewWindow","title","xmlns","width","height","viewBox","role","d","fill","transform","hideLogin","userToken","fullname","userFullname","loggedin","userLoggedin","showProfileSelection","showUnifiedLogin","checkUserLoggedInStateInterval","useMarketwebLogin","hideLanguageSelector","nativeName","code","isCurrent","siteid","hideSearch","icononly","onMenuOpenChange","body","setAttribute","itemid","target","linkTarget","linkid","trackingId","promotedMenuItems","label","navigationHeading","childitem","promotedMenuItemsHeader","slot","pageLink","primary"],"sources":["src/components/layout-components/pn-marketweb-siteheader/translations.ts","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.scss?tag=pn-marketweb-siteheader","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader.tsx"],"sourcesContent":["export const translations = {\n  'sv': {\n    searchlabel: 'Sök',\n    searchplaceholder: 'Vad letar du efter?',\n    searchbuttontext: 'Sök',\n    menuHomeButton: 'Hem',\n    menuGoBackButton: 'Gå tillbaka',\n    mainMenuButton: 'Meny',\n    menuStartButton: 'Start',\n    profileSelectionFlyoutHeading: 'Inloggad som',\n    unifiedLoginButton: 'Logga in',\n    unifiedMyPagesButton: 'Mina sidor',\n    home: 'Hem',\n  },\n  'en': {\n    searchlabel: 'Search',\n    searchplaceholder: 'Search',\n    searchbuttontext: 'Search',\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    profileSelectionFlyoutHeading: 'Logged in as',\n    unifiedLoginButton: 'Log in',\n    unifiedMyPagesButton: 'My pages',\n    home: 'Home',\n  },\n  'da': {\n    searchlabel: 'Søg',\n    searchplaceholder: 'Søg',\n    searchbuttontext: 'Søg',\n    menuHomeButton: 'Hjem',\n    menuGoBackButton: 'Gå tilbage',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    profileSelectionFlyoutHeading: 'Logget ind som',\n    unifiedLoginButton: 'Log ind',\n    unifiedMyPagesButton: 'Mine sider',\n    home: 'Hjem',\n  },\n  'no': {\n    searchlabel: 'Søk',\n    searchplaceholder: 'Søk',\n    searchbuttontext: 'Søk',\n    menuHomeButton: 'Hjem',\n    menuGoBackButton: 'Gå tilbake',\n    mainMenuButton: 'Meny',\n    menuStartButton: 'Start',\n    profileSelectionFlyoutHeading: 'Logget på som',\n    unifiedLoginButton: 'Logg inn',\n    unifiedMyPagesButton: 'Sidene mine',\n    home: 'Hjem',\n  },\n  'fi': {\n    searchlabel: 'Hae',\n    searchplaceholder: 'Hae',\n    searchbuttontext: 'Hae',\n    menuHomeButton: 'Koti',\n    menuGoBackButton: 'Mene takaisin',\n    mainMenuButton: 'Valikko',\n    menuStartButton: 'Alkaa',\n    profileSelectionFlyoutHeading: 'Kirjautunut sisään nimellä',\n    unifiedLoginButton: 'Kirjaudu sisään',\n    unifiedMyPagesButton: 'Minun sivujani',\n    home: 'Koti',\n  },\n  'de': {\n    searchlabel: 'Suche',\n    searchplaceholder: 'Wonach suchen Sie?',\n    searchbuttontext: 'Suche',\n    menuHomeButton: 'Start',\n    menuGoBackButton: 'Geh zurück',\n    mainMenuButton: 'Menü',\n    menuStartButton: 'Start',\n    profileSelectionFlyoutHeading: 'Eingeloggt als',\n    unifiedLoginButton: 'Anmeldung',\n    unifiedMyPagesButton: 'Meine Seiten',\n    home: 'Start',\n  },\n  'zh': {\n    searchlabel: '搜索',\n    searchplaceholder: '搜索',\n    searchbuttontext: '搜索',\n    menuHomeButton: '主页',\n    menuGoBackButton: '回去',\n    mainMenuButton: '选择菜单',\n    menuStartButton: '开始',\n    home: '主页',\n  },\n  'it': {\n    searchlabel: 'Cerca',\n    searchplaceholder: 'Cerca',\n    searchbuttontext: 'Cerca',\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    profileSelectionFlyoutHeading: 'Logged in as',\n    unifiedLoginButton: 'Log in',\n    unifiedMyPagesButton: 'My pages',\n    home: 'Home',\n\n  },\n  'nl': {\n    searchlabel: 'Zoeken',\n    searchplaceholder: 'Zoeken',\n    searchbuttontext: 'Zoeken',\n    menuHomeButton: 'Home',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    profileSelectionFlyoutHeading: 'Logged in as',\n    unifiedLoginButton: 'Log in',\n    unifiedMyPagesButton: 'My pages',\n    home: 'Home',\n  },\n  'es': {\n    searchplaceholder: 'Buscar',\n    searchlabel: 'Buscar',\n    searchbuttontext: 'Buscar',\n    menuHomeButton: 'Inicio',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    profileSelectionFlyoutHeading: 'Logged in as',\n    unifiedLoginButton: 'Log in',\n    unifiedMyPagesButton: 'My pages',\n    home: 'Inicio',\n  },\n  'fr': {\n    searchplaceholder: 'Recherche',\n    searchlabel: 'Recherche',\n    searchbuttontext: 'Recherche',\n    menuHomeButton: 'Accueil',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    profileSelectionFlyoutHeading: 'Logged in as',\n    unifiedLoginButton: 'Log in',\n    unifiedMyPagesButton: 'My pages',\n    home: 'Accueil',\n  },\n  'tr': {\n    searchlabel: 'Ara',\n    searchplaceholder: 'Ara',\n    searchbuttontext: 'Ara',\n    menuHomeButton: 'Anasayfa',\n    menuGoBackButton: 'Geri git',\n    mainMenuButton: 'Menü',\n    menuStartButton: 'Başlat',\n    profileSelectionFlyoutHeading: 'Oturum açma adı',\n    unifiedLoginButton: 'Oturum aç',\n    unifiedMyPagesButton: 'Sayfalarım',\n    home: 'Anasayfa',\n  },\n  'pt': {\n    searchlabel: 'Search',\n    searchplaceholder: 'Search',\n    searchbuttontext: 'Search',\n    menuHomeButton: 'Página inicial',\n    menuGoBackButton: 'Go back',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Start',\n    profileSelectionFlyoutHeading: 'Logged in as',\n    unifiedLoginButton: 'Log in',\n    unifiedMyPagesButton: 'My pages',\n  },\n  'pl': {\n    searchlabel: 'Szukaj',\n    searchplaceholder: 'Szukaj',\n    searchbuttontext: 'Szukaj',\n    menuHomeButton: 'Strona główna',\n    menuGoBackButton: 'Powrót',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Początek',\n    profileSelectionFlyoutHeading: 'Zalogowany(-a) jako',\n    unifiedLoginButton: 'Logowanie',\n    unifiedMyPagesButton: 'Moje strony',\n    home: 'Strona główna',\n  },\n  'pt-BR': {\n    searchlabel: 'Buscar',\n    searchplaceholder: 'Buscar',\n    searchbuttontext: 'Buscar',\n    menuHomeButton: 'Página inicial',\n    menuGoBackButton: 'Voltar',\n    mainMenuButton: 'Menu',\n    menuStartButton: 'Iniciar',\n    profileSelectionFlyoutHeading: 'Login efetuado como',\n    unifiedLoginButton: 'Fazer login',\n    unifiedMyPagesButton: 'Minhas páginas',\n  },\n};\n","@import \"../../../globals/main.scss\";\n\n@import \"./pn-marketweb-siteheader-common.scss\";\n\nbody[data-siteheader-menuopen=\"true\"] {\n  max-height: 100vh;\n  overflow: hidden;\n  @media screen and (min-width: $siteheader-media-smalldesktop) {\n    max-height: initial;\n    overflow: initial;\n  }\n}\n\npn-marketweb-siteheader {\n  display: block;\n  background: $white;\n  header {\n    position: relative;\n    z-index: 1000;\n    display: flex;\n    flex-flow: column;\n    box-shadow: $siteheader-shadow-elevation8;\n    flex-direction: row;\n    justify-content: space-between;\n    @media screen and (min-width: $siteheader-media-tablet) {\n      flex-direction: column;\n      justify-content: initial;\n    }\n  }\n\n  .siteheader-row {\n    display: flex;\n    flex-flow: row;\n    align-items: center;\n\n    width: 100%;\n    padding: 0 1.6rem;\n\n    min-height: 2em;\n    &:not(:last-child) {\n      border-bottom: 0.1rem solid $gray50;\n    }\n    @media screen and (min-width: $siteheader-media-tablet) {\n      justify-content: space-between;\n      min-height: 3.2em;\n    }\n\n    @media screen and (max-width: $siteheader-media-tablet) {\n      &:last-child {\n        justify-content: flex-end;\n      }\n    }\n  }\n\n  .siteheader-topright {\n    display: flex;\n    flex-direction: row;\n  }\n\n  .siteheader-logocontainer {\n    display: flex;\n    align-items: center;\n    position: relative;\n    min-height: 3em;\n    background: $white;\n    z-index: 1;\n\n    @media screen and (min-width: $siteheader-media-tablet) {\n      position: absolute;\n      left: 50%;\n      transform: translateX(-50%);\n    }\n  }\n  .siteheader-logolink {\n    height: 100%;\n    max-height: 6.4rem;\n    display: flex;\n    align-items: center;\n    &:hover,\n    &:focus,\n    &:active {\n      box-shadow: none;\n    }\n  }\n\n  .siteheader-row > pn-marketweb-siteheader-search {\n    display: none;\n    @media screen and (min-width: $siteheader-media-tablet) {\n      display: block;\n      max-width: 30rem;\n      min-width: 23.3rem;\n      width: 100%;\n    }\n  }\n\n  .siteheader-row pn-button {\n    button:hover {\n      .pn-button-bg,\n      .pn-button-bg::after {\n        background-color: $blue50;\n      }\n    }\n  }\n\n  pn-spinner {\n    display: none;\n  }\n\n  pn-button-dropdown:not(.hydrated) {\n    .pn-button-dropdown-container {\n      display: none;\n    }\n  }\n\n  pn-button {\n    button {\n      font-weight: 400 !important;\n      padding: 0.5rem !important;\n\n      .pn-button-bg:after {\n        border-radius: 0.8rem !important;\n      }\n    }\n  }\n}\n\n.siteheader-topleft {\n  pn-site-selector {\n    padding: 1rem 0;\n    display: none;\n    @media screen and (min-width: $siteheader-media-tablet) {\n      display: block;\n    }\n    @media screen and (min-width: $siteheader-media-smalldesktop) {\n      margin-left: 1.3rem;\n    }\n    .pn-button-dropdown-label,\n    &:is(a) {\n      font-size: 0;\n      pn-icon {\n        font-size: initial;\n        margin-left: 0;\n      }\n      @media screen and (min-width: $siteheader-media-smalldesktop) {\n        font-size: initial;\n        pn-icon {\n          margin-left: 0.4em;\n        }\n      }\n    }\n  }\n}\n.siteheader-topright {\n  @media screen and (min-width: $siteheader-media-smalldesktop) {\n    margin-right: 1.6rem;\n  }\n  > pn-language-selector,\n  > pn-marketweb-siteheader-login,\n  > a {\n    //pn-language-selector {\n    padding: 1rem 0;\n    display: none;\n    align-self: center;\n    @media screen and (min-width: $siteheader-media-tablet) {\n      display: block;\n      margin-left: 1rem;\n    }\n    @media screen and (min-width: $siteheader-media-smalldesktop) {\n      margin-left: 1.6rem;\n    }\n\n    .pn-button-dropdown-label,\n    &:is(a) {\n      font-size: 0;\n      pn-icon {\n        font-size: initial;\n        margin-left: 0;\n      }\n      @media screen and (min-width: $siteheader-media-smalldesktop) {\n        font-size: initial;\n        pn-icon {\n          margin-left: 0.4em;\n        }\n      }\n    }\n  }\n}\n\n.siteheader-menu {\n  max-width: 100%;\n  overflow: visible;\n  overflow-x: clip;\n  @media screen and (min-width: $siteheader-media-smalldesktop) {\n    margin-top: auto;\n    overflow: visible;\n  }\n  pn-mainnav-link a[target] {\n    &::after {\n      content: none;\n    }\n  }\n\n  pn-marketweb-siteheader-search {\n    padding: 0.3rem 1.6rem;\n    width: 100%;\n  }\n  [slot=\"top\"] pn-search-field {\n    width: 100%;\n  }\n}\n\n.siteheader-menu-footer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  > * {\n    margin: 1.6rem;\n  }\n}\n\n.header-wrapper[data-header-theme=\"dotcom\"] {\n  & > pn-marketweb-siteheader {\n    pn-button a {\n      text-decoration: none;\n      &:hover {\n        text-decoration: none;\n      }\n    }\n\n    & > header {\n      background-color: $blue900;\n      box-shadow: none;\n\n      .siteheader-row:not(:last-child) {\n        border-bottom: 0.1rem solid $blue900;\n      }\n\n      .siteheader-row pn-button button:hover {\n        .pn-button-bg,\n        .pn-button-bg::after {\n          background-color: $blue700 !important;\n        }\n      }\n\n      .siteheader-topleft {\n        pn-site-selector .pn-button-dropdown-label {\n          color: $white;\n          pn-icon {\n            svg > path {\n              fill: $white;\n            }\n          }\n        }\n\n        button.pn-button-dropdown-label {\n          &:hover {\n            background-color: $blue700;\n          }\n          &:active {\n            background-color: $blue400;\n          }\n          &:focus {\n            background-color: $blue400;\n          }\n        }\n      }\n\n      .siteheader-logocontainer {\n        background-color: $blue900;\n        svg.siteheader-logo > path {\n          fill: $blue400;\n        }\n      }\n\n      .siteheader-topright {\n        .siteheader-logindialog {\n          svg > path {\n            fill: $white;\n          }\n        }\n\n        pn-language-selector {\n          pn-icon {\n            svg > path {\n              fill: $white !important;\n            }\n          }\n        }\n\n        button {\n          color: $white;\n\n          &:hover {\n            background-color: $blue700;\n          }\n          &:active {\n            background-color: $blue700;\n          }\n          &:focus {\n            background-color: $blue700;\n          }\n        }\n\n        [slot=\"toprightend\"] {\n          @media screen and (max-width: $siteheader-media-tablet) {\n            display: none;\n          }\n          align-self: center;\n          margin-left: 1rem;\n        }\n      }\n\n      .siteheader-menu {\n        .mainnav-toggle {\n          button {\n            background-color: $blue700;\n          }\n        }\n        .first-level_icon {\n          svg > path {\n            fill: $white;\n          }\n        }\n      }\n\n      .siteheader-search form pn-search-field {\n        input {\n          background-color: $white;\n          color: $blue900;\n          border: 0.1rem solid $white;\n          padding: 0.65rem 1.5rem;\n\n          &:hover {\n            border-color: $white;\n          }\n          &::placeholder {\n            color: $blue900;\n          }\n        }\n      }\n\n      //main-nav-level\n      nav.mainnav {\n        background-color: $blue900;\n\n        @media screen and (min-width: $siteheader-media-tablet) {\n          top: 6.4em;\n        }\n\n        pn-mainnav-level {\n          [slot=\"top\"].siteheader-menu-top {\n            pn-marketweb-siteheader-search {\n              padding-bottom: 0.5rem;\n              background-color: $blue900;\n\n              .button-container {\n                border-top: 1px solid $white;\n                border-bottom: 1px solid $white;\n                border-right: 1px solid $white;\n                border-top-right-radius: 50%;\n                border-bottom-right-radius: 50%;\n\n                button.clear {\n                  border: 2px solid $white;\n                  border-radius: 50%;\n                  padding: 0.5rem;\n                }\n              }\n            }\n          }\n\n          .mainnav-level-header {\n            .secondlevel-backbtn {\n              pn-icon {\n                svg > path {\n                  fill: $white;\n                }\n              }\n            }\n          }\n\n          pn-mainnav-level[data-level=\"2\"] {\n            .mainnav-level-header {\n              pn-mainnav-link > a {\n                &:hover {\n                  background-color: $blue400;\n                }\n              }\n            }\n          }\n\n          pn-mainnav-list > pn-mainnav-link {\n            button,\n            a {\n              background-color: $blue900;\n              border-bottom: 0.1rem solid rgba(0, 93, 146, 0.5);\n              &:hover {\n                text-decoration: none;\n              }\n              @media screen and (min-width: 1024px) {\n                border-bottom: none;\n              }\n            }\n          }\n        }\n\n        pn-mainnav-level[data-level=\"1\"] {\n          pn-mainnav-list > pn-mainnav-link {\n            @media screen and (max-width: 1023px) {\n              &:first-child {\n                border-top: 0.1rem solid rgba(0, 93, 146, 0.5);\n              }\n            }\n\n            & a,\n            & button {\n              color: $white;\n              &:focus {\n                outline: none;\n              }\n            }\n          }\n        }\n        pn-mainnav-level:not([data-level=\"1\"]) {\n          background-color: $blue900;\n          pn-mainnav-list {\n            color: $white;\n            pn-mainnav-link > a {\n              &:hover {\n                background-color: $blue400;\n                text-decoration: none;\n              }\n            }\n          }\n        }\n\n        pn-marketweb-siteheader-login-linklist {\n          ul li a:not(.pn-button) {\n            color: $blue700;\n          }\n          ul li a:hover {\n            color: $white;\n          }\n        }\n      }\n\n      [data-level=\"1\"] pn-mainnav-link pn-icon.first-level_arrow {\n        svg > path {\n          fill: $white;\n        }\n      }\n\n      .siteheader-menu-footer {\n        button {\n          color: $white;\n          &:hover {\n            background-color: $blue700;\n          }\n          &:active {\n            background-color: $blue700;\n          }\n          &:focus {\n            background-color: $blue700;\n          }\n\n          svg > path {\n            fill: $white;\n          }\n        }\n\n        [slot=\"menu-footer-cta\"] {\n          @media screen and (min-width: $siteheader-media-tablet) {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n}\n\n.siteheader-menu-top-search {\n  display: none;\n}\n\n.header-wrapper[data-header-theme=\"tpl\"],\n.header-wrapper[data-header-theme=\"dotcom\"] {\n  @media screen and (min-width: $siteheader-media-tablet) {\n    pn-site-selector .pn-button-dropdown-label {\n      border-radius: 48px;\n    }\n  }\n\n  .siteheader-row pn-button.pn-button-dropdown-label {\n    .pn-button[data-variant=\"borderless\"][data-appearance=\"light\"] .pn-button-bg::after {\n      background-color: $blue700 !important;\n    }\n\n    .pn-button[data-appearance=\"light\"] pn-icon .pn-icon-svg path {\n      fill: $white !important;\n    }\n\n    button {\n      .pn-button-text {\n        color: $white !important;\n      }\n    }\n\n\n  }\n}\n\n.header-wrapper[data-header-theme=\"tpl\"] {\n  & > pn-marketweb-siteheader {\n    pn-button a {\n      text-decoration: none;\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n\n    [slot=\"header-bottom-button\"] {\n      @media screen and (max-width: $siteheader-media-tablet) {\n        display: none;\n      }\n\n      display: flex;\n      gap: 1rem;\n      align-items: center;\n\n      a {\n        color: $blue900;\n        font-weight: 500;\n        font-size: 1.6rem;\n        padding: 0.8rem 2.4rem;\n\n        .pn-button-bg {\n          background-color: $coral200;\n        }\n\n        .pn-button-content pn-icon svg > path {\n          fill: $blue900;\n\n          @media screen and (min-width: $siteheader-media-tablet) {\n            fill: $white;\n          }\n        }\n\n        &:hover {\n          color: $white;\n\n          .pn-button-bg {\n            background-color: $blue900;\n            transition: backgrond-color linear 1s;\n          }\n\n          .pn-button-content pn-icon svg > path {\n            fill: $white;\n          }\n        }\n      }\n    }\n    @media screen and (min-width: $siteheader-media-tablet) {\n      .siteheader-row pn-button button:hover {\n        .pn-button-bg,\n        .pn-button-bg::after {\n          background-color: $blue900;\n          transition: initial;\n        }\n      }\n    }\n\n    & > header {\n      .siteheader-row:not(:last-child) {\n        background-color: $blue900;\n        border-bottom: 0.1rem solid $blue900;\n      }\n\n      @media screen and (max-width: $siteheader-media-tablet) {\n        .siteheader-row:last-child {\n          background-color: $blue900;\n        }\n      }\n\n      @media screen and (min-width: $siteheader-media-smalldesktop) {\n        [data-level=\"1\"] pn-mainnav-link > button::before,\n        [data-level=\"1\"] pn-mainnav-link > a::before {\n          background-color: $coral200;\n        }\n      }\n\n      [slot=\"siteheader-menu-top-button\"] {\n        @media screen and (min-width: $siteheader-media-tablet) {\n          display: none;\n        }\n\n        @media screen and (max-width: 415px) {\n          display: none;\n        }\n\n        background: $blue900;\n        display: flex;\n        align-items: center;\n\n        a {\n          color: $blue900;\n          font-weight: 500;\n\n          .pn-button-bg {\n            background-color: $coral200;\n          }\n\n          .pn-button-content pn-icon svg > path {\n            fill: $blue900;\n\n            @media screen and (min-width: $siteheader-media-tablet) {\n              fill: $white;\n            }\n          }\n\n          &:hover {\n            color: $white;\n\n            .pn-button-bg {\n              background-color: $blue900;\n              transition: backgrond-color linear 1s;\n            }\n\n            .pn-button-content pn-icon svg > path {\n              fill: $white;\n            }\n          }\n        }\n      }\n\n      a {\n        color: $blue900;\n      }\n\n      pn-mainnav-link button {\n        color: $blue900;\n\n        pn-icon svg path {\n          fill: $blue900;\n        }\n      }\n\n      .siteheader-topleft {\n        pn-site-selector .pn-button-dropdown-label {\n          color: $white;\n\n          pn-icon {\n            svg > path {\n              fill: $white;\n            }\n          }\n\n          &:hover {\n            background: $blue400;\n          }\n        }\n      }\n\n      button.pn-button-dropdown-label {\n        &:hover {\n          background-color: $blue900;\n        }\n\n        &:active {\n          background-color: $blue900;\n        }\n\n        &:focus {\n          background-color: $blue900;\n        }\n      }\n\n      .siteheader-logocontainer {\n        background-color: $blue900;\n\n        svg.siteheader-logo > path {\n          fill: $blue400;\n        }\n      }\n\n      .siteheader-topright {\n        .siteheader-logindialog {\n          svg > path {\n            fill: $white;\n          }\n        }\n\n        pn-language-selector {\n          pn-icon {\n            svg > path {\n              fill: $white !important;\n            }\n          }\n        }\n\n        button {\n          color: $white;\n\n          &:hover {\n            background-color: $blue400;\n          }\n\n          &:active,\n          &:focus {\n            background-color: $blue900;\n          }\n        }\n\n        margin-right: 0;\n        align-self: center;\n        margin-left: 1rem;\n      }\n\n      div.siteheader-menu-top-search {\n        display: inline-block;\n        margin-top: auto;\n        margin-bottom: auto;\n        width: fit-content;\n\n        @media screen and (max-width: $siteheader-media-tablet) {\n          display: none;\n        }\n\n        pn-search-field {\n          justify-content: flex-end;\n          min-width: inherit;\n        }\n\n        form {\n          margin-right: 0;\n        }\n\n        form:not(:focus-within) .input-container {\n          position: absolute;\n          width: 100%;\n\n          input {\n            cursor: pointer;\n            background-color: transparent;\n            color: transparent;\n            border: none;\n            position: relative;\n            z-index: 3;\n            border-radius: 0;\n\n            &::placeholder {\n              color: transparent;\n            }\n          }\n        }\n\n        .input-container:focus-within {\n          margin-left: 2rem;\n\n          input {\n            background-color: $white;\n            color: $blue900;\n          }\n        }\n\n        .siteheader-search pn-button button {\n          width: fit-content;\n          padding: 1rem 1.9rem;\n\n          .pn-button-bg {\n            background: $blue900;\n          }\n        }\n      }\n\n      @media screen and (min-width: $siteheader-media-tablet) {\n        .siteheader-row:last-child pn-marketweb-siteheader-search {\n          display: none;\n        }\n      }\n\n      .siteheader-search form pn-search-field {\n        input {\n          background-color: $white;\n          color: $blue900;\n\n          &:hover {\n            border-color: $white;\n          }\n\n          &::placeholder {\n            color: $blue900;\n          }\n        }\n      }\n\n      .siteheader-menu-footer {\n        [slot=\"menu-footer-cta\"] {\n          display: none;\n        }\n\n\n\n        @media screen and (max-width: $min-width-md) {\n          [slot=\"menu-footer-cta\"] {\n            display: flex;\n            color: $blue900;\n            flex-direction: column;\n            gap: 0.5rem;\n\n            .pn-button-bg {\n              background-color: $coral200;\n            }\n\n            .pn-button-content {\n              font-weight: 500;\n              color: $blue900;\n\n              pn-icon svg > path {\n                fill: $blue900;\n\n                @media screen and (min-width: $siteheader-media-tablet) {\n                  fill: $white;\n                }\n              }\n            }\n\n            a:hover {\n              color: $white;\n\n              .pn-button-bg {\n                background-color: $blue900;\n                transition: backgrond-color linear 1s;\n              }\n\n              .pn-button-content pn-icon svg > path {\n                fill: $white;\n              }\n\n              .pn-button-text {\n                color: $white;\n              }\n            }\n          }\n        }\n\n        @media screen and (max-width: 1024px) {\n          pn-button-dropdown button:focus,\n          pn-button-dropdown button:hover {\n            color: $white;\n            background-color: $blue400;\n            box-shadow:\n              0 0 0 0.2rem $white,\n              0 0 0 0.4rem $blue400;\n\n            svg > path {\n              fill: $white;\n            }\n          }\n        }\n\n        button {\n          color: $white;\n\n          &:hover {\n            background-color: $blue700;\n          }\n\n          &:active {\n            background-color: $blue400;\n          }\n\n          &:focus {\n            background-color: $blue400;\n          }\n\n          svg > path {\n            fill: $white;\n          }\n\n          @media screen and (max-width: 1024px) {\n            color: $blue900;\n\n            pn-icon svg > path {\n              fill: $blue900;\n            }\n          }\n        }\n\n        [slot=\"menu-footer-cta\"] {\n          @media screen and (min-width: $siteheader-media-tablet) {\n            display: none;\n          }\n        }\n      }\n    }\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Listen, Prop, State, Watch } from '@stencil/core';\n\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport {\n  LanguageSelector,\n  LanguageSelectorItem,\n  LoginDialog,\n  MenuItem,\n  MenuSiteDefinition,\n  PromotedMenuItem,\n  SiteHeaderI18N,\n  SiteHeaderSearch,\n  SiteSelector,\n} from './pn-marketweb-siteheader-types';\nimport { translations } from './translations';\n\n/**\n * @slot topleft - Text\n * @slot logo - Text\n * @slot toprightstart - Text\n * @slot toprightend - Text\n * @slot siteheader-menu-top-button - Text\n * @slot menu-footer-cta - Text\n * @slot header-bottom-button - Text\n */\n@Component({\n  tag: 'pn-marketweb-siteheader',\n  styleUrl: 'pn-marketweb-siteheader.scss',\n})\nexport class PnMarketwebSiteheader {\n  @Element() hostElement: Element;\n  endpointPath = '/api/navigation/header';\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 language we want to show (sv,da,fi,no,en) */\n  @Prop({ mutable: true, reflect: true }) language: string = null; //sv\n  /** Specifies the current site id (guid) */\n  @Prop() siteid: string = null;\n  /** Specifies which environment we're fetching data from. (production, preproduction, integration, localhost) */\n  @Prop({ mutable: true, reflect: true }) environment: string = null; //sv\n  /** Access token passed from backend */\n  @Prop() userToken: string = '';\n  /** User Fullname */\n  @Prop() userFullname: string = '';\n  /** User Logged in state from the backend */\n  @Prop({ reflect: true }) userLoggedin: boolean = false;\n  /** Specifies which endpoint domain we should load from */\n  @Prop() endpoint: string = null;\n  /** Hides the site selector if set to true*/\n  @Prop({ mutable: true, reflect: true }) hideSiteSelector: boolean = false;\n  /** Hides the \"home\" menu item in the navigation if set to true*/\n  @Prop({ mutable: true, reflect: true }) hideHomeMenuItem: boolean = false;\n  /** Hides the language selector if set to true*/\n  @Prop({ mutable: true, reflect: true }) hideLanguageSelector: boolean = false;\n  /** Hides the search form if set to true*/\n  @Prop({ mutable: true, reflect: true }) hideSearch: boolean = false;\n  /** Hides the login if set to true*/\n  @Prop({ mutable: true, reflect: true }) hideLogin: boolean = false;\n  /** If this is selected we will show the new profile selection dropdown instead of the login version */\n  @Prop({ mutable: true, reflect: true }) showProfileSelection: boolean = false;\n  /** if this is selected we will show the unified-login button aswell as a new look for dropdown menu */\n  @Prop() showUnifiedLogin: boolean = false;\n\n  /** Adjusts the menus URLs */\n  @Prop() siteDomainInUrls: boolean = false;\n\n  /** Autocomplete endpoint */\n  @Prop() AutocompleteEndpoint: string = '';\n  /** Forward session to backend */\n  @Prop() sessionForward: boolean = false;\n  /** If the component should use cached requests */\n  @Prop() cache: boolean = false;\n  /** Header search placeholder */\n  @Prop() searchPlaceholder: string = '';\n\n  /** Event based only language switch */\n  @Prop({}) spaMode: boolean = false;\n\n  /** Continiously check if a user is logged in **/\n  @Prop({}) checkUserLoggedInStateInterval: number = 0;\n\n  @Prop({}) useMarketwebLogin: boolean = false;\n\n  @Prop({}) pageId?: string = '';\n\n  @State() i18n: SiteHeaderI18N = {\n    searchlabel: '',\n    searchplaceholder: '',\n    searchbuttontext: '',\n    menuHomeButton: '',\n    menuGoBackButton: '',\n    mainMenuButton: '',\n    menuStartButton: '',\n    profileSelectionFlyoutHeading: '',\n    unifiedLoginButton: '',\n    unifiedMyPagesButton: '',\n    home: 'Home'\n  } as SiteHeaderI18N;\n\n  @State() gotData: boolean = false;\n  @State() fetchingData: boolean = false;\n  @State() homePageLink: string = '/';\n\n  // Menu state\n  @State() menuItems: MenuItem[] = [];\n  @State() siteDefinition: MenuSiteDefinition;\n\n  // Search\n  @State() search: SiteHeaderSearch = { AutocompleteEndpoint: this.AutocompleteEndpoint };\n\n  // Site selector\n  @State() siteSelector: SiteSelector = null;\n\n  // Language Selector\n  @State() languageSelector: LanguageSelector = null;\n  @State() languageOptions: LanguageSelectorItem[] = [];\n\n  // Login dialog\n  @State() loginDialog: LoginDialog = null;\n\n  @State() minimizeSearch: boolean = false;\n\n  @State() loggedIn: boolean = false;\n\n  // FetchHelper\n  fetchHelper = new FetchHelper('siteheader');\n\n  // // Login manager\n  // @State() loginManager: MarketWebLoginManager = null;\n\n  // Events\n  @Event() changeLanguage: EventEmitter;\n  // Events\n  @Event() changeMarket: EventEmitter;\n\n  componentWillLoad() {\n    this.setInitialValues().then(() => {\n      this.init();\n    });\n  }\n\n  async setInitialValues(href = window.location.href) {\n    const marketWebContextService = new MarketWebContextService(href);\n    if (!this.market) {\n      const resolvedMarket = await marketWebContextService.getMarket();\n      this.market = resolvedMarket;\n    }\n    if (!this.language) {\n      const resolvedMarket = await marketWebContextService.getLanguage();\n      this.language = resolvedMarket;\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    if (!this.endpoint) {\n      this.endpoint = '';\n    }\n  }\n\n  async init() {\n    this.setTranslations();\n    await this.fetchData();\n    window.setTimeout(() => {\n      this.checkMenuOverflow();\n    }, 50);\n  }\n\n  setTranslations() {\n    if (this.language && translations[this.language]) {\n      this.i18n = translations[this.language];\n    }\n    if (this.searchPlaceholder) {\n      this.i18n.searchplaceholder = this.searchPlaceholder;\n    }\n  }\n\n  @Listen('setLanguage')\n  onLanguageSelectorChange(e) {\n    this.language = e.detail;\n    window.dispatchEvent(new CustomEvent('marketweb-languagechange', { detail: this.language }));\n  }\n\n  @Watch('language')\n  onLanguageChange() {\n    this.setTranslations();\n    this.changeLanguage.emit(this.language);\n    this.fetchData();\n  }\n\n  @Watch('market')\n  onMarketChange() {\n    this.changeMarket.emit(this.market);\n    this.fetchData();\n  }\n\n  async fetchData() {\n    if (this.endpoint === null || !this.market || !this.language) {\n      // console.warn(`One or more values where not specified.\\nEndpoint: ${this.endpoint}\\nMarket: ${this.market}\\nLanguage: ${this.language}`)\n      return;\n    }\n    this.fetchingData = true;\n    const endpointBase = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n    const fetchUrl = `${endpointBase}${this.endpointPath}?market=${this.market}&language=${this.language}&currentPage=${this.pageId}`;\n\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      {\n        mode: 'cors',\n      },\n      this.cache,\n    )) as any;\n\n    // const data2 = JSON.parse('{\"query\":{\"market\":\"se\",\"language\":\"sv\",\"currentPage\":\"\"},\"sitedefinition\":{\"name\":\"Postnord Sweden\",\"url\":\"https://localhost:51547/\"},\"search\":{\"formActionUrl\":\"https://localhost:51547/sok/\",\"useAutocompleteInHeaderSearch\":true,\"hideSearchFromHeader\":false,\"preferredSiteId\":\"06bb4e57-cf10-4374-9e4d-34ae987eff2e\"},\"languageSelectorViewModel\":{\"currentLanguageNativeName \":\"Svenska\",\"languages\":[{\"twoLetterISOLanguageName\":\"en\",\"nativeName\":\"English\",\"isCurrent\":false},{\"twoLetterISOLanguageName\":\"sv\",\"nativeName\":\"Svenska\",\"isCurrent\":true},{\"twoLetterISOLanguageName\":\"da\",\"nativeName\":\"Dansk\",\"isCurrent\":false},{\"twoLetterISOLanguageName\":\"tr\",\"nativeName\":\"Türkçe\",\"isCurrent\":false}],\"hideLanguageSelectorFromHeader\":false},\"siteSelectorViewModel\":{\"siteSelectorButtonText\":\"postnord.se\",\"siteSelectorTitle\":\"PostNord\",\"currentSiteTitle\":\"postnord.se\",\"currentSiteDescription\":\"Tjänster och verktyg för att skicka och ta emot din post\",\"siteSelections\":[{\"linkText\":\"Portal\",\"linkDescription\":\"Hantera dina försändelser\",\"pageLink\":\"https://portal.postnord.com/\",\"openInNewWindow\":false,\"href\":\"https://portal.postnord.com/\"},{\"linkText\":\"postnord.com\",\"linkDescription\":\"Information om PostNord Koncernen\",\"pageLink\":\"/link/7d10839b295946bbb54bebcb289f3aff.aspx\",\"openInNewWindow\":false,\"href\":\"https://com-inte.postnord.com/sv/\"}],\"hideSiteSelectorFromHeader\":false},\"loginViewModel\":{\"loginMenuLinks\":[{\"linkText\":\"Handla online\",\"pageLink\":\"/login?language=sv&returnUrl=https://se-inte.postnord.com/handla-online\",\"openInNewWindow\":false,\"primaryLinkApperance\":false,\"linkType\":\"regularlink\",\"href\":\"/login?language=sv&returnUrl=https://se-inte.postnord.com/handla-online\"},{\"linkText\":\"Business portal\",\"pageLink\":\"https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=https://se-inte.postnord.com\",\"openInNewWindow\":false,\"primaryLinkApperance\":false,\"linkType\":\"regularlink\",\"href\":\"https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=https://se-inte.postnord.com\"},{\"linkText\":\"Ombudsbutiken\",\"pageLink\":\"https://se-inte.postnord.com/login?returnUrl=https://se-inte.postnord.com/handla-online&type=agent\",\"openInNewWindow\":false,\"primaryLinkApperance\":false,\"linkType\":\"regularlink\",\"href\":\"https://se-inte.postnord.com/login?returnUrl=https://se-inte.postnord.com/handla-online&type=agent\"}],\"loggedInLinks\":[{\"linkText\":\"Logga ut\",\"pageLink\":\"http://window.location.href/?logout\",\"openInNewWindow\":false,\"primaryLinkApperance\":false,\"linkType\":null,\"href\":\"http://window.location.href/?logout\"}],\"overrideLoginMenu\":false,\"loginMenuLinkText\":\"Logga in\",\"countryCode\":\"SE\",\"locale\":\"sv\",\"loginUrl\":\"https://portal.postnord.com/login?language=sv\",\"registerUrl\":\"https://portal.postnord.com/createaccount?market=SE\",\"loggedInButtonText\":\"My PostNord\",\"loginTitle\":\"Logga in direkt på:\",\"loginLinkText\":\"Logga in\",\"createLoginLinkText\":\"Skapa nytt konto\",\"hideLoginFromHeader\":false,\"showProfileSelection\":true,\"checkUserLoginStateInterval\":20000,\"showUnifiedLogin\":true,\"loginInfo\":\"\",\"eshopStartPageUrl\":\"/handla-online/\"},\"mainMenu\":{\"menuItems\":[{\"name\":\"Privat\",\"href\":\"/privat2/\",\"id\":\"102118\",\"selected\":false,\"open\":false,\"children\":[{\"name\":\"Skicka\",\"href\":\"/privat2/skicka/\",\"id\":\"102119\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"skicka102119\",\"level\":2},{\"name\":\"Ta emot\",\"href\":\"/privat2/ta-emot/\",\"id\":\"102135\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"taemot102135\",\"level\":2},{\"name\":\"Priser och villkor\",\"href\":\"/privat2/priser-och-villkor/\",\"id\":\"102162\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"priserochvillkor102162\",\"level\":2},{\"name\":\"Förberedelser\",\"href\":\"/privat2/forberedelser/\",\"id\":\"102173\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"frberedelser102173\",\"level\":2}],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"Populärt\",\"promotedMenuItems\":[{\"linkText\":\"PostNord App\",\"pageLink\":\"/link/05dcebb0c20b4b56806f4736d83b773d.aspx\",\"href\":\"https://localhost:51547/vara-verktyg/postnord-app/\",\"openInNewWindow\":false},{\"linkText\":\"Digitalt frimärke\",\"pageLink\":\"https://portal.postnord.com/skickadirekt/m/?productId=800\",\"href\":\"https://portal.postnord.com/skickadirekt/m/?productId=800\",\"openInNewWindow\":false},{\"linkText\":\"Köp frakt\",\"pageLink\":\"https://portal.postnord.com/skickadirekt/m/\",\"href\":\"https://portal.postnord.com/skickadirekt/m/\",\"openInNewWindow\":false},{\"linkText\":\"Sök utdelningsdag\",\"pageLink\":\"/link/701d85d2a8924b7a8da0dd86f049debe.aspx\",\"href\":\"https://localhost:51547/vara-verktyg/sok-utdelningsdag/\",\"openInNewWindow\":false},{\"linkText\":\"Paketbox\",\"pageLink\":\"/link/aca5b66a6f6c45ae97ecd7d5f176d512.aspx\",\"href\":\"https://localhost:51547/privat/ta-emot/hamta/hamta-paket-i-paketbox/\",\"openInNewWindow\":false},{\"linkText\":\"Skicka brev och paket\",\"pageLink\":\"/link/8b60c612e9824ccb905fc260c50f69f5.aspx\",\"href\":\"https://localhost:51547/privat/skicka/brev-och-paket/\",\"openInNewWindow\":false}],\"hasChildren\":true,\"linkTarget\":\"\",\"trackingId\":\"privat102118\",\"level\":1},{\"name\":\"Företag\",\"href\":\"/foretag2/\",\"id\":\"102743\",\"selected\":false,\"open\":false,\"children\":[{\"name\":\"Skicka\",\"href\":\"/foretag2/skicka/\",\"id\":\"102744\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"skicka102744\",\"level\":2},{\"name\":\"Ta emot\",\"href\":\"/foretag2/ta-emot/\",\"id\":\"102826\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"taemot102826\",\"level\":2},{\"name\":\"Priser och villkor\",\"href\":\"/foretag2/priser-och-villkor/\",\"id\":\"102845\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"priserochvillkor102845\",\"level\":2},{\"name\":\"Förberedelser\",\"href\":\"/foretag2/forberedelser/\",\"id\":\"102855\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"frberedelser102855\",\"level\":2},{\"name\":\"Företagslösningar\",\"href\":\"/foretag2/foretagslosningar/\",\"id\":\"102883\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"fretagslsningar102883\",\"level\":2}],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"Populärt\",\"promotedMenuItems\":[{\"linkText\":\"Bli avtalskund\",\"pageLink\":\"/link/1fb879eb737747f2afc442df11ff99b5.aspx\",\"href\":\"https://localhost:51547/kundservice/bli-avtalskund/\",\"openInNewWindow\":false},{\"linkText\":\"PEX Bud\",\"pageLink\":\"/link/b1209ba46788420a8e9b5c7f06e570ad.aspx?productId=800\",\"href\":\"https://localhost:51547/foretag/skicka-forsandelser/pex-bud/?productId=800\",\"openInNewWindow\":false},{\"linkText\":\"Köp frakt\",\"pageLink\":\"https://portal.postnord.com/shippingtoolpro\",\"href\":\"https://portal.postnord.com/shippingtoolpro\",\"openInNewWindow\":true},{\"linkText\":\"Portal Business\",\"pageLink\":\"/link/c97df117dc9c427f90b1e95c1fa8caae.aspx\",\"href\":\"https://localhost:51547/vara-verktyg/postnord-portal/\",\"openInNewWindow\":false},{\"linkText\":\"Skicka brev och paket\",\"pageLink\":\"/link/a65c6b42681f4230b927f776bfc8662a.aspx\",\"href\":\"https://localhost:51547/foretag/skicka-forsandelser/brev-och-vykort/\",\"openInNewWindow\":false}],\"hasChildren\":true,\"linkTarget\":\"\",\"trackingId\":\"fretag102743\",\"level\":1},{\"name\":\"Handla online\",\"href\":\"/handla-online/\",\"id\":\"57674\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"handlaonline57674\",\"level\":1},{\"name\":\"Kundservice\",\"href\":\"/kundservice-faq/\",\"id\":\"167\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"kundservice167\",\"level\":1},{\"name\":\"Handla online temp redirect\",\"href\":\"/handla-online-new/\",\"id\":\"74849\",\"selected\":false,\"open\":false,\"children\":[],\"navigationHeading\":\"\",\"promotedMenuItemsHeader\":\"\",\"promotedMenuItems\":[],\"hasChildren\":false,\"linkTarget\":\"\",\"trackingId\":\"handlaonlinetempredirect74849\",\"level\":1}]}}');\n    // console.log(data2);\n    await this.setStateFromData(data);\n  }\n\n  getLanguageVersionUrl(item: LanguageSelectorItem) {\n    if (this.spaMode) {\n      return null;\n    }\n    const alternativeTag = document.querySelector(`link[rel=\"alternate\"][hreflang=\"${item.twoLetterISOLanguageName}\"]`);\n\n    if (alternativeTag) {\n      return alternativeTag.getAttribute('href');\n    }\n    const siteUrl = this.siteDefinition.url;\n    // Add trailing slash to domain if it's missing\n    return siteUrl + (siteUrl.lastIndexOf('/') !== siteUrl.length - 1 ? '/' : '') + item.twoLetterISOLanguageName;\n  }\n\n  async setStateFromData(data: any) {\n    if (typeof data !== 'object') {\n      console.warn('Data was not valid', data);\n    }\n\n    // Set site definition\n    this.siteDefinition = data.sitedefinition;\n    if (headerState.loginManager) {\n      headerState.loginManager.setSiteUrl(this.siteDefinition.url);\n    }\n\n    let updatedMenuItems = [];\n    // Set navigation information\n    if (this.siteDomainInUrls) {\n      updatedMenuItems = (data.mainMenu.menuItems as MenuItem[]).map(item => {\n        return this.adjustMenuItemUrls(item);\n      });\n    } else {\n      updatedMenuItems = data.mainMenu.menuItems as MenuItem[];\n    }\n\n    // Create the \"Home\" link\n    if ((!updatedMenuItems[0] || updatedMenuItems[0]?.name !== this.i18n.menuHomeButton) && !this.hideHomeMenuItem) {\n      updatedMenuItems.unshift({\n        href: this.siteDefinition.url,\n        name: this.i18n.menuHomeButton,\n        id: 'homelink',\n        open: false,\n        selected: false,\n        children: [],\n      } as MenuItem);\n    }\n    this.menuItems = updatedMenuItems;\n    // Set search\n    this.search = { ...data.search, ...{ AutocompleteEndpoint: this.AutocompleteEndpoint } };\n\n    // Set site selector\n    this.siteSelector = data.siteSelectorViewModel;\n\n    // Set language selector\n    this.languageSelector = data.languageSelectorViewModel;\n    this.setLanguageOptions();\n\n    let loginDialog = data.loginViewModel as LoginDialog;\n\n    if (loginDialog && this.siteDomainInUrls) {\n      loginDialog.loggedInLinks = loginDialog.loggedInLinks.map(item => {\n        item.href = this.adjustHref(item.href);\n        return item;\n      });\n      loginDialog.loginMenuLinks = loginDialog.loginMenuLinks.map(item => {\n        item.href = this.adjustHref(item.href);\n        return item;\n      });\n    }\n\n    this.loginDialog = loginDialog;\n\n    await this.spaModeAdjustments();\n    this.gotData = true;\n    this.fetchingData = true;\n    this.homePageLink = this.siteDefinition?.url ?? document.location.hostname;\n\n    window.setTimeout(() => {\n      this.checkMenuOverflow();\n    }, 100);\n  }\n\n  adjustMenuItemUrls(item: MenuItem) {\n    item.href = this.adjustHref(item.href);\n    if (item.children && item.children.length > 0) {\n      let adjustedItems = item.children.map(item => {\n        return this.adjustMenuItemUrls(item);\n      });\n      item.children = adjustedItems;\n    }\n    return item as MenuItem;\n  }\n\n  adjustHref(href: string) {\n    if (href.indexOf('http') === 0) {\n      return href;\n    }\n    const domainUrl =\n      this.siteDefinition.url.lastIndexOf('/') === this.siteDefinition.url.length - 1\n        ? this.siteDefinition.url.substring(0, this.siteDefinition.url.length - 1)\n        : this.siteDefinition.url;\n\n    return this.removeDoubleLanguage(domainUrl + href);\n  }\n\n  removeDoubleLanguage(url: string) {\n    let languageSegment = this.language.toLocaleLowerCase() + \"/\";\n    let doubleLanguageSegment = \"/\" + languageSegment + languageSegment;\n\n    if(url.includes(doubleLanguageSegment)){\n      return url.replace(doubleLanguageSegment, \"/\" + languageSegment);\n    }\n\n    return url;\n  }\n\n  setLanguageOptions() {\n    if (!this.languageSelector || !this.languageSelector.languages) {\n      return;\n    }\n    const hrefLangsTags = Array.prototype.slice.call(document.querySelectorAll('link[rel=\"alternate\"][hreflang]')) ?? [];\n    const hrefLangs = hrefLangsTags.map(tag => {\n      let hrefLangValue = tag.getAttribute('hreflang');\n      if (hrefLangValue.indexOf('en-') !== -1 || hrefLangValue.indexOf('en_') !== -1) {\n        hrefLangValue = hrefLangValue.substring(0, 2);\n      }\n      return hrefLangValue;\n    });\n    let languageOptions = []; // Reset language options\n\n    this.languageSelector.languages.map((languageOption: LanguageSelectorItem) => {\n      // In case there are language links present on the page we only show languages that have those tags\n      if (hrefLangs && hrefLangs.length > 0) {\n        if (hrefLangs.includes(languageOption.twoLetterISOLanguageName)) {\n          languageOptions.push(languageOption);\n        }\n      } else {\n        languageOptions.push(languageOption);\n      }\n    });\n    this.languageOptions = languageOptions; // Replace existing language options so we don't trigger a event change on every push.\n  }\n\n  async spaModeAdjustments() {\n    if (!this.spaMode) {\n      return;\n    }\n\n    return;\n  }\n\n  @Listen('loginStateChange')\n  onLoginStateChange(e) {\n    if (e.detail?.loggedIn && e.detail?.token) {\n      this.loggedIn = e.detail?.loggedIn === true;\n      if (this.sessionForward) {\n        try {\n          //fetch('/api/userprofile/sync?token=' + e.detail.token);\n        } catch (e) {}\n      }\n    }\n  }\n\n  promotedItemId(item: PromotedMenuItem) {\n    return 'promo-' + item.linkText.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '');\n  }\n\n  @Listen('resize', { target: 'window' })\n  handleResize() {\n    requestAnimationFrame(() => {\n      this.checkMenuOverflow();\n    });\n  }\n\n  checkMenuOverflow() {\n    const row = this.hostElement.querySelectorAll('.siteheader-row')[1] as HTMLElement;\n    if (!row) {\n      return;\n    }\n    const firstMenuLevel = row.querySelector('pn-mainnav-level') as HTMLElement;\n    if (!firstMenuLevel) {\n      return;\n    }\n    const parent = firstMenuLevel.parentElement;\n\n    if (parent.tagName.toLocaleLowerCase() !== 'nav') {\n      return;\n    }\n    const parentWidth = parent.scrollWidth;\n    const elmWidth = firstMenuLevel.clientWidth;\n    const isOverFlowed = parentWidth < elmWidth;\n\n    if (isOverFlowed && this.minimizeSearch === false) {\n      this.minimizeSearch = true;\n    }\n  }\n\n  adjustSiteSelectorUrl(href: string) {\n    if (!this.loggedIn) {\n      return href;\n    }\n    const loginDomains = ['portal.postnord.com'];\n    const matchedHref = loginDomains.filter(domain => {\n      return href.indexOf(domain) !== -1;\n    });\n    if (matchedHref.length === 0) {\n      return href;\n    }\n    if (headerState.loginManager) {\n      return headerState.loginManager.getLoginUrl(href);\n    }\n    return href;\n  }\n\n  private getFallbackValue(value: string, fallback: string): string {\n    return value && value.trim() !== '' ? value : fallback;\n  }    \n\n  render() {\n    const i18n = {\n      ...this.i18n,\n      home: this.getFallbackValue(this.i18n.home, 'Home')\n    };\n\n    return (\n      <Host language={this.language} market={this.market} environment={this.environment}>\n        <header>\n          <div class=\"siteheader-row\">\n            <div class=\"siteheader-topleft\">\n              <slot name=\"topleft\"></slot>\n              {this.gotData && this.siteSelector && !this.hideSiteSelector && (\n                <pn-site-selector language={this.language} buttontext={this.siteSelector?.currentSiteTitle ?? 'postnord'}>\n                  {this.gotData && this.siteSelector?.currentSiteTitle && (\n                    <pn-site-selector-item heading={this.siteSelector.currentSiteTitle + ' '} description={this.siteSelector.currentSiteDescription}></pn-site-selector-item>\n                  )}\n                  {this.gotData &&\n                    this.siteSelector?.siteSelections &&\n                    this.siteSelector.siteSelections.map(site => (\n                      <pn-site-selector-item\n                        heading={site.linkText + ' '}\n                        description={site.linkDescription}\n                        url={this.adjustSiteSelectorUrl(site.href)}\n                        newwindow={site.openInNewWindow}\n                      ></pn-site-selector-item>\n                    ))}\n                </pn-site-selector>\n              )}\n            </div>\n            <div class=\"siteheader-logocontainer\">\n              <a href={this.homePageLink} title={i18n.home} aria-label={i18n.home} class=\"siteheader-logolink\">\n                <slot name=\"logo\">\n                  <svg class=\"siteheader-logo\" xmlns=\"http://www.w3.org/2000/svg\" width=\"12.7rem\" height=\"2.4rem\" viewBox=\"0 0 141.73 26.65\" role=\"img\" aria-label=\"PostNord\">\n                    <path\n                      d=\"M108.84,13.35c0,6.34-5.17,9-10,9S89,19.76,89,13.63c0-6.28,5.08-9,10-9S108.84,7.25,108.84,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.29,3.29,0,0,0,3.42,3.41A3.24,3.24,0,0,0,102.28,13.54Zm-83,0c0,4.83-3.32,8.82-8.49,8.82a6.54,6.54,0,0,1-4.65-1.57v5.86H0V5.16H6.17V6.8a6.43,6.43,0,0,1,5.11-2.18C16.41,4.62,19.31,8.58,19.31,13.54Zm-6.53,0A3.27,3.27,0,0,0,9.4,10,3.28,3.28,0,0,0,6,13.54,3.29,3.29,0,0,0,9.4,16.95,3.24,3.24,0,0,0,12.78,13.54Zm103.69,0.27c0-2.54,1.54-3.32,3.6-3.32a6.56,6.56,0,0,1,2.08.3L122.3,5.1a3.92,3.92,0,0,0-1.45-.18c-3.45,0-4.38,2.18-4.38,2.18V5.16H110.3V21.84h6.17v-8ZM141.73,0V21.84h-6.16V20.21a6.43,6.43,0,0,1-5.11,2.18c-5.14,0-8-4-8-8.91s3.32-8.82,8.49-8.82a6.54,6.54,0,0,1,4.65,1.57v-5Zm-6,13.48a3.28,3.28,0,0,0-3.41-3.41A3.24,3.24,0,0,0,129,13.47,3.4,3.4,0,1,0,135.75,13.47ZM81.35,4.62c-3.6,0-4.9,2.18-4.9,2.18V5.16H70.29V21.84h6.16V13.29c0-2.11.79-3.08,2.69-3.08s2.18,1.57,2.18,3.57v8.07h6.22V11.6C87.55,7,85.34,4.62,81.35,4.62ZM64.07,1.42H57.9V21.84h6.16V10.36H67l2.81-5.2H64.07V1.42ZM50.26,11.21c-2-.3-2.87-0.3-2.87-1.09s0.81-.94,2.42-0.94a16.15,16.15,0,0,1,5.11.91L56,5.41a24.56,24.56,0,0,0-6.13-.75c-5.89,0-9,2.27-9,5.89,0,2.81,1.66,4.47,6.53,5.11,2.06,0.27,2.81.39,2.81,1.15s-0.82,1-2.24,1a16.67,16.67,0,0,1-6-1.3L40.77,21.3a22.14,22.14,0,0,0,6.68,1c6.35,0,9.28-2.24,9.28-5.89C56.72,13.54,55.15,12,50.26,11.21ZM40.19,13.35c0,6.34-5.17,9-10,9s-9.82-2.6-9.82-8.73c0-6.28,5.08-9,10-9S40.19,7.25,40.19,13.35Zm-6.56.18a3.4,3.4,0,1,0-6.8,0,3.28,3.28,0,0,0,3.41,3.41A3.24,3.24,0,0,0,33.63,13.54Z\"\n                      fill=\"#00A0D6\"\n                      transform=\"translate(0 0)\"\n                    ></path>\n                  </svg>\n                </slot>\n              </a>\n            </div>\n            <div class=\"siteheader-topright\">\n              <slot name=\"toprightstart\"></slot>\n              {this.gotData && this.loginDialog && !this.hideLogin && (\n                <pn-marketweb-siteheader-login\n                  token={this.userToken}\n                  siteUrl={this.siteDefinition.url}\n                  fullname={this.userFullname}\n                  loggedin={this.userLoggedin}\n                  loginDialog={this.loginDialog}\n                  endpoint={this.endpoint}\n                  i18n={this.i18n}\n                  showProfileSelection={this.showProfileSelection}\n                  showUnifiedLogin={this.showUnifiedLogin}\n                  check-user-logged-in-state-interval={this.checkUserLoggedInStateInterval}\n                  useMarketwebLogin={this.useMarketwebLogin}\n                  environment={this.environment}\n                ></pn-marketweb-siteheader-login>\n              )}\n\n              {this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (\n                <pn-language-selector value={this.language}>\n                  {this.languageOptions.map(language => (\n                    <pn-language-selector-option\n                      name={language.nativeName}\n                      code={language.twoLetterISOLanguageName}\n                      selected={language.isCurrent}\n                      url={this.getLanguageVersionUrl(language)}\n                    ></pn-language-selector-option>\n                  ))}\n                </pn-language-selector>\n              )}\n              <slot name=\"toprightend\"></slot>\n              <div class=\"siteheader-menu-top-search\">\n                <pn-marketweb-siteheader-search\n                  language={this.language}\n                  siteid={this.siteid}\n                  search={this.search}\n                  hide-search={this.hideSearch}\n                  i18n={this.i18n}\n                  icononly={true}\n                ></pn-marketweb-siteheader-search>\n              </div>\n            </div>\n          </div>\n          <slot name=\"siteheader-menu-top-button\"></slot>\n          <div class=\"siteheader-row\">\n            <div class=\"siteheader-menu\">\n              {this.gotData && this.menuItems && (\n                <pn-mainnav\n                  market={this.market}\n                  language={this.language}\n                  onMenuOpenChange={e => {\n                    document.body.setAttribute('data-siteheader-menuopen', e.detail + '');\n                  }}\n                >\n                  <pn-mainnav-level>\n                    <pn-mainnav-list>\n                      {this.menuItems.map(item => (\n                        <pn-mainnav-link name={item.name} href={item.href} itemid={item.id} target={item.linkTarget ?? '_self'} linkid={item.trackingId}>\n                          {((item.promotedMenuItems && item.promotedMenuItems.length > 0) || (item.children && item.children.length > 0)) && (\n                            <pn-mainnav-level label={item.name}>\n                              {item.children.length > 0 && (\n                                <pn-mainnav-list heading={item.navigationHeading ?? ''}>\n                                  {item.children.map(childitem => (\n                                    <pn-mainnav-link\n                                      name={childitem.name}\n                                      href={childitem.href}\n                                      target={childitem.linkTarget ?? '_self'}\n                                      linkid={childitem.trackingId}\n                                    ></pn-mainnav-link>\n                                  ))}\n                                </pn-mainnav-list>\n                              )}\n                              {item.promotedMenuItems && item.promotedMenuItems.length > 0 && (\n                                <pn-mainnav-list heading={item.promotedMenuItemsHeader}>\n                                  {item.promotedMenuItems.map(childitem => (\n                                    <pn-mainnav-link\n                                      href={childitem.href}\n                                      name={childitem.linkText}\n                                      target={childitem.openInNewWindow ? '_blank' : '_self'}\n                                      linkid={this.promotedItemId(childitem) + item.id}\n                                    ></pn-mainnav-link>\n                                  ))}\n                                </pn-mainnav-list>\n                              )}\n                            </pn-mainnav-level>\n                          )}\n                        </pn-mainnav-link>\n                      ))}\n                    </pn-mainnav-list>\n                    <div slot=\"footer\" class=\"siteheader-menu-footer\">\n                      <slot name=\"menu-footer-cta\"></slot>\n                      {this.gotData && this.loginDialog && !this.hideLogin && (\n                        <pn-marketweb-siteheader-login\n                          token={this.userToken}\n                          siteUrl={this.siteDefinition.url}\n                          loginDialog={this.loginDialog}\n                          endpoint={this.endpoint}\n                          fullname={this.userFullname}\n                          loggedin={this.userLoggedin}\n                          i18n={this.i18n}\n                          showProfileSelection={this.showProfileSelection}\n                          showUnifiedLogin={this.showUnifiedLogin}\n                          environment={this.environment}\n                          check-user-logged-in-state-interval={this.checkUserLoggedInStateInterval}\n                          useMarketwebLogin = {this.useMarketwebLogin}\n                        ></pn-marketweb-siteheader-login>\n                      )}\n\n                      {this.gotData && this.languageOptions && this.languageOptions.length && !this.hideLanguageSelector && (\n                        <pn-language-selector value={this.language}>\n                          {this.languageOptions.map(language => (\n                            <pn-language-selector-option\n                              name={language.nativeName}\n                              code={language.twoLetterISOLanguageName}\n                              selected={language.isCurrent}\n                              url={this.getLanguageVersionUrl(language)}\n                            ></pn-language-selector-option>\n                          ))}\n                        </pn-language-selector>\n                      )}\n                      {!this.hideSiteSelector && (\n                        <pn-site-selector language={this.language}>\n                          {this.gotData && this.siteSelector?.currentSiteTitle && (\n                            <pn-site-selector-item heading={this.siteSelector.currentSiteTitle} description={this.siteSelector.currentSiteDescription}></pn-site-selector-item>\n                          )}\n                          {this.gotData &&\n                            this.siteSelector?.siteSelections &&\n                            this.siteSelector.siteSelections.map(site => (\n                              <pn-site-selector-item\n                                heading={site.linkText}\n                                description={site.linkDescription}\n                                url={site.pageLink}\n                                newwindow={site.openInNewWindow}\n                              ></pn-site-selector-item>\n                            ))}\n                        </pn-site-selector>\n                      )}\n                    </div>\n                    <div slot=\"top\" class=\"siteheader-menu-top\">\n                      <pn-marketweb-siteheader-search\n                        language={this.language}\n                        siteid={this.siteid}\n                        search={this.search}\n                        hide-search={this.hideSearch}\n                        i18n={this.i18n}\n                      ></pn-marketweb-siteheader-search>\n                    </div>\n                  </pn-mainnav-level>\n                </pn-mainnav>\n              )}\n            </div>\n\n            <pn-marketweb-siteheader-search\n              language={this.language}\n              siteid={this.siteid}\n              primary={true}\n              search={this.search}\n              hide-search={this.hideSearch}\n              show-only-link={this.minimizeSearch}\n              i18n={this.i18n}\n            ></pn-marketweb-siteheader-search>\n            <slot name=\"header-bottom-button\"></slot>\n          </div>\n        </header>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/p-76c2c01f.js

@@ -0,0 +1,2 @@
+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="M4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m1.4 5.497-.334 5.005a1.069 1.069 0 0 1-2.133 0L10.6 7.497a1.403 1.403 0 1 1 2.8 0M12 18a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3" clip-rule="evenodd"/></svg>';const s=l;export{s as a};
+//# sourceMappingURL=p-76c2c01f.js.map

package/pn-market-web-components/p-76c2c01f.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icon","alert_exclamation_circle"],"sources":["node_modules/pn-design-assets/pn-assets/icons/alert_exclamation_circle.js"],"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=\"M4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m1.4 5.497-.334 5.005a1.069 1.069 0 0 1-2.133 0L10.6 7.497a1.403 1.403 0 1 1 2.8 0M12 18a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3\" clip-rule=\"evenodd\"/></svg>';\nexport const alert_exclamation_circle = icon;\nexport const alertExclamationCircle = icon;\n"],"mappings":"AAAA,MAAMA,EAAO,0YACD,MAACC,EAA2BD,S","ignoreList":[]}

package/pn-market-web-components/p-a11fdf9f.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,d as i}from"./p-bb1c965e.js";import{a as n}from"./p-76c2c01f.js";const r="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn--marketweb-input{display:inline-flex;flex-direction:column}pn-marketweb-input input{padding:0.75em;font-size:1em;font-weight:500;-webkit-font-smoothing:antialiased;outline:none;border-radius:0.8rem;border:0.1rem solid #5e554a;transition:box-shadow 0.15s, border 0.15s;color:#000000;width:100%}pn-marketweb-input input::placeholder{color:#969087;font-weight:normal}pn-marketweb-input input:focus{border:0.1rem solid #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}pn-marketweb-input input:hover{border:0.1rem solid #00a0d6}pn-marketweb-input input:disabled{background:#f3f2f2;border:none}pn-marketweb-input>.input-container{position:relative}pn-marketweb-input>.input-container>button{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#005d92;padding:0.6rem;border-radius:0.8rem;outline:none;transition:border 0.1s, background 0.2s, color 0.1s;border:0.1rem solid transparent}pn-marketweb-input>.input-container>button:focus{border:0.1rem solid #005d92}pn-marketweb-input>.input-container>button:hover{background:#e0f8ff}pn-marketweb-input>.input-container>button:active{background:#005d92;color:white}pn-marketweb-input>.input-container>svg{position:absolute;right:0.75em;top:50%;transform:translateY(-50%);height:1.5em;width:1.5em;pointer-events:none}pn-marketweb-input>.input-container>svg polyline{stroke-linecap:round;transition:stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86)}pn-marketweb-input>.input-container>svg.pn-input-checkmark polyline{stroke:#005e41;stroke-dashoffset:23;stroke-dasharray:23}pn-marketweb-input .label-container{margin-bottom:0.4rem;color:#5e554a;font-size:0.875em;display:flex;justify-content:space-between;align-items:flex-end}pn-marketweb-input .label-container label{cursor:pointer;transition:color 0.2s}.label-container label.char-count{flex-shrink:0;padding-left:0.5em}pn-marketweb-input small{font-size:0.75em;font-size:max(.6em, 1.2rem);transition:transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);margin-top:0.5em;color:#5e554a}pn-input.error{color:#a70707}pn-input.error label{color:#a70707}pn-input.error small{color:#a70707}pn-input.error small>pn-icon{margin-right:0.25em}pn-input.error input{border:0.1rem solid #a70707}pn-input.error input:focus{border:0.1rem solid #a70707;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #a70707}pn-input.error input:hover{border:0.1rem solid #f06365}pn-input.valid{color:#005e41}pn-input.valid .input-container>svg.pn-input-checkmark polyline{stroke-dashoffset:0}pn-input.valid label{color:#005e41}pn-input.valid input{border:0.1rem solid #005e41}pn-input.valid input:focus{border:0.1rem solid #005e41;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005e41}pn-input.valid input:hover{border:0.1rem solid #5ec584}pn-marketweb-input.password input{padding-right:4em}pn-marketweb-input.icon input{padding-right:2.3em}";const o=r;const s=class{constructor(e){t(this,e);this.disabled=false;this.error="";this.invalid=false;this.helpertext="";this.label="";this.placeholder="";this.inputid=`${Math.random()}`;this.name="";this.required=false;this.type="text";this.autocomplete="";this.valid=null;this.value="";this.maxlength="";this.min="";this.max="";this.step="";this.pattern="";this.showText=false}getTextMessage(){if(this.error)return this.error;if(this.helpertext)return this.helpertext;return null}toggleTextVisibility(){this.showText=!this.showText}getInputType(){let t=["text","password","url","tel","search","number","email","date","datetime-local","month","week","time"];return t.includes(this.type)&&!this.showText?this.type:"text"}setVal(t){const e=t.composedPath?.()[0];this.value=e.value}getClassNames(){let t="pn-input ";if(this.error.length>0||this.invalid)t+="error ";if(this.valid)t+="valid ";if(this.type==="password")t+="password ";if(this.error||this.invalid||this.valid)t+="icon ";return t}render(){return e(i,{key:"4f7f8f34c1ee53c4afb001753391d4c157e1478b",class:this.getClassNames()},(this.label||this.maxlength)&&e("div",{key:"47d1c694771fc809834c83b1862479fd8a9e9d8d",class:"label-container"},this.label&&e("label",{key:"0fc212d7f191e9a14fbfc125c5f6f8170f89fa9a",htmlFor:this.inputid},this.label),parseInt(this.maxlength)>0&&e("label",{key:"b80c0e7c3a0303ab9f86c0a29869d65e0db2bc60",class:"char-count",htmlFor:this.inputid},`${this.value.length}/${this.maxlength}`)),e("div",{key:"ff9cc8c88c7bd113bae6e70973705fd3e79720e1",class:"input-container"},e("input",{key:"9d7032bf457b824ab3e8e9e4a26f5676f10fd75f",type:this.getInputType(),value:this.value,id:this.inputid,name:this.name,placeholder:this.placeholder,disabled:this.disabled,required:this.required,autocomplete:this.autocomplete,onInput:t=>this.setVal(t),maxlength:this.maxlength?this.maxlength:null,min:this.min?this.min:null,max:this.max?this.max:null,step:this.step?this.step:null,pattern:this.pattern?this.pattern:null}),e("svg",{key:"32edd92bb708da7494c80e21163321c976753506",class:"pn-input-checkmark",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},e("polyline",{key:"c7a4e9e801dd98d2f392954ce1f4cf38f4be59d0",class:"checkmark-path",points:"4,12 9,17 20,6","stroke-width":"3"})),this.type==="password"&&!this.disabled&&e("button",{key:"1afd953b2b8f429ef82978649382c969b47b3c52",onClick:()=>this.toggleTextVisibility()},"Show")),this.getTextMessage()&&e("small",{key:"8e10536b12bf476a98e54202c5302c8816d28f74"},this.error&&e("pn-icon",{key:"a86e347e28f92a4b8437e964fbf9d3784dcdf158",icon:n,small:true,color:"warning"}),this.getTextMessage()))}};s.style=o;export{s as pn_marketweb_input};
+//# sourceMappingURL=p-a11fdf9f.entry.js.map