npm - @postnord/pn-marketweb-components - Versions diffs - 4.1.0 → 4.1.2 - Mend

@postnord/pn-marketweb-components 4.1.0 → 4.1.2

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

Files changed (1268) hide show

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 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}
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() minimumInputLimit: number = 0;\n @Prop() inputLimitWarning: string = null;\n @Prop() inputEmptyWarning: string = null;\n @Prop() inputLowError: 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 if (this.totalInputLimit > 0) {\n inputElm.setAttribute('max', `${this.totalInputLimit}`);\n }\n inputElm.setAttribute('min', `${this.minimumInputLimit}`);\n inputElm.setAttribute('placeholder', `${this.minimumInputLimit}`);\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 if (this.minimumInputLimit > currentValue && inputElem.hasAttribute('min')) {\n inputElem.setAttribute('error', `${this.inputLowError \|\| \"Amount too low\"}`);\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 }\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-dropdown-with-multi-input-rows-row.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b02670c2.js');
+const index = require('./index-9a9efa1c.js');
 const index$1 = require('./index-61ff1b55.js');
 const minus = require('./minus-5b6b8813.js');

package/cjs/pn-dropdown-with-multi-input-rows.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b02670c2.js');
+const index = require('./index-9a9efa1c.js');
 const index$1 = require('./index-61ff1b55.js');
 const plus = require('./plus-339686b5.js');
 const v4 = require('./v4-9b297151.js');

package/cjs/pn-filter-checkbox.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b02670c2.js');
+const index = require('./index-9a9efa1c.js');
 const pnFilterCheckboxCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}:host{display:inline-block;user-select:none}:host input{opacity:0;position:absolute}:host input[type=checkbox]+label.pn-checkbox{width:1.5em;min-width:1.5em;height:1.5em;min-height:1.5em;background:#fff;display:flex;justify-content:center;align-items:center;position:relative;border:0.1rem solid #969087;cursor:pointer;border-radius:0.4rem;cursor:pointer;transition-duration:220ms;transition-timing-function:cubic-bezier(0.79, 0.14, 0.15, 0.86);transition-property:border, background, box-shadow}:host input[type=checkbox]+label.pn-checkbox svg{width:80%;fill:none}:host input[type=checkbox]+label.pn-checkbox svg polyline{stroke:#fff;transform-origin:0 0;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;transition-delay:none;transition:stroke-dashoffset 180ms cubic-bezier(0.79, 0.14, 0.15, 0.86)}:host input[type=checkbox]:hover+label.pn-checkbox{border:0.1rem solid #005d92;background:#e0f8ff}:host input[type=checkbox]:checked+label.pn-checkbox,:host input[type=checkbox]:indeterminate+label.pn-checkbox{background:#005d92;border:0.1rem solid #005d92}:host input[type=checkbox]:checked+label.pn-checkbox svg polyline,:host input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline{transition-delay:220ms}:host input[type=checkbox]:checked+label.pn-checkbox svg polyline.checkmark-path{stroke-dashoffset:0}:host input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline.indeterminate-path{stroke-dashoffset:0}:host input[type=checkbox]:focus+label.pn-checkbox,:host input[type=checkbox]:active+label.pn-checkbox{box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005d92}:host input[type=checkbox]:disabled+label.pn-checkbox{background-color:#d3cecb;border:0.1rem solid #969087;cursor:not-allowed}:host input[type=checkbox]:disabled+label.pn-checkbox svg polyline{stroke:#969087}:host input[type=checkbox]:disabled:checked+label.pn-checkbox{border:0.1rem solid transparent}:host input[type=checkbox]:disabled:active+label.pn-checkbox{box-shadow:none}";
 const PnFilterCheckboxStyle0 = pnFilterCheckboxCss;

package/cjs/pn-find-price-result.cjs.entry.js CHANGED Viewed

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b02670c2.js');
-const pnFindPriceStore = require('./pn-find-price-store-0c8256c7.js');
+const index = require('./index-9a9efa1c.js');
+const pnFindPriceStore = require('./pn-find-price-store-880fb647.js');
 const data = require('./data-1066a856.js');
 const box_label = require('./box_label-bc4011bb.js');
-require('./index-4067c6a5.js');
+require('./index-a8de2b09.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="M12 2a8 8 0 0 0-6.857 12.124l.014.022 4.454 6.586a2.884 2.884 0 0 0 4.778 0l4.454-6.586.014-.022A8 8 0 0 0 12 2m-6 8a6 6 0 1 1 11.156 3.07l-4.424 6.541a.883.883 0 0 1-1.464 0L6.844 13.07A5.97 5.97 0 0 1 6 10m6-2.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5" clip-rule="evenodd"/></svg>';
 const map_marker = icon;

package/cjs/{pn-find-price-store-0c8256c7.js → pn-find-price-store-880fb647.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-const index = require('./index-4067c6a5.js');
+const index = require('./index-a8de2b09.js');
 // Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store
 const { state, onChange } = index.createStore({
@@ -31,4 +31,4 @@ const { state, onChange } = index.createStore({
 exports.state = state;
-//# sourceMappingURL=pn-find-price-store-0c8256c7.js.map
+//# sourceMappingURL=pn-find-price-store-880fb647.js.map

package/cjs/{pn-find-price-store-0c8256c7.js.map → pn-find-price-store-880fb647.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-find-price-store-~~0c8256c7~~.js","mappings":";;;;AACA;MAEM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAGA,iBAAW,CAAC;IACtC,IAAI,EAAE;QACJ,gBAAgB,EAAE,EAAE;QACpB,oBAAoB,EAAE,EAAE;QACxB,iBAAiB,EAAE,EAAE;QACrB,WAAW,EAAE,EAAE;QACf,aAAa,EAAE,EAAE;QACjB,WAAW,EAAE,EAAE;QACf,cAAc,EAAE,EAAE;QAClB,mBAAmB,EAAE,EAAE;QACvB,aAAa,EAAE,EAAE;QACjB,YAAY,EAAE,EAAE;QAChB,OAAO,EAAE,EAAE;QACX,kBAAkB,EAAE,EAAE;QACtB,gBAAgB,EAAE,EAAE;QACpB,YAAY,EAAE,EAAE;QAChB,kBAAkB,EAAE,EAAE;QACtB,WAAW,EAAE,EAAE;KAChB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,EAAE;QACZ,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,EAAE;KACjB;CACF;;;;","names":["createStore"],"sources":["src/components/widgets/pn-find-price/pn-find-price-store.tsx"],"sourcesContent":["import { createStore } from '@stencil/store';\n// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store\n\nconst { state, onChange } = createStore({\n i18n: {\n componentheading: '',\n deliveryscopeheading: '',\n resultlistheading: '',\n sizeheading: '',\n weightheading: '',\n weightlabel: '',\n maxweightlabel: '',\n maxmeasurementlabel: '',\n senddirectcta: '',\n stampshopcta: '',\n message: '',\n servicePointHeader: '',\n servicePointLink: '',\n realPostcard: '',\n realPostcardMobile: '',\n ombudHeader: '',\n },\n market: {\n currency: '',\n country: '',\n servicePoint: '',\n },\n});\n\nexport { state, onChange };\nexport default state;\n"],"version":3}
1	+ {"file":"pn-find-price-store-880fb647.js","mappings":";;;;AACA;MAEM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAGA,iBAAW,CAAC;IACtC,IAAI,EAAE;QACJ,gBAAgB,EAAE,EAAE;QACpB,oBAAoB,EAAE,EAAE;QACxB,iBAAiB,EAAE,EAAE;QACrB,WAAW,EAAE,EAAE;QACf,aAAa,EAAE,EAAE;QACjB,WAAW,EAAE,EAAE;QACf,cAAc,EAAE,EAAE;QAClB,mBAAmB,EAAE,EAAE;QACvB,aAAa,EAAE,EAAE;QACjB,YAAY,EAAE,EAAE;QAChB,OAAO,EAAE,EAAE;QACX,kBAAkB,EAAE,EAAE;QACtB,gBAAgB,EAAE,EAAE;QACpB,YAAY,EAAE,EAAE;QAChB,kBAAkB,EAAE,EAAE;QACtB,WAAW,EAAE,EAAE;KAChB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,EAAE;QACZ,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,EAAE;KACjB;CACF;;;;","names":["createStore"],"sources":["src/components/widgets/pn-find-price/pn-find-price-store.tsx"],"sourcesContent":["import { createStore } from '@stencil/store';\n// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store\n\nconst { state, onChange } = createStore({\n i18n: {\n componentheading: '',\n deliveryscopeheading: '',\n resultlistheading: '',\n sizeheading: '',\n weightheading: '',\n weightlabel: '',\n maxweightlabel: '',\n maxmeasurementlabel: '',\n senddirectcta: '',\n stampshopcta: '',\n message: '',\n servicePointHeader: '',\n servicePointLink: '',\n realPostcard: '',\n realPostcardMobile: '',\n ombudHeader: '',\n },\n market: {\n currency: '',\n country: '',\n servicePoint: '',\n },\n});\n\nexport { state, onChange };\nexport default state;\n"],"version":3}

package/cjs/pn-find-price.cjs.entry.js CHANGED Viewed

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b02670c2.js');
+const index = require('./index-9a9efa1c.js');
 const data = require('./data-1066a856.js');
 const convert = require('./convert-9361e443.js');
-const pnFindPriceStore = require('./pn-find-price-store-0c8256c7.js');
-require('./index-4067c6a5.js');
+const pnFindPriceStore = require('./pn-find-price-store-880fb647.js');
+require('./index-a8de2b09.js');
 const translations = {
     sv: {

package/cjs/pn-find-service-and-price-result.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b02670c2.js');
-const pnFindServiceAndPriceStore = require('./pn-find-service-and-price-store-13f060e0.js');
-require('./index-4067c6a5.js');
+const index = require('./index-9a9efa1c.js');
+const pnFindServiceAndPriceStore = require('./pn-find-service-and-price-store-1b5945fe.js');
+require('./index-a8de2b09.js');
 const pnFindServiceAndPriceResultCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}";
 const PnFindServiceAndPriceResultStyle0 = pnFindServiceAndPriceResultCss;

package/cjs/{pn-find-service-and-price-store-13f060e0.js → pn-find-service-and-price-store-1b5945fe.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-const index = require('./index-4067c6a5.js');
+const index = require('./index-a8de2b09.js');
 // Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store
 const { state, onChange } = index.createStore({
@@ -22,4 +22,4 @@ const { state, onChange } = index.createStore({
 exports.state = state;
-//# sourceMappingURL=pn-find-service-and-price-store-13f060e0.js.map
+//# sourceMappingURL=pn-find-service-and-price-store-1b5945fe.js.map

package/cjs/{pn-find-service-and-price-store-13f060e0.js.map → pn-find-service-and-price-store-1b5945fe.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-find-service-and-price-store-~~13f060e0~~.js","mappings":";;;;AACA;MAEM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAGA,iBAAW,CAAC;IACtC,IAAI,EAAE;QACJ,gBAAgB,EAAE,EAAE;QACpB,oBAAoB,EAAE,EAAE;QACxB,WAAW,EAAE,EAAE;QACf,iBAAiB,EAAE,EAAE;QACrB,WAAW,EAAE,EAAE;QACf,cAAc,EAAE,EAAE;QAClB,mBAAmB,EAAE,EAAE;QACvB,aAAa,EAAE,EAAE;QACjB,YAAY,EAAE,EAAE;KACjB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,EAAE;KACb;CACF;;;;","names":["createStore"],"sources":["src/components/widgets/pn-find-service-and-price/pn-find-service-and-price-store.tsx"],"sourcesContent":["import { createStore } from '@stencil/store';\n// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store\n\nconst { state, onChange } = createStore({\n i18n: {\n componentheading: '',\n deliveryscopeheading: '',\n sizeheading: '',\n resultlistheading: '',\n weightlabel: '',\n maxweightlabel: '',\n maxmeasurementlabel: '',\n senddirectcta: '',\n stampshopcta: '',\n },\n market: {\n currency: '',\n },\n});\n\nexport { state, onChange };\nexport default state;\n"],"version":3}
1	+ {"file":"pn-find-service-and-price-store-1b5945fe.js","mappings":";;;;AACA;MAEM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAGA,iBAAW,CAAC;IACtC,IAAI,EAAE;QACJ,gBAAgB,EAAE,EAAE;QACpB,oBAAoB,EAAE,EAAE;QACxB,WAAW,EAAE,EAAE;QACf,iBAAiB,EAAE,EAAE;QACrB,WAAW,EAAE,EAAE;QACf,cAAc,EAAE,EAAE;QAClB,mBAAmB,EAAE,EAAE;QACvB,aAAa,EAAE,EAAE;QACjB,YAAY,EAAE,EAAE;KACjB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,EAAE;KACb;CACF;;;;","names":["createStore"],"sources":["src/components/widgets/pn-find-service-and-price/pn-find-service-and-price-store.tsx"],"sourcesContent":["import { createStore } from '@stencil/store';\n// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store\n\nconst { state, onChange } = createStore({\n i18n: {\n componentheading: '',\n deliveryscopeheading: '',\n sizeheading: '',\n resultlistheading: '',\n weightlabel: '',\n maxweightlabel: '',\n maxmeasurementlabel: '',\n senddirectcta: '',\n stampshopcta: '',\n },\n market: {\n currency: '',\n },\n});\n\nexport { state, onChange };\nexport default state;\n"],"version":3}

package/cjs/pn-find-service-and-price.cjs.entry.js CHANGED Viewed

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b02670c2.js');
+const index = require('./index-9a9efa1c.js');
 const convert = require('./convert-9361e443.js');
-const pnFindServiceAndPriceStore = require('./pn-find-service-and-price-store-13f060e0.js');
-require('./index-4067c6a5.js');
+const pnFindServiceAndPriceStore = require('./pn-find-service-and-price-store-1b5945fe.js');
+require('./index-a8de2b09.js');
 const translations = {
     sv: {

package/cjs/pn-hero-block-international.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b02670c2.js');
+const index = require('./index-9a9efa1c.js');
 const pnHeroBlockInternationalCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-hero-block-international{width:100%}.hero-international{width:100%;min-height:unset;position:relative;background:#0d234b;display:flex}@media screen and (min-width: 1200px){.hero-international{min-height:44rem}}.hero-international .hero-international__content{width:100%;margin-bottom:1.6rem;overflow-x:hidden}@media screen and (min-width: 1640px){.hero-international .hero-international__content{display:grid;grid-template-columns:1fr 1440px 1fr}}.hero-international .hero-international__content .flex-wrapper{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;grid-column:2/3;border-bottom:1px solid rgba(255, 255, 255, 0.2);display:flex;flex-direction:row;height:100%;justify-content:space-between}@media (min-width: 576px){.hero-international .hero-international__content .flex-wrapper{max-width:540px}}@media (min-width: 768px){.hero-international .hero-international__content .flex-wrapper{max-width:720px}}@media (min-width: 992px){.hero-international .hero-international__content .flex-wrapper{max-width:960px}}@media (min-width: 1200px){.hero-international .hero-international__content .flex-wrapper{max-width:1140px}}@media (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper{max-width:1440px}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper{justify-content:unset;padding:0}}.hero-international .hero-international__content .flex-wrapper .content-col{display:flex;flex-direction:column;justify-content:center;padding:4rem 0 4rem 0}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .content-col{min-width:60.2rem}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .content-col{min-width:100.6rem;padding:5rem 2rem 5rem 0}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__site-tag{display:block;color:#00a0d6;font-size:1.6rem}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__site-tag{font-size:1.8rem}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__site-tag{display:none}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading{color:#00a0d6;font-size:3.2rem;font-weight:500;line-height:1.12;font-smooth:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:1rem}.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading span{margin-top:-0.3rem;display:block;color:white;font-weight:700}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading{font-size:4rem}}@media screen and (min-width: 992px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading{font-size:5.6rem;margin-bottom:1.6rem}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__preamble{color:white;margin-bottom:0;font-weight:500;font-size:1.6rem}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__preamble{font-size:1.8rem}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__preamble{font-size:2rem}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__cta{margin-top:2.4rem}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__cta{margin-top:3.2rem}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col{max-width:60rem;display:none}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col{max-width:unset;display:flex;width:100%;flex-direction:column;justify-content:center}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image{height:32rem}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg{height:100%}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg .cls-1{fill:#083a67;stroke-width:0}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg .svg-path-style1{fill:#00a0d6;stroke-width:0}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg .svg-path-style2{fill:#fff;stroke-width:0}.hero-international .hero-international__side-loader{grid-column:3/-1;display:none;flex-direction:column;justify-content:center;border-bottom:1px solid transparent;padding-left:8.8rem}@media screen and (min-width: 1640px){.hero-international .hero-international__side-loader{display:flex}}.hero-international .hero-international__side-loader .shape{background-color:rgb(8, 58, 103);height:32rem}.hero-international .hero-international__side-loader--animate{transition:transform 0.8s ease-out;transform:translateX(100%)}.hero-international .hero-international__side-loader--animate.animate-in{transform:translateX(0)}.hero-international.hero-international--centered-layout .hero-international__content .flex-wrapper .hero-international__content__site-tag{display:block}@media screen and (min-width: 1200px){.hero-international.hero-international--centered-layout .hero-international__content .flex-wrapper .content-col{width:100%;display:flex;align-items:center;padding-right:0}}@media screen and (min-width: 1200px){.hero-international.hero-international--centered-layout .hero-international__content__heading{text-align:center}}.hero-international.hero-international--animate .hero-international__content__logo-col__image{transform:translateX(100%);transition:transform 0.5s ease-out}.hero-international.hero-international--animate .hero-international__content__logo-col__image.animate-in{transform:translateX(0)}";
 const PnHeroBlockInternationalStyle0 = pnHeroBlockInternationalCss;

package/cjs/pn-language-selector_9.cjs.entry.js CHANGED Viewed

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b02670c2.js');
-const pnMainnavStore = require('./pn-mainnav-store-5732f3ca.js');
+const index = require('./index-9a9efa1c.js');
+const pnMainnavStore = require('./pn-mainnav-store-13aaa243.js');
 const bars = require('./bars-3fdeb31f.js');
 const close = require('./close-9e014a80.js');
 const arrow_left = require('./arrow_left-71879efe.js');
-const pnMarketwebSiteheaderStore = require('./pn-marketweb-siteheader-store-ce9d9ac7.js');
-const index$1 = require('./index-4067c6a5.js');
+const pnMarketwebSiteheaderStore = require('./pn-marketweb-siteheader-store-7548aafe.js');
+const index$1 = require('./index-a8de2b09.js');
 const search = require('./search-3785cc26.js');
 const angle_small_down = require('./angle_small_down-f00f19b1.js');

package/cjs/pn-level-up-modal.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b02670c2.js');
+const index = require('./index-9a9efa1c.js');
 const pnLevelUp_service = require('./pn-level-up.service-0e8e67c2.js');
 require('./FetchHelper-2d4c697c.js');
 require('./LocalStorageService-e1ee3fac.js');
@@ -13,6 +13,7 @@ const PnLevelUpModalStyle0 = pnLevelUpModalCss;
 const PnLevelUpModal = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.modalToggle = index.createEvent(this, "modalToggle", 7);
         this.open = undefined;
         this.endpoint = undefined;
         this.instructionPhoneLineOne = undefined;
@@ -23,9 +24,10 @@ const PnLevelUpModal = class {
         this.expiresInMessage = undefined;
         this.system = undefined;
         this.qrAriaLabel = undefined;
-        this.openModalToggle = undefined;
+        this.openModalToggle = false;
         this.isLoading = true;
     }
+    modalToggle;
     _bankIDUrl;
     _levelupService;
     _levelUpModal;
@@ -45,7 +47,7 @@ const PnLevelUpModal = class {
         });
     };
     updateOpen() {
-        if (this.open === 'open') {
+        if (this.open === true) {
             this.handleOpen();
             this.openModalToggle = true;
             if (this._levelUpModal) {
@@ -63,8 +65,12 @@ const PnLevelUpModal = class {
         await this.updateBankIDUrl();
     };
     render() {
-        return (index.h(index.Host, { key: '0431f6d5caf8183d3e1c432a3ad663fa8648b1b4' }, index.h("pn-modal", { key: 'bb6f2be2f52908943154e99c02e7c3f7b9e648b6', ref: el => this._levelUpModal = el, open: this.openModalToggle, class: "level-up-phone-modal", "allow-overflow": 'true', label: this.headingText }, this.isLoading ?
-            (index.h("pn-spinner", { light: "false", size: "1.5" })) : (index.h("div", { class: "modal-content-container" }, index.h("div", { class: "modal-content-qr" }, index.h("pn-qr-code-generator", { url: this._bankIDUrl, "countdown-seconds": "30", "outdated-message": this.outdatedQRMessage, "expires-in-message": this.expiresInMessage, "update-code-every-second": true, "aria-label": this.qrAriaLabel })), index.h("div", { class: "modal-content-list" }, index.h("ol", null, this.instructionPhoneLineOne && index.h("li", null, this.instructionPhoneLineOne), this.instructionPhoneLineTwo && index.h("li", null, this.instructionPhoneLineTwo), this.instructionPhoneLineThree && index.h("li", null, this.instructionPhoneLineThree))))))));
+        return (index.h(index.Host, { key: 'f996683c88b86b1d0b64818f1fbe515130bc2f0f' }, index.h("pn-modal", { key: 'c4bc3f8043dcb432acc49c9042a5351292b6f2c9', ref: el => this._levelUpModal = el, open: this.open, class: "level-up-phone-modal", "allow-overflow": 'true', label: this.headingText, onModalToggle: (ev) => {
+                const detail = ev.detail;
+                const isOpen = typeof detail === 'boolean' ? detail : !!detail?.open;
+                this.openModalToggle = isOpen;
+            } }, this.isLoading ?
+            (index.h("pn-spinner", { light: "false", size: "1.5" })) : (index.h("div", { class: "modal-content-container" }, index.h("div", { class: "modal-content-qr" }, this.openModalToggle && (index.h("pn-qr-code-generator", { url: this._bankIDUrl, "countdown-seconds": "30", "outdated-message": this.outdatedQRMessage, "expires-in-message": this.expiresInMessage, "update-code-every-second": true, "aria-label": this.qrAriaLabel }))), index.h("div", { class: "modal-content-list" }, index.h("ol", null, this.instructionPhoneLineOne && index.h("li", null, this.instructionPhoneLineOne), this.instructionPhoneLineTwo && index.h("li", null, this.instructionPhoneLineTwo), this.instructionPhoneLineThree && index.h("li", null, this.instructionPhoneLineThree))))))));
     }
     static get watchers() { return {
         "open": ["updateOpen"]

package/cjs/pn-level-up-modal.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-level-up-modal.entry.cjs.js","mappings":";;;;;;;;;AAAA,MAAM,iBAAiB,GAAG,8zDAA8zD,CAAC;AACz1D,6BAAe,iBAAiB;;MCQnB,cAAc~~;;;;;;;;;;;;;;yBAaa~~,IAAI;;~~IAElC~~,UAAU,CAAS;IACnB,eAAe,CAAmB;IAClC,aAAa,CAAc;IAEnC,iBAAiB;QACf,IAAI,CAAC,eAAe,GAAG,IAAIA,kCAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC3D,IAAI,CAAC,UAAU,EAAE,CAAC;KACnB;IAEO,eAAe,GAAG;QACxB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,YAAY,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;QAClF,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC;QACnC,MAAM,IAAI,CAAC,eAAe,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ;YACtF,~~IAAG~~,QAAQ,CAAC,IAAI,KAAK,GAAG,EAAE;~~gBACxB~~,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,CAAC;aACvC;SACF,CAAC,CAAC;KACJ,CAAA;IAGD,UAAU;QACR,IAAI,IAAI,CAAC,IAAI,KAAK,~~MAAM~~,EAAE;~~YACxB~~,IAAI,CAAC,UAAU,EAAE,CAAC;YAClB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;YAC5B,IAAI,IAAI,CAAC,aAAa,EAAE;gBACtB,IAAK,IAAI,CAAC,aAAqB,CAAC,IAAI,KAAK,IAAI,EAAE;oBAC5C,IAAI,CAAC,aAAqB,CAAC,IAAI,GAAG,KAAK,CAAC;iBAC1C;gBACA,IAAI,CAAC,aAAqB,CAAC,IAAI,GAAG,IAAI,CAAC;aACzC;SACF;aACI;YACH,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;SAC9B;KACF;IAEO,UAAU,GAAG;QACnB,MAAM,IAAI,CAAC,eAAe,EAAE,CAAC;KAC9B,CAAA;~~IAED~~,MAAM;QACJ,QACEC,QAACC,UAAI,uDACHD,uEACE,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,aAAa,GAAG,EAAiB,EACjD,IAAI,EAAE,IAAI,CAAC,~~eAAe~~,~~EAC1B~~,KAAK,EAAC,sBAAsB,oBACb,MAAM,EACrB,KAAK,EAAE,IAAI,CAAC,WAAW,~~IACtB~~,IAAI,CAAC,SAAS;aACZA,wBAAY,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,GAAc,KACjDA,iBAAK,KAAK,EAAC,yBAAyB,IAClCA,iBAAK,KAAK,EAAC,kBAAkB,~~IAC3BA~~,kCACE,GAAG,EAAE,IAAI,CAAC,UAAU,uBACF,IAAI,sBACJ,IAAI,CAAC,iBAAiB,wBACpB,IAAI,CAAC,gBAAgB,8BACf,IAAI,gBAClB,IAAI,CAAC,WAAW,GACP,~~CACnB~~,EACNA,iBAAK,KAAK,EAAC,oBAAoB,IAC7BA,oBACG,IAAI,CAAC,uBAAuB,IAAIA,oBAAK,IAAI,CAAC,uBAAuB,CAAM,EACvE,IAAI,CAAC,uBAAuB,IAAIA,oBAAK,IAAI,CAAC,uBAAuB,CAAM,EACvE,IAAI,CAAC,yBAAyB,IAAIA,oBAAK,IAAI,CAAC,yBAAyB,CAAM,CACzE,CACD,CACF,CACP,CACM,CACN,EACP;KACH;;;;;;;;;","names":["PnLevelUpService","h","Host"],"sources":["src/components/widgets/pn-level-up/pn-level-up-modal/pn-level-up-modal.scss?tag=pn-level-up-modal","src/components/widgets/pn-level-up/pn-level-up-modal/pn-level-up-modal.tsx"],"sourcesContent":["@import \"../../../../globals/main.scss\";\n\npn-level-up-modal {\n .pn-modal-header {\n z-index: 0;\n }\n\n .pn-modal {\n max-width: 63.1rem;\n\n @media screen and (max-width: $min-width-md) {\n height: 100%;\n max-height: 100%;\n }\n }\n\n .level-up-computer-modal .pn-modal-content .modal-content {\n justify-self: center;\n display: flex;\n flex-wrap: wrap;\n flex-direction: column;\n gap: 2em;\n margin: 2em;\n width: max-content;\n align-content: space-around;\n }\n\n .pn-modal-label {\n margin: 2.2rem 0;\n\n @media screen and (max-width: $min-width-md) {\n justify-self: center;\n }\n }\n\n .level-up-phone-modal .pn-modal-content {\n @media screen and (max-width: $min-width-md) {\n height: 100%;\n align-content: center;\n align-items: center;\n }\n \n pn-spinner {\n justify-self: center;\n }\n\n .modal-content-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 1em;\n\n @media screen and (max-width: $min-width-md) {\n flex-direction: column;\n }\n }\n\n .modal-content-list {\n ol {\n font-size: 1.8rem;\n line-height: 1.6;\n margin-left: 2rem;\n padding-left: 2rem;\n }\n\n li {\n margin-bottom: 1rem;\n }\n\n @media screen and (max-width: $min-width-md) {\n ol {\n font-size: 1.6rem;\n }\n }\n }\n }\n}","import { Component, Host, Prop, h, State, Watch } from '@stencil/core';\nimport { DeviceType } from '../types';\nimport { PnLevelUpService } from '../pn-level-up.service';\n\n@Component({\n tag: 'pn-level-up-modal',\n styleUrl: 'pn-level-up-modal.scss',\n})\n\nexport class PnLevelUpModal {\n @Prop({ reflect: true }) open: ~~'open' \| 'close'~~;\n @Prop() endpoint: string;\n @Prop() instructionPhoneLineOne: string;\n @Prop() instructionPhoneLineTwo: string;\n @Prop() instructionPhoneLineThree: string;\n @Prop() headingText: string;\n @Prop() outdatedQRMessage: string;\n @Prop() expiresInMessage: string;\n @Prop() system: DeviceType;\n @Prop() qrAriaLabel: string;\n\n @State() private openModalToggle: boolean;\n @State() private isLoading: boolean = true;\n\n private _bankIDUrl: string;\n private _levelupService: PnLevelUpService;\n private _levelUpModal: HTMLElement;\n \n componentWillLoad() { \n this._levelupService = new PnLevelUpService(this.endpoint);\n this.updateOpen();\n }\n\n private updateBankIDUrl = async () => {\n this.isLoading = true;\n let authResponse = await this._levelupService.levelupAuthorize(this.system, null);\n this.isLoading = false;\n this._bankIDUrl = authResponse.url;\n await this._levelupService.levelupTokenGrant(authResponse.id, '30', null).then((response) => {\n if(response.code === 200) {\n this._levelupService.newLevelupUser();\n }\n });\n }\n\n @Watch('open')\n updateOpen () {\n if (this.open === ~~'open'~~) {\n this.handleOpen();\n this.openModalToggle = true;\n if (this._levelUpModal) {\n if ((this._levelUpModal as any).open === true) {\n (this._levelUpModal as any).open = false;\n }\n (this._levelUpModal as any).open = true;\n }\n }\n else {\n this.openModalToggle = false;\n }\n }\n\n private handleOpen = async () => {\n await this.updateBankIDUrl();\n }\n\n render() {\n return (\n <Host>\n <pn-modal\n ref={el => this._levelUpModal = el as HTMLElement}\n open={this.~~openModalToggle~~}\n class=\"level-up-phone-modal\"\n allow-overflow='true'\n label={this.headingText}>\n {this.isLoading ?\n (<pn-spinner light=\"false\" size=\"1.5\"></pn-spinner>) : (\n <div class=\"modal-content-container\">\n <div class=\"modal-content-qr\">\n <pn-qr-code-generator\n url={this._bankIDUrl}\n countdown-seconds=\"30\"\n outdated-message={this.outdatedQRMessage}\n expires-in-message={this.expiresInMessage}\n update-code-every-second={true}\n aria-label={this.qrAriaLabel}>\n </pn-qr-code-generator>\n </div>\n <div class=\"modal-content-list\">\n <ol>\n {this.instructionPhoneLineOne && <li>{this.instructionPhoneLineOne}</li>}\n {this.instructionPhoneLineTwo && <li>{this.instructionPhoneLineTwo}</li>}\n {this.instructionPhoneLineThree && <li>{this.instructionPhoneLineThree}</li>}\n </ol>\n </div>\n </div>\n )}\n </pn-modal>\n </Host>\n );\n }\n}"],"version":3}
1	+ {"file":"pn-level-up-modal.entry.cjs.js","mappings":"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","names":["PnLevelUpService","h","Host"],"sources":["src/components/widgets/pn-level-up/pn-level-up-modal/pn-level-up-modal.scss?tag=pn-level-up-modal","src/components/widgets/pn-level-up/pn-level-up-modal/pn-level-up-modal.tsx"],"sourcesContent":["@import \"../../../../globals/main.scss\";\n\npn-level-up-modal {\n .pn-modal-header {\n z-index: 0;\n }\n\n .pn-modal {\n max-width: 63.1rem;\n\n @media screen and (max-width: $min-width-md) {\n height: 100%;\n max-height: 100%;\n }\n }\n\n .level-up-computer-modal .pn-modal-content .modal-content {\n justify-self: center;\n display: flex;\n flex-wrap: wrap;\n flex-direction: column;\n gap: 2em;\n margin: 2em;\n width: max-content;\n align-content: space-around;\n }\n\n .pn-modal-label {\n margin: 2.2rem 0;\n\n @media screen and (max-width: $min-width-md) {\n justify-self: center;\n }\n }\n\n .level-up-phone-modal .pn-modal-content {\n @media screen and (max-width: $min-width-md) {\n height: 100%;\n align-content: center;\n align-items: center;\n }\n \n pn-spinner {\n justify-self: center;\n }\n\n .modal-content-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 1em;\n\n @media screen and (max-width: $min-width-md) {\n flex-direction: column;\n }\n }\n\n .modal-content-list {\n ol {\n font-size: 1.8rem;\n line-height: 1.6;\n margin-left: 2rem;\n padding-left: 2rem;\n }\n\n li {\n margin-bottom: 1rem;\n }\n\n @media screen and (max-width: $min-width-md) {\n ol {\n font-size: 1.6rem;\n }\n }\n }\n }\n}","import { Component, Host, Prop, h, State, Watch, Event, EventEmitter } from '@stencil/core';\nimport { DeviceType } from '../types';\nimport { PnLevelUpService } from '../pn-level-up.service';\n\n@Component({\n tag: 'pn-level-up-modal',\n styleUrl: 'pn-level-up-modal.scss',\n})\n\nexport class PnLevelUpModal {\n @Prop({ reflect: true }) open: boolean;\n @Prop() endpoint: string;\n @Prop() instructionPhoneLineOne: string;\n @Prop() instructionPhoneLineTwo: string;\n @Prop() instructionPhoneLineThree: string;\n @Prop() headingText: string;\n @Prop() outdatedQRMessage: string;\n @Prop() expiresInMessage: string;\n @Prop() system: DeviceType;\n @Prop() qrAriaLabel: string;\n\n @State() private openModalToggle: boolean = false;\n @State() private isLoading: boolean = true;\n @Event({ eventName: 'modalToggle', bubbles: true, composed: true }) modalToggle: EventEmitter<boolean>;\n\n private _bankIDUrl: string;\n private _levelupService: PnLevelUpService;\n private _levelUpModal: HTMLElement;\n\n componentWillLoad() {\n this._levelupService = new PnLevelUpService(this.endpoint);\n this.updateOpen();\n }\n\n private updateBankIDUrl = async () => {\n this.isLoading = true;\n let authResponse = await this._levelupService.levelupAuthorize(this.system, null);\n this.isLoading = false;\n this._bankIDUrl = authResponse.url;\n await this._levelupService.levelupTokenGrant(authResponse.id, '30', null).then((response) => {\n if (response.code === 200) {\n this._levelupService.newLevelupUser();\n }\n });\n }\n\n @Watch('open')\n updateOpen () {\n if (this.open === true) {\n this.handleOpen();\n this.openModalToggle = true;\n if (this._levelUpModal) {\n if ((this._levelUpModal as any).open === true) {\n (this._levelUpModal as any).open = false;\n }\n (this._levelUpModal as any).open = true;\n }\n }\n else {\n this.openModalToggle = false;\n }\n }\n\n private handleOpen = async () => {\n await this.updateBankIDUrl();\n }\n\n\n render() {\n return (\n <Host>\n <pn-modal\n ref={el => this._levelUpModal = el as HTMLElement}\n open={this.open}\n class=\"level-up-phone-modal\"\n allow-overflow='true'\n label={this.headingText}\n onModalToggle={(ev: CustomEvent<boolean \| { open: boolean }>) => {\n const detail = ev.detail as any;\n const isOpen = typeof detail === 'boolean' ? detail : !!detail?.open;\n this.openModalToggle = isOpen;\n }}>\n {this.isLoading ?\n (<pn-spinner light=\"false\" size=\"1.5\"></pn-spinner>) : (\n <div class=\"modal-content-container\">\n <div class=\"modal-content-qr\">\n {this.openModalToggle && (\n <pn-qr-code-generator\n url={this._bankIDUrl}\n countdown-seconds=\"30\"\n outdated-message={this.outdatedQRMessage}\n expires-in-message={this.expiresInMessage}\n update-code-every-second={true}\n aria-label={this.qrAriaLabel}>\n </pn-qr-code-generator>\n )}\n </div>\n <div class=\"modal-content-list\">\n <ol>\n {this.instructionPhoneLineOne && <li>{this.instructionPhoneLineOne}</li>}\n {this.instructionPhoneLineTwo && <li>{this.instructionPhoneLineTwo}</li>}\n {this.instructionPhoneLineThree && <li>{this.instructionPhoneLineThree}</li>}\n </ol>\n </div>\n </div>\n )}\n </pn-modal>\n </Host>\n );\n }\n}"],"version":3}

package/cjs/pn-level-up.cjs.entry.js CHANGED Viewed

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b02670c2.js');
-const HeadingTag = require('./HeadingTag-19376e1f.js');
+const index = require('./index-9a9efa1c.js');
+const HeadingTag = require('./HeadingTag-190a9892.js');
 const pnLevelUp_service = require('./pn-level-up.service-0e8e67c2.js');
 const LocalStorageService = require('./LocalStorageService-e1ee3fac.js');
 require('./FetchHelper-2d4c697c.js');
@@ -40,6 +40,7 @@ const PnLevelUp = class {
         this.isRecentLeveledUp = false;
         this.errorMessage = undefined;
     }
+    showModal = false;
     _android = 'android';
     _ios = 'ios';
     _web = 'web';
@@ -47,6 +48,7 @@ const PnLevelUp = class {
     _system;
     _levelupService;
     _storage = new LocalStorageService.LocalStorageService();
+    modal;
     componentWillLoad() {
         if (!this.isLeveledUp) {
             this.checkRecentLevelUp();
@@ -81,12 +83,12 @@ const PnLevelUp = class {
         });
     };
     openModal() {
-        let levelUpModal = document.getElementsByTagName('pn-level-up-modal')[0];
-        let openAttributeValue = levelUpModal.getAttribute('open');
-        if (openAttributeValue === 'open') {
-            levelUpModal.setAttribute('open', 'close');
+        if (this.showModal) {
+            this.modal.setAttribute('open', 'false');
+            this.showModal = false;
         }
-        levelUpModal.setAttribute('open', 'open');
+        this.modal.setAttribute('open', 'true');
+        this.showModal = true;
     }
     renderWebButtonOptions() {
         return (index.h("div", { class: "cta", role: "group" }, this.webModalContinueOtherDeviceLabel &&
@@ -127,9 +129,9 @@ const PnLevelUp = class {
     }
     render() {
         const headingId = 'pn-level-up-heading';
-        return (index.h(index.Host, { key: 'f48ec4a1e559a8967176b29c1229f0e9db250ee0' }, this.isLeveledUp || this.isRecentLeveledUp
+        return (index.h(index.Host, { key: '0c6b3d3b8f1035d811582b8fa42fe1bfa7d24ea3' }, this.isLeveledUp || this.isRecentLeveledUp
             ? (this.presentResult())
-            : (index.h("div", { class: "pn-level-up", role: "region", "aria-labelledby": this.heading ? headingId : undefined }, index.h("div", { class: "content" }, this.heading && (index.h(HeadingTag.HeadingTag, { id: headingId, level: this.headingLevel, cssClass: "heading" }, this.heading)), this.preamble && (index.h("div", { class: "preamble" }, this.preamble)), this.hasButtonTexts && this._system === this._web && this.renderWebButtonOptions(), this.hasButtonTexts && this._system !== this._web && this.renderMobileButtonOptions()), index.h("div", { class: "image-container", "aria-hidden": !this.imageAltText }, this.imageUrl && index.h("img", { class: "image graphics", src: this.imageUrl, alt: this.imageAltText || '', loading: "lazy" })))), this.errorMessage && index.h("pn-toast", { key: 'a6f9a66b2a8d9007a8aed5e7f07a34f19f3c31b5', text: this.errorMessage, appearance: 'warning' }), index.h("pn-level-up-modal", { key: '73cafdd318db53a36a048b6b237234c443466a91', open: 'close', endpoint: this.endpoint, "instruction-phone-line-one": this.modalInstructionPhoneLineOne, "instruction-phone-line-two": this.modalInstructionPhoneLineTwo, "instruction-phone-line-three": this.modalInstructionPhoneLineThree, "heading-text": this.modalHeadingText, "outdated-q-r-message": this.modalOutdatedQRMessage, "expires-in-message": this.modalExpiresInMessage, "qr-aria-label": this.qrAriaLabel, system: this._android })));
+            : (index.h("div", { class: "pn-level-up", role: "region", "aria-labelledby": this.heading ? headingId : undefined }, index.h("div", { class: "content" }, this.heading && (index.h(HeadingTag.HeadingTag, { id: headingId, level: this.headingLevel, cssClass: "heading" }, this.heading)), this.preamble && (index.h("div", { class: "preamble" }, this.preamble)), this.hasButtonTexts && this._system === this._web && this.renderWebButtonOptions(), this.hasButtonTexts && this._system !== this._web && this.renderMobileButtonOptions()), index.h("div", { class: "image-container", "aria-hidden": !this.imageAltText }, this.imageUrl && index.h("img", { class: "image graphics", src: this.imageUrl, alt: this.imageAltText || '', loading: "lazy" })))), this.errorMessage && index.h("pn-toast", { key: '0dc87efccbedaf752f62c7abcf4d6261f268d467', text: this.errorMessage, appearance: 'warning' }), index.h("pn-level-up-modal", { key: '2a7d8f973cee89c27a22f21da209a1927e5ee0e5', ref: el => this.modal = el, open: false, endpoint: this.endpoint, "instruction-phone-line-one": this.modalInstructionPhoneLineOne, "instruction-phone-line-two": this.modalInstructionPhoneLineTwo, "instruction-phone-line-three": this.modalInstructionPhoneLineThree, "heading-text": this.modalHeadingText, "outdated-q-r-message": this.modalOutdatedQRMessage, "expires-in-message": this.modalExpiresInMessage, "qr-aria-label": this.qrAriaLabel, system: this._android })));
     }
 };
 PnLevelUp.style = PnLevelUpStyle0;

package/cjs/pn-level-up.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-level-up.entry.cjs.js","mappings":"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","names":["LocalStorageService","PnLevelUpService","h","Host","HeadingTag"],"sources":["node_modules/pn-design-assets/pn-assets/icons/bankid.js","src/components/widgets/pn-level-up/pn-level-up.scss?tag=pn-level-up","src/components/widgets/pn-level-up/pn-level-up.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=\"M23.591 9.136c.93-5.875-2.801-8.22-8.152-8.22H9.531L8.744 5.91h1.003c.55 0 1.07-.252 1.293-.616a.6.6 0 0 0 .104-.319c0-.207-.141-.363-.283-.467-.386-.29-.468-.593-.468-.809q-.002-.064.008-.118c.082-.527.795-1.098 1.739-1.098.564 0 .995.133 1.256.378.23.215.32.52.252.838-.082.379-.46.69-.676.846-.572.4-.498.75-.46.853.118.312.572.512.92.512h1.524v.007c2.08.015 3.195.972 2.846 3.198-.327 2.07-1.917 2.96-3.812 2.974l-.75 4.778h1.107c4.674 0 8.494-2.997 9.244-7.73M7.666 12.489l.981-6.172H7.6c-.49 0-1.122-.274-1.307-.779-.06-.17-.201-.757.609-1.328.29-.2.475-.423.513-.593a.46.46 0 0 0-.134-.453c-.178-.17-.528-.267-.974-.267-.75 0-1.278.43-1.33.742-.037.23.141.415.297.534.469.349.58.853.29 1.328-.297.49-.943.809-1.635.816h-1.07c-.05.343-.547 3.494-.985 6.27v.002c-.329 2.085-.624 3.958-.672 4.27h5.804l.103-.664c.12-.77.327-2.103.58-3.706zM.89 18.988h2.37c1.011 0 1.256.511 1.182.979-.06.378-.32.66-.765.846.564.215.787.548.706 1.075-.104.66-.677 1.15-1.427 1.15H.257zm1.568 1.676c.46 0 .676-.245.72-.534.045-.312-.096-.527-.557-.527h-.408l-.164 1.061zm-.253 1.75c.476 0 .75-.192.818-.585.052-.341-.141-.542-.602-.542h-.468l-.179 1.135h.431zm4.437.364c.148.267.446.334 1.062.29l.357-.831c-.35-.008-.364-.104-.312-.416l.141-.89c.12-.786-.52-1.083-1.24-1.083-.566 0-1.056.17-1.561.534l-.142.92c.588-.4.93-.534 1.338-.534.35 0 .46.104.431.386-.167.113-.452.185-.75.26-.364.09-.747.187-.96.37a.9.9 0 0 0-.319.534c-.067.4.179.764.877.764.387 0 .75-.104 1.078-.304m-.411-.949c.145-.042.291-.085.403-.156l-.067.445c-.022.141-.03.215-.014.29a1.17 1.17 0 0 1-.625.214c-.2 0-.327-.148-.297-.348.044-.283.322-.364.6-.445M8.855 19.9h1.234l-.067.408c.394-.334.69-.46 1.077-.46.691 0 1.011.423.9 1.113l-.32 2.07h-1.234l.268-1.714c.052-.312-.045-.46-.282-.46-.194 0-.372.104-.543.334l-.282 1.832H8.372zm5.336-.912h-1.234l-.631 4.043h1.233l.223-1.447h.015l.936 1.447h1.553l-1.218-1.796 1.516-1.335H15.06l-1.181 1.076zm3.135 0h1.42l-.624 4.043h-1.42zm4.14 0h-2.029l-.631 4.043h2.288c1.375 0 2.104-1.046 2.245-1.966.148-.942-.305-2.078-1.873-2.078m.468 2.017c-.111.72-.49 1.061-1.181 1.061h-.372l.327-2.121h.379c.765 0 .929.526.847 1.06\" clip-rule=\"evenodd\"/></svg>';\nexport const bankid = icon;\n","@import '../../../globals/main.scss';\n\n:root {\n --usp-preamble-margin: clamp(1.5rem, 3vw, 1.8rem);\n}\n\npn-level-up {\n .pn-level-up {\n background: linear-gradient(90deg, $white 0%, $blue25 17.44%);\n color: $gray900;\n display: flex;\n flex-direction: column-reverse;\n max-width: 100%;\n padding: clamp(2rem, 5vw, 5rem);\n\n .heading {\n font-size: clamp(2rem, 4vw, 3rem);\n font-weight: 700;\n margin-bottom: 1rem;\n }\n\n .preamble {\n font-size: clamp(1rem, 4vw, 1.6rem);\n margin-top: var(--usp-preamble-margin);\n margin-bottom: var(--usp-preamble-margin);\n }\n\n .cta {\n display: flex;\n font-size: clamp(1rem, 4vw, 1.6rem);\n flex-direction: column;\n gap: clamp(1rem, 4vw, 1.2rem);\n }\n\n .image-container {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 2rem;\n\n .graphics {\n --pn-width: #{$graphicsWidth} !important;\n --pn-height: #{$graphicsWidth} !important;\n }\n\n .image {\n border-radius: 50%;\n width: 20rem;\n height: 20rem;\n object-fit: cover;\n }\n }\n\n @media (min-width: $min-width-md) {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n\n .content {\n max-width: 70%;\n }\n\n .cta {\n flex-direction: row;\n gap: clamp(2rem, 3vw, 3rem);\n padding: 0;\n }\n\n .image-container {\n margin-bottom: 0;\n\n .graphics {\n --pn-width: #{$graphicsWidthMd};\n --pn-height: #{$graphicsWidthMd};\n }\n }\n }\n\n @media (min-width: $min-width-xl) {\n max-width: $max-width-xl;\n margin: 0 auto;\n\n .image-container {\n .graphics {\n --pn-width: #{$graphicsWidthXl};\n --pn-height: #{$graphicsWidthXl};\n }\n }\n }\n\n @media (min-width: $min-width-xxl) {\n max-width: $max-width-xxl;\n\n .image-container {\n .graphics {\n --pn-width: #{$graphicsWidthXxl};\n --pn-height: #{$graphicsWidthXxl};\n }\n }\n }\n }\n}","import { HeadingLevel } from '@/components';\nimport { HeadingTag } from '@/globals/HeadingTag';\nimport { Component, Host, Prop, h, State } from '@stencil/core';\nimport { bankid } from 'pn-design-assets/pn-assets/icons.js';\nimport { DeviceType } from './types';\nimport { PnLevelUpService } from './pn-level-up.service';\nimport { LocalStorageService } from '@/globals/LocalStorageService';\n\n@Component({\n tag: 'pn-level-up',\n styleUrl: 'pn-level-up.scss'\n})\nexport class PnLevelUp {\n @Prop() heading?: string;\n @Prop() headingLevel: HeadingLevel = 'h2';\n @Prop() preamble?: string;\n @Prop() imageUrl?: string;\n @Prop() imageAltText?: string;\n @Prop() endpoint: string;\n @Prop() webModalContinueOtherDeviceLabel: string;\n @Prop() webModalContinueThisDeviceLabel: string;\n @Prop() mobileModalContinueThisDeviceLabel: string;\n @Prop() mobileModalContinueOtherDeviceLabel: string;\n @Prop() modalInstructionPhoneLineOne: string;\n @Prop() modalInstructionPhoneLineTwo: string;\n @Prop() modalInstructionPhoneLineThree: string;\n @Prop() modalHeadingText: string;\n @Prop() modalOutdatedQRMessage: string;\n @Prop() modalExpiresInMessage: string;\n @Prop() qrAriaLabel: string;\n @Prop() leveledupMessage: string;\n @Prop() isLeveledUp: boolean = false;\n\n @State() private isLoading: boolean = false;\n @State() private isRecentLeveledUp: boolean = false;\n @State() private errorMessage: string;\n\n private readonly _android: DeviceType = 'android';\n private readonly _ios: DeviceType = 'ios';\n private readonly _web: DeviceType = 'web';\n private readonly levelupLocalStorageKey = 'levelup';\n\n private _system: DeviceType;\n private _levelupService: PnLevelUpService;\n private _storage: LocalStorageService = new LocalStorageService();\n\n componentWillLoad() {\n if (!this.isLeveledUp) {\n this.checkRecentLevelUp();\n }\n\n this._levelupService = new PnLevelUpService(this.endpoint);\n this._system = this.getDeviceType();\n }\n\n getDeviceType(): DeviceType {\n const userAgent = navigator.userAgent;\n \n if (/android/i.test(userAgent)) {\n return this._android;\n }\n \n if (/iPad\|iPhone\|iPod/.test(userAgent) && !(window as any).MSStream) {\n return this._ios;\n }\n \n return this._web;\n }\n\n private openLocalApp = async () => {\n this.isLoading = true;\n let authResponse = await this._levelupService.levelupAuthorize(this._system, null)\n window.location.href = authResponse.url;\n this.isLoading = false;\n await this._levelupService.levelupTokenGrant(authResponse.id, '30', null).then((response) => {\n if (response.code === 200) {\n this._levelupService.newLevelupUser();\n this.isRecentLeveledUp = true;\n this.errorMessage = null;\n }\n else {\n this.errorMessage = response.customMessage;\n }\n });\n }\n\n private openModal() {\n let levelUpModal = document.getElementsByTagName('pn-level-up-modal')[0];\n let openAttributeValue = levelUpModal.getAttribute('open');\n\n if (openAttributeValue === 'open') {\n levelUpModal.setAttribute('open', 'close');\n }\n\n levelUpModal.setAttribute('open', 'open');\n }\n\n private renderWebButtonOptions() {\n return ( \n <div class=\"cta\" role=\"group\">\n {this.webModalContinueOtherDeviceLabel &&\n <pn-button\n icon={bankid}\n left-icon='true'\n appearance='default'\n label={this.webModalContinueOtherDeviceLabel}\n onClick={() => this.openModal()}>\n </pn-button>}\n {this.webModalContinueThisDeviceLabel &&\n <pn-button\n icon={bankid}\n left-icon='true'\n appearance='light'\n variant='outlined'\n label={this.webModalContinueThisDeviceLabel}\n onClick={() => this.openLocalApp()}\n loading={this.isLoading}>\n </pn-button>}\n </div>);\n }\n\n private renderMobileButtonOptions() {\n return (\n <div class=\"cta\" role=\"group\">\n {this.mobileModalContinueThisDeviceLabel &&\n <pn-button\n icon={bankid}\n left-icon='true'\n appearance='default'\n label={this.mobileModalContinueThisDeviceLabel}\n onClick={() => this.openLocalApp()}\n loading={this.isLoading}>\n </pn-button>}\n {this.mobileModalContinueOtherDeviceLabel &&\n <pn-button\n icon={bankid}\n left-icon='true'\n appearance='light'\n variant='outlined'\n label={this.mobileModalContinueOtherDeviceLabel}\n onClick={() => this.openModal()}>\n </pn-button>}\n </div>);\n }\n\n private presentResult() {\n if (this.isLeveledUp) {\n return null;\n }\n\n return (<pn-toast text={this.leveledupMessage} appearance='success'></pn-toast>);\n }\n\n private checkRecentLevelUp() {\n let levelupStorage = this._storage.get(this.levelupLocalStorageKey);\n if (levelupStorage === null) {\n this.isRecentLeveledUp = false;\n }\n else if (levelupStorage.expire > Date.now()) {\n this.isRecentLeveledUp = true;\n }\n else {\n this._storage.remove(this.levelupLocalStorageKey);\n this.isRecentLeveledUp = false;\n }\n }\n\n private get hasButtonTexts(): boolean {\n if (this._system === this._web) {\n return Boolean(this.webModalContinueOtherDeviceLabel) && Boolean(this.webModalContinueThisDeviceLabel);\n }\n else {\n return Boolean(this.mobileModalContinueOtherDeviceLabel) && Boolean(this.mobileModalContinueThisDeviceLabel);\n }\n }\n\n render() {\n const headingId = 'pn-level-up-heading';\n return (\n <Host>\n {this.isLeveledUp \|\| this.isRecentLeveledUp \n ? (this.presentResult()) \n : (<div class=\"pn-level-up\" role=\"region\" aria-labelledby={this.heading ? headingId : undefined}>\n <div class=\"content\">\n {this.heading && (\n <HeadingTag id={headingId} level={this.headingLevel} cssClass=\"heading\">\n {this.heading}\n </HeadingTag>\n )}\n {this.preamble && (\n <div class=\"preamble\">\n {this.preamble}\n </div>\n )}\n {this.hasButtonTexts && this._system === this._web && this.renderWebButtonOptions()}\n {this.hasButtonTexts && this._system !== this._web && this.renderMobileButtonOptions()}\n </div>\n <div class=\"image-container\" aria-hidden={!this.imageAltText}>\n {this.imageUrl && <img class=\"image graphics\" src={this.imageUrl} alt={this.imageAltText \|\| ''} loading=\"lazy\" />}\n </div>\n </div>\n )}\n {this.errorMessage && <pn-toast text={this.errorMessage} appearance='warning'></pn-toast>}\n <pn-level-up-modal\n open='close'\n endpoint={this.endpoint}\n instruction-phone-line-one={this.modalInstructionPhoneLineOne}\n instruction-phone-line-two={this.modalInstructionPhoneLineTwo}\n instruction-phone-line-three={this.modalInstructionPhoneLineThree}\n heading-text={this.modalHeadingText}\n outdated-q-r-message={this.modalOutdatedQRMessage}\n expires-in-message={this.modalExpiresInMessage}\n qr-aria-label={this.qrAriaLabel}\n system={this._android}>\n </pn-level-up-modal>\n </Host>\n );\n }\n}\n\n"],"version":3}
1	+ {"file":"pn-level-up.entry.cjs.js","mappings":";;;;;;;;;;AAAA,MAAM,IAAI,GAAG,8uEAA8uE,CAAC;AACrvE,MAAM,MAAM,GAAG,IAAI;;ACD1B,MAAM,YAAY,GAAG,gjEAAgjE,CAAC;AACtkE,wBAAe,YAAY;;MCWd,SAAS;;;;4BAEiB,IAAI;;;;;;;;;;;;;;;;;2BAiBV,KAAK;yBAEE,KAAK;iCACG,KAAK;;;IAE3C,SAAS,GAAY,KAAK,CAAC;IAElB,QAAQ,GAAe,SAAS,CAAC;IACjC,IAAI,GAAe,KAAK,CAAC;IACzB,IAAI,GAAe,KAAK,CAAC;IACzB,sBAAsB,GAAG,SAAS,CAAC;IAE5C,OAAO,CAAa;IACpB,eAAe,CAAmB;IAClC,QAAQ,GAAwB,IAAIA,uCAAmB,EAAE,CAAC;IAC1D,KAAK,CAAc;IAE3B,iBAAiB;QACf,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,IAAI,CAAC,kBAAkB,EAAE,CAAC;SAC3B;QAED,IAAI,CAAC,eAAe,GAAG,IAAIC,kCAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC3D,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;KACrC;IAED,aAAa;QACX,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,CAAC;QAEtC,IAAI,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;YAC9B,OAAO,IAAI,CAAC,QAAQ,CAAC;SACtB;QAED,IAAI,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAE,MAAc,CAAC,QAAQ,EAAE;YACnE,OAAO,IAAI,CAAC,IAAI,CAAC;SAClB;QAED,OAAO,IAAI,CAAC,IAAI,CAAC;KAClB;IAEO,YAAY,GAAG;QACrB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,YAAY,GAAG,MAAM,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,CAAA;QAClF,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,YAAY,CAAC,GAAG,CAAC;QACxC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,MAAM,IAAI,CAAC,eAAe,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ;YACtF,IAAI,QAAQ,CAAC,IAAI,KAAK,GAAG,EAAE;gBACzB,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,CAAC;gBACtC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;gBAC9B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;aAC1B;iBACI;gBACH,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC;aAC5C;SACF,CAAC,CAAC;KACJ,CAAA;IAEO,SAAS;QACb,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YACzC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;SACxB;QACC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACxC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;KAC3B;IAEO,sBAAsB;QAC5B,QACEC,iBAAK,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,IAC1B,IAAI,CAAC,gCAAgC;YACtCA,uBACE,IAAI,EAAE,MAAM,eACF,MAAM,EAChB,UAAU,EAAC,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,gCAAgC,EAC5C,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,GACrB,EACX,IAAI,CAAC,+BAA+B;YACrCA,uBACE,IAAI,EAAE,MAAM,eACF,MAAM,EAChB,UAAU,EAAC,OAAO,EAClB,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,IAAI,CAAC,+BAA+B,EAC3C,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,EAClC,OAAO,EAAE,IAAI,CAAC,SAAS,GACb,CACR,EAAE;KACX;IAEO,yBAAyB;QAC/B,QACEA,iBAAK,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,IAC1B,IAAI,CAAC,kCAAkC;YACxCA,uBACE,IAAI,EAAE,MAAM,eACF,MAAM,EAChB,UAAU,EAAC,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,kCAAkC,EAC9C,OAAO,EAAE,MAAM,IAAI,CAAC,YAAY,EAAE,EAClC,OAAO,EAAE,IAAI,CAAC,SAAS,GACb,EACX,IAAI,CAAC,mCAAmC;YACzCA,uBACE,IAAI,EAAE,MAAM,eACF,MAAM,EAChB,UAAU,EAAC,OAAO,EAClB,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,IAAI,CAAC,mCAAmC,EAC/C,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,EAAE,GACrB,CACR,EAAE;KACX;IAEO,aAAa;QACnB,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,OAAO,IAAI,CAAC;SACb;QAED,QAAQA,sBAAU,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,EAAC,SAAS,GAAY,EAAE;KAClF;IAEO,kBAAkB;QACxB,IAAI,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QACpE,IAAI,cAAc,KAAK,IAAI,EAAE;YAC3B,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;SAChC;aACI,IAAI,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,EAAE;YAC3C,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;SAC/B;aACI;YACH,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;YAClD,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;SAChC;KACF;IAED,IAAY,cAAc;QACxB,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,IAAI,EAAE;YAC9B,OAAO,OAAO,CAAC,IAAI,CAAC,gCAAgC,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,+BAA+B,CAAC,CAAC;SACxG;aACI;YACH,OAAO,OAAO,CAAC,IAAI,CAAC,mCAAmC,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,kCAAkC,CAAC,CAAC;SAC9G;KACF;IAED,MAAM;QACJ,MAAM,SAAS,GAAG,qBAAqB,CAAC;QACxC,QACEA,QAACC,UAAI,uDACF,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,iBAAiB;eACxC,IAAI,CAAC,aAAa,EAAE;eACpBD,iBAAK,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,QAAQ,qBAAkB,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,SAAS,IAC3FA,iBAAK,KAAK,EAAC,SAAS,IACjB,IAAI,CAAC,OAAO,KACXA,QAACE,qBAAU,IAAC,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,YAAY,EAAE,QAAQ,EAAC,SAAS,IACpE,IAAI,CAAC,OAAO,CACF,CACd,EACA,IAAI,CAAC,QAAQ,KACZF,iBAAK,KAAK,EAAC,UAAU,IAClB,IAAI,CAAC,QAAQ,CACV,CACP,EACA,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,sBAAsB,EAAE,EAClF,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,yBAAyB,EAAE,CAClF,EACNA,iBAAK,KAAK,EAAC,iBAAiB,iBAAc,CAAC,IAAI,CAAC,YAAY,IACzD,IAAI,CAAC,QAAQ,IAAIA,iBAAK,KAAK,EAAC,gBAAgB,EAAC,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,YAAY,IAAI,EAAE,EAAE,OAAO,EAAC,MAAM,GAAG,CAC7G,CACF,CACP,EACA,IAAI,CAAC,YAAY,IAAIA,uEAAU,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,EAAC,SAAS,GAAY,EACzFA,gFACE,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,KAAK,GAAG,EAAiB,EACzC,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,IAAI,CAAC,QAAQ,gCACK,IAAI,CAAC,4BAA4B,gCACjC,IAAI,CAAC,4BAA4B,kCAC/B,IAAI,CAAC,8BAA8B,kBACnD,IAAI,CAAC,gBAAgB,0BACb,IAAI,CAAC,sBAAsB,wBAC7B,IAAI,CAAC,qBAAqB,mBAC/B,IAAI,CAAC,WAAW,EAC/B,MAAM,EAAE,IAAI,CAAC,QAAQ,GACH,CACf,EACP;KACH;;;;;;","names":["LocalStorageService","PnLevelUpService","h","Host","HeadingTag"],"sources":["node_modules/pn-design-assets/pn-assets/icons/bankid.js","src/components/widgets/pn-level-up/pn-level-up.scss?tag=pn-level-up","src/components/widgets/pn-level-up/pn-level-up.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=\"M23.591 9.136c.93-5.875-2.801-8.22-8.152-8.22H9.531L8.744 5.91h1.003c.55 0 1.07-.252 1.293-.616a.6.6 0 0 0 .104-.319c0-.207-.141-.363-.283-.467-.386-.29-.468-.593-.468-.809q-.002-.064.008-.118c.082-.527.795-1.098 1.739-1.098.564 0 .995.133 1.256.378.23.215.32.52.252.838-.082.379-.46.69-.676.846-.572.4-.498.75-.46.853.118.312.572.512.92.512h1.524v.007c2.08.015 3.195.972 2.846 3.198-.327 2.07-1.917 2.96-3.812 2.974l-.75 4.778h1.107c4.674 0 8.494-2.997 9.244-7.73M7.666 12.489l.981-6.172H7.6c-.49 0-1.122-.274-1.307-.779-.06-.17-.201-.757.609-1.328.29-.2.475-.423.513-.593a.46.46 0 0 0-.134-.453c-.178-.17-.528-.267-.974-.267-.75 0-1.278.43-1.33.742-.037.23.141.415.297.534.469.349.58.853.29 1.328-.297.49-.943.809-1.635.816h-1.07c-.05.343-.547 3.494-.985 6.27v.002c-.329 2.085-.624 3.958-.672 4.27h5.804l.103-.664c.12-.77.327-2.103.58-3.706zM.89 18.988h2.37c1.011 0 1.256.511 1.182.979-.06.378-.32.66-.765.846.564.215.787.548.706 1.075-.104.66-.677 1.15-1.427 1.15H.257zm1.568 1.676c.46 0 .676-.245.72-.534.045-.312-.096-.527-.557-.527h-.408l-.164 1.061zm-.253 1.75c.476 0 .75-.192.818-.585.052-.341-.141-.542-.602-.542h-.468l-.179 1.135h.431zm4.437.364c.148.267.446.334 1.062.29l.357-.831c-.35-.008-.364-.104-.312-.416l.141-.89c.12-.786-.52-1.083-1.24-1.083-.566 0-1.056.17-1.561.534l-.142.92c.588-.4.93-.534 1.338-.534.35 0 .46.104.431.386-.167.113-.452.185-.75.26-.364.09-.747.187-.96.37a.9.9 0 0 0-.319.534c-.067.4.179.764.877.764.387 0 .75-.104 1.078-.304m-.411-.949c.145-.042.291-.085.403-.156l-.067.445c-.022.141-.03.215-.014.29a1.17 1.17 0 0 1-.625.214c-.2 0-.327-.148-.297-.348.044-.283.322-.364.6-.445M8.855 19.9h1.234l-.067.408c.394-.334.69-.46 1.077-.46.691 0 1.011.423.9 1.113l-.32 2.07h-1.234l.268-1.714c.052-.312-.045-.46-.282-.46-.194 0-.372.104-.543.334l-.282 1.832H8.372zm5.336-.912h-1.234l-.631 4.043h1.233l.223-1.447h.015l.936 1.447h1.553l-1.218-1.796 1.516-1.335H15.06l-1.181 1.076zm3.135 0h1.42l-.624 4.043h-1.42zm4.14 0h-2.029l-.631 4.043h2.288c1.375 0 2.104-1.046 2.245-1.966.148-.942-.305-2.078-1.873-2.078m.468 2.017c-.111.72-.49 1.061-1.181 1.061h-.372l.327-2.121h.379c.765 0 .929.526.847 1.06\" clip-rule=\"evenodd\"/></svg>';\nexport const bankid = icon;\n","@import '../../../globals/main.scss';\n\n:root {\n --usp-preamble-margin: clamp(1.5rem, 3vw, 1.8rem);\n}\n\npn-level-up {\n .pn-level-up {\n background: linear-gradient(90deg, $white 0%, $blue25 17.44%);\n color: $gray900;\n display: flex;\n flex-direction: column-reverse;\n max-width: 100%;\n padding: clamp(2rem, 5vw, 5rem);\n\n .heading {\n font-size: clamp(2rem, 4vw, 3rem);\n font-weight: 700;\n margin-bottom: 1rem;\n }\n\n .preamble {\n font-size: clamp(1rem, 4vw, 1.6rem);\n margin-top: var(--usp-preamble-margin);\n margin-bottom: var(--usp-preamble-margin);\n }\n\n .cta {\n display: flex;\n font-size: clamp(1rem, 4vw, 1.6rem);\n flex-direction: column;\n gap: clamp(1rem, 4vw, 1.2rem);\n }\n\n .image-container {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 2rem;\n\n .graphics {\n --pn-width: #{$graphicsWidth} !important;\n --pn-height: #{$graphicsWidth} !important;\n }\n\n .image {\n border-radius: 50%;\n width: 20rem;\n height: 20rem;\n object-fit: cover;\n }\n }\n\n @media (min-width: $min-width-md) {\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n\n .content {\n max-width: 70%;\n }\n\n .cta {\n flex-direction: row;\n gap: clamp(2rem, 3vw, 3rem);\n padding: 0;\n }\n\n .image-container {\n margin-bottom: 0;\n\n .graphics {\n --pn-width: #{$graphicsWidthMd};\n --pn-height: #{$graphicsWidthMd};\n }\n }\n }\n\n @media (min-width: $min-width-xl) {\n max-width: $max-width-xl;\n margin: 0 auto;\n\n .image-container {\n .graphics {\n --pn-width: #{$graphicsWidthXl};\n --pn-height: #{$graphicsWidthXl};\n }\n }\n }\n\n @media (min-width: $min-width-xxl) {\n max-width: $max-width-xxl;\n\n .image-container {\n .graphics {\n --pn-width: #{$graphicsWidthXxl};\n --pn-height: #{$graphicsWidthXxl};\n }\n }\n }\n }\n}","import { HeadingLevel } from '@/components';\nimport { HeadingTag } from '@/globals/HeadingTag';\nimport { Component, Host, Prop, h, State } from '@stencil/core';\nimport { bankid } from 'pn-design-assets/pn-assets/icons.js';\nimport { DeviceType } from './types';\nimport { PnLevelUpService } from './pn-level-up.service';\nimport { LocalStorageService } from '@/globals/LocalStorageService';\n\n@Component({\n tag: 'pn-level-up',\n styleUrl: 'pn-level-up.scss'\n})\nexport class PnLevelUp {\n @Prop() heading?: string;\n @Prop() headingLevel: HeadingLevel = 'h2';\n @Prop() preamble?: string;\n @Prop() imageUrl?: string;\n @Prop() imageAltText?: string;\n @Prop() endpoint: string;\n @Prop() webModalContinueOtherDeviceLabel: string;\n @Prop() webModalContinueThisDeviceLabel: string;\n @Prop() mobileModalContinueThisDeviceLabel: string;\n @Prop() mobileModalContinueOtherDeviceLabel: string;\n @Prop() modalInstructionPhoneLineOne: string;\n @Prop() modalInstructionPhoneLineTwo: string;\n @Prop() modalInstructionPhoneLineThree: string;\n @Prop() modalHeadingText: string;\n @Prop() modalOutdatedQRMessage: string;\n @Prop() modalExpiresInMessage: string;\n @Prop() qrAriaLabel: string;\n @Prop() leveledupMessage: string;\n @Prop() isLeveledUp: boolean = false;\n\n @State() private isLoading: boolean = false;\n @State() private isRecentLeveledUp: boolean = false;\n @State() private errorMessage: string;\n private showModal: boolean = false;\n\n private readonly _android: DeviceType = 'android';\n private readonly _ios: DeviceType = 'ios';\n private readonly _web: DeviceType = 'web';\n private readonly levelupLocalStorageKey = 'levelup';\n\n private _system: DeviceType;\n private _levelupService: PnLevelUpService;\n private _storage: LocalStorageService = new LocalStorageService();\n private modal: HTMLElement;\n\n componentWillLoad() {\n if (!this.isLeveledUp) {\n this.checkRecentLevelUp();\n }\n\n this._levelupService = new PnLevelUpService(this.endpoint);\n this._system = this.getDeviceType();\n }\n\n getDeviceType(): DeviceType {\n const userAgent = navigator.userAgent;\n \n if (/android/i.test(userAgent)) {\n return this._android;\n }\n \n if (/iPad\|iPhone\|iPod/.test(userAgent) && !(window as any).MSStream) {\n return this._ios;\n }\n \n return this._web;\n }\n\n private openLocalApp = async () => {\n this.isLoading = true;\n let authResponse = await this._levelupService.levelupAuthorize(this._system, null)\n window.location.href = authResponse.url;\n this.isLoading = false;\n await this._levelupService.levelupTokenGrant(authResponse.id, '30', null).then((response) => {\n if (response.code === 200) {\n this._levelupService.newLevelupUser();\n this.isRecentLeveledUp = true;\n this.errorMessage = null;\n }\n else {\n this.errorMessage = response.customMessage;\n }\n });\n }\n\n private openModal() {\n if (this.showModal) {\n this.modal.setAttribute('open', 'false');\n this.showModal = false;\n } \n this.modal.setAttribute('open', 'true');\n this.showModal = true;\n }\n\n private renderWebButtonOptions() {\n return ( \n <div class=\"cta\" role=\"group\">\n {this.webModalContinueOtherDeviceLabel &&\n <pn-button\n icon={bankid}\n left-icon='true'\n appearance='default'\n label={this.webModalContinueOtherDeviceLabel}\n onClick={() => this.openModal()}>\n </pn-button>}\n {this.webModalContinueThisDeviceLabel &&\n <pn-button\n icon={bankid}\n left-icon='true'\n appearance='light'\n variant='outlined'\n label={this.webModalContinueThisDeviceLabel}\n onClick={() => this.openLocalApp()}\n loading={this.isLoading}>\n </pn-button>}\n </div>);\n }\n\n private renderMobileButtonOptions() {\n return (\n <div class=\"cta\" role=\"group\">\n {this.mobileModalContinueThisDeviceLabel &&\n <pn-button\n icon={bankid}\n left-icon='true'\n appearance='default'\n label={this.mobileModalContinueThisDeviceLabel}\n onClick={() => this.openLocalApp()}\n loading={this.isLoading}>\n </pn-button>}\n {this.mobileModalContinueOtherDeviceLabel &&\n <pn-button\n icon={bankid}\n left-icon='true'\n appearance='light'\n variant='outlined'\n label={this.mobileModalContinueOtherDeviceLabel}\n onClick={() => this.openModal()}>\n </pn-button>}\n </div>);\n }\n\n private presentResult() {\n if (this.isLeveledUp) {\n return null;\n }\n\n return (<pn-toast text={this.leveledupMessage} appearance='success'></pn-toast>);\n }\n\n private checkRecentLevelUp() {\n let levelupStorage = this._storage.get(this.levelupLocalStorageKey);\n if (levelupStorage === null) {\n this.isRecentLeveledUp = false;\n }\n else if (levelupStorage.expire > Date.now()) {\n this.isRecentLeveledUp = true;\n }\n else {\n this._storage.remove(this.levelupLocalStorageKey);\n this.isRecentLeveledUp = false;\n }\n }\n\n private get hasButtonTexts(): boolean {\n if (this._system === this._web) {\n return Boolean(this.webModalContinueOtherDeviceLabel) && Boolean(this.webModalContinueThisDeviceLabel);\n }\n else {\n return Boolean(this.mobileModalContinueOtherDeviceLabel) && Boolean(this.mobileModalContinueThisDeviceLabel);\n }\n }\n\n render() {\n const headingId = 'pn-level-up-heading';\n return (\n <Host>\n {this.isLeveledUp \|\| this.isRecentLeveledUp \n ? (this.presentResult()) \n : (<div class=\"pn-level-up\" role=\"region\" aria-labelledby={this.heading ? headingId : undefined}>\n <div class=\"content\">\n {this.heading && (\n <HeadingTag id={headingId} level={this.headingLevel} cssClass=\"heading\">\n {this.heading}\n </HeadingTag>\n )}\n {this.preamble && (\n <div class=\"preamble\">\n {this.preamble}\n </div>\n )}\n {this.hasButtonTexts && this._system === this._web && this.renderWebButtonOptions()}\n {this.hasButtonTexts && this._system !== this._web && this.renderMobileButtonOptions()}\n </div>\n <div class=\"image-container\" aria-hidden={!this.imageAltText}>\n {this.imageUrl && <img class=\"image graphics\" src={this.imageUrl} alt={this.imageAltText \|\| ''} loading=\"lazy\" />}\n </div>\n </div>\n )}\n {this.errorMessage && <pn-toast text={this.errorMessage} appearance='warning'></pn-toast>}\n <pn-level-up-modal\n ref={el => this.modal = el as HTMLElement}\n open={false}\n endpoint={this.endpoint}\n instruction-phone-line-one={this.modalInstructionPhoneLineOne}\n instruction-phone-line-two={this.modalInstructionPhoneLineTwo}\n instruction-phone-line-three={this.modalInstructionPhoneLineThree}\n heading-text={this.modalHeadingText}\n outdated-q-r-message={this.modalOutdatedQRMessage}\n expires-in-message={this.modalExpiresInMessage}\n qr-aria-label={this.qrAriaLabel}\n system={this._android}>\n </pn-level-up-modal>\n </Host>\n );\n }\n}\n\n"],"version":3}

package/cjs/pn-line-shape.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b02670c2.js');
+const index = require('./index-9a9efa1c.js');
 const pnLineShapeCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-line-shape .pn-line-shape__container{display:flex}pn-line-shape .pn-line-shape__line{border-style:solid;border-width:0.4rem;border-radius:1.6rem;border-color:#00a0d6}pn-line-shape .pn-line-shape__dot{width:0.8rem;border-style:solid;border-width:0.4rem;border-radius:1.6rem;height:0.8rem;border-color:#00a0d6}pn-line-shape[slot=horizontal-line] .pn-line-shape__container{flex-direction:row;flex-wrap:nowrap;width:100%;gap:0.8rem;padding:2.4rem 0}pn-line-shape[slot=horizontal-line] .pn-line-shape__line{height:0.8rem;width:100%}pn-line-shape[slot=vertical-line] .pn-line-shape__container{height:100%;flex-direction:column;gap:0.8rem;padding:0.8rem 0.5rem}pn-line-shape[slot=vertical-line] .pn-line-shape__line{height:100%;width:0.8rem}";
 const PnLineShapeStyle0 = pnLineShapeCss;