npm - @postnord/pn-marketweb-components - Versions diffs - 3.5.2 → 3.5.3 - Mend

@postnord/pn-marketweb-components 3.5.2 → 3.5.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (400) hide show

package/cjs/pn-dropdown-choice-adds-row.cjs.entry.js CHANGED Viewed

@@ -92,12 +92,14 @@ const pnDropdownChoiceAddsRow = class {
                 this.rowvalues.emit('');
                 return;
             }
+            let allRowsValid = true;
             const formValues = allRows.map(row => {
                 const nameElm = row.querySelector('.tr-name');
                 const dropdownElm = row.querySelector('.tr-dropdown');
                 const inputElm = row.querySelector('.tr-input');
                 if (!nameElm || !inputElm) {
-                    throw new Error('Required elements missing from row');
+                    allRowsValid = false;
+                    return null;
                 }
                 const rowData = {
                     row: [
@@ -107,11 +109,14 @@ const pnDropdownChoiceAddsRow = class {
                         }
                     ]
                 };
-                if (dropdownElm) {
+                if (dropdownElm && dropdownElm.querySelector('pn-select')) {
                     const pnSelect = dropdownElm.querySelector('pn-select');
                     const nativeSelect = pnSelect?.querySelector('select');
                     const dropdownSelection = nativeSelect?.value || '';
-                    if (dropdownSelection) {
+                    if (!dropdownSelection) {
+                        allRowsValid = false;
+                    }
+                    else {
                         rowData.row.push({
                             name: this.rowDropdownLabel,
                             value: dropdownSelection
@@ -126,16 +131,22 @@ const pnDropdownChoiceAddsRow = class {
                         value: inputValue.toString()
                     });
                 }
+                else {
+                    allRowsValid = false;
+                }
                 return rowData;
             });
-            if (!formValues.length || formValues.length !== allRows.length) {
+            if (!allRowsValid || !formValues.length || formValues.includes(null)) {
                 this.formValue = '';
+                this.rowvalues.emit('');
                 return;
             }
             this.formValue = `PN-JSON|${JSON.stringify(formValues)}`;
             if (this.validateInputs()) {
                 this.rowvalues.emit(this.formValue);
-                return;
+            }
+            else {
+                this.rowvalues.emit('');
             }
         }
         catch (error) {
@@ -183,6 +194,7 @@ const pnDropdownChoiceAddsRow = class {
         this.tableBody.appendChild(newRow);
         this.updateRowSelectDropdown();
         this.nextRowIndex++;
+        selectedElement.value = '';
     }
     getCurrentRow(selectedValue) {
         return this.hostElement.querySelectorAll(`.tr-name[data-name='${selectedValue}'`);
@@ -321,7 +333,7 @@ const pnDropdownChoiceAddsRow = class {
         return true;
     }
     render() {
-        return (index.h(index.Host, { key: 'fd91d96d714f89cab04d27588c78c933e4758a29' }, index.h("div", { key: '3c8c900cc143afe7331b5717649d0ceef3fb1b97', class: "dropdown-choice-form-row" }, index.h("pn-select", { key: '42cf006bfd234c61e115bb3fd90d8fa5bc9b937f', ref: el => (this.pnRowSelectDropdown = el), name: this.addRowDropdownName, label: this.addRowDropdownLabel, class: "pn-row-select-dropdown", language: this.languageCode }, index.h("option", { key: 'aa923ce23c5e94ac3ee98701b33a83461cdd40d9', value: "", selected: true, disabled: true }, this.addRowDropdownPlaceholder), this.rowSelectDropdownArr?.map((value) => index.h("option", { label: value, value: value }, value)))), index.h("div", { key: '41cd6fc5cca7544033bbb7e811da28a92f631f44', class: "dropdown-choice-form-row" }, index.h("div", { key: 'a76149b35b83be8964ac9e0177d5677f7bdb9c39', class: "pn-dropdown-choice-table" }, index.h("div", { key: '417b71529a5491b4e8900b800bbbf89fe2ef0c6d', ref: el => (this.tableHead = el) }, this.nextRowIndex === 0 ? null : (index.h("div", { class: "table-header" }, index.h("div", { class: "table-header-name" }, index.h("label", null, this.rowNameLabel)), index.h("div", { class: "table-header-dropdown" }, index.h("label", null, this.rowDropdownLabel)), index.h("div", { class: "table-header-input" }, index.h("label", null, this.rowInputLabel)), index.h("div", { class: "table-header-delete" })))), index.h("div", { key: '7ff98dc256a4aa7a613ac06474b18fc7f9458aeb', ref: el => (this.tableBody = el), class: "pn-dropdown-choice-table-slot" }, index.h("slot", { key: '659095efebf6f2b123b4586b2d2913431b1cc6c2' }))))));
+        return (index.h(index.Host, { key: '4d75a1a804885406d9bf70647ee031b283001316' }, index.h("div", { key: '4db2eab15b25d322bd8081f22fa0dfb4e40ff1d8', class: "dropdown-choice-form-row" }, index.h("pn-select", { key: '34479df6fd80391a95628b34a9d3d4007a43700a', ref: el => (this.pnRowSelectDropdown = el), name: this.addRowDropdownName, label: this.addRowDropdownLabel, class: "pn-row-select-dropdown", language: this.languageCode }, index.h("option", { key: 'c445488973b9c7127a55f0f83cfb46276f3a165e', value: "", selected: true, disabled: true }, this.addRowDropdownPlaceholder), this.rowSelectDropdownArr?.map((value) => index.h("option", { label: value, value: value }, value)))), index.h("div", { key: '15abdc5dae3056d3e81069c01e67245aacba5c59', class: "dropdown-choice-form-row" }, index.h("div", { key: '2386cfc37b14b5769e095596f191054b2fb3e0af', class: "pn-dropdown-choice-table" }, index.h("div", { key: '123b39e0fc0dba53aa35da0dea41178f77633c76', ref: el => (this.tableHead = el) }, this.nextRowIndex === 0 ? null : (index.h("div", { class: "table-header" }, index.h("div", { class: "table-header-name" }, index.h("label", null, this.rowNameLabel)), index.h("div", { class: "table-header-dropdown" }, index.h("label", null, this.rowDropdownLabel)), index.h("div", { class: "table-header-input" }, index.h("label", null, this.rowInputLabel)), index.h("div", { class: "table-header-delete" })))), index.h("div", { key: '8d6e932979cd2065cbf77a70e74e30d087351b24', ref: el => (this.tableBody = el), class: "pn-dropdown-choice-table-slot" }, index.h("slot", { key: '8957b9b3b30d090c51bc993ff4676f91a2846a15' }))))));
     }
     static get watchers() { return {
         "dropdownData": ["dropdownDataWatcher"]

package/cjs/pn-dropdown-choice-adds-row.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-dropdown-choice-adds-row.entry.cjs.js","mappings":"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","names":["debounce","h","Host"],"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 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 throw new Error('Required elements missing from row');\n }\n\n const rowData = {\n row: [\n {\n name: this.rowNameLabel,\n value: nameElm.innerHTML\n }\n ]\n };\n\n if (dropdownElm) {\n const pnSelect = dropdownElm.querySelector('pn-select');\n const nativeSelect = pnSelect?.querySelector('select');\n const dropdownSelection = nativeSelect?.value \|\| '';\n if (dropdownSelection) {\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 }\n return rowData;\n });\n\n if (!formValues.length \|\| formValues.length !== allRows.length) {\n this.formValue = '';\n return;\n }\n\n this.formValue = `PN-JSON\|${JSON.stringify(formValues)}`;\n\n if (this.validateInputs()) {\n this.rowvalues.emit(this.formValue);\n return;\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 }\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"],"version":3}
1	+ {"file":"pn-dropdown-choice-adds-row.entry.cjs.js","mappings":"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","names":["debounce","h","Host"],"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"],"version":3}

package/cjs/pn-market-web-components.cjs.js CHANGED Viewed

@@ -40,7 +40,7 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"pn-marketweb-siteheader.cjs\",[[4,\"pn-marketweb-siteheader\",{\"market\":[1537],\"language\":[1537],\"siteid\":[1],\"environment\":[1537],\"userToken\":[1,\"user-token\"],\"userFullname\":[1,\"user-fullname\"],\"userLoggedin\":[516,\"user-loggedin\"],\"endpoint\":[1],\"hideSiteSelector\":[1540,\"hide-site-selector\"],\"hideHomeMenuItem\":[1540,\"hide-home-menu-item\"],\"hideLanguageSelector\":[1540,\"hide-language-selector\"],\"hideSearch\":[1540,\"hide-search\"],\"hideLogin\":[1540,\"hide-login\"],\"showProfileSelection\":[1540,\"show-profile-selection\"],\"showUnifiedLogin\":[4,\"show-unified-login\"],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"AutocompleteEndpoint\":[1,\"autocomplete-endpoint\"],\"sessionForward\":[4,\"session-forward\"],\"cache\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"spaMode\":[4,\"spa-mode\"],\"checkUserLoggedInStateInterval\":[2,\"check-user-logged-in-state-interval\"],\"useMarketwebLogin\":[4,\"use-marketweb-login\"],\"pageId\":[1,\"page-id\"],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32],\"homePageLink\":[32],\"menuItems\":[32],\"siteDefinition\":[32],\"search\":[32],\"siteSelector\":[32],\"languageSelector\":[32],\"languageOptions\":[32],\"loginDialog\":[32],\"minimizeSearch\":[32],\"loggedIn\":[32]},[[0,\"setLanguage\",\"onLanguageSelectorChange\"],[0,\"loginStateChange\",\"onLoginStateChange\"],[9,\"resize\",\"handleResize\"]],{\"language\":[\"onLanguageChange\"],\"market\":[\"onMarketChange\"]}]]],[\"pn-proxio-findprice.cjs\",[[0,\"pn-proxio-findprice\",{\"endpoint\":[1025],\"language\":[1025],\"market\":[1025],\"showMedium\":[4,\"show-medium\"],\"showInternational\":[4,\"show-international\"],\"maxAbroadKg\":[2,\"max-abroad-kg\"],\"weightListName\":[1,\"weight-list-name\"],\"cache\":[4],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"countrycodevalue\":[32],\"sizecategory\":[32],\"data\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"sizecategory\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"],\"countrycodevalue\":[\"filterItems\"]}]]],[\"pn-find-price.cjs\",[[0,\"pn-find-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"sourceData\":[32],\"sizecategory\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"sizecategory\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"]}]]],[\"pn-find-service-and-price.cjs\",[[0,\"pn-find-service-and-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32],\"deliveryscope\":[32],\"sourceData\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"postagetype\":[\"filterItems\"],\"deliveryscope\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"]}]]],[\"pn-product-pricelist.cjs\",[[4,\"pn-product-pricelist\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"productid\":[1],\"filteredItems\":[32],\"sourceData\":[32],\"gotData\":[32],\"loading\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"postagetype\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"]}]]],[\"pn-proxio-pricegroup.cjs\",[[0,\"pn-proxio-pricegroup\",{\"endpoint\":[1025],\"language\":[1],\"market\":[1],\"tariffid\":[1],\"cache\":[4],\"activeWeightIndex\":[32],\"data\":[32],\"i18n\":[32]},[[0,\"activeWeightIndex\",\"setActiveWeightIndex\"],[0,\"language\",\"setLanguage\"]]]]],[\"pn-product-pricelist-result.cjs\",[[0,\"pn-product-pricelist-result\",{\"item\":[1040],\"description\":[16],\"shownitems\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32]},null,{\"item\":[\"composeItems\"]}]]],[\"pn-marketweb-sitefooter.cjs\",[[4,\"pn-marketweb-sitefooter\",{\"market\":[1537],\"language\":[1537],\"environment\":[1537],\"endpoint\":[1],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"cache\":[4],\"theme\":[513],\"backgroundcolor\":[513],\"showSwan\":[4,\"show-swan\"],\"headingLevel\":[1,\"heading-level\"],\"siteDefinition\":[32],\"footerContent\":[32],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32]},null,{\"language\":[\"onLanguageChange\"],\"market\":[\"onMarketChange\"]}]]],[\"pn-media-block.cjs\",[[4,\"pn-media-block\",{\"blockHeight\":[1,\"block-height\"],\"imageSrc\":[1,\"image-src\"],\"imageSrcSmallScreenFormat\":[1,\"image-src-small-screen-format\"],\"imageAltText\":[1,\"image-alt-text\"],\"videoSrc\":[1,\"video-src\"],\"parallaxScroll\":[4,\"parallax-scroll\"],\"showOverlayLayer\":[4,\"show-overlay-layer\"],\"customOverlayBackground\":[1,\"custom-overlay-background\"],\"animateOverlayBackground\":[4,\"animate-overlay-background\"],\"scrollSnapBlock\":[4,\"scroll-snap-block\"],\"fixedBackground\":[4,\"fixed-background\"],\"blockHeading\":[1,\"block-heading\"],\"blockHeadingLevel\":[2,\"block-heading-level\"],\"blockPreamble\":[1,\"block-preamble\"],\"marginBottom\":[4,\"margin-bottom\"],\"pnPlayOnScrollObserverOptions\":[32],\"calculatedBlockHeight\":[32],\"hasButtonSlot\":[32]}]]],[\"pn-multi-row-connected-dropdown.cjs\",[[0,\"pn-multi-row-connected-dropdown\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"label\":[1],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"dropdownPlaceholder\":[1,\"dropdown-placeholder\"],\"addRowText\":[1,\"add-row-text\"],\"inputFieldLabel\":[1,\"input-field-label\"],\"inputFieldPlaceholder\":[1,\"input-field-placeholder\"],\"disabledDates\":[1,\"disabled-dates\"],\"dateButtonText\":[1,\"date-button-text\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"allowMultipleRows\":[4,\"allow-multiple-rows\"],\"allowMultipleDates\":[4,\"allow-multiple-dates\"],\"startDateLabel\":[1,\"start-date-label\"],\"endDateLabel\":[1,\"end-date-label\"],\"multiDateHelperText\":[1,\"multi-date-helper-text\"],\"generateDatesButtonText\":[1,\"generate-dates-button-text\"],\"saveDateButtonText\":[1,\"save-date-button-text\"],\"noDatesText\":[1,\"no-dates-text\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"minAmount\":[2,\"min-amount\"],\"errorMessageEmpty\":[1,\"error-message-empty\"],\"errorMessageMinAmount\":[1,\"error-message-min-amount\"],\"minWarningAmount\":[2,\"min-warning-amount\"],\"warningMessageMinAmount\":[1,\"warning-message-min-amount\"],\"rowCount\":[32],\"rowData\":[32],\"formValues\":[32]},[[0,\"rowValueChange\",\"predefinedValueChange\"],[0,\"deleteRowEvent\",\"deleteRowEvent\"]]]]],[\"pn-dropdown-with-multi-input-rows.cjs\",[[0,\"pn-dropdown-with-multi-input-rows\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"firstDropdownHelperText\":[1,\"first-dropdown-helper-text\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"secondDropdownHelperText\":[1,\"second-dropdown-helper-text\"],\"secondDropdownMax\":[2,\"second-dropdown-max\"],\"deleteMultipleRowsWarningText\":[1,\"delete-multiple-rows-warning-text\"],\"confirmDeleteButtonText\":[1,\"confirm-delete-button-text\"],\"abortDeleteButtonText\":[1,\"abort-delete-button-text\"],\"firstInputLabel\":[1,\"first-input-label\"],\"firstInputPlaceholder\":[1,\"first-input-placeholder\"],\"firstInputMin\":[2,\"first-input-min\"],\"firstInputMax\":[2,\"first-input-max\"],\"firstInputWarning\":[2,\"first-input-warning\"],\"firstInputWarningText\":[1,\"first-input-warning-text\"],\"firstInputLowErrorText\":[1,\"first-input-low-error-text\"],\"firstInputHighErrorText\":[1,\"first-input-high-error-text\"],\"secondInputLabel\":[1,\"second-input-label\"],\"secondInputPlaceholder\":[1,\"second-input-placeholder\"],\"secondInputMin\":[2,\"second-input-min\"],\"secondInputMax\":[2,\"second-input-max\"],\"secondInputWarning\":[2,\"second-input-warning\"],\"secondInputWarningText\":[1,\"second-input-warning-text\"],\"secondInputLowErrorText\":[1,\"second-input-low-error-text\"],\"secondInputHighErrorText\":[1,\"second-input-high-error-text\"],\"disabledDates\":[1,\"disabled-dates\"],\"dateLabel\":[1,\"date-label\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"sumFieldLabel\":[1,\"sum-field-label\"],\"addRowText\":[1,\"add-row-text\"],\"elementHelperText\":[1,\"element-helper-text\"],\"dropdownDataRoot\":[32],\"secondDropdownArr\":[32],\"rowData\":[32],\"formValues\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32],\"rowSum\":[32],\"minRowCount\":[32],\"showDeleteConfirm\":[32],\"i18n\":[32]},[[0,\"rowValueChange\",\"predefinedValueChange\"],[0,\"firstInputChange\",\"predefinedValueChange\"],[0,\"secondInputChange\",\"predefinedValueChange\"],[0,\"deleteRowEvent\",\"deleteRowEvent\"]],{\"languageCode\":[\"setTranslations\"]}]]],[\"pn-multiple-input.cjs\",[[0,\"pn-multiple-input\",{\"label\":[1],\"placeholder\":[1],\"addRowButtonText\":[1,\"add-row-button-text\"],\"rowData\":[32]}]]],[\"pn-parcel-tracker.cjs\",[[0,\"pn-parcel-tracker\",{\"formActionUrl\":[1,\"form-action-url\"],\"heading\":[1],\"buttonLabel\":[1,\"button-label\"],\"locale\":[1],\"placeholder\":[1],\"inputName\":[1,\"input-name\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-pex-pricefinder.cjs\",[[0,\"pn-pex-pricefinder\",{\"language\":[1],\"currency\":[1],\"apiUrl\":[1,\"api-url\"],\"i18n\":[32],\"fromzip\":[32],\"tozip\":[32],\"weight\":[32],\"when\":[32],\"response\":[32]},[[0,\"language\",\"setLanguage\"]]]]],[\"pn-share.cjs\",[[0,\"pn-share\",{\"link\":[1],\"language\":[1537],\"i18n\":[32]},null,{\"language\":[\"onLanguageChange\"]}]]],[\"pn-stats-info.cjs\",[[4,\"pn-stats-info\",{\"heading\":[1],\"dataArray\":[1,\"data-array\"],\"backgroundUrl\":[1,\"background-url\"],\"myParsedArray\":[32]},null,{\"dataArray\":[\"parseMyArrayProp\"]}]]],[\"pn-address-autofill.cjs\",[[0,\"pn-address-autofill\",{\"market\":[1537],\"environment\":[1537],\"endpoint\":[1],\"cache\":[4],\"countryCode\":[1,\"country-code\"],\"language\":[1],\"postalCodeProps\":[1,\"postal-code-props\"],\"cityProps\":[1,\"city-props\"],\"streetAddressProps\":[1,\"street-address-props\"],\"streetNumberProps\":[1,\"street-number-props\"],\"postalCode\":[32],\"city\":[32],\"streetAddress\":[32],\"streetNumber\":[32],\"validAddress\":[32],\"translation\":[32],\"postalCodeRequiredLabel\":[32],\"streetRequiredLabel\":[32],\"fullAddress\":[32],\"isLoading\":[32]}]]],[\"pn-animated-tile.cjs\",[[4,\"pn-animated-tile\",{\"toggled\":[32],\"transitionClassName\":[32],\"animateIcon\":[32]},null,{\"toggled\":[\"onToggledHandler\"]}]]],[\"pn-app-banner.cjs\",[[0,\"pn-app-banner\",{\"appName\":[1,\"app-name\"],\"appDescription\":[1,\"app-description\"],\"ctaText\":[1,\"cta-text\"],\"appleStoreLink\":[1,\"apple-store-link\"],\"googleStoreLink\":[1,\"google-store-link\"],\"isClosed\":[32],\"storeLink\":[32],\"isLocalStorageAvailable\":[32]}]]],[\"pn-bonus-progressbar.cjs\",[[4,\"pn-bonus-progressbar\",{\"icon\":[1],\"heading\":[1],\"sumtext\":[513],\"theme\":[513],\"bonuspercentage\":[1],\"currency\":[513],\"value\":[1538],\"min\":[1538],\"max\":[1538],\"valuepercentage\":[32],\"progresspercentage\":[32],\"levelValues\":[32],\"currentLevelAdjustedValue\":[32]},null,{\"currentLevelAdjustedValue\":[\"setValuePercentage\"],\"value\":[\"setValuePercentage\"],\"min\":[\"setValuePercentage\"],\"max\":[\"setValuePercentage\"]}]]],[\"pn-bonus-progressbar-level.cjs\",[[0,\"pn-bonus-progressbar-level\",{\"current\":[516],\"value\":[1538],\"bonuspercentage\":[1537],\"visualpercentage\":[1538],\"percentage\":[32],\"max\":[32],\"min\":[32],\"currency\":[32]}]]],[\"pn-breakpoints.cjs\",[[0,\"pn-breakpoints\",{\"breakPointClass\":[1,\"break-point-class\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-chart.cjs\",[[0,\"pn-chart\",{\"labels\":[1],\"dataSets\":[1,\"data-sets\"],\"dataChartType\":[8,\"data-chart-type\"],\"myChartCtxRef\":[32]},null,{\"dataSets\":[\"dataChangeHandler\"],\"labels\":[\"labelsChangeHandler\"]}]]],[\"pn-charts-card.cjs\",[[4,\"pn-charts-card\",{\"header\":[1],\"highlight\":[1],\"preamble\":[1],\"label\":[1],\"source\":[1],\"sourceUrl\":[1,\"source-url\"],\"ctaLinkText\":[1,\"cta-link-text\"],\"openInNewWindow\":[4,\"open-in-new-window\"]}]]],[\"pn-cta-block.cjs\",[[4,\"pn-cta-block\",{\"heading\":[1],\"bodyText\":[1,\"body-text\"],\"pnBackgroundColor\":[1,\"pn-background-color\"],\"isLarge\":[4,\"is-large\"],\"isCentered\":[4,\"is-centered\"],\"isSmall\":[4,\"is-small\"],\"contentTop\":[4,\"content-top\"]}]]],[\"pn-customernumber-selector.cjs\",[[4,\"pn-customernumber-selector\",{\"language\":[1537],\"open\":[1540],\"heading\":[1],\"description\":[1],\"i18n\":[32]}]]],[\"pn-customernumber-selector-option.cjs\",[[4,\"pn-customernumber-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-date-and-time.cjs\",[[0,\"pn-date-and-time\",{\"languageCode\":[1,\"language-code\"],\"dateAndTimeLabel\":[1,\"date-and-time-label\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"validTimeRangeMinutes\":[2,\"valid-time-range-minutes\"],\"errorMessage\":[1,\"error-message\"],\"dateHelperText\":[1,\"date-helper-text\"],\"timeHelperText\":[1,\"time-helper-text\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disabledDates\":[1,\"disabled-dates\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"minFromHour\":[2,\"min-from-hour\"],\"maxToHour\":[2,\"max-to-hour\"],\"language\":[32],\"hourArr\":[32],\"minuteArr\":[32],\"formValue\":[32],\"invalidTimespan\":[32],\"selectedDate\":[32],\"selectedFromHour\":[32],\"selectedFromMin\":[32],\"selectedToHour\":[32],\"selectedToMin\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32]}]]],[\"pn-dropdown-choice-adds-row.cjs\",[[4,\"pn-dropdown-choice-adds-row\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"addRowDropdownName\":[1,\"add-row-dropdown-name\"],\"addRowDropdownPlaceholder\":[1,\"add-row-dropdown-placeholder\"],\"addRowDropdownLabel\":[1,\"add-row-dropdown-label\"],\"rowNameLabel\":[1,\"row-name-label\"],\"rowHasDropdown\":[4,\"row-has-dropdown\"],\"rowDropdownLabel\":[1,\"row-dropdown-label\"],\"rowDropdownPlaceholder\":[1,\"row-dropdown-placeholder\"],\"rowInputLabel\":[1,\"row-input-label\"],\"rowDeleteButtonText\":[1,\"row-delete-button-text\"],\"totalInputLimit\":[2,\"total-input-limit\"],\"inputLimitWarning\":[1,\"input-limit-warning\"],\"inputEmptyWarning\":[1,\"input-empty-warning\"],\"dropdownEmptyWarning\":[1,\"dropdown-empty-warning\"],\"nextRowIndex\":[32],\"rowSelectDropdownArr\":[32],\"formValue\":[32]},null,{\"dropdownData\":[\"dropdownDataWatcher\"]}]]],[\"pn-hero-block-international.cjs\",[[4,\"pn-hero-block-international\",{\"heading\":[1],\"subHeading\":[1,\"sub-heading\"],\"preamble\":[1],\"animateLogo\":[4,\"animate-logo\"],\"showSideLoader\":[4,\"show-side-loader\"],\"centeredLayout\":[4,\"centered-layout\"]}]]],[\"pn-line-shape.cjs\",[[0,\"pn-line-shape\"]]],[\"pn-link-list.cjs\",[[4,\"pn-link-list\",{\"heading\":[1],\"label\":[1],\"preamble\":[1],\"url\":[1],\"showMoreLabel\":[1,\"show-more-label\"],\"showMoreUrl\":[1,\"show-more-url\"]}]]],[\"pn-marketweb-icon.cjs\",[[0,\"pn-marketweb-icon\",{\"symbol\":[1],\"small\":[4],\"color\":[1]}]]],[\"pn-marketweb-search.cjs\",[[1,\"pn-marketweb-search\",{\"disabled\":[4],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"autocomplete\":[1],\"list\":[1],\"value\":[1],\"label\":[1],\"loading\":[4],\"button\":[1],\"light\":[4],\"suggestionObserver\":[32],\"hasClonedInput\":[32],\"listSuggestion\":[32]},[[0,\"input\",\"inputHandler\"]]]]],[\"pn-product-tile.cjs\",[[4,\"pn-product-tile\"]]],[\"pn-profile-modal.cjs\",[[4,\"pn-profile-modal\",{\"heading\":[1],\"continueCtaText\":[1,\"continue-cta-text\"],\"choosenCompanyText\":[1,\"choosen-company-text\"],\"toText\":[1,\"to-text\"],\"chooseCustomerNumberText\":[1,\"choose-customer-number-text\"],\"isLoading\":[32]},[[0,\"urlSelected\",\"onUrlSelected\"]]]]],[\"pn-profile-modal-customernumber.cjs\",[[4,\"pn-profile-modal-customernumber\",{\"url\":[513],\"customernumber\":[513],\"selected\":[516]}]]],[\"pn-profile-modal-profile.cjs\",[[4,\"pn-profile-modal-profile\",{\"heading\":[513],\"description\":[513],\"url\":[513],\"selected\":[1028],\"showCustomerNumbers\":[516,\"show-customer-numbers\"],\"pleaseSelectText\":[513,\"please-select-text\"],\"visible\":[1540],\"identifier\":[32]}]]],[\"pn-profile-modal-type.cjs\",[[4,\"pn-profile-modal-type\",{\"typeid\":[513],\"name\":[1025],\"selected\":[1028],\"selectedprofile\":[1025]},null,{\"selected\":[\"onSelectedChange\"]}]]],[\"pn-profile-selector.cjs\",[[4,\"pn-profile-selector\",{\"language\":[1537],\"returnUrl\":[1,\"return-url\"],\"heading\":[1],\"i18n\":[32],\"isLoading\":[32],\"numberOfProfiles\":[32]}]]],[\"pn-profile-selector-option.cjs\",[[0,\"pn-profile-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-quick-cta.cjs\",[[4,\"pn-quick-cta\",{\"heading\":[1],\"preamble\":[1]}]]],[\"pn-quote-card.cjs\",[[4,\"pn-quote-card\",{\"quote\":[1],\"name\":[1],\"occupation\":[1]}]]],[\"pn-sidenav.cjs\",[[4,\"pn-sidenav\",{\"language\":[1],\"navLabel\":[1,\"nav-label\"],\"i18n\":[32]},[[0,\"language\",\"setLanguage\"],[0,\"openSubMenuLevelChange\",\"onOpenSubMenuLevelChange\"]]]]],[\"pn-sidenav-level.cjs\",[[4,\"pn-sidenav-level\",{\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"alignment\":[32]},null,{\"isOpen\":[\"onOpen\"]}]]],[\"pn-sidenav-link.cjs\",[[4,\"pn-sidenav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"icon\":[1],\"currentSelection\":[4,\"current-selection\"],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-sidenav-togglebutton.cjs\",[[4,\"pn-sidenav-togglebutton\",{\"label\":[1],\"i18n\":[32]}]]],[\"pn-spotlight.cjs\",[[4,\"pn-spotlight\",{\"heading\":[1],\"preamble\":[1],\"isDynamic\":[4,\"is-dynamic\"],\"addDynamic\":[32]}]]],[\"pn-teaser-card.cjs\",[[4,\"pn-teaser-card\",{\"text\":[1],\"heading\":[1],\"label\":[1],\"headingLevel\":[2,\"heading-level\"],\"dataCardColor\":[513,\"data-card-color\"],\"dataCardAlignment\":[513,\"data-card-alignment\"],\"hasCtaSlotContent\":[32],\"hasIllustrationSlot\":[32]}]]],[\"pn-usp-promoter.cjs\",[[4,\"pn-usp-promoter\",{\"heading\":[1],\"headingExtension\":[1,\"heading-extension\"],\"bodyText\":[1,\"body-text\"],\"backgroundGradient\":[1,\"background-gradient\"],\"fullWidth\":[4,\"full-width\"],\"rightAlign\":[4,\"right-align\"],\"hideMobileImage\":[4,\"hide-mobile-image\"]}]]],[\"pn-proxio-findprice-result.cjs\",[[0,\"pn-proxio-findprice-result\",{\"item\":[1040],\"activeweight\":[1026],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"showInternational\":[4,\"show-international\"],\"selectedCountrycode\":[1,\"selected-countrycode\"],\"market\":[1],\"language\":[1025],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32],\"i18n\":[32]},null,{\"item\":[\"composeItems\"],\"activeweight\":[\"getPriceString\",\"getProductLink\"]}]]],[\"pn-find-service-and-price-result.cjs\",[[0,\"pn-find-service-and-price-result\",{\"item\":[1040],\"shownitems\":[16],\"weightText\":[32]},null,{\"item\":[\"composeItems\"]}]]],[\"pn-play-on-scroll.cjs\",[[0,\"pn-play-on-scroll\",{\"videoSrc\":[1,\"video-src\"],\"observerOptions\":[16],\"showOverlay\":[4,\"show-overlay\"],\"videoId\":[32],\"isManuallyPaused\":[32],\"isPaused\":[32]}]]],[\"pn-filter-checkbox.cjs\",[[1,\"pn-filter-checkbox\",{\"value\":[520],\"name\":[1],\"checkboxid\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-multi-row-connected-dropdown-row.cjs\",[[0,\"pn-multi-row-connected-dropdown-row\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"label\":[1],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"dropdownPlaceholder\":[1,\"dropdown-placeholder\"],\"addRowText\":[1,\"add-row-text\"],\"inputFieldLabel\":[1,\"input-field-label\"],\"inputFieldPlaceholder\":[1,\"input-field-placeholder\"],\"disabledDates\":[1,\"disabled-dates\"],\"dateButtonText\":[1,\"date-button-text\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"allowMultipleDates\":[4,\"allow-multiple-dates\"],\"startDateLabel\":[1,\"start-date-label\"],\"endDateLabel\":[1,\"end-date-label\"],\"multiDateHelperText\":[1,\"multi-date-helper-text\"],\"generateDatesButtonText\":[1,\"generate-dates-button-text\"],\"saveDateButtonText\":[1,\"save-date-button-text\"],\"noDatesText\":[1,\"no-dates-text\"],\"index\":[2],\"predefinedValue\":[1,\"predefined-value\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"minAmount\":[2,\"min-amount\"],\"errorMessageEmpty\":[1,\"error-message-empty\"],\"errorMessageMinAmount\":[1,\"error-message-min-amount\"],\"minWarningAmount\":[2,\"min-warning-amount\"],\"warningMessageMinAmount\":[1,\"warning-message-min-amount\"],\"buttonsArray\":[32],\"firstDropdownArr\":[32],\"secondDropdownArr\":[32],\"firstDropdownClass\":[32],\"secondDropdownClass\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32],\"firstDropdownPlaceholder\":[32],\"secondDropdownPlaceholder\":[32],\"startDateValue\":[32],\"endDateValue\":[32],\"generatedDatesArr\":[32],\"selectedButtonValue\":[32],\"inputFieldValue\":[32],\"dateValue\":[32],\"daysArr\":[32]},null,{\"predefinedValue\":[\"applyPredefinedValue\"]}]]],[\"pn-dropdown-with-multi-input-rows-row.cjs\",[[0,\"pn-dropdown-with-multi-input-rows-row\",{\"languageCode\":[1,\"language-code\"],\"firstInputPlaceholder\":[1,\"first-input-placeholder\"],\"firstInputMin\":[2,\"first-input-min\"],\"firstInputMax\":[2,\"first-input-max\"],\"firstInputWarning\":[2,\"first-input-warning\"],\"firstInputWarningText\":[1,\"first-input-warning-text\"],\"firstInputLowErrorText\":[1,\"first-input-low-error-text\"],\"firstInputHighErrorText\":[1,\"first-input-high-error-text\"],\"secondInputPlaceholder\":[1,\"second-input-placeholder\"],\"secondInputMin\":[2,\"second-input-min\"],\"secondInputMax\":[2,\"second-input-max\"],\"secondInputWarning\":[2,\"second-input-warning\"],\"secondInputWarningText\":[1,\"second-input-warning-text\"],\"secondInputLowErrorText\":[1,\"second-input-low-error-text\"],\"secondInputHighErrorText\":[1,\"second-input-high-error-text\"],\"dateLabel\":[1,\"date-label\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"firstValidDate\":[1,\"first-valid-date\"],\"lastValidDate\":[1,\"last-valid-date\"],\"predefinedValue\":[1,\"predefined-value\"],\"rowIndex\":[2,\"row-index\"],\"minRowCount\":[2,\"min-row-count\"],\"disabledDates\":[1,\"disabled-dates\"],\"showFirstInputWarning\":[32],\"showFirstInputLowError\":[32],\"showFirstInputHighError\":[32],\"showSecondInputWarning\":[32],\"showSecondInputLowError\":[32],\"showSecondInputHighError\":[32],\"firstInputValue\":[32],\"secondInputValue\":[32],\"dateValue\":[32]},null,{\"predefinedValue\":[\"applyPredefinedValue\"]}]]],[\"pn-share-item.cjs\",[[4,\"pn-share-item\",{\"link\":[1],\"text\":[1]}]]],[\"pn-stats-info-data.cjs\",[[0,\"pn-stats-info-data\",{\"format\":[1],\"formatStyle\":[1,\"format-style\"],\"startValue\":[2,\"start-value\"],\"data\":[2],\"unit\":[1],\"preamble\":[1],\"duration\":[2],\"index\":[2],\"hasBeenShown\":[32],\"compId\":[32]},null,{\"hasBeenShown\":[\"watchStateHandlder\"]}]]],[\"pn-find-price-result.cjs\",[[0,\"pn-find-price-result\",{\"item\":[1040],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32]},null,{\"item\":[\"composeItems\"]}]]],[\"pn-mainnav-link.cjs\",[[4,\"pn-mainnav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-site-footer_3.cjs\",[[4,\"pn-site-footer\",{\"url\":[1],\"linktitle\":[1],\"theme\":[513]}],[4,\"pn-site-footer-col\",{\"theme\":[513]}],[0,\"pn-swan\",{\"licenseNumber\":[1,\"license-number\"],\"language\":[1537],\"linkTo\":[1,\"link-to\"],\"i18n\":[32]},null,{\"language\":[\"onLanguageChange\"]}]]],[\"pn-choice-button.cjs\",[[4,\"pn-choice-button\",{\"value\":[520],\"name\":[1],\"choiceid\":[1],\"type\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-marketweb-input.cjs\",[[0,\"pn-marketweb-input\",{\"disabled\":[4],\"error\":[1],\"invalid\":[4],\"helpertext\":[1],\"label\":[1],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"required\":[4],\"type\":[1025],\"autocomplete\":[1],\"valid\":[4],\"value\":[1],\"maxlength\":[1],\"min\":[1],\"max\":[1],\"step\":[1],\"pattern\":[1],\"showText\":[32]}]]],[\"pn-product-tile-info_2.cjs\",[[0,\"pn-product-tile-info\",{\"label\":[1],\"text\":[1],\"icon\":[1]}],[0,\"pn-product-tile-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"url\":[1]}]]],[\"pn-scroll_2.cjs\",[[4,\"pn-scroll\",{\"observerOptions\":[16],\"behaviourClasses\":[1,\"behaviour-classes\"],\"transitionDurationSeconds\":[2,\"transition-duration-seconds\"],\"shouldLoop\":[4,\"should-loop\"],\"intersectFunc\":[16],\"notIntersectFunc\":[16],\"compId\":[32]}],[0,\"pn-video-overlay\",{\"language\":[1],\"isPaused\":[4,\"is-paused\"],\"showOverlay\":[4,\"show-overlay\"],\"i18n\":[32]},null,{\"language\":[\"onLanguageChange\"]}]]],[\"pn-marketweb-siteheader-login-linklist.cjs\",[[0,\"pn-marketweb-siteheader-login-linklist\",{\"heading\":[1],\"links\":[16],\"idNamespace\":[1,\"id-namespace\"],\"showUnifiedLogin\":[4,\"show-unified-login\"]}]]],[\"pn-titletag.cjs\",[[4,\"pn-titletag\",{\"icon\":[1],\"color\":[1537]}]]],[\"pn-marketweb-siteheader-login-button_5.cjs\",[[0,\"pn-marketweb-siteheader-unified-login\",{\"loggedIn\":[4,\"logged-in\"],\"myPageLabel\":[1,\"my-page-label\"],\"myPageUrl\":[1,\"my-page-url\"],\"logInLabel\":[1,\"log-in-label\"],\"useMarketwebLogin\":[4,\"use-marketweb-login\"],\"environment\":[1]}],[0,\"pn-marketweb-siteheader-login-links\",{\"loginDialog\":[1040],\"idNamespace\":[1,\"id-namespace\"],\"loggedin\":[516],\"username\":[1],\"showUnifiedLogin\":[4,\"show-unified-login\"]},null,{\"loginDialog\":[\"init\"]}],[0,\"pn-marketweb-siteheader-login-profileselection\",{\"loginDialog\":[1040],\"endpoint\":[1],\"loggedin\":[4],\"idNamespace\":[1,\"id-namespace\"],\"heading\":[1],\"i18n\":[16],\"currentProfile\":[1040],\"profileoptions\":[1040],\"user\":[32],\"logoutLink\":[32],\"userName\":[32],\"userEmail\":[32]}],[0,\"pn-marketweb-siteheader-login-button\",{\"label\":[1],\"useMarketwebLogin\":[4,\"use-marketweb-login\"],\"environment\":[1]}],[0,\"pn-marketweb-siteheader-login-mypage-button\",{\"label\":[1],\"myPageUrl\":[1,\"my-page-url\"]}]]],[\"pn-language-selector_9.cjs\",[[0,\"pn-marketweb-siteheader-login\",{\"endpoint\":[1],\"token\":[1],\"i18n\":[16],\"siteUrl\":[1,\"site-url\"],\"emitEvents\":[4,\"emit-events\"],\"loginDialog\":[1040],\"fullname\":[1],\"loggedin\":[4],\"showProfileSelection\":[1028,\"show-profile-selection\"],\"showUnifiedLogin\":[4,\"show-unified-login\"],\"checkUserLoggedInStateInterval\":[2,\"check-user-logged-in-state-interval\"],\"environment\":[1],\"useMarketwebLogin\":[4,\"use-marketweb-login\"],\"loginLinks\":[32],\"toggleButtonText\":[32],\"username\":[32]},null,{\"i18n\":[\"init\"],\"loginDialog\":[\"init\"]}],[4,\"pn-mainnav-level\",{\"label\":[1537],\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"listCount\":[32],\"alignment\":[32]},null,{\"label\":[\"setState\"],\"isOpen\":[\"onOpen\"]}],[4,\"pn-language-selector\",{\"value\":[1537],\"selectedLanguageName\":[32],\"options\":[32],\"i18n\":[32]},null,{\"value\":[\"setSelectedLanguageName\",\"setTranslations\",\"onValueChange\"]}],[0,\"pn-language-selector-option\",{\"name\":[1],\"code\":[1],\"url\":[1],\"selected\":[4],\"currentLanguage\":[1,\"current-language\"]}],[4,\"pn-mainnav\",{\"market\":[1],\"language\":[1],\"navigationId\":[1,\"navigation-id\"],\"openMenu\":[1028,\"open-menu\"],\"navLabel\":[1,\"nav-label\"]},[[0,\"language\",\"setLanguage\"],[0,\"market\",\"setMarket\"],[0,\"menuLanguageChange\",\"onLanguageChange\"],[0,\"setmenuopenstate\",\"setMenuOpenState\"],[0,\"openMenuLevelChange\",\"onOpenMenuLevelChange\"]]],[4,\"pn-mainnav-list\",{\"heading\":[1],\"linkCount\":[32]}],[0,\"pn-marketweb-siteheader-search\",{\"i18n\":[8,\"i-1-8n\"],\"showOnlyLink\":[1028,\"show-only-link\"],\"hideSearch\":[1028,\"hide-search\"],\"language\":[1537],\"siteid\":[1],\"search\":[1040],\"primary\":[4],\"icononly\":[4],\"autoCompleteOptions\":[32]}],[4,\"pn-site-selector\",{\"buttontext\":[1537],\"heading\":[1537],\"language\":[1537],\"i18n\":[32]}],[0,\"pn-site-selector-item\",{\"url\":[1],\"heading\":[1],\"description\":[1],\"newwindow\":[4]}]]],[\"pn-proxio-productcard_4.cjs\",[[4,\"pn-proxio-productcard\"],[0,\"pn-proxio-productcard-description\",{\"heading\":[1],\"highlight\":[1],\"description\":[1],\"list\":[1040]}],[0,\"pn-proxio-productcard-information\",{\"label\":[1],\"information\":[16]}],[0,\"pn-proxio-productcard-pricelink\",{\"price\":[1],\"vatText\":[1,\"vat-text\"],\"link\":[1],\"linktext\":[1]}]]],[\"pn-product-card_3.cjs\",[[0,\"pn-product-card-info\",{\"rulle\":[1],\"paket\":[1],\"label\":[1],\"text\":[1]}],[0,\"pn-product-card-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"note\":[1],\"url\":[1],\"service\":[1],\"linkid\":[1]}],[4,\"pn-product-card\"]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"pn-marketweb-siteheader.cjs\",[[4,\"pn-marketweb-siteheader\",{\"market\":[1537],\"language\":[1537],\"siteid\":[1],\"environment\":[1537],\"userToken\":[1,\"user-token\"],\"userFullname\":[1,\"user-fullname\"],\"userLoggedin\":[516,\"user-loggedin\"],\"endpoint\":[1],\"hideSiteSelector\":[1540,\"hide-site-selector\"],\"hideHomeMenuItem\":[1540,\"hide-home-menu-item\"],\"hideLanguageSelector\":[1540,\"hide-language-selector\"],\"hideSearch\":[1540,\"hide-search\"],\"hideLogin\":[1540,\"hide-login\"],\"showProfileSelection\":[1540,\"show-profile-selection\"],\"showUnifiedLogin\":[4,\"show-unified-login\"],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"AutocompleteEndpoint\":[1,\"autocomplete-endpoint\"],\"sessionForward\":[4,\"session-forward\"],\"cache\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"spaMode\":[4,\"spa-mode\"],\"checkUserLoggedInStateInterval\":[2,\"check-user-logged-in-state-interval\"],\"useMarketwebLogin\":[4,\"use-marketweb-login\"],\"pageId\":[1,\"page-id\"],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32],\"homePageLink\":[32],\"menuItems\":[32],\"siteDefinition\":[32],\"search\":[32],\"siteSelector\":[32],\"languageSelector\":[32],\"languageOptions\":[32],\"loginDialog\":[32],\"minimizeSearch\":[32],\"loggedIn\":[32]},[[0,\"setLanguage\",\"onLanguageSelectorChange\"],[0,\"loginStateChange\",\"onLoginStateChange\"],[9,\"resize\",\"handleResize\"]],{\"language\":[\"onLanguageChange\"],\"market\":[\"onMarketChange\"]}]]],[\"pn-proxio-findprice.cjs\",[[0,\"pn-proxio-findprice\",{\"endpoint\":[1025],\"language\":[1025],\"market\":[1025],\"showMedium\":[4,\"show-medium\"],\"showInternational\":[4,\"show-international\"],\"maxAbroadKg\":[2,\"max-abroad-kg\"],\"weightListName\":[1,\"weight-list-name\"],\"cache\":[4],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"countrycodevalue\":[32],\"sizecategory\":[32],\"data\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"sizecategory\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"],\"countrycodevalue\":[\"filterItems\"]}]]],[\"pn-find-price.cjs\",[[0,\"pn-find-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"weight\":[32],\"weightvalue\":[32],\"sourceData\":[32],\"sizecategory\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"sizecategory\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"]}]]],[\"pn-find-service-and-price.cjs\",[[0,\"pn-find-service-and-price\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"filteredItems\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32],\"deliveryscope\":[32],\"sourceData\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"postagetype\":[\"filterItems\"],\"deliveryscope\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"]}]]],[\"pn-product-pricelist.cjs\",[[4,\"pn-product-pricelist\",{\"source\":[1],\"language\":[1025],\"market\":[1025],\"productid\":[1],\"filteredItems\":[32],\"sourceData\":[32],\"gotData\":[32],\"loading\":[32],\"postagetype\":[32],\"weight\":[32],\"weightvalue\":[32]},null,{\"market\":[\"setState\"],\"language\":[\"setState\"],\"postagetype\":[\"filterItems\"],\"weightvalue\":[\"filterItems\"]}]]],[\"pn-proxio-pricegroup.cjs\",[[0,\"pn-proxio-pricegroup\",{\"endpoint\":[1025],\"language\":[1],\"market\":[1],\"tariffid\":[1],\"cache\":[4],\"activeWeightIndex\":[32],\"data\":[32],\"i18n\":[32]},[[0,\"activeWeightIndex\",\"setActiveWeightIndex\"],[0,\"language\",\"setLanguage\"]]]]],[\"pn-product-pricelist-result.cjs\",[[0,\"pn-product-pricelist-result\",{\"item\":[1040],\"description\":[16],\"shownitems\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32]},null,{\"item\":[\"composeItems\"]}]]],[\"pn-marketweb-sitefooter.cjs\",[[4,\"pn-marketweb-sitefooter\",{\"market\":[1537],\"language\":[1537],\"environment\":[1537],\"endpoint\":[1],\"siteDomainInUrls\":[4,\"site-domain-in-urls\"],\"cache\":[4],\"theme\":[513],\"backgroundcolor\":[513],\"showSwan\":[4,\"show-swan\"],\"headingLevel\":[1,\"heading-level\"],\"siteDefinition\":[32],\"footerContent\":[32],\"i18n\":[32],\"gotData\":[32],\"fetchingData\":[32]},null,{\"language\":[\"onLanguageChange\"],\"market\":[\"onMarketChange\"]}]]],[\"pn-media-block.cjs\",[[4,\"pn-media-block\",{\"blockHeight\":[1,\"block-height\"],\"imageSrc\":[1,\"image-src\"],\"imageSrcSmallScreenFormat\":[1,\"image-src-small-screen-format\"],\"imageAltText\":[1,\"image-alt-text\"],\"videoSrc\":[1,\"video-src\"],\"parallaxScroll\":[4,\"parallax-scroll\"],\"showOverlayLayer\":[4,\"show-overlay-layer\"],\"customOverlayBackground\":[1,\"custom-overlay-background\"],\"animateOverlayBackground\":[4,\"animate-overlay-background\"],\"scrollSnapBlock\":[4,\"scroll-snap-block\"],\"fixedBackground\":[4,\"fixed-background\"],\"blockHeading\":[1,\"block-heading\"],\"blockHeadingLevel\":[2,\"block-heading-level\"],\"blockPreamble\":[1,\"block-preamble\"],\"marginBottom\":[4,\"margin-bottom\"],\"pnPlayOnScrollObserverOptions\":[32],\"calculatedBlockHeight\":[32],\"hasButtonSlot\":[32]}]]],[\"pn-multi-row-connected-dropdown.cjs\",[[0,\"pn-multi-row-connected-dropdown\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"label\":[1],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"dropdownPlaceholder\":[1,\"dropdown-placeholder\"],\"addRowText\":[1,\"add-row-text\"],\"inputFieldLabel\":[1,\"input-field-label\"],\"inputFieldPlaceholder\":[1,\"input-field-placeholder\"],\"disabledDates\":[1,\"disabled-dates\"],\"dateButtonText\":[1,\"date-button-text\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"allowMultipleRows\":[4,\"allow-multiple-rows\"],\"allowMultipleDates\":[4,\"allow-multiple-dates\"],\"startDateLabel\":[1,\"start-date-label\"],\"endDateLabel\":[1,\"end-date-label\"],\"multiDateHelperText\":[1,\"multi-date-helper-text\"],\"generateDatesButtonText\":[1,\"generate-dates-button-text\"],\"saveDateButtonText\":[1,\"save-date-button-text\"],\"noDatesText\":[1,\"no-dates-text\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"minAmount\":[2,\"min-amount\"],\"errorMessageEmpty\":[1,\"error-message-empty\"],\"errorMessageMinAmount\":[1,\"error-message-min-amount\"],\"minWarningAmount\":[2,\"min-warning-amount\"],\"warningMessageMinAmount\":[1,\"warning-message-min-amount\"],\"rowCount\":[32],\"rowData\":[32],\"formValues\":[32]},[[0,\"rowValueChange\",\"predefinedValueChange\"],[0,\"deleteRowEvent\",\"deleteRowEvent\"]]]]],[\"pn-dropdown-with-multi-input-rows.cjs\",[[0,\"pn-dropdown-with-multi-input-rows\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"firstDropdownHelperText\":[1,\"first-dropdown-helper-text\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"secondDropdownHelperText\":[1,\"second-dropdown-helper-text\"],\"secondDropdownMax\":[2,\"second-dropdown-max\"],\"deleteMultipleRowsWarningText\":[1,\"delete-multiple-rows-warning-text\"],\"confirmDeleteButtonText\":[1,\"confirm-delete-button-text\"],\"abortDeleteButtonText\":[1,\"abort-delete-button-text\"],\"firstInputLabel\":[1,\"first-input-label\"],\"firstInputPlaceholder\":[1,\"first-input-placeholder\"],\"firstInputMin\":[2,\"first-input-min\"],\"firstInputMax\":[2,\"first-input-max\"],\"firstInputWarning\":[2,\"first-input-warning\"],\"firstInputWarningText\":[1,\"first-input-warning-text\"],\"firstInputLowErrorText\":[1,\"first-input-low-error-text\"],\"firstInputHighErrorText\":[1,\"first-input-high-error-text\"],\"secondInputLabel\":[1,\"second-input-label\"],\"secondInputPlaceholder\":[1,\"second-input-placeholder\"],\"secondInputMin\":[2,\"second-input-min\"],\"secondInputMax\":[2,\"second-input-max\"],\"secondInputWarning\":[2,\"second-input-warning\"],\"secondInputWarningText\":[1,\"second-input-warning-text\"],\"secondInputLowErrorText\":[1,\"second-input-low-error-text\"],\"secondInputHighErrorText\":[1,\"second-input-high-error-text\"],\"disabledDates\":[1,\"disabled-dates\"],\"dateLabel\":[1,\"date-label\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"sumFieldLabel\":[1,\"sum-field-label\"],\"addRowText\":[1,\"add-row-text\"],\"elementHelperText\":[1,\"element-helper-text\"],\"dropdownDataRoot\":[32],\"secondDropdownArr\":[32],\"rowData\":[32],\"formValues\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32],\"rowSum\":[32],\"minRowCount\":[32],\"showDeleteConfirm\":[32],\"i18n\":[32]},[[0,\"rowValueChange\",\"predefinedValueChange\"],[0,\"firstInputChange\",\"predefinedValueChange\"],[0,\"secondInputChange\",\"predefinedValueChange\"],[0,\"deleteRowEvent\",\"deleteRowEvent\"]],{\"languageCode\":[\"setTranslations\"]}]]],[\"pn-multiple-input.cjs\",[[0,\"pn-multiple-input\",{\"label\":[1],\"placeholder\":[1],\"addRowButtonText\":[1,\"add-row-button-text\"],\"rowData\":[32]}]]],[\"pn-parcel-tracker.cjs\",[[0,\"pn-parcel-tracker\",{\"formActionUrl\":[1,\"form-action-url\"],\"heading\":[1],\"buttonLabel\":[1,\"button-label\"],\"locale\":[1],\"placeholder\":[1],\"inputName\":[1,\"input-name\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-pex-pricefinder.cjs\",[[0,\"pn-pex-pricefinder\",{\"language\":[1],\"currency\":[1],\"apiUrl\":[1,\"api-url\"],\"i18n\":[32],\"fromzip\":[32],\"tozip\":[32],\"weight\":[32],\"when\":[32],\"response\":[32]},[[0,\"language\",\"setLanguage\"]]]]],[\"pn-share.cjs\",[[0,\"pn-share\",{\"link\":[1],\"language\":[1537],\"i18n\":[32]},null,{\"language\":[\"onLanguageChange\"]}]]],[\"pn-stats-info.cjs\",[[4,\"pn-stats-info\",{\"heading\":[1],\"dataArray\":[1,\"data-array\"],\"backgroundUrl\":[1,\"background-url\"],\"myParsedArray\":[32]},null,{\"dataArray\":[\"parseMyArrayProp\"]}]]],[\"pn-address-autofill.cjs\",[[0,\"pn-address-autofill\",{\"market\":[1537],\"environment\":[1537],\"endpoint\":[1],\"cache\":[4],\"countryCode\":[1,\"country-code\"],\"language\":[1],\"postalCodeProps\":[1,\"postal-code-props\"],\"cityProps\":[1,\"city-props\"],\"streetAddressProps\":[1,\"street-address-props\"],\"streetNumberProps\":[1,\"street-number-props\"],\"addressNotFoundError\":[1,\"address-not-found-error\"],\"postalCode\":[32],\"city\":[32],\"streetAddress\":[32],\"streetNumber\":[32],\"validAddress\":[32],\"translation\":[32],\"postalCodeRequiredLabel\":[32],\"streetRequiredLabel\":[32],\"fullAddress\":[32],\"isLoading\":[32]}]]],[\"pn-animated-tile.cjs\",[[4,\"pn-animated-tile\",{\"toggled\":[32],\"transitionClassName\":[32],\"animateIcon\":[32]},null,{\"toggled\":[\"onToggledHandler\"]}]]],[\"pn-app-banner.cjs\",[[0,\"pn-app-banner\",{\"appName\":[1,\"app-name\"],\"appDescription\":[1,\"app-description\"],\"ctaText\":[1,\"cta-text\"],\"appleStoreLink\":[1,\"apple-store-link\"],\"googleStoreLink\":[1,\"google-store-link\"],\"isClosed\":[32],\"storeLink\":[32],\"isLocalStorageAvailable\":[32]}]]],[\"pn-bonus-progressbar.cjs\",[[4,\"pn-bonus-progressbar\",{\"icon\":[1],\"heading\":[1],\"sumtext\":[513],\"theme\":[513],\"bonuspercentage\":[1],\"currency\":[513],\"value\":[1538],\"min\":[1538],\"max\":[1538],\"valuepercentage\":[32],\"progresspercentage\":[32],\"levelValues\":[32],\"currentLevelAdjustedValue\":[32]},null,{\"currentLevelAdjustedValue\":[\"setValuePercentage\"],\"value\":[\"setValuePercentage\"],\"min\":[\"setValuePercentage\"],\"max\":[\"setValuePercentage\"]}]]],[\"pn-bonus-progressbar-level.cjs\",[[0,\"pn-bonus-progressbar-level\",{\"current\":[516],\"value\":[1538],\"bonuspercentage\":[1537],\"visualpercentage\":[1538],\"percentage\":[32],\"max\":[32],\"min\":[32],\"currency\":[32]}]]],[\"pn-breakpoints.cjs\",[[0,\"pn-breakpoints\",{\"breakPointClass\":[1,\"break-point-class\"],\"currentWidth\":[32]},[[9,\"resize\",\"handleViewportSizeChange\"]]]]],[\"pn-chart.cjs\",[[0,\"pn-chart\",{\"labels\":[1],\"dataSets\":[1,\"data-sets\"],\"dataChartType\":[8,\"data-chart-type\"],\"myChartCtxRef\":[32]},null,{\"dataSets\":[\"dataChangeHandler\"],\"labels\":[\"labelsChangeHandler\"]}]]],[\"pn-charts-card.cjs\",[[4,\"pn-charts-card\",{\"header\":[1],\"highlight\":[1],\"preamble\":[1],\"label\":[1],\"source\":[1],\"sourceUrl\":[1,\"source-url\"],\"ctaLinkText\":[1,\"cta-link-text\"],\"openInNewWindow\":[4,\"open-in-new-window\"]}]]],[\"pn-cta-block.cjs\",[[4,\"pn-cta-block\",{\"heading\":[1],\"bodyText\":[1,\"body-text\"],\"pnBackgroundColor\":[1,\"pn-background-color\"],\"isLarge\":[4,\"is-large\"],\"isCentered\":[4,\"is-centered\"],\"isSmall\":[4,\"is-small\"],\"contentTop\":[4,\"content-top\"]}]]],[\"pn-customernumber-selector.cjs\",[[4,\"pn-customernumber-selector\",{\"language\":[1537],\"open\":[1540],\"heading\":[1],\"description\":[1],\"i18n\":[32]}]]],[\"pn-customernumber-selector-option.cjs\",[[4,\"pn-customernumber-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-date-and-time.cjs\",[[0,\"pn-date-and-time\",{\"languageCode\":[1,\"language-code\"],\"dateAndTimeLabel\":[1,\"date-and-time-label\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"validTimeRangeMinutes\":[2,\"valid-time-range-minutes\"],\"errorMessage\":[1,\"error-message\"],\"dateHelperText\":[1,\"date-helper-text\"],\"timeHelperText\":[1,\"time-helper-text\"],\"disableWeekends\":[4,\"disable-weekends\"],\"disabledDates\":[1,\"disabled-dates\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"minFromHour\":[2,\"min-from-hour\"],\"maxToHour\":[2,\"max-to-hour\"],\"language\":[32],\"hourArr\":[32],\"minuteArr\":[32],\"formValue\":[32],\"invalidTimespan\":[32],\"selectedDate\":[32],\"selectedFromHour\":[32],\"selectedFromMin\":[32],\"selectedToHour\":[32],\"selectedToMin\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32]}]]],[\"pn-dropdown-choice-adds-row.cjs\",[[4,\"pn-dropdown-choice-adds-row\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"addRowDropdownName\":[1,\"add-row-dropdown-name\"],\"addRowDropdownPlaceholder\":[1,\"add-row-dropdown-placeholder\"],\"addRowDropdownLabel\":[1,\"add-row-dropdown-label\"],\"rowNameLabel\":[1,\"row-name-label\"],\"rowHasDropdown\":[4,\"row-has-dropdown\"],\"rowDropdownLabel\":[1,\"row-dropdown-label\"],\"rowDropdownPlaceholder\":[1,\"row-dropdown-placeholder\"],\"rowInputLabel\":[1,\"row-input-label\"],\"rowDeleteButtonText\":[1,\"row-delete-button-text\"],\"totalInputLimit\":[2,\"total-input-limit\"],\"inputLimitWarning\":[1,\"input-limit-warning\"],\"inputEmptyWarning\":[1,\"input-empty-warning\"],\"dropdownEmptyWarning\":[1,\"dropdown-empty-warning\"],\"nextRowIndex\":[32],\"rowSelectDropdownArr\":[32],\"formValue\":[32]},null,{\"dropdownData\":[\"dropdownDataWatcher\"]}]]],[\"pn-hero-block-international.cjs\",[[4,\"pn-hero-block-international\",{\"heading\":[1],\"subHeading\":[1,\"sub-heading\"],\"preamble\":[1],\"animateLogo\":[4,\"animate-logo\"],\"showSideLoader\":[4,\"show-side-loader\"],\"centeredLayout\":[4,\"centered-layout\"]}]]],[\"pn-line-shape.cjs\",[[0,\"pn-line-shape\"]]],[\"pn-link-list.cjs\",[[4,\"pn-link-list\",{\"heading\":[1],\"label\":[1],\"preamble\":[1],\"url\":[1],\"showMoreLabel\":[1,\"show-more-label\"],\"showMoreUrl\":[1,\"show-more-url\"]}]]],[\"pn-marketweb-icon.cjs\",[[0,\"pn-marketweb-icon\",{\"symbol\":[1],\"small\":[4],\"color\":[1]}]]],[\"pn-marketweb-search.cjs\",[[1,\"pn-marketweb-search\",{\"disabled\":[4],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"autocomplete\":[1],\"list\":[1],\"value\":[1],\"label\":[1],\"loading\":[4],\"button\":[1],\"light\":[4],\"suggestionObserver\":[32],\"hasClonedInput\":[32],\"listSuggestion\":[32]},[[0,\"input\",\"inputHandler\"]]]]],[\"pn-product-tile.cjs\",[[4,\"pn-product-tile\"]]],[\"pn-profile-modal.cjs\",[[4,\"pn-profile-modal\",{\"heading\":[1],\"continueCtaText\":[1,\"continue-cta-text\"],\"choosenCompanyText\":[1,\"choosen-company-text\"],\"toText\":[1,\"to-text\"],\"chooseCustomerNumberText\":[1,\"choose-customer-number-text\"],\"isLoading\":[32]},[[0,\"urlSelected\",\"onUrlSelected\"]]]]],[\"pn-profile-modal-customernumber.cjs\",[[4,\"pn-profile-modal-customernumber\",{\"url\":[513],\"customernumber\":[513],\"selected\":[516]}]]],[\"pn-profile-modal-profile.cjs\",[[4,\"pn-profile-modal-profile\",{\"heading\":[513],\"description\":[513],\"url\":[513],\"selected\":[1028],\"showCustomerNumbers\":[516,\"show-customer-numbers\"],\"pleaseSelectText\":[513,\"please-select-text\"],\"visible\":[1540],\"identifier\":[32]}]]],[\"pn-profile-modal-type.cjs\",[[4,\"pn-profile-modal-type\",{\"typeid\":[513],\"name\":[1025],\"selected\":[1028],\"selectedprofile\":[1025]},null,{\"selected\":[\"onSelectedChange\"]}]]],[\"pn-profile-selector.cjs\",[[4,\"pn-profile-selector\",{\"language\":[1537],\"returnUrl\":[1,\"return-url\"],\"heading\":[1],\"i18n\":[32],\"isLoading\":[32],\"numberOfProfiles\":[32]}]]],[\"pn-profile-selector-option.cjs\",[[0,\"pn-profile-selector-option\",{\"heading\":[1],\"description\":[1],\"url\":[1]}]]],[\"pn-quick-cta.cjs\",[[4,\"pn-quick-cta\",{\"heading\":[1],\"preamble\":[1]}]]],[\"pn-quote-card.cjs\",[[4,\"pn-quote-card\",{\"quote\":[1],\"name\":[1],\"occupation\":[1]}]]],[\"pn-sidenav.cjs\",[[4,\"pn-sidenav\",{\"language\":[1],\"navLabel\":[1,\"nav-label\"],\"i18n\":[32]},[[0,\"language\",\"setLanguage\"],[0,\"openSubMenuLevelChange\",\"onOpenSubMenuLevelChange\"]]]]],[\"pn-sidenav-level.cjs\",[[4,\"pn-sidenav-level\",{\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"alignment\":[32]},null,{\"isOpen\":[\"onOpen\"]}]]],[\"pn-sidenav-link.cjs\",[[4,\"pn-sidenav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"icon\":[1],\"currentSelection\":[4,\"current-selection\"],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-sidenav-togglebutton.cjs\",[[4,\"pn-sidenav-togglebutton\",{\"label\":[1],\"i18n\":[32]}]]],[\"pn-spotlight.cjs\",[[4,\"pn-spotlight\",{\"heading\":[1],\"preamble\":[1],\"isDynamic\":[4,\"is-dynamic\"],\"addDynamic\":[32]}]]],[\"pn-teaser-card.cjs\",[[4,\"pn-teaser-card\",{\"text\":[1],\"heading\":[1],\"label\":[1],\"headingLevel\":[2,\"heading-level\"],\"dataCardColor\":[513,\"data-card-color\"],\"dataCardAlignment\":[513,\"data-card-alignment\"],\"hasCtaSlotContent\":[32],\"hasIllustrationSlot\":[32]}]]],[\"pn-usp-promoter.cjs\",[[4,\"pn-usp-promoter\",{\"heading\":[1],\"headingExtension\":[1,\"heading-extension\"],\"bodyText\":[1,\"body-text\"],\"backgroundGradient\":[1,\"background-gradient\"],\"fullWidth\":[4,\"full-width\"],\"rightAlign\":[4,\"right-align\"],\"hideMobileImage\":[4,\"hide-mobile-image\"]}]]],[\"pn-proxio-findprice-result.cjs\",[[0,\"pn-proxio-findprice-result\",{\"item\":[1040],\"activeweight\":[1026],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"showInternational\":[4,\"show-international\"],\"selectedCountrycode\":[1,\"selected-countrycode\"],\"market\":[1],\"language\":[1025],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32],\"i18n\":[32]},null,{\"item\":[\"composeItems\"],\"activeweight\":[\"getPriceString\",\"getProductLink\"]}]]],[\"pn-find-service-and-price-result.cjs\",[[0,\"pn-find-service-and-price-result\",{\"item\":[1040],\"shownitems\":[16],\"weightText\":[32]},null,{\"item\":[\"composeItems\"]}]]],[\"pn-play-on-scroll.cjs\",[[0,\"pn-play-on-scroll\",{\"videoSrc\":[1,\"video-src\"],\"observerOptions\":[16],\"showOverlay\":[4,\"show-overlay\"],\"videoId\":[32],\"isManuallyPaused\":[32],\"isPaused\":[32]}]]],[\"pn-filter-checkbox.cjs\",[[1,\"pn-filter-checkbox\",{\"value\":[520],\"name\":[1],\"checkboxid\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-multi-row-connected-dropdown-row.cjs\",[[0,\"pn-multi-row-connected-dropdown-row\",{\"dropdownData\":[1,\"dropdown-data\"],\"languageCode\":[1,\"language-code\"],\"label\":[1],\"firstDropdownLabel\":[1,\"first-dropdown-label\"],\"secondDropdownLabel\":[1,\"second-dropdown-label\"],\"dropdownPlaceholder\":[1,\"dropdown-placeholder\"],\"addRowText\":[1,\"add-row-text\"],\"inputFieldLabel\":[1,\"input-field-label\"],\"inputFieldPlaceholder\":[1,\"input-field-placeholder\"],\"disabledDates\":[1,\"disabled-dates\"],\"dateButtonText\":[1,\"date-button-text\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"dateDaysFromToday\":[2,\"date-days-from-today\"],\"allowMultipleDates\":[4,\"allow-multiple-dates\"],\"startDateLabel\":[1,\"start-date-label\"],\"endDateLabel\":[1,\"end-date-label\"],\"multiDateHelperText\":[1,\"multi-date-helper-text\"],\"generateDatesButtonText\":[1,\"generate-dates-button-text\"],\"saveDateButtonText\":[1,\"save-date-button-text\"],\"noDatesText\":[1,\"no-dates-text\"],\"index\":[2],\"predefinedValue\":[1,\"predefined-value\"],\"yearsToAddToEndDate\":[2,\"years-to-add-to-end-date\"],\"minAmount\":[2,\"min-amount\"],\"errorMessageEmpty\":[1,\"error-message-empty\"],\"errorMessageMinAmount\":[1,\"error-message-min-amount\"],\"minWarningAmount\":[2,\"min-warning-amount\"],\"warningMessageMinAmount\":[1,\"warning-message-min-amount\"],\"buttonsArray\":[32],\"firstDropdownArr\":[32],\"secondDropdownArr\":[32],\"firstDropdownClass\":[32],\"secondDropdownClass\":[32],\"firstValidDateString\":[32],\"lastValidDateString\":[32],\"firstDropdownPlaceholder\":[32],\"secondDropdownPlaceholder\":[32],\"startDateValue\":[32],\"endDateValue\":[32],\"generatedDatesArr\":[32],\"selectedButtonValue\":[32],\"inputFieldValue\":[32],\"dateValue\":[32],\"daysArr\":[32]},null,{\"predefinedValue\":[\"applyPredefinedValue\"]}]]],[\"pn-dropdown-with-multi-input-rows-row.cjs\",[[0,\"pn-dropdown-with-multi-input-rows-row\",{\"languageCode\":[1,\"language-code\"],\"firstInputPlaceholder\":[1,\"first-input-placeholder\"],\"firstInputMin\":[2,\"first-input-min\"],\"firstInputMax\":[2,\"first-input-max\"],\"firstInputWarning\":[2,\"first-input-warning\"],\"firstInputWarningText\":[1,\"first-input-warning-text\"],\"firstInputLowErrorText\":[1,\"first-input-low-error-text\"],\"firstInputHighErrorText\":[1,\"first-input-high-error-text\"],\"secondInputPlaceholder\":[1,\"second-input-placeholder\"],\"secondInputMin\":[2,\"second-input-min\"],\"secondInputMax\":[2,\"second-input-max\"],\"secondInputWarning\":[2,\"second-input-warning\"],\"secondInputWarningText\":[1,\"second-input-warning-text\"],\"secondInputLowErrorText\":[1,\"second-input-low-error-text\"],\"secondInputHighErrorText\":[1,\"second-input-high-error-text\"],\"dateLabel\":[1,\"date-label\"],\"datePlaceholder\":[1,\"date-placeholder\"],\"firstValidDate\":[1,\"first-valid-date\"],\"lastValidDate\":[1,\"last-valid-date\"],\"predefinedValue\":[1,\"predefined-value\"],\"rowIndex\":[2,\"row-index\"],\"minRowCount\":[2,\"min-row-count\"],\"disabledDates\":[1,\"disabled-dates\"],\"showFirstInputWarning\":[32],\"showFirstInputLowError\":[32],\"showFirstInputHighError\":[32],\"showSecondInputWarning\":[32],\"showSecondInputLowError\":[32],\"showSecondInputHighError\":[32],\"firstInputValue\":[32],\"secondInputValue\":[32],\"dateValue\":[32]},null,{\"predefinedValue\":[\"applyPredefinedValue\"]}]]],[\"pn-share-item.cjs\",[[4,\"pn-share-item\",{\"link\":[1],\"text\":[1]}]]],[\"pn-stats-info-data.cjs\",[[0,\"pn-stats-info-data\",{\"format\":[1],\"formatStyle\":[1,\"format-style\"],\"startValue\":[2,\"start-value\"],\"data\":[2],\"unit\":[1],\"preamble\":[1],\"duration\":[2],\"index\":[2],\"hasBeenShown\":[32],\"compId\":[32]},null,{\"hasBeenShown\":[\"watchStateHandlder\"]}]]],[\"pn-find-price-result.cjs\",[[0,\"pn-find-price-result\",{\"item\":[1040],\"shownitems\":[16],\"Usp1\":[1,\"usp-1\"],\"Usp2\":[1,\"usp-2\"],\"Usp3\":[1,\"usp-3\"],\"description\":[16],\"showMeasurement\":[4,\"show-measurement\"],\"weightText\":[32],\"linkId\":[32],\"shopLabel\":[32],\"shopUrl\":[32],\"shopId\":[32]},null,{\"item\":[\"composeItems\"]}]]],[\"pn-mainnav-link.cjs\",[[4,\"pn-mainnav-link\",{\"name\":[1],\"href\":[1],\"target\":[1],\"linkid\":[1],\"levelId\":[32],\"open\":[32],\"hasChildren\":[32]}]]],[\"pn-site-footer_3.cjs\",[[4,\"pn-site-footer\",{\"url\":[1],\"linktitle\":[1],\"theme\":[513]}],[4,\"pn-site-footer-col\",{\"theme\":[513]}],[0,\"pn-swan\",{\"licenseNumber\":[1,\"license-number\"],\"language\":[1537],\"linkTo\":[1,\"link-to\"],\"i18n\":[32]},null,{\"language\":[\"onLanguageChange\"]}]]],[\"pn-choice-button.cjs\",[[4,\"pn-choice-button\",{\"value\":[520],\"name\":[1],\"choiceid\":[1],\"type\":[1],\"disabled\":[4],\"checked\":[4],\"indeterminate\":[1028]},[[0,\"change\",\"handlechange\"]]]]],[\"pn-marketweb-input.cjs\",[[0,\"pn-marketweb-input\",{\"disabled\":[4],\"error\":[1],\"invalid\":[4],\"helpertext\":[1],\"label\":[1],\"placeholder\":[1],\"inputid\":[1],\"name\":[1],\"required\":[4],\"type\":[1025],\"autocomplete\":[1],\"valid\":[4],\"value\":[1],\"maxlength\":[1],\"min\":[1],\"max\":[1],\"step\":[1],\"pattern\":[1],\"showText\":[32]}]]],[\"pn-product-tile-info_2.cjs\",[[0,\"pn-product-tile-info\",{\"label\":[1],\"text\":[1],\"icon\":[1]}],[0,\"pn-product-tile-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"url\":[1]}]]],[\"pn-scroll_2.cjs\",[[4,\"pn-scroll\",{\"observerOptions\":[16],\"behaviourClasses\":[1,\"behaviour-classes\"],\"transitionDurationSeconds\":[2,\"transition-duration-seconds\"],\"shouldLoop\":[4,\"should-loop\"],\"intersectFunc\":[16],\"notIntersectFunc\":[16],\"compId\":[32]}],[0,\"pn-video-overlay\",{\"language\":[1],\"isPaused\":[4,\"is-paused\"],\"showOverlay\":[4,\"show-overlay\"],\"i18n\":[32]},null,{\"language\":[\"onLanguageChange\"]}]]],[\"pn-marketweb-siteheader-login-linklist.cjs\",[[0,\"pn-marketweb-siteheader-login-linklist\",{\"heading\":[1],\"links\":[16],\"idNamespace\":[1,\"id-namespace\"],\"showUnifiedLogin\":[4,\"show-unified-login\"]}]]],[\"pn-titletag.cjs\",[[4,\"pn-titletag\",{\"icon\":[1],\"color\":[1537]}]]],[\"pn-marketweb-siteheader-login-button_5.cjs\",[[0,\"pn-marketweb-siteheader-unified-login\",{\"loggedIn\":[4,\"logged-in\"],\"myPageLabel\":[1,\"my-page-label\"],\"myPageUrl\":[1,\"my-page-url\"],\"logInLabel\":[1,\"log-in-label\"],\"useMarketwebLogin\":[4,\"use-marketweb-login\"],\"environment\":[1]}],[0,\"pn-marketweb-siteheader-login-links\",{\"loginDialog\":[1040],\"idNamespace\":[1,\"id-namespace\"],\"loggedin\":[516],\"username\":[1],\"showUnifiedLogin\":[4,\"show-unified-login\"]},null,{\"loginDialog\":[\"init\"]}],[0,\"pn-marketweb-siteheader-login-profileselection\",{\"loginDialog\":[1040],\"endpoint\":[1],\"loggedin\":[4],\"idNamespace\":[1,\"id-namespace\"],\"heading\":[1],\"i18n\":[16],\"currentProfile\":[1040],\"profileoptions\":[1040],\"user\":[32],\"logoutLink\":[32],\"userName\":[32],\"userEmail\":[32]}],[0,\"pn-marketweb-siteheader-login-button\",{\"label\":[1],\"useMarketwebLogin\":[4,\"use-marketweb-login\"],\"environment\":[1]}],[0,\"pn-marketweb-siteheader-login-mypage-button\",{\"label\":[1],\"myPageUrl\":[1,\"my-page-url\"]}]]],[\"pn-language-selector_9.cjs\",[[0,\"pn-marketweb-siteheader-login\",{\"endpoint\":[1],\"token\":[1],\"i18n\":[16],\"siteUrl\":[1,\"site-url\"],\"emitEvents\":[4,\"emit-events\"],\"loginDialog\":[1040],\"fullname\":[1],\"loggedin\":[4],\"showProfileSelection\":[1028,\"show-profile-selection\"],\"showUnifiedLogin\":[4,\"show-unified-login\"],\"checkUserLoggedInStateInterval\":[2,\"check-user-logged-in-state-interval\"],\"environment\":[1],\"useMarketwebLogin\":[4,\"use-marketweb-login\"],\"loginLinks\":[32],\"toggleButtonText\":[32],\"username\":[32]},null,{\"i18n\":[\"init\"],\"loginDialog\":[\"init\"]}],[4,\"pn-mainnav-level\",{\"label\":[1537],\"level\":[32],\"levelId\":[32],\"isOpen\":[32],\"parentName\":[32],\"parentHref\":[32],\"parentLinkId\":[32],\"listCount\":[32],\"alignment\":[32]},null,{\"label\":[\"setState\"],\"isOpen\":[\"onOpen\"]}],[4,\"pn-language-selector\",{\"value\":[1537],\"selectedLanguageName\":[32],\"options\":[32],\"i18n\":[32]},null,{\"value\":[\"setSelectedLanguageName\",\"setTranslations\",\"onValueChange\"]}],[0,\"pn-language-selector-option\",{\"name\":[1],\"code\":[1],\"url\":[1],\"selected\":[4],\"currentLanguage\":[1,\"current-language\"]}],[4,\"pn-mainnav\",{\"market\":[1],\"language\":[1],\"navigationId\":[1,\"navigation-id\"],\"openMenu\":[1028,\"open-menu\"],\"navLabel\":[1,\"nav-label\"]},[[0,\"language\",\"setLanguage\"],[0,\"market\",\"setMarket\"],[0,\"menuLanguageChange\",\"onLanguageChange\"],[0,\"setmenuopenstate\",\"setMenuOpenState\"],[0,\"openMenuLevelChange\",\"onOpenMenuLevelChange\"]]],[4,\"pn-mainnav-list\",{\"heading\":[1],\"linkCount\":[32]}],[0,\"pn-marketweb-siteheader-search\",{\"i18n\":[8,\"i-1-8n\"],\"showOnlyLink\":[1028,\"show-only-link\"],\"hideSearch\":[1028,\"hide-search\"],\"language\":[1537],\"siteid\":[1],\"search\":[1040],\"primary\":[4],\"icononly\":[4],\"autoCompleteOptions\":[32]}],[4,\"pn-site-selector\",{\"buttontext\":[1537],\"heading\":[1537],\"language\":[1537],\"i18n\":[32]}],[0,\"pn-site-selector-item\",{\"url\":[1],\"heading\":[1],\"description\":[1],\"newwindow\":[4]}]]],[\"pn-proxio-productcard_4.cjs\",[[4,\"pn-proxio-productcard\"],[0,\"pn-proxio-productcard-description\",{\"heading\":[1],\"highlight\":[1],\"description\":[1],\"list\":[1040]}],[0,\"pn-proxio-productcard-information\",{\"label\":[1],\"information\":[16]}],[0,\"pn-proxio-productcard-pricelink\",{\"price\":[1],\"vatText\":[1,\"vat-text\"],\"link\":[1],\"linktext\":[1]}]]],[\"pn-product-card_3.cjs\",[[0,\"pn-product-card-info\",{\"rulle\":[1],\"paket\":[1],\"label\":[1],\"text\":[1]}],[0,\"pn-product-card-price\",{\"label\":[1],\"amount\":[1],\"currency\":[1],\"note\":[1],\"url\":[1],\"service\":[1],\"linkid\":[1]}],[4,\"pn-product-card\"]]]]"), options);
 });
 exports.setNonce = index.setNonce;

package/cjs/pn-marketweb-input.cjs.entry.js CHANGED Viewed

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-34e1c673.js');
-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>';
-const alert_exclamation_circle = icon;
+const alert_exclamation_circle = require('./alert_exclamation_circle-24f29a5b.js');
 const pnMarketwebInputCss = "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 PnMarketwebInputStyle0 = pnMarketwebInputCss;
@@ -64,7 +62,7 @@ const PnMarketwebInput = class {
         return classNames;
     }
     render() {
-        return (index.h(index.Host, { key: '4f7f8f34c1ee53c4afb001753391d4c157e1478b', class: this.getClassNames() }, (this.label || this.maxlength) && (index.h("div", { key: '47d1c694771fc809834c83b1862479fd8a9e9d8d', class: "label-container" }, this.label && index.h("label", { key: '0fc212d7f191e9a14fbfc125c5f6f8170f89fa9a', htmlFor: this.inputid }, this.label), parseInt(this.maxlength) > 0 && (index.h("label", { key: 'b80c0e7c3a0303ab9f86c0a29869d65e0db2bc60', class: "char-count", htmlFor: this.inputid }, `${this.value.length}/${this.maxlength}`)))), index.h("div", { key: 'ff9cc8c88c7bd113bae6e70973705fd3e79720e1', class: "input-container" }, index.h("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: e => this.setVal(e), 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 }), index.h("svg", { key: '32edd92bb708da7494c80e21163321c976753506', class: "pn-input-checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }, index.h("polyline", { key: 'c7a4e9e801dd98d2f392954ce1f4cf38f4be59d0', class: "checkmark-path", points: "4,12 9,17 20,6", "stroke-width": "3" })), this.type === 'password' && !this.disabled && index.h("button", { key: '1afd953b2b8f429ef82978649382c969b47b3c52', onClick: () => this.toggleTextVisibility() }, "Show")), this.getTextMessage() && (index.h("small", { key: '8e10536b12bf476a98e54202c5302c8816d28f74' }, this.error && index.h("pn-icon", { key: 'a86e347e28f92a4b8437e964fbf9d3784dcdf158', icon: alert_exclamation_circle, small: true, color: "warning" }), this.getTextMessage()))));
+        return (index.h(index.Host, { key: '4f7f8f34c1ee53c4afb001753391d4c157e1478b', class: this.getClassNames() }, (this.label || this.maxlength) && (index.h("div", { key: '47d1c694771fc809834c83b1862479fd8a9e9d8d', class: "label-container" }, this.label && index.h("label", { key: '0fc212d7f191e9a14fbfc125c5f6f8170f89fa9a', htmlFor: this.inputid }, this.label), parseInt(this.maxlength) > 0 && (index.h("label", { key: 'b80c0e7c3a0303ab9f86c0a29869d65e0db2bc60', class: "char-count", htmlFor: this.inputid }, `${this.value.length}/${this.maxlength}`)))), index.h("div", { key: 'ff9cc8c88c7bd113bae6e70973705fd3e79720e1', class: "input-container" }, index.h("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: e => this.setVal(e), 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 }), index.h("svg", { key: '32edd92bb708da7494c80e21163321c976753506', class: "pn-input-checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }, index.h("polyline", { key: 'c7a4e9e801dd98d2f392954ce1f4cf38f4be59d0', class: "checkmark-path", points: "4,12 9,17 20,6", "stroke-width": "3" })), this.type === 'password' && !this.disabled && index.h("button", { key: '1afd953b2b8f429ef82978649382c969b47b3c52', onClick: () => this.toggleTextVisibility() }, "Show")), this.getTextMessage() && (index.h("small", { key: '8e10536b12bf476a98e54202c5302c8816d28f74' }, this.error && index.h("pn-icon", { key: 'a86e347e28f92a4b8437e964fbf9d3784dcdf158', icon: alert_exclamation_circle.alert_exclamation_circle, small: true, color: "warning" }), this.getTextMessage()))));
     }
 };
 PnMarketwebInput.style = PnMarketwebInputStyle0;

package/cjs/pn-marketweb-input.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-marketweb-input.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["node_modules/pn-design-assets/pn-assets/icons/alert_exclamation_circle.js","src/components/input/pn-marketweb-input/pn-marketweb-input.scss?tag=pn-marketweb-input","src/components/input/pn-marketweb-input/pn-marketweb-input.tsx"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"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","@import '../../../globals/main.scss';\n\npn--marketweb-input {\n display: inline-flex;\n flex-direction: column;\n}\n\npn-marketweb-input input {\n padding: 0.75em;\n font-size: 1em;\n font-weight: 500;\n -webkit-font-smoothing: antialiased;\n outline: none;\n border-radius: 0.8rem;\n border: 0.1rem solid $gray700;\n transition:\n box-shadow 0.15s,\n border 0.15s;\n color: $black;\n width: 100%;\n\n &::placeholder {\n color: $gray400;\n font-weight: normal;\n }\n\n &:focus {\n border: 0.1rem solid $blue700;\n box-shadow:\n 0 0 0 0.2rem #fff,\n 0 0 0 0.4rem $blue700;\n }\n\n &:hover {\n border: 0.1rem solid $blue400;\n }\n\n &:disabled {\n background: $gray50;\n border: none;\n }\n}\n\npn-marketweb-input > .input-container {\n position: relative;\n\n > button {\n position: absolute;\n right: 1.2rem;\n top: 50%;\n transform: translateY(-50%);\n background: none;\n border: none;\n cursor: pointer;\n color: $blue700;\n padding: 0.6rem;\n border-radius: 0.8rem;\n outline: none;\n transition:\n border 0.1s,\n background 0.2s,\n color 0.1s;\n border: 0.1rem solid transparent;\n\n &:focus {\n border: 0.1rem solid $blue700;\n }\n\n &:hover {\n background: $blue50;\n }\n\n &:active {\n background: $blue700;\n color: white;\n }\n }\n\n > svg {\n position: absolute;\n right: 0.75em;\n top: 50%;\n transform: translateY(-50%);\n height: 1.5em;\n width: 1.5em;\n pointer-events: none;\n\n polyline {\n stroke-linecap: round;\n transition: stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);\n }\n }\n\n > svg.pn-input-checkmark polyline {\n stroke: $green700;\n stroke-dashoffset: 23;\n stroke-dasharray: 23;\n }\n}\n\npn-marketweb-input .label-container {\n margin-bottom: 0.4rem;\n color: $gray700;\n font-size: 0.875em;\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n\n label {\n cursor: pointer;\n transition: color 0.2s;\n }\n}\n\n.label-container label.char-count {\n flex-shrink: 0;\n padding-left: 0.5em;\n}\n\npn-marketweb-input small {\n font-size: 0.75em;\n font-size: unquote('max(.6em, 1.2rem)');\n transition: transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);\n margin-top: 0.5em;\n color: $gray700;\n}\n\npn-input.error {\n color: $warning;\n\n label {\n color: $warning;\n }\n\n small {\n color: $warning;\n }\n\n small > pn-icon {\n margin-right: 0.25em;\n }\n\n input {\n border: 0.1rem solid $warning;\n\n &:focus {\n border: 0.1rem solid $warning;\n box-shadow:\n 0 0 0 0.2rem #fff,\n 0 0 0 0.4rem $warning;\n }\n\n &:hover {\n border: 0.1rem solid $coral400;\n }\n }\n}\n\npn-input.valid {\n color: $green700;\n\n .input-container > svg.pn-input-checkmark polyline {\n stroke-dashoffset: 0;\n }\n\n label {\n color: $green700;\n }\n\n input {\n border: 0.1rem solid $green700;\n\n &:focus {\n border: 0.1rem solid $green700;\n box-shadow:\n 0 0 0 0.2rem #fff,\n 0 0 0 0.4rem $green700;\n }\n\n &:hover {\n border: 0.1rem solid $green400;\n }\n }\n}\n\npn-marketweb-input.password input {\n padding-right: 4em;\n}\n\npn-marketweb-input.icon input {\n padding-right: 2.3em;\n}\n","import { Component, Prop, h, Host, State } from '@stencil/core';\nimport { alert_exclamation_circle } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-marketweb-input',\n styleUrl: 'pn-marketweb-input.scss',\n})\nexport class PnMarketwebInput {\n @Prop() disabled: boolean = false;\n /** Error message; will take precedence over helpertext if both are provided (applies invalid styles automatically) /\n @Prop() error: string = '';\n /* Error state without message (If you want to control the error messaging on your own) /\n @Prop() invalid: boolean = false;\n /* Text message placed underneath the input field /\n @Prop() helpertext: string = '';\n /* Text label placed above the input field /\n @Prop() label: string = '';\n @Prop() placeholder: string = '';\n @Prop() inputid: string = `${Math.random()}`;\n @Prop() name: string = '';\n @Prop() required: boolean = false;\n @Prop({ mutable: true }) type: string = 'text';\n @Prop() autocomplete: string = '';\n @Prop() valid: boolean = null;\n @Prop() value: string = '';\n /* The maximum number of characters the user should be able to add, also adds a visible counter */\n @Prop() maxlength: string = '';\n @Prop() min: string = '';\n @Prop() max: string = '';\n @Prop() step: string = '';\n @Prop() pattern: string = '';\n\n getTextMessage() {\n if (this.error) return this.error;\n if (this.helpertext) return this.helpertext;\n\n return null;\n }\n\n @State() showText: boolean = false;\n toggleTextVisibility() {\n this.showText = !this.showText;\n }\n\n getInputType() {\n let types = ['text', 'password', 'url', 'tel', 'search', 'number', 'email', 'date', 'datetime-local', 'month', 'week', 'time'];\n\n return types.includes(this.type) && !this.showText ? this.type : 'text';\n }\n\n setVal(e) {\n const target: HTMLInputElement = e.composedPath?.()[0] as HTMLInputElement;\n this.value = target.value;\n }\n\n getClassNames() {\n let classNames = 'pn-input ';\n if (this.error.length > 0 \|\| this.invalid) classNames += 'error ';\n if (this.valid) classNames += 'valid ';\n if (this.type === 'password') classNames += 'password ';\n if (this.error \|\| this.invalid \|\| this.valid) classNames += 'icon ';\n\n return classNames;\n }\n\n render() {\n return (\n <Host class={this.getClassNames()}>\n {(this.label \|\| this.maxlength) && (\n <div class=\"label-container\">\n {this.label && <label htmlFor={this.inputid}>{this.label}</label>}\n {parseInt(this.maxlength) > 0 && (\n <label class=\"char-count\" htmlFor={this.inputid}>\n {`${this.value.length}/${this.maxlength}`}\n </label>\n )}\n </div>\n )}\n <div class=\"input-container\">\n <input\n type={this.getInputType()}\n value={this.value}\n id={this.inputid}\n name={this.name}\n placeholder={this.placeholder}\n disabled={this.disabled}\n required={this.required}\n autocomplete={this.autocomplete}\n onInput={e => this.setVal(e)}\n maxlength={this.maxlength ? this.maxlength : null}\n min={this.min ? this.min : null}\n max={this.max ? this.max : null}\n step={this.step ? this.step : null}\n pattern={this.pattern ? this.pattern : null}\n />\n <svg class=\"pn-input-checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <polyline class=\"checkmark-path\" points=\"4,12 9,17 20,6\" stroke-width=\"3\" />\n </svg>\n\n {this.type === 'password' && !this.disabled && <button onClick={() => this.toggleTextVisibility()}>Show</button>}\n </div>\n\n {this.getTextMessage() && (\n <small>\n {this.error && <pn-icon icon={alert_exclamation_circle} small color=\"warning\"></pn-icon>}\n {this.getTextMessage()}\n </small>\n )}\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-marketweb-input.entry.cjs.js","mappings":"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","names":["h","Host","alert_exclamation_circle"],"sources":["src/components/input/pn-marketweb-input/pn-marketweb-input.scss?tag=pn-marketweb-input","src/components/input/pn-marketweb-input/pn-marketweb-input.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn--marketweb-input {\n display: inline-flex;\n flex-direction: column;\n}\n\npn-marketweb-input input {\n padding: 0.75em;\n font-size: 1em;\n font-weight: 500;\n -webkit-font-smoothing: antialiased;\n outline: none;\n border-radius: 0.8rem;\n border: 0.1rem solid $gray700;\n transition:\n box-shadow 0.15s,\n border 0.15s;\n color: $black;\n width: 100%;\n\n &::placeholder {\n color: $gray400;\n font-weight: normal;\n }\n\n &:focus {\n border: 0.1rem solid $blue700;\n box-shadow:\n 0 0 0 0.2rem #fff,\n 0 0 0 0.4rem $blue700;\n }\n\n &:hover {\n border: 0.1rem solid $blue400;\n }\n\n &:disabled {\n background: $gray50;\n border: none;\n }\n}\n\npn-marketweb-input > .input-container {\n position: relative;\n\n > button {\n position: absolute;\n right: 1.2rem;\n top: 50%;\n transform: translateY(-50%);\n background: none;\n border: none;\n cursor: pointer;\n color: $blue700;\n padding: 0.6rem;\n border-radius: 0.8rem;\n outline: none;\n transition:\n border 0.1s,\n background 0.2s,\n color 0.1s;\n border: 0.1rem solid transparent;\n\n &:focus {\n border: 0.1rem solid $blue700;\n }\n\n &:hover {\n background: $blue50;\n }\n\n &:active {\n background: $blue700;\n color: white;\n }\n }\n\n > svg {\n position: absolute;\n right: 0.75em;\n top: 50%;\n transform: translateY(-50%);\n height: 1.5em;\n width: 1.5em;\n pointer-events: none;\n\n polyline {\n stroke-linecap: round;\n transition: stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);\n }\n }\n\n > svg.pn-input-checkmark polyline {\n stroke: $green700;\n stroke-dashoffset: 23;\n stroke-dasharray: 23;\n }\n}\n\npn-marketweb-input .label-container {\n margin-bottom: 0.4rem;\n color: $gray700;\n font-size: 0.875em;\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n\n label {\n cursor: pointer;\n transition: color 0.2s;\n }\n}\n\n.label-container label.char-count {\n flex-shrink: 0;\n padding-left: 0.5em;\n}\n\npn-marketweb-input small {\n font-size: 0.75em;\n font-size: unquote('max(.6em, 1.2rem)');\n transition: transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);\n margin-top: 0.5em;\n color: $gray700;\n}\n\npn-input.error {\n color: $warning;\n\n label {\n color: $warning;\n }\n\n small {\n color: $warning;\n }\n\n small > pn-icon {\n margin-right: 0.25em;\n }\n\n input {\n border: 0.1rem solid $warning;\n\n &:focus {\n border: 0.1rem solid $warning;\n box-shadow:\n 0 0 0 0.2rem #fff,\n 0 0 0 0.4rem $warning;\n }\n\n &:hover {\n border: 0.1rem solid $coral400;\n }\n }\n}\n\npn-input.valid {\n color: $green700;\n\n .input-container > svg.pn-input-checkmark polyline {\n stroke-dashoffset: 0;\n }\n\n label {\n color: $green700;\n }\n\n input {\n border: 0.1rem solid $green700;\n\n &:focus {\n border: 0.1rem solid $green700;\n box-shadow:\n 0 0 0 0.2rem #fff,\n 0 0 0 0.4rem $green700;\n }\n\n &:hover {\n border: 0.1rem solid $green400;\n }\n }\n}\n\npn-marketweb-input.password input {\n padding-right: 4em;\n}\n\npn-marketweb-input.icon input {\n padding-right: 2.3em;\n}\n","import { Component, Prop, h, Host, State } from '@stencil/core';\nimport { alert_exclamation_circle } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-marketweb-input',\n styleUrl: 'pn-marketweb-input.scss',\n})\nexport class PnMarketwebInput {\n @Prop() disabled: boolean = false;\n /** Error message; will take precedence over helpertext if both are provided (applies invalid styles automatically) /\n @Prop() error: string = '';\n /* Error state without message (If you want to control the error messaging on your own) /\n @Prop() invalid: boolean = false;\n /* Text message placed underneath the input field /\n @Prop() helpertext: string = '';\n /* Text label placed above the input field /\n @Prop() label: string = '';\n @Prop() placeholder: string = '';\n @Prop() inputid: string = `${Math.random()}`;\n @Prop() name: string = '';\n @Prop() required: boolean = false;\n @Prop({ mutable: true }) type: string = 'text';\n @Prop() autocomplete: string = '';\n @Prop() valid: boolean = null;\n @Prop() value: string = '';\n /* The maximum number of characters the user should be able to add, also adds a visible counter */\n @Prop() maxlength: string = '';\n @Prop() min: string = '';\n @Prop() max: string = '';\n @Prop() step: string = '';\n @Prop() pattern: string = '';\n\n getTextMessage() {\n if (this.error) return this.error;\n if (this.helpertext) return this.helpertext;\n\n return null;\n }\n\n @State() showText: boolean = false;\n toggleTextVisibility() {\n this.showText = !this.showText;\n }\n\n getInputType() {\n let types = ['text', 'password', 'url', 'tel', 'search', 'number', 'email', 'date', 'datetime-local', 'month', 'week', 'time'];\n\n return types.includes(this.type) && !this.showText ? this.type : 'text';\n }\n\n setVal(e) {\n const target: HTMLInputElement = e.composedPath?.()[0] as HTMLInputElement;\n this.value = target.value;\n }\n\n getClassNames() {\n let classNames = 'pn-input ';\n if (this.error.length > 0 \|\| this.invalid) classNames += 'error ';\n if (this.valid) classNames += 'valid ';\n if (this.type === 'password') classNames += 'password ';\n if (this.error \|\| this.invalid \|\| this.valid) classNames += 'icon ';\n\n return classNames;\n }\n\n render() {\n return (\n <Host class={this.getClassNames()}>\n {(this.label \|\| this.maxlength) && (\n <div class=\"label-container\">\n {this.label && <label htmlFor={this.inputid}>{this.label}</label>}\n {parseInt(this.maxlength) > 0 && (\n <label class=\"char-count\" htmlFor={this.inputid}>\n {`${this.value.length}/${this.maxlength}`}\n </label>\n )}\n </div>\n )}\n <div class=\"input-container\">\n <input\n type={this.getInputType()}\n value={this.value}\n id={this.inputid}\n name={this.name}\n placeholder={this.placeholder}\n disabled={this.disabled}\n required={this.required}\n autocomplete={this.autocomplete}\n onInput={e => this.setVal(e)}\n maxlength={this.maxlength ? this.maxlength : null}\n min={this.min ? this.min : null}\n max={this.max ? this.max : null}\n step={this.step ? this.step : null}\n pattern={this.pattern ? this.pattern : null}\n />\n <svg class=\"pn-input-checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <polyline class=\"checkmark-path\" points=\"4,12 9,17 20,6\" stroke-width=\"3\" />\n </svg>\n\n {this.type === 'password' && !this.disabled && <button onClick={() => this.toggleTextVisibility()}>Show</button>}\n </div>\n\n {this.getTextMessage() && (\n <small>\n {this.error && <pn-icon icon={alert_exclamation_circle} small color=\"warning\"></pn-icon>}\n {this.getTextMessage()}\n </small>\n )}\n </Host>\n );\n }\n}\n"],"version":3}

package/collection/components/input/pn-address-autofill/pn-address-autofill.css CHANGED Viewed

@@ -2,7 +2,12 @@ pn-button-dropdown .pn-button-dropdown > pn-button > .pn-button {
   min-height: initial;
 }
-pn-address-autofill pn-marketweb-input {
+pn-address-autofill {
+  display: flex;
+  flex-direction: column;
+  width: 50rem;
+}
+pn-address-autofill pn-input {
   width: 50%;
 }
 pn-address-autofill .input-container-row {