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

@postnord/pn-marketweb-components 3.5.2 → 4.0.0

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 (1186) hide show

package/components/pn-dropdown-with-multi-input-rows.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-dropdown-with-multi-input-rows.js","mappings":"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","names":["PnDropdownWithMultiInputRows","uuidv4"],"sources":["src/components/input/pn-dropdown-with-multi-input-rows/translations.ts","src/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows.scss?tag=pn-dropdown-with-multi-input-rows","src/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows.tsx"],"sourcesContent":["export const translations = {\n 'sv': {\n dropdownPlaceholder: 'Välj ett alternativ',\n },\n 'en': {\n dropdownPlaceholder: 'Select an option',\n },\n 'da': {\n dropdownPlaceholder: 'Vælg en mulighed',\n },\n};","@import '../../../globals/main.scss';\n\npn-dropdown-with-multi-input-rows {\n .dropdown-with-multi-input-element {\n &__row {\n margin-bottom: 1rem;\n }\n\n &__delete {\n display: flex;\n gap: 1rem;\n margin-bottom: 1rem;\n padding: 1rem;\n background-color: $gray25;\n\n pn-button {\n margin-top: 0.9rem;\n }\n }\n\n &__label-row {\n display: flex;\n gap: 1rem;\n }\n\n &__label {\n width: 30%;\n font-size: 0.875em;\n color: #5e554a;\n }\n }\n\n \n .sum-row {\n display: flex;\n justify-content: space-between;\n }\n \n .dropdown-with-multi-input-element__dropdown {\n display: inline-flex;\n align-items: center;\n }\n \n small {\n max-width: 70%;\n margin: 1rem;\n align-self: center;\n position: relative;\n top: 1rem;\n }\n \n .dropdown-with-multi-input-element__row \n .dropdown-with-multi-input-element__dropdown \n .pn-row-select-dropdown \n .pn-select \n .pn-select-input\n .pn-select-content {\n width: 18rem;\n }\n\n}\n","import { Component, Prop, h, Element, State, Host, Watch, Event, EventEmitter, Listen } from '@stencil/core';\nimport { FormValue, RowValue, Root, PredefinedValues, Translationsi18n } from './types';\nimport { v4 as uuidv4 } from 'uuid';\nimport debounce from 'debounce';\nimport { plus } from 'pn-design-assets/pn-assets/icons.js';\nimport { translations } from './translations';\n\n@Component({\n tag: 'pn-dropdown-with-multi-input-rows',\n styleUrl: 'pn-dropdown-with-multi-input-rows.scss',\n})\nexport class PnDropdownWithMultiInputRows {\n @Element() hostElement: Element;\n pnFirstDropdown: HTMLElement = null;\n pnSecondDropdown: HTMLElement = null;\n pnSumField: HTMLElement = null;\n pnConfirmDeleteButton: HTMLElement = null;\n pnAbortDeleteButton: HTMLElement = null;\n\n @Prop() dropdownData: string \| Root[] = null;\n @Prop() languageCode: string = null;\n @Prop() firstDropdownLabel: string = null;\n @Prop() firstDropdownHelperText: string = null;\n @Prop() secondDropdownLabel: string = null;\n @Prop() secondDropdownHelperText: string = null;\n @Prop() secondDropdownMax: number = null;\n @Prop() deleteMultipleRowsWarningText: string = null;\n @Prop() confirmDeleteButtonText: string = null;\n @Prop() abortDeleteButtonText: string = null;\n @Prop() firstInputLabel: string = null;\n @Prop() firstInputPlaceholder: string = null;\n @Prop() firstInputMin: number = null;\n @Prop() firstInputMax: number = null;\n @Prop() firstInputWarning: number = null;\n @Prop() firstInputWarningText: string = null;\n @Prop() firstInputLowErrorText: string = null;\n @Prop() firstInputHighErrorText: string = null;\n @Prop() secondInputLabel: string = null;\n @Prop() secondInputPlaceholder: string = null;\n @Prop() secondInputMin: number = null;\n @Prop() secondInputMax: number = null;\n @Prop() secondInputWarning: number = null;\n @Prop() secondInputWarningText: string = null;\n @Prop() secondInputLowErrorText: string = null;\n @Prop() secondInputHighErrorText: string = null;\n @Prop() disabledDates: string = null;\n @Prop() dateLabel: string = null;\n @Prop() datePlaceholder: string = null;\n @Prop() dateDaysFromToday: number = 1;\n @Prop() yearsToAddToEndDate: number = null;\n @Prop() sumFieldLabel: string = null;\n @Prop() addRowText: string = null;\n @Prop() elementHelperText: string = null;\n\n @State() dropdownDataRoot: Root[] = null;\n @State() secondDropdownArr: number[] = [];\n @State() rowData: PredefinedValues[] = null;\n @State() formValues: FormValue[] = null;\n @State() firstValidDateString: string = '';\n @State() lastValidDateString: string = '';\n @State() rowSum: string = null;\n @State() minRowCount: number = null;\n @State() showDeleteConfirm: boolean = false;\n @State() i18n: Translationsi18n;\n\n @Event() allFormValues: EventEmitter<string>;\n\n private _firstDropdownSelection: string = null;\n private _secondDropdownSelection: number = null;\n\n private _defaultRow: PredefinedValues;\n\n constructor() {\n this._defaultRow = {\n id: this.generateUniqueId(),\n firstInput: '',\n secondInput: this.secondInputWarning !== null ? this.secondInputWarning.toString() : '',\n date: '',\n };\n }\n\n componentWillLoad() {\n this.formValues = [];\n this.setDropDownData();\n this.updateSecondDropdown();\n this.setRowData();\n this.setFirstValidDate();\n this.setTranslations();\n }\n\n @Watch('languageCode')\n setTranslations() {\n this.i18n = translations[this.languageCode] \|\| translations['en'];\n }\n\n componentDidLoad() {\n this.updateSum();\n }\n\n setDropDownData() {\n if (typeof this.dropdownData === 'string') {\n this.dropdownDataRoot = JSON.parse(this.dropdownData);\n } else {\n this.dropdownDataRoot = this.dropdownData;\n }\n\n if (this.dropdownDataRoot?.length) {\n this.dropdownDataRoot.forEach(element => {\n if (!element.value) {\n element.value = 0;\n }\n });\n }\n\n if (this.dropdownDataRoot.length > 0) {\n this.dropdownDataRoot[0].checked = true;\n this._firstDropdownSelection = this.dropdownDataRoot[0].label;\n this._secondDropdownSelection = this.dropdownDataRoot[0].value;\n this.minRowCount = this.dropdownDataRoot[0].value;\n }\n }\n\n updateSecondDropdown() {\n const selectedItem = this.dropdownDataRoot.find(arr => arr.checked === true);\n this.secondDropdownArr = [];\n\n for (let index = selectedItem.value; index <= this.secondDropdownMax; index++) {\n this.secondDropdownArr.push(index);\n }\n }\n\n updateSelectItemArr(arr: Root[], caption: string) {\n arr.forEach(item => {\n if (item.label === caption) {\n item.checked = !item.checked;\n } else {\n item.checked = false;\n }\n });\n return arr;\n }\n\n setRowData() {\n this.rowData = [];\n for (let index = 0; index < this._secondDropdownSelection; index++) {\n const row = Object.assign({}, this._defaultRow);\n row.id = this.generateUniqueId();\n this.rowData = [...this.rowData, row];\n }\n }\n\n generateUniqueId() {\n return uuidv4();\n }\n\n setFirstValidDate() {\n const yearsToadd = this.yearsToAddToEndDate ? this.yearsToAddToEndDate : 2;\n const date = new Date();\n date.setDate(date.getDate() + this.dateDaysFromToday);\n\n const year = date.getFullYear();\n const month = (date.getMonth() + 1).toString().padStart(2, '0');\n const day = date.getDate().toString().padStart(2, '0');\n const endYear = year + yearsToadd;\n\n this.firstValidDateString = `${year.toString()}-${month}-${day}`;\n this.lastValidDateString = `${endYear.toString()}-${month}-${day}`;\n }\n\n addRow(newRowId: string) {\n const newRow = Object.assign({}, this.rowData[0]);\n newRow.id = newRowId ? newRowId : this.generateUniqueId();\n newRow.date = '';\n this.rowData = [...this.rowData, newRow];\n\n this.secondDropdownArr = [...this.secondDropdownArr];\n this.updateSum();\n this.emitValuesIfValid();\n }\n\n handleFirstDropdown = debounce((e: Event) => {\n const selected = e.target as HTMLSelectElement \| null;\n const selectedValue = selected?.value;\n\n if (!selectedValue?.length) {\n return;\n }\n\n const selectionRoot = this.dropdownDataRoot.find(x => x.value.toString() === selectedValue);\n this.minRowCount = selectionRoot.value;\n\n if (selectionRoot.value > this._secondDropdownSelection) {\n this.dropdownDataRoot = [...this.dropdownDataRoot];\n\n for (let index = this.rowData?.length; index < selectionRoot.value; index++) {\n this.addRow(this.generateUniqueId());\n }\n }\n\n this.updateSecondDropdown();\n this.updateSum();\n this.emitValuesIfValid();\n })\n\n handleSecondDropdown = debounce((e: Event) => {\n const target = e.target as HTMLSelectElement \| null;\n const selectedOption = target?.value;\n\n if (!selectedOption) {\n return;\n }\n\n const selectedValue = selectedOption\n\n if (!selectedValue?.length) {\n return;\n }\n\n const value = parseInt(selectedValue);\n\n if (value < this._secondDropdownSelection) {\n this.showDeleteConfirm = true;\n } else {\n for (let index = this.rowData?.length; index < value; index++) {\n this.addRow(this.generateUniqueId());\n }\n }\n\n this._secondDropdownSelection = value;\n\n this.updateSum();\n this.emitValuesIfValid();\n })\n\n @Listen('rowValueChange')\n @Listen('firstInputChange')\n @Listen('secondInputChange')\n predefinedValueChange(e) {\n const indexToUpdate = this.rowData?.findIndex(data => data.id === e.detail.id);\n const val: PredefinedValues = e.detail;\n this.rowData[indexToUpdate] = {\n ...this.rowData[indexToUpdate],\n firstInput: val.firstInput,\n secondInput: val.secondInput,\n date: val.date,\n };\n\n if (e.type === 'firstInputChange' && indexToUpdate === 0) {\n this.updateFirstInputOfRows(val.firstInput);\n }\n\n if (e.type === 'secondInputChange' && indexToUpdate === 0) {\n this.updateSecondInputOfRows(val.secondInput);\n }\n\n this.rowData = [...this.rowData];\n this.emitValuesIfValid();\n this.updateSum();\n }\n\n updateFirstInputOfRows(value: string) {\n for (let index = 1; index < this.rowData?.length; index++) {\n this.rowData[index] = {\n ...this.rowData[index],\n firstInput: value,\n };\n }\n }\n\n updateSecondInputOfRows(value: string) {\n for (let index = 1; index < this.rowData?.length; index++) {\n this.rowData[index] = {\n ...this.rowData[index],\n secondInput: value,\n };\n }\n }\n\n @Listen('deleteRowEvent')\n deleteRowEvent(e) {\n const indexToRemove = this.rowData?.findIndex(data => data.id === e.detail);\n if (indexToRemove < 0) {\n return;\n }\n\n this.rowData?.splice(indexToRemove, 1);\n this.rowData = [...this.rowData];\n\n this.secondDropdownArr = [...this.secondDropdownArr];\n this.emitValuesIfValid();\n this.updateSum();\n }\n\n updateSum() {\n this.rowSum = '';\n let sum = 0;\n this.rowData?.forEach(element => {\n if (element?.firstInput?.length) {\n sum += parseInt(element.firstInput);\n }\n });\n\n this.rowSum = sum.toString();\n }\n\n deleteExcessRows() {\n if (this._secondDropdownSelection === null) {\n return;\n }\n\n const rowsToDelete = this.rowData?.length - this._secondDropdownSelection;\n for (let index = 0; index < rowsToDelete; index++) {\n this.rowData?.pop();\n }\n this.rowData = [...this.rowData];\n this.showDeleteConfirm = false;\n this.updateSum();\n }\n\n abortDeleteRows() {\n this.showDeleteConfirm = false;\n }\n\n emitValuesIfValid() {\n this.formValues = [];\n this.rowData?.forEach(item => {\n const rowValue: FormValue = { row: [] };\n if (this._firstDropdownSelection?.length) {\n const dropDownValue: RowValue = { name: this.firstDropdownLabel, value: this._firstDropdownSelection };\n rowValue.row.push(dropDownValue);\n }\n\n if (item.firstInput?.length) {\n const firstInputValue: RowValue = { name: this.firstInputLabel, value: item.firstInput };\n rowValue.row.push(firstInputValue);\n }\n\n if (item.secondInput?.length) {\n const secondInputValue: RowValue = { name: this.secondInputLabel, value: item.secondInput };\n rowValue.row.push(secondInputValue);\n }\n\n if (item.date) {\n const dateValue: RowValue = { name: this.dateLabel, value: item.date };\n rowValue.row.push(dateValue);\n }\n\n if (rowValue.row.length === 4) {\n this.formValues.push(rowValue);\n }\n });\n\n if (this.formValues.length === this.rowData?.length) {\n const valueJsonString = JSON.stringify(this.formValues);\n this.allFormValues.emit(valueJsonString);\n } else {\n this.allFormValues.emit('');\n }\n }\n\n render() {\n return (\n <Host class=\"dropdown-with-multi-input-element\">\n <div class=\"dropdown-with-multi-input-element__row\">\n <div class=\"dropdown-with-multi-input-element__dropdown\">\n <pn-select ref={el => (this.pnFirstDropdown = el as HTMLElement)} onChange={debounce(this.handleFirstDropdown.bind(this), 500)} class=\"pn-row-select-dropdown dropDown1-dropdown\" label={this.firstDropdownLabel} language={this.languageCode}>\n <option value=\"\" disabled selected>{this.i18n.dropdownPlaceholder}</option>\n {this.dropdownDataRoot?.map((item) => (\n <option value={item.value}>{item.label}</option>\n ))}\n </pn-select>\n {this.firstDropdownHelperText?.length ? <small>{this.firstDropdownHelperText}</small> : null}\n </div>\n </div>\n\n <div class=\"dropdown-with-multi-input-element__row\">\n <div class=\"dropdown-with-multi-input-element__dropdown\">\n <pn-select ref={el => (this.pnSecondDropdown = el as HTMLElement)} onChange={debounce(this.handleSecondDropdown.bind(this), 500)} class=\"pn-row-select-dropdown dropDown2-dropdown\" label={this.secondDropdownLabel} language={this.languageCode}>\n <option value=\"\" disabled selected>{this.i18n.dropdownPlaceholder}</option>\n {this.secondDropdownArr?.map((item) => (\n <option value={item}>{item}</option>\n ))}\n </pn-select>\n {this.secondDropdownHelperText?.length ? <small>{this.secondDropdownHelperText}</small> : null}\n </div>\n </div>\n\n {this.showDeleteConfirm ? (\n <div class=\"dropdown-with-multi-input-element__delete\">\n <p>{this.deleteMultipleRowsWarningText}</p>\n <pn-button ref={el => (this.pnConfirmDeleteButton = el as HTMLElement)} small=\"true\" appearance=\"warning\" onClick={this.deleteExcessRows.bind(this)}>\n {this.confirmDeleteButtonText}\n </pn-button>\n <pn-button ref={el => (this.pnAbortDeleteButton = el as HTMLElement)} small=\"true\" appearance=\"light\" onClick={this.abortDeleteRows.bind(this)}>\n {this.abortDeleteButtonText}\n </pn-button>\n </div>\n ) : null}\n\n <div class=\"dropdown-with-multi-input-element__label-row\">\n <div class=\"dropdown-with-multi-input-element__label\">\n <label>{this.firstInputLabel}</label>\n </div>\n <div class=\"dropdown-with-multi-input-element__label\">\n <label>{this.secondInputLabel}</label>\n </div>\n <div class=\"dropdown-with-multi-input-element__label\">\n <label>{this.dateLabel}</label>\n </div>\n </div>\n\n {this.rowData?.map((data, i) => {\n return (\n <div class={'dropdown-with-multi-input-element__row generated-row-' + i} id={'generated-row-' + i}>\n <pn-dropdown-with-multi-input-rows-row\n language-code={this.languageCode}\n first-input-placeholder={this.firstInputPlaceholder}\n first-input-min={this.firstInputMin}\n first-input-max={this.firstInputMax}\n first-input-warning={this.firstInputWarning}\n first-input-warning-text={this.firstInputWarningText}\n first-input-low-error-text={this.firstInputLowErrorText}\n first-input-high-error-text={this.firstInputHighErrorText}\n second-input-placeholder={this.secondInputPlaceholder}\n second-input-min={this.secondInputMin}\n second-input-max={this.secondInputMax}\n second-input-warning={this.secondInputWarning}\n second-input-warning-text={this.secondInputWarningText}\n second-input-low-error-text={this.secondInputLowErrorText}\n second-input-high-error-text={this.secondInputHighErrorText}\n datePlaceholder={this.datePlaceholder}\n firstValidDate={this.firstValidDateString}\n lastValidDate={this.lastValidDateString}\n predefined-value={JSON.stringify(data)}\n min-row-count={this.minRowCount}\n row-index={i}\n disabled-dates={this.disabledDates}\n ></pn-dropdown-with-multi-input-rows-row>\n </div>\n );\n })}\n\n <div class=\"dropdown-with-multi-input-element__row sum-row\">\n <pn-input disabled={true} ref={el => (this.pnSumField = el as HTMLElement)} type=\"number\" value={this.rowSum} label={this.sumFieldLabel}></pn-input>\n\n <pn-button\n tooltip={this.addRowText ? this.addRowText : null}\n left-icon=\"true\"\n arialabel=\"Add\"\n icon={plus}\n appearance=\"light\"\n variant=\"borderless\"\n class=\"connected-dropdown__button-right\"\n onClick={() => {\n this.addRow(this.generateUniqueId());\n }}\n >\n {this.addRowText}\n </pn-button>\n </div>\n\n {this.elementHelperText?.length ? <div class=\"dropdown-with-multi-input-element__row\">{this.elementHelperText}</div> : null}\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-dropdown-with-multi-input-rows.js","mappings":"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","names":["PnDropdownWithMultiInputRows","uuidv4"],"sources":["src/components/input/pn-dropdown-with-multi-input-rows/translations.ts","src/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows.scss?tag=pn-dropdown-with-multi-input-rows","src/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows.tsx"],"sourcesContent":["export const translations = {\n 'sv': {\n dropdownPlaceholder: 'Välj ett alternativ',\n },\n 'en': {\n dropdownPlaceholder: 'Select an option',\n },\n 'da': {\n dropdownPlaceholder: 'Vælg en mulighed',\n },\n};","@import '../../../globals/main.scss';\n\npn-dropdown-with-multi-input-rows {\n .dropdown-with-multi-input-element {\n &__row {\n margin-bottom: 1rem;\n }\n\n &__delete {\n display: flex;\n gap: 1rem;\n margin-bottom: 1rem;\n padding: 1rem;\n background-color: $gray25;\n\n pn-button {\n margin-top: 0.9rem;\n }\n }\n\n &__label-row {\n display: flex;\n gap: 1rem;\n }\n\n &__label {\n width: 30%;\n font-size: 0.875em;\n color: #5e554a;\n }\n }\n\n \n .sum-row {\n display: flex;\n justify-content: space-between;\n }\n \n .dropdown-with-multi-input-element__dropdown {\n display: inline-flex;\n align-items: center;\n }\n \n small {\n max-width: 70%;\n margin: 1rem;\n align-self: center;\n position: relative;\n top: 1rem;\n }\n \n .dropdown-with-multi-input-element__row \n .dropdown-with-multi-input-element__dropdown \n .pn-row-select-dropdown \n .pn-select \n .pn-select-input\n .pn-select-content {\n width: 18rem;\n }\n\n}\n","import { Component, Prop, h, Element, State, Host, Watch, Event, EventEmitter, Listen } from '@stencil/core';\nimport { FormValue, RowValue, Root, PredefinedValues, Translationsi18n } from './types';\nimport { v4 as uuidv4 } from 'uuid';\nimport debounce from 'debounce';\nimport { plus } from 'pn-design-assets/pn-assets/icons.js';\nimport { translations } from './translations';\n\n@Component({\n tag: 'pn-dropdown-with-multi-input-rows',\n styleUrl: 'pn-dropdown-with-multi-input-rows.scss',\n})\nexport class PnDropdownWithMultiInputRows {\n @Element() hostElement: Element;\n pnFirstDropdown: HTMLElement = null;\n pnSecondDropdown: HTMLElement = null;\n pnSumField: HTMLElement = null;\n pnConfirmDeleteButton: HTMLElement = null;\n pnAbortDeleteButton: HTMLElement = null;\n\n @Prop() dropdownData: string \| Root[] = null;\n @Prop() languageCode: string = null;\n @Prop() firstDropdownLabel: string = null;\n @Prop() firstDropdownHelperText: string = null;\n @Prop() secondDropdownLabel: string = null;\n @Prop() secondDropdownHelperText: string = null;\n @Prop() secondDropdownMax: number = null;\n @Prop() deleteMultipleRowsWarningText: string = null;\n @Prop() confirmDeleteButtonText: string = null;\n @Prop() abortDeleteButtonText: string = null;\n @Prop() firstInputLabel: string = null;\n @Prop() firstInputPlaceholder: string = null;\n @Prop() firstInputMin: number = null;\n @Prop() firstInputMax: number = null;\n @Prop() firstInputWarning: number = null;\n @Prop() firstInputWarningText: string = null;\n @Prop() firstInputLowErrorText: string = null;\n @Prop() firstInputHighErrorText: string = null;\n @Prop() secondInputLabel: string = null;\n @Prop() secondInputPlaceholder: string = null;\n @Prop() secondInputMin: number = null;\n @Prop() secondInputMax: number = null;\n @Prop() secondInputWarning: number = null;\n @Prop() secondInputWarningText: string = null;\n @Prop() secondInputLowErrorText: string = null;\n @Prop() secondInputHighErrorText: string = null;\n @Prop() disabledDates: string = null;\n @Prop() dateLabel: string = null;\n @Prop() datePlaceholder: string = null;\n @Prop() dateDaysFromToday: number = 1;\n @Prop() yearsToAddToEndDate: number = null;\n @Prop() sumFieldLabel: string = null;\n @Prop() addRowText: string = null;\n @Prop() elementHelperText: string = null;\n\n @State() dropdownDataRoot: Root[] = null;\n @State() secondDropdownArr: number[] = [];\n @State() rowData: PredefinedValues[] = null;\n @State() formValues: FormValue[] = null;\n @State() firstValidDateString: string = '';\n @State() lastValidDateString: string = '';\n @State() rowSum: string = null;\n @State() minRowCount: number = null;\n @State() showDeleteConfirm: boolean = false;\n @State() i18n: Translationsi18n;\n\n @Event() allFormValues: EventEmitter<string>;\n\n private _firstDropdownSelection: string = null;\n private _secondDropdownSelection: number = null;\n\n private _defaultRow: PredefinedValues;\n\n constructor() {\n this._defaultRow = {\n id: this.generateUniqueId(),\n firstInput: '',\n secondInput: this.secondInputWarning !== null ? this.secondInputWarning.toString() : '',\n date: '',\n };\n }\n\n componentWillLoad() {\n this.formValues = [];\n this.setDropDownData();\n this.updateSecondDropdown();\n this.setRowData();\n this.setFirstValidDate();\n this.setTranslations();\n }\n\n @Watch('languageCode')\n setTranslations() {\n this.i18n = translations[this.languageCode] \|\| translations['en'];\n }\n\n componentDidLoad() {\n this.updateSum();\n }\n\n setDropDownData() {\n if (typeof this.dropdownData === 'string') {\n this.dropdownDataRoot = JSON.parse(this.dropdownData);\n } else {\n this.dropdownDataRoot = this.dropdownData;\n }\n\n if (this.dropdownDataRoot?.length) {\n this.dropdownDataRoot.forEach(element => {\n if (!element.value) {\n element.value = 0;\n }\n });\n }\n\n if (this.dropdownDataRoot.length > 0) {\n this.dropdownDataRoot[0].checked = true;\n this._firstDropdownSelection = this.dropdownDataRoot[0].label;\n this._secondDropdownSelection = this.dropdownDataRoot[0].value;\n this.minRowCount = this.dropdownDataRoot[0].value;\n }\n }\n\n updateSecondDropdown() {\n const selectedItem = this.dropdownDataRoot.find(arr => arr.checked === true);\n this.secondDropdownArr = [];\n\n for (let index = selectedItem.value; index <= this.secondDropdownMax; index++) {\n this.secondDropdownArr.push(index);\n }\n }\n\n updateSelectItemArr(arr: Root[], caption: string) {\n arr.forEach(item => {\n if (item.label === caption) {\n item.checked = !item.checked;\n } else {\n item.checked = false;\n }\n });\n return arr;\n }\n\n setRowData() {\n this.rowData = [];\n for (let index = 0; index < this._secondDropdownSelection; index++) {\n const row = Object.assign({}, this._defaultRow);\n row.id = this.generateUniqueId();\n this.rowData = [...this.rowData, row];\n }\n }\n\n generateUniqueId() {\n return uuidv4();\n }\n\n setFirstValidDate() {\n const yearsToadd = this.yearsToAddToEndDate ? this.yearsToAddToEndDate : 2;\n const date = new Date();\n date.setDate(date.getDate() + this.dateDaysFromToday);\n\n const year = date.getFullYear();\n const month = (date.getMonth() + 1).toString().padStart(2, '0');\n const day = date.getDate().toString().padStart(2, '0');\n const endYear = year + yearsToadd;\n\n this.firstValidDateString = `${year.toString()}-${month}-${day}`;\n this.lastValidDateString = `${endYear.toString()}-${month}-${day}`;\n }\n\n addRow(newRowId: string) {\n const newRow = Object.assign({}, this.rowData[0]);\n newRow.id = newRowId ? newRowId : this.generateUniqueId();\n newRow.date = '';\n this.rowData = [...this.rowData, newRow];\n\n this.secondDropdownArr = [...this.secondDropdownArr];\n this.updateSum();\n this.emitValuesIfValid();\n }\n\n handleFirstDropdown = debounce((e: Event) => {\n const selected = e.target as HTMLSelectElement \| null;\n const selectedValue = selected?.value;\n\n if (!selectedValue?.length) {\n return;\n }\n\n const selectionRoot = this.dropdownDataRoot.find(x => x.value.toString() === selectedValue);\n this.minRowCount = selectionRoot.value;\n\n if (selectionRoot.value > this._secondDropdownSelection) {\n this.dropdownDataRoot = [...this.dropdownDataRoot];\n\n for (let index = this.rowData?.length; index < selectionRoot.value; index++) {\n this.addRow(this.generateUniqueId());\n }\n }\n\n this.updateSecondDropdown();\n this.updateSum();\n this.emitValuesIfValid();\n })\n\n handleSecondDropdown = debounce((e: Event) => {\n const target = e.target as HTMLSelectElement \| null;\n const selectedOption = target?.value;\n\n if (!selectedOption) {\n return;\n }\n\n const selectedValue = selectedOption\n\n if (!selectedValue?.length) {\n return;\n }\n\n const value = parseInt(selectedValue);\n\n if (value < this._secondDropdownSelection) {\n this.showDeleteConfirm = true;\n } else {\n for (let index = this.rowData?.length; index < value; index++) {\n this.addRow(this.generateUniqueId());\n }\n }\n\n this._secondDropdownSelection = value;\n\n this.updateSum();\n this.emitValuesIfValid();\n })\n\n @Listen('rowValueChange')\n @Listen('firstInputChange')\n @Listen('secondInputChange')\n predefinedValueChange(e) {\n const indexToUpdate = this.rowData?.findIndex(data => data.id === e.detail.id);\n const val: PredefinedValues = e.detail;\n this.rowData[indexToUpdate] = {\n ...this.rowData[indexToUpdate],\n firstInput: val.firstInput,\n secondInput: val.secondInput,\n date: val.date,\n };\n\n if (e.type === 'firstInputChange' && indexToUpdate === 0) {\n this.updateFirstInputOfRows(val.firstInput);\n }\n\n if (e.type === 'secondInputChange' && indexToUpdate === 0) {\n this.updateSecondInputOfRows(val.secondInput);\n }\n\n this.rowData = [...this.rowData];\n this.emitValuesIfValid();\n this.updateSum();\n }\n\n updateFirstInputOfRows(value: string) {\n for (let index = 1; index < this.rowData?.length; index++) {\n this.rowData[index] = {\n ...this.rowData[index],\n firstInput: value,\n };\n }\n }\n\n updateSecondInputOfRows(value: string) {\n for (let index = 1; index < this.rowData?.length; index++) {\n this.rowData[index] = {\n ...this.rowData[index],\n secondInput: value,\n };\n }\n }\n\n @Listen('deleteRowEvent')\n deleteRowEvent(e) {\n const indexToRemove = this.rowData?.findIndex(data => data.id === e.detail);\n if (indexToRemove < 0) {\n return;\n }\n\n this.rowData?.splice(indexToRemove, 1);\n this.rowData = [...this.rowData];\n\n this.secondDropdownArr = [...this.secondDropdownArr];\n this.emitValuesIfValid();\n this.updateSum();\n }\n\n updateSum() {\n this.rowSum = '';\n let sum = 0;\n this.rowData?.forEach(element => {\n if (element?.firstInput?.length) {\n sum += parseInt(element.firstInput);\n }\n });\n\n this.rowSum = sum.toString();\n }\n\n deleteExcessRows() {\n if (this._secondDropdownSelection === null) {\n return;\n }\n\n const rowsToDelete = this.rowData?.length - this._secondDropdownSelection;\n for (let index = 0; index < rowsToDelete; index++) {\n this.rowData?.pop();\n }\n this.rowData = [...this.rowData];\n this.showDeleteConfirm = false;\n this.updateSum();\n }\n\n abortDeleteRows() {\n this.showDeleteConfirm = false;\n }\n\n emitValuesIfValid() {\n this.formValues = [];\n this.rowData?.forEach(item => {\n const rowValue: FormValue = { row: [] };\n if (this._firstDropdownSelection?.length) {\n const dropDownValue: RowValue = { name: this.firstDropdownLabel, value: this._firstDropdownSelection };\n rowValue.row.push(dropDownValue);\n }\n\n if (item.firstInput?.length) {\n const firstInputValue: RowValue = { name: this.firstInputLabel, value: item.firstInput };\n rowValue.row.push(firstInputValue);\n }\n\n if (item.secondInput?.length) {\n const secondInputValue: RowValue = { name: this.secondInputLabel, value: item.secondInput };\n rowValue.row.push(secondInputValue);\n }\n\n if (item.date) {\n const dateValue: RowValue = { name: this.dateLabel, value: item.date };\n rowValue.row.push(dateValue);\n }\n\n if (rowValue.row.length === 4) {\n this.formValues.push(rowValue);\n }\n });\n\n if (this.formValues.length === this.rowData?.length) {\n const valueJsonString = JSON.stringify(this.formValues);\n this.allFormValues.emit(valueJsonString);\n } else {\n this.allFormValues.emit('');\n }\n }\n\n render() {\n return (\n <Host class=\"dropdown-with-multi-input-element\">\n <div class=\"dropdown-with-multi-input-element__row\">\n <div class=\"dropdown-with-multi-input-element__dropdown\">\n <pn-select ref={el => (this.pnFirstDropdown = el as HTMLElement)} onChange={debounce(this.handleFirstDropdown.bind(this), 500)} class=\"pn-row-select-dropdown dropDown1-dropdown\" label={this.firstDropdownLabel} language={this.languageCode}>\n <option value=\"\" disabled selected>{this.i18n.dropdownPlaceholder}</option>\n {this.dropdownDataRoot?.map((item) => (\n <option value={item.value}>{item.label}</option>\n ))}\n </pn-select>\n {this.firstDropdownHelperText?.length ? <small>{this.firstDropdownHelperText}</small> : null}\n </div>\n </div>\n\n <div class=\"dropdown-with-multi-input-element__row\">\n <div class=\"dropdown-with-multi-input-element__dropdown\">\n <pn-select ref={el => (this.pnSecondDropdown = el as HTMLElement)} onChange={debounce(this.handleSecondDropdown.bind(this), 500)} class=\"pn-row-select-dropdown dropDown2-dropdown\" label={this.secondDropdownLabel} language={this.languageCode}>\n <option value=\"\" disabled selected>{this.i18n.dropdownPlaceholder}</option>\n {this.secondDropdownArr?.map((item) => (\n <option value={item}>{item}</option>\n ))}\n </pn-select>\n {this.secondDropdownHelperText?.length ? <small>{this.secondDropdownHelperText}</small> : null}\n </div>\n </div>\n\n {this.showDeleteConfirm ? (\n <div class=\"dropdown-with-multi-input-element__delete\">\n <p>{this.deleteMultipleRowsWarningText}</p>\n <pn-button ref={el => (this.pnConfirmDeleteButton = el as HTMLElement)} small=\"true\" appearance=\"warning\" onClick={this.deleteExcessRows.bind(this)}>\n {this.confirmDeleteButtonText}\n </pn-button>\n <pn-button ref={el => (this.pnAbortDeleteButton = el as HTMLElement)} small=\"true\" appearance=\"light\" onClick={this.abortDeleteRows.bind(this)}>\n {this.abortDeleteButtonText}\n </pn-button>\n </div>\n ) : null}\n\n <div class=\"dropdown-with-multi-input-element__label-row\">\n <div class=\"dropdown-with-multi-input-element__label\">\n <label>{this.firstInputLabel}</label>\n </div>\n <div class=\"dropdown-with-multi-input-element__label\">\n <label>{this.secondInputLabel}</label>\n </div>\n <div class=\"dropdown-with-multi-input-element__label\">\n <label>{this.dateLabel}</label>\n </div>\n </div>\n\n {this.rowData?.map((data, i) => {\n return (\n <div class={'dropdown-with-multi-input-element__row generated-row-' + i} id={'generated-row-' + i}>\n <pn-dropdown-with-multi-input-rows-row\n language-code={this.languageCode}\n first-input-placeholder={this.firstInputPlaceholder}\n first-input-min={this.firstInputMin}\n first-input-max={this.firstInputMax}\n first-input-warning={this.firstInputWarning}\n first-input-warning-text={this.firstInputWarningText}\n first-input-low-error-text={this.firstInputLowErrorText}\n first-input-high-error-text={this.firstInputHighErrorText}\n second-input-placeholder={this.secondInputPlaceholder}\n second-input-min={this.secondInputMin}\n second-input-max={this.secondInputMax}\n second-input-warning={this.secondInputWarning}\n second-input-warning-text={this.secondInputWarningText}\n second-input-low-error-text={this.secondInputLowErrorText}\n second-input-high-error-text={this.secondInputHighErrorText}\n datePlaceholder={this.datePlaceholder}\n firstValidDate={this.firstValidDateString}\n lastValidDate={this.lastValidDateString}\n predefined-value={JSON.stringify(data)}\n min-row-count={this.minRowCount}\n row-index={i}\n disabled-dates={this.disabledDates}\n ></pn-dropdown-with-multi-input-rows-row>\n </div>\n );\n })}\n\n <div class=\"dropdown-with-multi-input-element__row sum-row\">\n <pn-input disabled={true} ref={el => (this.pnSumField = el as HTMLElement)} type=\"number\" value={this.rowSum} label={this.sumFieldLabel}></pn-input>\n\n <pn-button\n tooltip={this.addRowText ? this.addRowText : null}\n left-icon=\"true\"\n arialabel=\"Add\"\n icon={plus}\n appearance=\"light\"\n variant=\"borderless\"\n class=\"connected-dropdown__button-right\"\n onClick={() => {\n this.addRow(this.generateUniqueId());\n }}\n >\n {this.addRowText}\n </pn-button>\n </div>\n\n {this.elementHelperText?.length ? <div class=\"dropdown-with-multi-input-element__row\">{this.elementHelperText}</div> : null}\n </Host>\n );\n }\n}\n"],"version":3}

package/components/pn-filter-checkbox2.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-const pnFilterCheckboxCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}: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 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;
 const PnFilterCheckbox = /*@__PURE__*/ proxyCustomElement(class PnFilterCheckbox extends HTMLElement {

package/components/pn-filter-checkbox2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-filter-checkbox2.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,~~ygEAAygE~~,CAAC;~~AACtiE~~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","names":[],"sources":["src/components/input/pn-filter-checkbox/pn-filter-checkbox.scss?tag=pn-filter-checkbox&encapsulation=shadow","src/components/input/pn-filter-checkbox/pn-filter-checkbox.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n$check-timing: 180ms;\n$bg-timing: 220ms;\n$easing: cubic-bezier(0.79, 0.14, 0.15, 0.86);\n\n:host {\n display: inline-block;\n user-select: none;\n\n input {\n opacity: 0;\n position: absolute;\n }\n\n input[type='checkbox'] {\n & + label.pn-checkbox {\n width: 1.5em;\n min-width: 1.5em;\n height: 1.5em;\n min-height: 1.5em;\n background: #fff;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n border: 0.1rem solid $gray400;\n cursor: pointer;\n border-radius: 0.4rem;\n cursor: pointer;\n transition-duration: $bg-timing;\n transition-timing-function: $easing;\n transition-property: border, background, box-shadow;\n\n svg {\n width: 80%;\n fill: none;\n\n polyline {\n stroke: #fff;\n transform-origin: 0 0;\n stroke-linecap: round;\n stroke-dasharray: 23;\n stroke-dashoffset: 23;\n transition-delay: none;\n transition: stroke-dashoffset $check-timing $easing;\n }\n }\n }\n\n &:hover + label.pn-checkbox {\n border: 0.1rem solid $blue700;\n background: $blue50;\n }\n\n &:checked + label.pn-checkbox,\n &:indeterminate + label.pn-checkbox {\n background: $blue700;\n border: 0.1rem solid $blue700;\n\n svg polyline {\n transition-delay: $bg-timing;\n }\n }\n\n &:checked + label.pn-checkbox {\n svg polyline.checkmark-path {\n stroke-dashoffset: 0;\n }\n }\n\n &:indeterminate + label.pn-checkbox {\n svg polyline.indeterminate-path {\n stroke-dashoffset: 0;\n }\n }\n\n &:focus + label.pn-checkbox,\n &:active + label.pn-checkbox {\n box-shadow:\n 0 0 0 0.1rem white,\n 0 0 0 0.3rem $blue700;\n }\n\n &:disabled + label.pn-checkbox {\n background-color: $gray200;\n border: 0.1rem solid $gray400;\n cursor: not-allowed;\n\n svg polyline {\n stroke: $gray400;\n }\n }\n\n &:disabled:checked + label.pn-checkbox {\n border: 0.1rem solid transparent;\n }\n\n &:disabled:active + label.pn-checkbox {\n box-shadow: none;\n }\n }\n}\n","import { Component, Prop, h, Host, Element, Listen } from '@stencil/core';\n\n@Component({\n tag: 'pn-filter-checkbox',\n styleUrl: 'pn-filter-checkbox.scss',\n shadow: true,\n})\nexport class PnFilterCheckbox {\n /** This will be emitted on change and input, like a native checkbox /\n @Prop({ reflect: true }) value: any;\n /* The name of the checkbox group /\n @Prop() name: string;\n /* The string you put here will be what you'd make the ID of a native radio button, you can't name props \"id\" because it's reserved\n * so we went with the more descriptive name \"checkboxid\", if you want to create labels for your checkbox, you will bind it to this ID\n */\n @Prop() checkboxid: string;\n @Prop() disabled?: boolean = false;\n @Prop() checked?: boolean = false;\n @Prop({ mutable: true }) indeterminate?: boolean = false;\n\n @Element() hostElement: HTMLElement;\n\n @Listen('change')\n handlechange() {\n this.indeterminate = false;\n }\n\n componentDidLoad() {\n this.checkAndSetIndeterminateState();\n this.bindEvents();\n }\n\n componentDidUpdate() {\n this.checkAndSetIndeterminateState();\n }\n\n bindEvents() {\n const labels = document.querySelectorAll('label[for=\"' + this.checkboxid + '\"]');\n labels.forEach(label => {\n label.addEventListener('click', () => {\n this.hostElement.shadowRoot.querySelector('label').click();\n });\n });\n\n const checkboxInput = this.hostElement.shadowRoot.querySelector('input');\n checkboxInput.addEventListener('change', this.onCheckboxChange.bind(this, checkboxInput));\n }\n\n onCheckboxChange(checkboxInput: HTMLInputElement) {\n let outsideInput: HTMLInputElement = this.hostElement.querySelector('input.hidden-' + this.checkboxid) as HTMLInputElement \| null;\n if (outsideInput) {\n outsideInput.value = checkboxInput.checked ? this.value : '';\n outsideInput.dispatchEvent(new CustomEvent('change', { detail: outsideInput }));\n }\n }\n\n checkAndSetIndeterminateState() {\n let checkbox = this.hostElement.querySelector(`#${this.checkboxid}`) as HTMLInputElement;\n\n if (checkbox) {\n checkbox.indeterminate = this.indeterminate;\n }\n }\n\n private renderInputOutsideShadowRoot() {\n let input: HTMLInputElement = this.hostElement.querySelector('input.hidden-' + this.checkboxid) as HTMLInputElement \| null;\n if (!input) {\n input = this.hostElement.ownerDocument.createElement('input');\n input.type = 'hidden';\n input.classList.add('hidden-' + this.checkboxid);\n this.hostElement.appendChild(input);\n }\n\n input.name = this.name ?? this.checkboxid;\n }\n\n render() {\n this.renderInputOutsideShadowRoot();\n\n return (\n <Host checked={this.checked} id={this.checkboxid}>\n <input type=\"checkbox\" id={this.checkboxid} value={this.value} name={this.name \|\| this.checkboxid} disabled={this.disabled} checked={this.checked} />\n <label htmlFor={this.checkboxid} class=\"pn-checkbox\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <polyline class=\"checkmark-path\" points=\"4,12 9,17 20,6\" stroke-width=\"3\" />\n <polyline class=\"indeterminate-path\" points=\"4,12 20,12\" stroke-width=\"3\" />\n </svg>\n </label>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-filter-checkbox2.js","mappings":"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","names":[],"sources":["src/components/input/pn-filter-checkbox/pn-filter-checkbox.scss?tag=pn-filter-checkbox&encapsulation=shadow","src/components/input/pn-filter-checkbox/pn-filter-checkbox.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n$check-timing: 180ms;\n$bg-timing: 220ms;\n$easing: cubic-bezier(0.79, 0.14, 0.15, 0.86);\n\n:host {\n display: inline-block;\n user-select: none;\n\n input {\n opacity: 0;\n position: absolute;\n }\n\n input[type='checkbox'] {\n & + label.pn-checkbox {\n width: 1.5em;\n min-width: 1.5em;\n height: 1.5em;\n min-height: 1.5em;\n background: #fff;\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n border: 0.1rem solid $gray400;\n cursor: pointer;\n border-radius: 0.4rem;\n cursor: pointer;\n transition-duration: $bg-timing;\n transition-timing-function: $easing;\n transition-property: border, background, box-shadow;\n\n svg {\n width: 80%;\n fill: none;\n\n polyline {\n stroke: #fff;\n transform-origin: 0 0;\n stroke-linecap: round;\n stroke-dasharray: 23;\n stroke-dashoffset: 23;\n transition-delay: none;\n transition: stroke-dashoffset $check-timing $easing;\n }\n }\n }\n\n &:hover + label.pn-checkbox {\n border: 0.1rem solid $blue700;\n background: $blue50;\n }\n\n &:checked + label.pn-checkbox,\n &:indeterminate + label.pn-checkbox {\n background: $blue700;\n border: 0.1rem solid $blue700;\n\n svg polyline {\n transition-delay: $bg-timing;\n }\n }\n\n &:checked + label.pn-checkbox {\n svg polyline.checkmark-path {\n stroke-dashoffset: 0;\n }\n }\n\n &:indeterminate + label.pn-checkbox {\n svg polyline.indeterminate-path {\n stroke-dashoffset: 0;\n }\n }\n\n &:focus + label.pn-checkbox,\n &:active + label.pn-checkbox {\n box-shadow:\n 0 0 0 0.1rem white,\n 0 0 0 0.3rem $blue700;\n }\n\n &:disabled + label.pn-checkbox {\n background-color: $gray200;\n border: 0.1rem solid $gray400;\n cursor: not-allowed;\n\n svg polyline {\n stroke: $gray400;\n }\n }\n\n &:disabled:checked + label.pn-checkbox {\n border: 0.1rem solid transparent;\n }\n\n &:disabled:active + label.pn-checkbox {\n box-shadow: none;\n }\n }\n}\n","import { Component, Prop, h, Host, Element, Listen } from '@stencil/core';\n\n@Component({\n tag: 'pn-filter-checkbox',\n styleUrl: 'pn-filter-checkbox.scss',\n shadow: true,\n})\nexport class PnFilterCheckbox {\n /** This will be emitted on change and input, like a native checkbox /\n @Prop({ reflect: true }) value: any;\n /* The name of the checkbox group /\n @Prop() name: string;\n /* The string you put here will be what you'd make the ID of a native radio button, you can't name props \"id\" because it's reserved\n * so we went with the more descriptive name \"checkboxid\", if you want to create labels for your checkbox, you will bind it to this ID\n */\n @Prop() checkboxid: string;\n @Prop() disabled?: boolean = false;\n @Prop() checked?: boolean = false;\n @Prop({ mutable: true }) indeterminate?: boolean = false;\n\n @Element() hostElement: HTMLElement;\n\n @Listen('change')\n handlechange() {\n this.indeterminate = false;\n }\n\n componentDidLoad() {\n this.checkAndSetIndeterminateState();\n this.bindEvents();\n }\n\n componentDidUpdate() {\n this.checkAndSetIndeterminateState();\n }\n\n bindEvents() {\n const labels = document.querySelectorAll('label[for=\"' + this.checkboxid + '\"]');\n labels.forEach(label => {\n label.addEventListener('click', () => {\n this.hostElement.shadowRoot.querySelector('label').click();\n });\n });\n\n const checkboxInput = this.hostElement.shadowRoot.querySelector('input');\n checkboxInput.addEventListener('change', this.onCheckboxChange.bind(this, checkboxInput));\n }\n\n onCheckboxChange(checkboxInput: HTMLInputElement) {\n let outsideInput: HTMLInputElement = this.hostElement.querySelector('input.hidden-' + this.checkboxid) as HTMLInputElement \| null;\n if (outsideInput) {\n outsideInput.value = checkboxInput.checked ? this.value : '';\n outsideInput.dispatchEvent(new CustomEvent('change', { detail: outsideInput }));\n }\n }\n\n checkAndSetIndeterminateState() {\n let checkbox = this.hostElement.querySelector(`#${this.checkboxid}`) as HTMLInputElement;\n\n if (checkbox) {\n checkbox.indeterminate = this.indeterminate;\n }\n }\n\n private renderInputOutsideShadowRoot() {\n let input: HTMLInputElement = this.hostElement.querySelector('input.hidden-' + this.checkboxid) as HTMLInputElement \| null;\n if (!input) {\n input = this.hostElement.ownerDocument.createElement('input');\n input.type = 'hidden';\n input.classList.add('hidden-' + this.checkboxid);\n this.hostElement.appendChild(input);\n }\n\n input.name = this.name ?? this.checkboxid;\n }\n\n render() {\n this.renderInputOutsideShadowRoot();\n\n return (\n <Host checked={this.checked} id={this.checkboxid}>\n <input type=\"checkbox\" id={this.checkboxid} value={this.value} name={this.name \|\| this.checkboxid} disabled={this.disabled} checked={this.checked} />\n <label htmlFor={this.checkboxid} class=\"pn-checkbox\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n <polyline class=\"checkmark-path\" points=\"4,12 9,17 20,6\" stroke-width=\"3\" />\n <polyline class=\"indeterminate-path\" points=\"4,12 20,12\" stroke-width=\"3\" />\n </svg>\n </label>\n </Host>\n );\n }\n}\n"],"version":3}

package/components/pn-find-price-result2.js CHANGED Viewed

@@ -83,7 +83,7 @@ const { state, onChange } = createStore({
     },
 });
-const pnFindPriceResultCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-find-price-result .test{margin:3em 0}.resultcontent{display:flex;justify-content:center;flex-grow:1}";
+const pnFindPriceResultCss = "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-find-price-result .test{margin:3em 0}.resultcontent{display:flex;justify-content:center;flex-grow:1}";
 const PnFindPriceResultStyle0 = pnFindPriceResultCss;
 const PnfindPriceResult = /*@__PURE__*/ proxyCustomElement(class PnfindPriceResult extends HTMLElement {
@@ -124,7 +124,7 @@ const PnfindPriceResult = /*@__PURE__*/ proxyCustomElement(class PnfindPriceResu
         this.shopId = showServicepointLink ? '-servicepoint' : '-stampshop';
     }
     render() {
-        return (h(Host, { key: 'e784311e1b2d86b938427447c867c3dc5272eb2e' }, h("pn-product-card", { key: '355a3a9cf2a4e2e47ab2bd9fe0b50e268be63afb', "data-productid": this.item.id }, h("pn-illustration", { key: '233b9e1f5697208c2d6c6abbae87e9902aa46617', slot: "illustration", illustration: this.item.illustration }), h("div", { key: '5e355931222c1357694b398c03b25720d7dcd0b4', slot: "title" }, this.item.infopagelink ? (h("h2", null, h("a", { href: this.item.infopagelink, target: "_blank" }, this.item.name))) : (h("h2", null, this.item.name)), this.item.highestrankusp === 'Snabbast' ? (h("pn-titletag", { slot: "Snabbast", icon: bolt, color: "blue700" }, this.item.highestrankusp)) : this.item.highestrankusp === 'Billigast' ? (h("pn-titletag", { slot: "Billigast", icon: box_label, color: "green700" }, this.item.highestrankusp)) : null), h("div", { key: 'be7c931de6fb5a08b7845ddcce4db2501699ae7a', slot: "content" }, h("div", { key: 'a9f78bf9ff3866d7477aa3ef373b5e1fbd597f54', class: "content" }, this.item.description ? (h("div", { class: "description" }, this.description.map(desc => (h("li", null, desc))))) : null, this.item.info ? h("div", { class: "description" }, this.item.info) : null)), this.item.note ? (h("div", { slot: "note" }, h("p", null, this.item.note))) : null, this.item.additionalusp ? (h("div", { slot: "additionalUSP" }, this.Usp1 ? h("span", null, this.Usp1) : null, this.Usp2 ? h("span", null, this.Usp2) : null, this.Usp3 ? h("span", null, this.Usp3) : null)) : null, this.showMeasurement ? h("pn-product-card-info", { paket: this.item.maxmått, rulle: this.item.rulle }) : null, h("div", { key: '85164d86527ff54e4f1389ff91c7b81ecfee267a', slot: "cardprice" }, this.item.pricesenddirect ? (h("pn-product-card-price", { slot: "sendDirectPrice", label: state.i18n.senddirectcta, amount: this.item.pricesenddirect + '', currency: state.market.currency, url: sendDirectUrl, linkid: this.linkId + '-portal' })) : null, this.item.pricestamps ? (this.item.name.toLocaleLowerCase() !== 'riktiga vykort' ? (h("pn-product-card-price", { slot: "stampPrice", label: this.shopLabel, amount: this.item.pricestamps + '', currency: state.market.currency, url: this.shopUrl, linkid: this.linkId + this.shopId })) : (h("pn-product-card-price", { slot: "riktiga", label: state.i18n.realPostcard, amount: this.item.pricestamps + '', currency: state.market.currency, url: RealValues['WebUrl'], linkid: this.linkId + '-riktiga' }))) : null), h("div", { key: '078551895b6b59f0a021783c11d8b9611585315e', slot: "servicepoint" }, this.item.showservicepointlink ? (h("a", { href: state.market.servicePoint, target: "_blank" }, h("pn-icon", { icon: map_marker, color: "blue700" }), state.i18n.servicePointLink)) : null), h("div", { key: '114b16c9b600e0364404039ce2f218f0dc244332', slot: "mobiledownload" }, this.item.name.toLocaleLowerCase() === 'riktiga vykort' ? (h("div", { id: "riktiga" }, h("h4", null, state.i18n.realPostcardMobile), h("div", null, h("a", { href: RealValues['AndroidAppUrl'], target: "_blank" }, h("img", { class: "riktigaAndroidImg", src: RealValues['AndroidImg'] })), h("a", { href: RealValues['IosAppUrl'], target: "_blank" }, h("img", { class: "riktigaAppleImg", src: RealValues['IosImg'] }))))) : null))));
+        return (h(Host, { key: '59f4be6bf01f3122234c85c78d4f9373dbe22131' }, h("pn-product-card", { key: '1d984dae6345bb05467989ef0705222d64e935fd', "data-productid": this.item.id }, h("pn-illustration", { key: 'f610a8204aaf096eeb09959913c0bafcb8dfe0f1', slot: "illustration", illustration: this.item.illustration }), h("div", { key: '45584134fe586e2f336c89162d1efd3124a49314', slot: "title" }, this.item.infopagelink ? (h("h2", null, h("a", { href: this.item.infopagelink, target: "_blank" }, this.item.name))) : (h("h2", null, this.item.name)), this.item.highestrankusp === 'Snabbast' ? (h("pn-titletag", { slot: "Snabbast", icon: bolt, color: "blue700" }, this.item.highestrankusp)) : this.item.highestrankusp === 'Billigast' ? (h("pn-titletag", { slot: "Billigast", icon: box_label, color: "green700" }, this.item.highestrankusp)) : null), h("div", { key: '524e826bdd0bcb6a5a56d3039ff6a4c1ee5f739c', slot: "content" }, h("div", { key: 'cb795559c19a0b54019dcf3cd8330a84082288b7', class: "content" }, this.item.description ? (h("div", { class: "description" }, this.description.map(desc => (h("li", null, desc))))) : null, this.item.info ? h("div", { class: "description" }, this.item.info) : null)), this.item.note ? (h("div", { slot: "note" }, h("p", null, this.item.note))) : null, this.item.additionalusp ? (h("div", { slot: "additionalUSP" }, this.Usp1 ? h("span", null, this.Usp1) : null, this.Usp2 ? h("span", null, this.Usp2) : null, this.Usp3 ? h("span", null, this.Usp3) : null)) : null, this.showMeasurement ? h("pn-product-card-info", { paket: this.item.maxmått, rulle: this.item.rulle }) : null, h("div", { key: '09427b8855ac9a1b844c4252d23a75e7470f0d88', slot: "cardprice" }, this.item.pricesenddirect ? (h("pn-product-card-price", { slot: "sendDirectPrice", label: state.i18n.senddirectcta, amount: this.item.pricesenddirect + '', currency: state.market.currency, url: sendDirectUrl, linkid: this.linkId + '-portal' })) : null, this.item.pricestamps ? (this.item.name.toLocaleLowerCase() !== 'riktiga vykort' ? (h("pn-product-card-price", { slot: "stampPrice", label: this.shopLabel, amount: this.item.pricestamps + '', currency: state.market.currency, url: this.shopUrl, linkid: this.linkId + this.shopId })) : (h("pn-product-card-price", { slot: "riktiga", label: state.i18n.realPostcard, amount: this.item.pricestamps + '', currency: state.market.currency, url: RealValues['WebUrl'], linkid: this.linkId + '-riktiga' }))) : null), h("div", { key: '1ab3389414f947a15608f90c4a03462de0a50a4f', slot: "servicepoint" }, this.item.showservicepointlink ? (h("a", { href: state.market.servicePoint, target: "_blank" }, h("pn-icon", { icon: map_marker, color: "blue700" }), state.i18n.servicePointLink)) : null), h("div", { key: '2e7072fd307f05839a20743e65e32b6be8941c95', slot: "mobiledownload" }, this.item.name.toLocaleLowerCase() === 'riktiga vykort' ? (h("div", { id: "riktiga" }, h("h4", null, state.i18n.realPostcardMobile), h("div", null, h("a", { href: RealValues['AndroidAppUrl'], target: "_blank" }, h("img", { class: "riktigaAndroidImg", src: RealValues['AndroidImg'] })), h("a", { href: RealValues['IosAppUrl'], target: "_blank" }, h("img", { class: "riktigaAppleImg", src: RealValues['IosImg'] }))))) : null))));
     }
     static get watchers() { return {
         "item": ["composeItems"]

package/components/pn-find-price-result2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-find-price-result2.js","mappings":"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","names":[],"sources":["node_modules/pn-design-assets/pn-assets/icons/map_marker.js","src/components/widgets/pn-find-price/data.js","src/components/widgets/pn-find-price/pn-find-price-store.tsx","src/components/widgets/pn-find-price/pn-find-price-result.scss?tag=pn-find-price-result","src/components/widgets/pn-find-price/pn-find-price-result.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=\"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>';\nexport const map_marker = icon;\nexport const mapMarker = icon;\n","const sizeCategories = [\n { name: 'Small', value: 'Small', illustration: 'eli1n', unit: 'small' },\n { name: 'Medium', value: 'Medium', illustration: 'medium-package', unit: 'medium' },\n { name: 'Large', value: 'Large', illustration: 'large-package', unit: 'large' },\n];\n\nconst weights = {\n small: [\n { name: '50 g', abbreviation: 'g', value: 50 },\n { name: '100 g', abbreviation: 'g', value: 100 },\n { name: '250 g', abbreviation: 'g', value: 250 },\n { name: '500 g', abbreviation: 'g', value: 500 },\n { name: '1 kg', abbreviation: 'kg', value: 1 },\n { name: '2 kg', abbreviation: 'kg', value: 2 },\n ],\n medium: [\n { name: '1 kg', abbreviation: 'kg', value: 1 },\n { name: '2 kg', abbreviation: 'kg', value: 2 },\n { name: '3 kg', abbreviation: 'kg', value: 3 },\n { name: '5 kg', abbreviation: 'kg', value: 5 },\n { name: '10 kg', abbreviation: 'kg', value: 10 },\n { name: '15 kg', abbreviation: 'kg', value: 15 },\n { name: '20 kg', abbreviation: 'kg', value: 20 },\n ],\n large: [\n { name: '3 kg', abbreviation: 'kg', value: 3 },\n { name: '5 kg', abbreviation: 'kg', value: 5 },\n { name: '10 kg', abbreviation: 'kg', value: 10 },\n { name: '15 kg', abbreviation: 'kg', value: 15 },\n { name: '20 kg', abbreviation: 'kg', value: 20 },\n ],\n};\n\nconst RealValues = {\n WebUrl: 'https://riktigavykort.postnord.se/sv',\n AndroidAppUrl: 'https://play.google.com/store/apps/details?id=se.posten.riktigavykort&hl=sv',\n AndroidImg: 'https://com-inte.postnord.com/globalassets/icons/logos-and-badges/google-play-badge_se.svg',\n IosAppUrl: 'https://apps.apple.com/se/app/riktiga-vykort/id444458799?l=sv',\n IosImg: 'https://com-inte.postnord.com/globalassets/icons/logos-and-badges/app_store_badge_se_rgb_blk.svg',\n};\n\nconst fileLocation = 'https://com-inte.postnord.com/globalassets/global/prices/sv-findprice-1-PN.xlsx';\n\nconst sendDirectUrl = 'https://portal.postnord.com/skickadirekt/';\n\nconst stampShopUrl = 'https://shop.postnord.se/ebutik/default.aspx';\n\nconst productDescriptionUrl = 'https://se-inte.postnord.com/skicka-forsandelser/brev-och-vykort/';\n\nexport { weights, sizeCategories, fileLocation, sendDirectUrl, stampShopUrl, RealValues };\n","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","@import '../../../globals/main.scss';\n\npn-find-price-result {\n .test {\n margin: 3em 0;\n }\n}\n\n.resultcontent {\n display: flex;\n // flex-wrap: wrap;\n // flex-direction: row;\n //align-items: flex-start;\n justify-content: center;\n flex-grow: 1;\n}\n","import { Component, h, Prop, Host, Watch, State } from '@stencil/core';\nimport { ProductPriceItem } from './pn-find-price-types';\nimport { state } from './pn-find-price-store';\nimport { sendDirectUrl, stampShopUrl, RealValues } from './data.js';\nimport { bolt, box_label, map_marker } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-find-price-result',\n styleUrl: 'pn-find-price-result.scss',\n})\nexport class PnfindPriceResult {\n @Prop({ mutable: true }) item: ProductPriceItem = null;\n\n @Prop() shownitems: ProductPriceItem[] = [];\n @Prop() Usp1?: string;\n @Prop() Usp2?: string;\n @Prop() Usp3?: string;\n @Prop() description?: string[] = [];\n @Prop() showMeasurement?: boolean = false;\n @State() weightText = '';\n @State() linkId: string = '';\n @State() shopLabel: string = '';\n @State() shopUrl: string = '';\n @State() shopId: string = '';\n\n componentWillLoad() {\n this.composeItems();\n }\n\n @Watch('item')\n composeItems() {\n if (this.item.additionalusp) {\n var x = this.item.additionalusp.split('/');\n this.Usp1 = x.length > 0 ? x[0] : null;\n this.Usp2 = x.length > 1 ? x[1] : null;\n this.Usp3 = x.length > 2 ? x[2] : null;\n }\n if (this.item.description) {\n this.description = this.item.description.split('#bullet').filter(x => x !== '');\n }\n\n this.showMeasurement = this.item.maxmått !== null \|\| this.item.rulle !== null;\n this.linkId = `${this.item.id}-${this.item.maxweight}-${this.item.sizecategory}-${this.item.name.toLocaleLowerCase().replace(/[^a-zA-Z0-9]/g, '')}`;\n\n var showServicepointLink = this.item.ombudpurchase === 'Yes';\n\n this.shopLabel = showServicepointLink ? state.i18n.ombudHeader : state.i18n.stampshopcta;\n this.shopUrl = showServicepointLink ? state.market.servicePoint : stampShopUrl;\n this.shopId = showServicepointLink ? '-servicepoint' : '-stampshop';\n }\n\n render() {\n return (\n <Host>\n {\n <pn-product-card data-productid={this.item.id}>\n <pn-illustration slot=\"illustration\" illustration={this.item.illustration}></pn-illustration>\n <div slot=\"title\">\n {this.item.infopagelink ? (\n <h2>\n <a href={this.item.infopagelink} target=\"_blank\">\n {this.item.name}\n </a>\n </h2>\n ) : (\n <h2>{this.item.name}</h2>\n )}\n {this.item.highestrankusp === 'Snabbast' ? (\n <pn-titletag slot=\"Snabbast\" icon={bolt} color=\"blue700\">\n {this.item.highestrankusp}\n </pn-titletag>\n ) : this.item.highestrankusp === 'Billigast' ? (\n <pn-titletag slot=\"Billigast\" icon={box_label} color=\"green700\">\n {this.item.highestrankusp}\n </pn-titletag>\n ) : null}\n </div>\n <div slot=\"content\">\n <div class=\"content\">\n {this.item.description ? (\n <div class=\"description\">\n {this.description.map(desc => (\n <li>{desc}</li>\n ))}\n </div>\n ) : null}\n {this.item.info ? <div class=\"description\">{this.item.info}</div> : null}\n </div>\n </div>\n {this.item.note ? (\n <div slot=\"note\">\n <p>{this.item.note}</p>\n </div>\n ) : null}\n {this.item.additionalusp ? (\n <div slot=\"additionalUSP\">\n {this.Usp1 ? <span>{this.Usp1}</span> : null}\n {this.Usp2 ? <span>{this.Usp2}</span> : null}\n {this.Usp3 ? <span>{this.Usp3}</span> : null}\n </div>\n ) : null}\n {this.showMeasurement ? <pn-product-card-info paket={this.item.maxmått} rulle={this.item.rulle}></pn-product-card-info> : null}\n <div slot=\"cardprice\">\n {this.item.pricesenddirect ? (\n <pn-product-card-price\n slot=\"sendDirectPrice\"\n label={state.i18n.senddirectcta}\n amount={this.item.pricesenddirect + ''}\n currency={state.market.currency}\n url={sendDirectUrl}\n linkid={this.linkId + '-portal'}\n ></pn-product-card-price>\n ) : null}\n {this.item.pricestamps ? (\n this.item.name.toLocaleLowerCase() !== 'riktiga vykort' ? (\n <pn-product-card-price\n slot=\"stampPrice\"\n label={this.shopLabel}\n amount={this.item.pricestamps + ''}\n currency={state.market.currency}\n url={this.shopUrl}\n linkid={this.linkId + this.shopId}\n ></pn-product-card-price>\n ) : (\n <pn-product-card-price\n slot=\"riktiga\"\n label={state.i18n.realPostcard}\n amount={this.item.pricestamps + ''}\n currency={state.market.currency}\n url={RealValues['WebUrl']}\n linkid={this.linkId + '-riktiga'}\n ></pn-product-card-price>\n )\n ) : null}\n </div>\n <div slot=\"servicepoint\">\n {this.item.showservicepointlink ? (\n <a href={state.market.servicePoint} target=\"_blank\">\n <pn-icon icon={map_marker} color=\"blue700\"></pn-icon>\n {state.i18n.servicePointLink}\n </a>\n ) : null}\n </div>\n\n <div slot=\"mobiledownload\">\n {this.item.name.toLocaleLowerCase() === 'riktiga vykort' ? (\n <div id=\"riktiga\">\n <h4>{state.i18n.realPostcardMobile}</h4>\n <div>\n <a href={RealValues['AndroidAppUrl']} target=\"_blank\">\n <img class=\"riktigaAndroidImg\" src={RealValues['AndroidImg']}></img>\n </a>\n <a href={RealValues['IosAppUrl']} target=\"_blank\">\n <img class=\"riktigaAppleImg\" src={RealValues['IosImg']}></img>\n </a>\n </div>\n </div>\n ) : null}\n </div>\n </pn-product-card>\n }\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-find-price-result2.js","mappings":"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","names":[],"sources":["node_modules/pn-design-assets/pn-assets/icons/map_marker.js","src/components/widgets/pn-find-price/data.js","src/components/widgets/pn-find-price/pn-find-price-store.tsx","src/components/widgets/pn-find-price/pn-find-price-result.scss?tag=pn-find-price-result","src/components/widgets/pn-find-price/pn-find-price-result.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=\"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>';\nexport const map_marker = icon;\nexport const mapMarker = icon;\n","const sizeCategories = [\n { name: 'Small', value: 'Small', illustration: 'eli1n', unit: 'small' },\n { name: 'Medium', value: 'Medium', illustration: 'medium-package', unit: 'medium' },\n { name: 'Large', value: 'Large', illustration: 'large-package', unit: 'large' },\n];\n\nconst weights = {\n small: [\n { name: '50 g', abbreviation: 'g', value: 50 },\n { name: '100 g', abbreviation: 'g', value: 100 },\n { name: '250 g', abbreviation: 'g', value: 250 },\n { name: '500 g', abbreviation: 'g', value: 500 },\n { name: '1 kg', abbreviation: 'kg', value: 1 },\n { name: '2 kg', abbreviation: 'kg', value: 2 },\n ],\n medium: [\n { name: '1 kg', abbreviation: 'kg', value: 1 },\n { name: '2 kg', abbreviation: 'kg', value: 2 },\n { name: '3 kg', abbreviation: 'kg', value: 3 },\n { name: '5 kg', abbreviation: 'kg', value: 5 },\n { name: '10 kg', abbreviation: 'kg', value: 10 },\n { name: '15 kg', abbreviation: 'kg', value: 15 },\n { name: '20 kg', abbreviation: 'kg', value: 20 },\n ],\n large: [\n { name: '3 kg', abbreviation: 'kg', value: 3 },\n { name: '5 kg', abbreviation: 'kg', value: 5 },\n { name: '10 kg', abbreviation: 'kg', value: 10 },\n { name: '15 kg', abbreviation: 'kg', value: 15 },\n { name: '20 kg', abbreviation: 'kg', value: 20 },\n ],\n};\n\nconst RealValues = {\n WebUrl: 'https://riktigavykort.postnord.se/sv',\n AndroidAppUrl: 'https://play.google.com/store/apps/details?id=se.posten.riktigavykort&hl=sv',\n AndroidImg: 'https://com-inte.postnord.com/globalassets/icons/logos-and-badges/google-play-badge_se.svg',\n IosAppUrl: 'https://apps.apple.com/se/app/riktiga-vykort/id444458799?l=sv',\n IosImg: 'https://com-inte.postnord.com/globalassets/icons/logos-and-badges/app_store_badge_se_rgb_blk.svg',\n};\n\nconst fileLocation = 'https://com-inte.postnord.com/globalassets/global/prices/sv-findprice-1-PN.xlsx';\n\nconst sendDirectUrl = 'https://portal.postnord.com/skickadirekt/';\n\nconst stampShopUrl = 'https://shop.postnord.se/ebutik/default.aspx';\n\nconst productDescriptionUrl = 'https://se-inte.postnord.com/skicka-forsandelser/brev-och-vykort/';\n\nexport { weights, sizeCategories, fileLocation, sendDirectUrl, stampShopUrl, RealValues };\n","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","@import '../../../globals/main.scss';\n\npn-find-price-result {\n .test {\n margin: 3em 0;\n }\n}\n\n.resultcontent {\n display: flex;\n // flex-wrap: wrap;\n // flex-direction: row;\n //align-items: flex-start;\n justify-content: center;\n flex-grow: 1;\n}\n","import { Component, h, Prop, Host, Watch, State } from '@stencil/core';\nimport { ProductPriceItem } from './pn-find-price-types';\nimport { state } from './pn-find-price-store';\nimport { sendDirectUrl, stampShopUrl, RealValues } from './data.js';\nimport { bolt, box_label, map_marker } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n tag: 'pn-find-price-result',\n styleUrl: 'pn-find-price-result.scss',\n})\nexport class PnfindPriceResult {\n @Prop({ mutable: true }) item: ProductPriceItem = null;\n\n @Prop() shownitems: ProductPriceItem[] = [];\n @Prop() Usp1?: string;\n @Prop() Usp2?: string;\n @Prop() Usp3?: string;\n @Prop() description?: string[] = [];\n @Prop() showMeasurement?: boolean = false;\n @State() weightText = '';\n @State() linkId: string = '';\n @State() shopLabel: string = '';\n @State() shopUrl: string = '';\n @State() shopId: string = '';\n\n componentWillLoad() {\n this.composeItems();\n }\n\n @Watch('item')\n composeItems() {\n if (this.item.additionalusp) {\n var x = this.item.additionalusp.split('/');\n this.Usp1 = x.length > 0 ? x[0] : null;\n this.Usp2 = x.length > 1 ? x[1] : null;\n this.Usp3 = x.length > 2 ? x[2] : null;\n }\n if (this.item.description) {\n this.description = this.item.description.split('#bullet').filter(x => x !== '');\n }\n\n this.showMeasurement = this.item.maxmått !== null \|\| this.item.rulle !== null;\n this.linkId = `${this.item.id}-${this.item.maxweight}-${this.item.sizecategory}-${this.item.name.toLocaleLowerCase().replace(/[^a-zA-Z0-9]/g, '')}`;\n\n var showServicepointLink = this.item.ombudpurchase === 'Yes';\n\n this.shopLabel = showServicepointLink ? state.i18n.ombudHeader : state.i18n.stampshopcta;\n this.shopUrl = showServicepointLink ? state.market.servicePoint : stampShopUrl;\n this.shopId = showServicepointLink ? '-servicepoint' : '-stampshop';\n }\n\n render() {\n return (\n <Host>\n {\n <pn-product-card data-productid={this.item.id}>\n <pn-illustration slot=\"illustration\" illustration={this.item.illustration}></pn-illustration>\n <div slot=\"title\">\n {this.item.infopagelink ? (\n <h2>\n <a href={this.item.infopagelink} target=\"_blank\">\n {this.item.name}\n </a>\n </h2>\n ) : (\n <h2>{this.item.name}</h2>\n )}\n {this.item.highestrankusp === 'Snabbast' ? (\n <pn-titletag slot=\"Snabbast\" icon={bolt} color=\"blue700\">\n {this.item.highestrankusp}\n </pn-titletag>\n ) : this.item.highestrankusp === 'Billigast' ? (\n <pn-titletag slot=\"Billigast\" icon={box_label} color=\"green700\">\n {this.item.highestrankusp}\n </pn-titletag>\n ) : null}\n </div>\n <div slot=\"content\">\n <div class=\"content\">\n {this.item.description ? (\n <div class=\"description\">\n {this.description.map(desc => (\n <li>{desc}</li>\n ))}\n </div>\n ) : null}\n {this.item.info ? <div class=\"description\">{this.item.info}</div> : null}\n </div>\n </div>\n {this.item.note ? (\n <div slot=\"note\">\n <p>{this.item.note}</p>\n </div>\n ) : null}\n {this.item.additionalusp ? (\n <div slot=\"additionalUSP\">\n {this.Usp1 ? <span>{this.Usp1}</span> : null}\n {this.Usp2 ? <span>{this.Usp2}</span> : null}\n {this.Usp3 ? <span>{this.Usp3}</span> : null}\n </div>\n ) : null}\n {this.showMeasurement ? <pn-product-card-info paket={this.item.maxmått} rulle={this.item.rulle}></pn-product-card-info> : null}\n <div slot=\"cardprice\">\n {this.item.pricesenddirect ? (\n <pn-product-card-price\n slot=\"sendDirectPrice\"\n label={state.i18n.senddirectcta}\n amount={this.item.pricesenddirect + ''}\n currency={state.market.currency}\n url={sendDirectUrl}\n linkid={this.linkId + '-portal'}\n ></pn-product-card-price>\n ) : null}\n {this.item.pricestamps ? (\n this.item.name.toLocaleLowerCase() !== 'riktiga vykort' ? (\n <pn-product-card-price\n slot=\"stampPrice\"\n label={this.shopLabel}\n amount={this.item.pricestamps + ''}\n currency={state.market.currency}\n url={this.shopUrl}\n linkid={this.linkId + this.shopId}\n ></pn-product-card-price>\n ) : (\n <pn-product-card-price\n slot=\"riktiga\"\n label={state.i18n.realPostcard}\n amount={this.item.pricestamps + ''}\n currency={state.market.currency}\n url={RealValues['WebUrl']}\n linkid={this.linkId + '-riktiga'}\n ></pn-product-card-price>\n )\n ) : null}\n </div>\n <div slot=\"servicepoint\">\n {this.item.showservicepointlink ? (\n <a href={state.market.servicePoint} target=\"_blank\">\n <pn-icon icon={map_marker} color=\"blue700\"></pn-icon>\n {state.i18n.servicePointLink}\n </a>\n ) : null}\n </div>\n\n <div slot=\"mobiledownload\">\n {this.item.name.toLocaleLowerCase() === 'riktiga vykort' ? (\n <div id=\"riktiga\">\n <h4>{state.i18n.realPostcardMobile}</h4>\n <div>\n <a href={RealValues['AndroidAppUrl']} target=\"_blank\">\n <img class=\"riktigaAndroidImg\" src={RealValues['AndroidImg']}></img>\n </a>\n <a href={RealValues['IosAppUrl']} target=\"_blank\">\n <img class=\"riktigaAppleImg\" src={RealValues['IosImg']}></img>\n </a>\n </div>\n </div>\n ) : null}\n </div>\n </pn-product-card>\n }\n </Host>\n );\n }\n}\n"],"version":3}

package/components/pn-find-price.js CHANGED Viewed

@@ -115,7 +115,7 @@ const postnordPerson1Svg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA0IiBoZW
 const cloudsSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjc4IiBoZWlnaHQ9IjU1IiB2aWV3Qm94PSIwIDAgMjc4IDU1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMjQ3LjM1NSA0OS42ODE1QzI0Ny42OTQgNTIuNDc5IDI0OS43MjIgNTQuNjI2MSAyNTIuMTgxIDU0LjYyNjFIMjcyLjkyNkMyNzUuNjIgNTQuNjI2MSAyNzcuNzk4IDUyLjA1MjIgMjc3Ljc5OCA0OC44Njg2VjQ4LjgwMDhDMjc3Ljc5OCA0NS42MTczIDI3NS42MiA0My4wNDMzIDI3Mi45MjYgNDMuMDQzM0gyNzAuNTM3QzI2OS42MDggMzkuMjQzOSAyNjYuODQ2IDM2LjQ3MyAyNjMuNTg1IDM2LjQ3M0gyNTkuNzE3QzI1OS4zNzMgMzEuODQxIDI1Ni4xMDEgMjguMjA5MiAyNTIuMTI0IDI4LjIwOTJDMjQ4LjE0NiAyOC4yMDkyIDI0NC44OCAzMS44NDEgMjQ0LjUzIDM2LjQ3M0gyNDIuMDk1QzIzOC4wODMgMzYuNDczIDIzNC44MTYgNDAuNjcyNiAyMzQuODE2IDQ1LjgyMDVWNDkuNjgxNUgyNDcuMzU1WiIgZmlsbD0iI0UwRjhGRiIvPgo8cGF0aCBkPSJNMTIuMDM5MSA0Ni4xMDIyQzEyLjMxNzYgNDguNTU2OSAxNC4wODY3IDUwLjQzNzMgMTYuMjQyMSA1MC40MzczSDM0LjU4MDdDMzYuOTMwNCA1MC40MzczIDM4LjgyMTYgNDguMjAyIDM4LjgyMTYgNDUuNDI0OFY0NS4zNTcxQzM4LjgyMTYgNDIuNTc5OSAzNi45MzA0IDQwLjM0NDYgMzQuNTgwNyA0MC4zNDQ2SDMyLjQ2ODRDMzEuNjY3OCAzNy4wMjA5IDI5LjIyNyAzNC41ODcyIDI2LjMyODMgMzQuNTg3MkgyMi45MTc5QzIyLjYwMDQgMzAuNTU5NyAxOS43MzI3IDI3LjQwNzEgMTYuMjQyMSAyNy40MDcxQzEyLjc1MTQgMjcuNDA3MSA5Ljg4MzcxIDMwLjU1OTcgOS41NjYyMiAzNC41ODcySDcuNDE2NThDMy44NjM0NiAzNC41ODcyIDAuOTk4MDQ3IDM4LjI0NDggMC45OTgwNDcgNDIuNzE1NFY0Ni4xMDIySDEyLjAzOTFaIiBmaWxsPSIjRTBGOEZGIi8+CjxwYXRoIGQ9Ik0xMzEuMDU2IDI2LjU4NjRDMTMxLjQ0OSAzMC4wNDIzIDEzMy45NDggMzIuNjg5NSAxMzYuOTkxIDMyLjY4OTVIMTYyLjg5MUMxNjYuMjA5IDMyLjY4OTUgMTY4Ljg4IDI5LjU0MjYgMTY4Ljg4IDI1LjYzMjhWMjUuNTM3NUMxNjguODggMjEuNjI3NyAxNjYuMjA5IDE4LjQ4MDggMTYyLjg5MSAxOC40ODA4SDE1OS45MDdDMTU4Ljc3NyAxMy44MDE1IDE1NS4zMyAxMC4zNzUzIDE1MS4yMzYgMTAuMzc1M0gxNDYuNDJDMTQ1Ljk3MSA0LjcwNTMzIDE0MS45MjEgMC4yNjcwOSAxMzYuOTkxIDAuMjY3MDlDMTMyLjA2MiAwLjI2NzA5IDEyOC4wMTIgNC43MDUzMyAxMjcuNTYzIDEwLjM3NTNIMTI0LjUyOEMxMTkuNTEgMTAuMzc1MyAxMTUuNDYzIDE1LjUyNDcgMTE1LjQ2MyAyMS44MTg0VjI2LjU4NjRIMTMxLjA1NloiIGZpbGw9IiNFMEY4RkYiLz4KPC9zdmc+Cg==';
-const pnFindPriceCss = "@charset \"UTF-8\";pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-find-price .sizeTable{background-color:transparent !important;border-style:none !important;border:0 !important;position:relative}pn-find-price .sizeTable>tr td{margin-bottom:1em;text-align:center;vertical-align:bottom;padding-right:1em;padding-top:1em}pn-find-price .sizeTable #clouds{position:absolute;top:0em;left:4em;z-index:-1}pn-find-price .firstCell{margin-right:0;margin-left:auto}pn-find-price .findprice-form{max-width:60em;margin:0em auto 3em auto}pn-find-price .findprice-form fieldset{border:none}pn-find-price [slot=title]{margin-bottom:1rem}pn-find-price h2{text-align:center}pn-find-price .heading{text-align:center;line-height:1.1;font-weight:bold;margin-bottom:1rem;color:#005d92}pn-find-price .resultHeading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:2em}pn-find-price .sizecategory{margin-top:1em;margin-bottom:3rem;font-size:0.9em;display:flex;align-items:center;justify-content:center}pn-find-price .weightoption{font-size:0.9em;max-width:41rem;margin:0 auto}pn-find-price .weightoption-content{text-align:center}pn-find-price .weightoption-content pn-choice-button{width:7em;line-height:3.3em;font-size:0.9em;vertical-align:bottom}pn-find-price .weightoption-content pn-choice-button>label{align-content:center;justify-content:center}pn-find-price .weightoption-content pn-choice-button ::before{content:\"Max  \";font-weight:lighter}pn-find-price .resultlist{margin:3.2rem 0}pn-find-price .servicePoint{text-align:center}pn-find-price .servicePoint pn-illustration{display:block;max-width:5em;max-height:5em;margin:1.5em auto 0 auto}pn-find-price .servicePoint h3{margin-top:0.8em;margin-bottom:0.9em}pn-find-price .servicePoint a{color:#005d92;text-decoration:none}pn-find-price .servicePoint a:hover{color:#0d234b;text-decoration:underline}";
+const pnFindPriceCss = "@charset \"UTF-8\";pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-find-price .sizeTable{background-color:transparent !important;border-style:none !important;border:0 !important;position:relative}pn-find-price .sizeTable>tr td{margin-bottom:1em;text-align:center;vertical-align:bottom;padding-right:1em;padding-top:1em}pn-find-price .sizeTable #clouds{position:absolute;top:0em;left:4em;z-index:-1}pn-find-price .firstCell{margin-right:0;margin-left:auto}pn-find-price .findprice-form{max-width:60em;margin:0em auto 3em auto}pn-find-price .findprice-form fieldset{border:none}pn-find-price [slot=title]{margin-bottom:1rem}pn-find-price h2{text-align:center}pn-find-price .heading{text-align:center;line-height:1.1;font-weight:bold;margin-bottom:1rem;color:#005d92}pn-find-price .resultHeading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:2em}pn-find-price .sizecategory{margin-top:1em;margin-bottom:3rem;font-size:0.9em;display:flex;align-items:center;justify-content:center}pn-find-price .weightoption{font-size:0.9em;max-width:41rem;margin:0 auto}pn-find-price .weightoption-content{text-align:center}pn-find-price .weightoption-content pn-choice-button{width:7em;line-height:3.3em;font-size:0.9em;vertical-align:bottom}pn-find-price .weightoption-content pn-choice-button>label{align-content:center;justify-content:center}pn-find-price .weightoption-content pn-choice-button ::before{content:\"Max  \";font-weight:lighter}pn-find-price .resultlist{margin:3.2rem 0}pn-find-price .servicePoint{text-align:center}pn-find-price .servicePoint pn-illustration{display:block;max-width:5em;max-height:5em;margin:1.5em auto 0 auto}pn-find-price .servicePoint h3{margin-top:0.8em;margin-bottom:0.9em}pn-find-price .servicePoint a{color:#005d92;text-decoration:none}pn-find-price .servicePoint a:hover{color:#0d234b;text-decoration:underline}";
 const PnFindPriceStyle0 = pnFindPriceCss;
 const PnfindPrice = /*@__PURE__*/ proxyCustomElement(class PnfindPrice extends HTMLElement {
@@ -207,11 +207,11 @@ const PnfindPrice = /*@__PURE__*/ proxyCustomElement(class PnfindPrice extends H
         this.filteredItems = weightFilteredData;
     }
     render() {
-        return (h("div", { key: '9861488c008d9f59921a606451c0e4d6b09eec99', class: "findprice-form" }, h("fieldset", { key: '3affcdc0763637875c78eaf119487ff41aa72996' }, h("legend", { key: 'dd9b9145db5924d09d2dbeeb164b55192f359953', class: "heading" }, state.i18n.sizeheading), h("div", { key: '3a5bc69dba0e8d25c3be90cf3c5f0f883226d630', class: "sizecategory" }, h("table", { key: '807ed7a3c3c79d8bd135279a8b19f8a2f348f84c', class: "sizeTable" }, h("img", { key: 'eae577294be91aee531839fa9b02eb434f345db5', id: "clouds", src: cloudsSvg }), h("tr", { key: 'a849d4cc5799bdfcf87f190299ba6c052dc0a9fc' }, h("td", { key: '1a709ddba39a00dd531db3f399147f7f3a89ef10' }, h("img", { key: '21c348ca869ee49c58f33acd24e15f19b8bb445e', class: "firstCell", src: postnordPerson1Svg })), h("td", { key: '8de8c83a82fb8e7ce18763ee3e4cdd9d78fa6aae' }, h("img", { key: '92a6bf91425a836b2202432e38c5bff09630563c', src: smallPackageSvg })), h("td", { key: '4e1b6c5686c325b97cf13a702067dd3e71af3097' }, h("img", { key: 'd96752de4a5c11b224a13943a51813fb3ef7445f', src: mediumPackageSvg })), h("td", { key: '5c0f48c47d839b9da7e08885e9f3aa7825a70d05' }, h("img", { key: '9074b9af5ef725470ff6ad18d2aa94286e0ad133', src: largePackageSvg }))), h("tr", { key: '6bbf9231e7174ef7c9ba72ecabdd686498e91c16' }, h("td", { key: '0be96b86477ea76cfcd42b592e75928ead8490c6' }), sizeCategories.map(sizeCategory => (h("td", null, h("pn-radio-button", { id: 'findpricecategory-' + sizeCategory.value, radioid: sizeCategory.value, value: sizeCategory.value, name: "sizecategory", checked: sizeCategory.value === this.sizecategory.value, onChange: () => {
+        return (h("div", { key: 'f905b0634bc06e41d7bd959e0fff9462b1b168da', class: "findprice-form" }, h("fieldset", { key: 'eb218cd4d546f67297b35327e6cc6082b77c81e6' }, h("legend", { key: 'e1bd485b4f129219fb3a883cf6d466244b210162', class: "heading" }, state.i18n.sizeheading), h("div", { key: 'b5efeb0832a14e7b77e9e4f0196aa07579dca2c7', class: "sizecategory" }, h("table", { key: '127474d40d75b7d24f5909c7af200024280b1540', class: "sizeTable" }, h("img", { key: 'b6a5e9ebdecf0a8b230d38386c2dc1d2989bbeba', id: "clouds", src: cloudsSvg }), h("tr", { key: '65a5e896096d2cb3365d74eb2375f503abddada7' }, h("td", { key: '9d50eb0443891868faf8154c11127f5ef18ecafb' }, h("img", { key: 'c924592e2f737141a06d3bab591bb2b300d08d63', class: "firstCell", src: postnordPerson1Svg })), h("td", { key: '5dca188e6cb05aa3dfb1f9ebf8e8c1e3fd387bc5' }, h("img", { key: 'e2f2d66cc90b95f43500bef802ae72a18b51a1b5', src: smallPackageSvg })), h("td", { key: 'c20fb170d3a20925992be1dd93dd99490b3b58e9' }, h("img", { key: 'eb4bc86caaea96967702632c8de19c6d16c123fb', src: mediumPackageSvg })), h("td", { key: 'c73045e6208d836be4499d945ab52517b86a76c7' }, h("img", { key: '027d4c3cc7683f24a3c56233ca704e6b9baaf591', src: largePackageSvg }))), h("tr", { key: '3ba6d9aaca95b5d80b76a4b410d9fb18bcf135f1' }, h("td", { key: '5e065c50e949135609001b050dcb7eea2dbe806a' }), sizeCategories.map(sizeCategory => (h("td", null, h("pn-radio-button", { id: 'findpricecategory-' + sizeCategory.value, radioid: sizeCategory.value, value: sizeCategory.value, name: "sizecategory", checked: sizeCategory.value === this.sizecategory.value, onChange: () => {
                 this.sizecategory = sizeCategories.filter(x => x.value === sizeCategory.value)[0];
                 this.weight = { value: 0, name: '' };
                 this.weightvalue = this.weight.value;
-            } })))))))), h("fieldset", { key: 'dacae57f9d409cbd9527dbd55126d1ac8528faf8' }, h("legend", { key: '2833dc460f0a6e25b51ad6c03a0c97ad79afff7a', class: "heading" }, state.i18n.weightheading), this.sizecategory.value && weights[this.sizecategory.unit] ? (h("div", { class: "weightoption" }, h("div", { class: "weightoption-content" }, weights[this.sizecategory.unit].map(wght => (h("pn-choice-button", { id: 'findpriceweight-' + wght.value, choiceid: this.sizecategory.value + wght.value, name: "weight", type: "radio", value: !this.weight.value ? 0 : weights[this.sizecategory.unit].findIndex(x => x.value === this.weightvalue), checked: wght.value === this.weight.value, onChange: () => {
+            } })))))))), h("fieldset", { key: 'd92250abdec1d53b422c535196f1564ce2a340ed' }, h("legend", { key: 'c65f1411972556f0fec1463d06612a92e13c2978', class: "heading" }, state.i18n.weightheading), this.sizecategory.value && weights[this.sizecategory.unit] ? (h("div", { class: "weightoption" }, h("div", { class: "weightoption-content" }, weights[this.sizecategory.unit].map(wght => (h("pn-choice-button", { id: 'findpriceweight-' + wght.value, choiceid: this.sizecategory.value + wght.value, name: "weight", type: "radio", value: !this.weight.value ? 0 : weights[this.sizecategory.unit].findIndex(x => x.value === this.weightvalue), checked: wght.value === this.weight.value, onChange: () => {
                 this.weight = weights[this.sizecategory.unit].filter(x => x.value === wght.value)[0];
                 this.weightvalue = this.weight.value;
             } }, wght.name)))))) : null, this.filteredItems && this.filteredItems.length > 0 ? (h("div", { class: "resultlist" }, state.i18n.resultlistheading ? h("div", { class: "resultHeading" }, state.i18n.resultlistheading) : null, this.filteredItems.map((item) => (h("div", null, h("pn-find-price-result", { item: item })))))) : null)));