@postnord/pn-marketweb-components 3.0.3 → 3.0.4

package/pn-market-web-components/p-85d57c9d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pnMultiRowConnectedDropdownRowCss","PnMultiRowConnectedDropdownRowStyle0","PnMultiRowConnectedDropdownRow","_dropdownData","_predefinedValue","pnConnectedDropdown","pnConnectedDropdownSlotElement","pnAddFieldButton","pnFirstDropdown","pnSecondDropdown","pnInputField","pnSingleDatePicker","pnStartDate","pnEndDate","pnShowDateRangeFiledButton","pnDateRangeContainer","pnGenerateDatesButton","pnDaysRow","pnGeneratedDatesSlot","pnSaveGeneratedDatesButton","pnDeleteRowButton","rowValueChange","deleteRowEvent","componentWillLoad","this","getPredefinedValues","setDropDownData","setFirstValidDate","componentDidLoad","setInitialValues","addEventHandlers","emittRowValues","dropdownData","JSON","parse","predefinedValue","applyPredefinedValue","setButtonsValue","setFirstDropdownValues","setSecondDropdownValues","setInputField","setDateValue","setDateRangeDefaults","firstDropdownClass","firstDropdownLabel","replace","secondDropdownClass","secondDropdownLabel","buttonsArray","buttons","length","forEach","item","selected","selectedButtonValue","value","button","label","push","firstDropdownArr","firstDropdown","secondDropdownArr","secondDropdown","inputFieldValue","input","allowMultipleDates","style","display","dates","generatedDatesArr","split","saveGeneratedDates","dateValue","daysArr","dateRange","days","starDateValue","startDate","endDateValue","endDate","yearsToadd","yearsToAddToEndDate","date","Date","setDate","getDate","dateDaysFromToday","year","getFullYear","month","getMonth","toString","padStart","day","endYear","firstValidDateString","lastValidDateString","emmitValues","debounce","bind","addEventListener","handleInput","showDateRangeRow","HandleRangeDatePickers","generateDates","setSingleDateValue","index","deleteRow","generateUniqueId","uuidv4","updateSelectItemArr","arr","val","handleOptionButtonClick","e","preventDefault","elmValue","target","innerHTML","filter","selectionChildren","find","values","firstDropdownPlaceholder","dropdownPlaceholder","firstDropdownText","querySelector","secondDropdownPlaceholder","secondDropdownText","handleFirstDropdownChange","selectedValue","textContent","selectedButton","findIndex","firstChildren","secondChildren","handleSecondDropdownChange","elm","detail","allCheckboxes","querySelectorAll","selectedDays","element","some","x","d","i","parseInt","getDay","deleteGeneratedDateRow","splice","String","dateCount","buttonTextElm","dateButtonText","emit","id","setActive","active","render","h","Host","key","ref","el","class","map","onClick","small","icon","minus","appearance","placeholder","language","languageCode","type","inputFildLabel","min","range","datePlaceholder","start","multiDateHelperText","startDateLabel","endDateLabel","checkboxid","name","checked","htmlFor","generateDatesButtonText","noDatesText","saveDateButtonText"],"sources":["src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown-row.scss?tag=pn-multi-row-connected-dropdown-row","src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown-row.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-multi-row-connected-dropdown-row {\n  gap: 1rem;\n\n  .connected-dropdown-parent-element {\n    margin-bottom: 0.5rem;\n  }\n\n  pn-select {\n    width: 35%;\n  }\n\n  pn-marketweb-input {\n    width: 10%;\n\n    input {\n      height: 4.3rem;\n    }\n  }\n\n  .connected-dropdown {\n    padding: 1rem;\n    border-left: 0.2rem solid $blue700;\n\n    &:hover {\n      background-color: $gray25;\n    }\n\n    &__toggle-date-button {\n      width: 20%;\n      margin-bottom: 0.5rem;\n    }\n\n    &__row {\n      display: flex;\n      align-items: flex-end;\n      gap: 1rem;\n      margin-bottom: 1rem;\n      justify-content: space-between;\n\n      &__no-margin {\n        margin: 0;\n      }\n    }\n\n    &__multi-date-row {\n      display: flex;\n      align-items: center;\n      gap: 1rem;\n      margin-bottom: 1rem;\n    }\n\n    &__button-container {\n      display: flex;\n      align-items: flex-end;\n      gap: 1rem;\n    }\n\n    &__button {\n      background-color: #ffffff;\n      border: solid;\n      border-width: 0.1rem;\n      border-radius: 0.8rem;\n      border-color: $blue700;\n      padding: 0.4rem 0.8rem;\n      color: $blue700;\n      font-size: 1.4rem;\n      text-align: center;\n      text-decoration: none;\n      cursor: pointer;\n\n      &:hover,\n      &.active {\n        background-color: $blue900;\n        border-color: $blue900;\n        color: #ffffff;\n      }\n    }\n\n    &__buttom-container-right {\n      display: flex;\n    }\n\n    &__button-right {\n      margin-left: auto;\n    }\n\n    &__label-container {\n      margin-bottom: 0.4rem;\n      color: $gray700;\n      font-size: 0.875em;\n      justify-content: space-between;\n      align-items: flex-end;\n    }\n\n    &__checkbox {\n      display: flex;\n      gap: 0.5rem;\n    }\n\n    &__date-slot {\n      border: 0.1rem solid $blue700;\n      margin-bottom: 1rem;\n      padding: 1rem;\n    }\n  }\n\n  .generated-date-row {\n    border-bottom: 0.1rem solid $blue700;\n  }\n}\n","import { Component, Prop, h, Element, Host, State, Watch, Event, EventEmitter } from '@stencil/core';\nimport { Root, SelectItem, PredefinedValues } from './types';\nimport debounce from 'debounce';\nimport { v4 as uuidv4 } from 'uuid';\nimport { minus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-multi-row-connected-dropdown-row',\n  styleUrl: 'pn-multi-row-connected-dropdown-row.scss',\n})\nexport class PnMultiRowConnectedDropdownRow {\n  @Element() hostElement: Element;\n  private _dropdownData: Root[];\n  private _predefinedValue: PredefinedValues;\n  pnConnectedDropdown: HTMLElement = null;\n  pnConnectedDropdownSlotElement: HTMLElement = null;\n  pnAddFieldButton: HTMLElement = null;\n  pnFirstDropdown: HTMLElement = null;\n  pnSecondDropdown: HTMLElement = null;\n  pnInputField: HTMLElement = null;\n  pnSingleDatePicker: HTMLElement = null;\n  pnStartDate: HTMLElement = null;\n  pnEndDate: HTMLElement = null;\n  pnShowDateRangeFiledButton: HTMLElement = null;\n  pnDateRangeContainer: HTMLElement = null;\n  pnGenerateDatesButton: HTMLElement = null;\n  pnDaysRow: HTMLElement = null;\n  pnGeneratedDatesSlot: HTMLElement = null;\n  pnSaveGeneratedDatesButton: HTMLElement = null;\n  pnDeleteRowButton: HTMLElement = null;\n\n  @Prop() dropdownData: string | Root[] = null;\n  @Prop() languageCode: string = null;\n  @Prop() label: string = null;\n  @Prop() firstDropdownLabel: string = null;\n  @Prop() secondDropdownLabel: string = null;\n  @Prop() dropdownPlaceholder: string = null;\n  @Prop() addRowText: string = null;\n  @Prop() inputFildLabel: string = null;\n  @Prop() inputFildPlaceholder: string = null;\n  @Prop() dateButtonText: string = null;\n  @Prop() datePlaceholder: string = null;\n  @Prop() dateDaysFromToday: number = 1;\n  @Prop() allowMultipleDates: boolean = null;\n  @Prop() startDateLabel: string = null;\n  @Prop() endDateLabel: string = null;\n  @Prop() multiDateHelperText: string = null;\n  @Prop() generateDatesButtonText: string = null;\n  @Prop() saveDateButtonText: string = null;\n  @Prop() noDatesText: string = null;\n  @Prop() index: number = null;\n  @Prop() predefinedValue: string = null;\n  @Prop() yearsToAddToEndDate: number = null;\n\n  @State() buttonsArray: SelectItem[] = null;\n  @State() firstDropdownArr: SelectItem[] = null;\n  @State() secondDropdownArr: SelectItem[] = [];\n  @State() firstDropdownClass: string = null;\n  @State() secondDropdownClass: string = null;\n  @State() firstValidDateString: string = '';\n  @State() lastValidDateString: string = '';\n  @State() firstDropdownPlaceholder: string = '-';\n  @State() secondDropdownPlaceholder: string = '-';\n  @State() starDateValue: string = '';\n  @State() endDateValue: string = '';\n  @State() generatedDatesArr: string[] = [];\n  @State() selectedButtonValue: string = '';\n  @State() inputFieldValue: string = '';\n  @State() dateValue: string = '';\n  @State() daysArr: SelectItem[] = null;\n\n  @Event() rowValueChange: EventEmitter<PredefinedValues>;\n  @Event() deleteRowEvent: EventEmitter<string>;\n\n  componentWillLoad() {\n    this.getPredefinedValues();\n    this.setDropDownData();\n    this.setFirstValidDate();\n  }\n\n  componentDidLoad() {\n    this.setInitialValues();\n    this.addEventHandlers();\n    this.emittRowValues();\n  }\n\n  setDropDownData() {\n    if (typeof this.dropdownData === 'string') {\n      this._dropdownData = JSON.parse(this.dropdownData);\n    } else {\n      this._dropdownData = this.dropdownData;\n    }\n  }\n\n  getPredefinedValues() {\n    this._predefinedValue = JSON.parse(this.predefinedValue);\n  }\n\n  @Watch('predefinedValue')\n  applyPredefinedValue() {\n    this.getPredefinedValues();\n    this.setInitialValues();\n  }\n\n  setInitialValues() {\n    this.setButtonsValue();\n    this.setFirstDropdownValues();\n    this.setSecondDropdownValues();\n    this.setInputField();\n    this.setDateValue();\n    this.setDateRangeDefaults();\n\n    this.firstDropdownClass = this.firstDropdownLabel.replace(' ', '_') + '-dropdown';\n    this.secondDropdownClass = this.secondDropdownLabel.replace(' ', '_') + '-dropdown';\n  }\n\n  setButtonsValue() {\n    this.buttonsArray = [];\n\n    if (this._predefinedValue.buttons?.length) {\n      this.buttonsArray = this._predefinedValue.buttons;\n\n      this.buttonsArray.forEach(item => {\n        if (item.selected) {\n          this.selectedButtonValue = item.value;\n        }\n      });\n    } else {\n      this._dropdownData.forEach(item => {\n        const button: SelectItem = { selected: false, value: item.label, label: item.label };\n        this.buttonsArray.push(button);\n      });\n    }\n  }\n\n  setFirstDropdownValues() {\n    this.firstDropdownArr = [];\n\n    if (this._predefinedValue.firstDropdown?.length) {\n      this.firstDropdownArr = [...this._predefinedValue.firstDropdown];\n    }\n  }\n\n  setSecondDropdownValues() {\n    this.secondDropdownArr = [];\n\n    if (this._predefinedValue.secondDropdown?.length) {\n      this.secondDropdownArr = [...this._predefinedValue.secondDropdown];\n    }\n  }\n\n  setInputField() {\n    this.inputFieldValue = this._predefinedValue.input?.length ? this._predefinedValue.input : '';\n  }\n\n  setDateValue() {\n    if (this.allowMultipleDates) {\n      this.pnDateRangeContainer.style.display = this._predefinedValue.dates[\"start\"]?.length ? '' : 'none';\n      this.generatedDatesArr = this._predefinedValue.dates[\"start\"]?.length ? this._predefinedValue.dates[\"start\"].split(',') : [];\n      this.saveGeneratedDates();\n    } else {\n      this.dateValue = this._predefinedValue.dates[\"start\"]?.length ? this._predefinedValue.dates[\"start\"] : '';\n    }\n  }\n\n  setDateRangeDefaults() {\n    this.daysArr = this._predefinedValue.dateRange.days;\n    this.starDateValue = this._predefinedValue.dateRange.startDate?.length ? this._predefinedValue.dateRange.startDate : '';\n    this.endDateValue = this._predefinedValue.dateRange.endDate?.length ? this._predefinedValue.dateRange.endDate : '';\n  }\n\n  setFirstValidDate() {\n    const yearsToadd = this.yearsToAddToEndDate ? this.yearsToAddToEndDate : 2;\n    const date = new Date();\n    date.setDate(date.getDate() + this.dateDaysFromToday ?? 0);\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  addEventHandlers() {\n    const emmitValues = debounce(this.emittRowValues.bind(this), 500);\n\n    this.pnInputField.addEventListener('keyup', this.handleInput.bind(this));\n    this.pnInputField.addEventListener('change', this.handleInput.bind(this));\n    this.pnInputField.addEventListener('input', this.handleInput.bind(this));\n    this.pnInputField.addEventListener('keyup', emmitValues);\n    this.pnInputField.addEventListener('change', emmitValues);\n    this.pnInputField.addEventListener('input', emmitValues);\n\n    if (this.allowMultipleDates) {\n      this.pnShowDateRangeFiledButton.addEventListener('click', this.showDateRangeRow.bind(this));\n      this.pnStartDate.addEventListener('dateselection', this.HandleRangeDatePickers.bind(this));\n      this.pnEndDate.addEventListener('dateselection', this.HandleRangeDatePickers.bind(this));\n      this.pnGenerateDatesButton.addEventListener('click', this.generateDates.bind(this));\n      this.pnSaveGeneratedDatesButton.addEventListener('click', this.saveGeneratedDates.bind(this));\n      this.pnSaveGeneratedDatesButton.addEventListener('click', emmitValues);\n    } else {\n      this.pnSingleDatePicker.addEventListener('dateselection', this.setSingleDateValue.bind(this));\n      this.pnSingleDatePicker.addEventListener('dateselection', emmitValues);\n    }\n\n    if (this.index > 0) {\n      this.pnDeleteRowButton.addEventListener('click', this.deleteRow.bind(this));\n    }\n  }\n\n  generateUniqueId() {\n    return uuidv4();\n  }\n\n  updateSelectItemArr(arr: SelectItem[], val: string) {\n    arr.forEach(item => {\n      if (item.value === val) {\n        item.selected = !item.selected;\n      } else {\n        item.selected = false;\n      }\n    });\n    return arr;\n  }\n\n  handleOptionButtonClick(e) {\n    e.preventDefault();\n    const elmValue = e.target.innerHTML;\n\n    this.buttonsArray = [...this.updateSelectItemArr(this.buttonsArray, elmValue)];\n    this.selectedButtonValue = this.buttonsArray.filter(e => e.selected === true).length > 0 ? elmValue : '';\n\n    if (this.selectedButtonValue?.length) {\n      this.firstDropdownArr = [];\n      const selectionChildren = this._dropdownData.find(arr => arr.label === elmValue);\n      selectionChildren.values.forEach(item => {\n        this.firstDropdownArr.push({ selected: false, value: item.label, label: item.label });\n      });\n\n      this.firstDropdownArr = [...this.firstDropdownArr];\n      this.firstDropdownPlaceholder = this.dropdownPlaceholder;\n      const firstDropdownText = this.pnFirstDropdown.querySelector('.pn-select-content span');\n      firstDropdownText.innerHTML = this.dropdownPlaceholder;\n\n      this.secondDropdownArr = [];\n      this.secondDropdownPlaceholder = '-';\n      const secondDropdownText = this.pnSecondDropdown.querySelector('.pn-select-content span');\n      secondDropdownText.innerHTML = this.secondDropdownPlaceholder;\n    } else {\n      this.firstDropdownArr = [];\n      this.firstDropdownPlaceholder = '-';\n      const firstDropdownText = this.pnFirstDropdown.querySelector('.pn-select-content span');\n      firstDropdownText.innerHTML = this.firstDropdownPlaceholder;\n\n      this.secondDropdownArr = [];\n      this.secondDropdownPlaceholder = '-';\n      const secondDropdownText = this.pnSecondDropdown.querySelector('.pn-select-content span');\n      secondDropdownText.innerHTML = this.secondDropdownPlaceholder;\n    }\n\n    this.emittRowValues();\n  }\n\n  handleFirstDropdownChange() {\n    const selected = this.pnFirstDropdown.querySelector(\"[aria-selected=true]\");\n    const selectedValue = selected?.textContent;\n    this.firstDropdownArr = [...this.updateSelectItemArr(this.firstDropdownArr, selectedValue)];\n    const firstDropdownText = this.pnFirstDropdown.querySelector('.pn-select-content span');\n      firstDropdownText.innerHTML = selectedValue;\n\n    this.secondDropdownArr = [];\n    const selectedButton = this.buttonsArray.findIndex(item => item.selected === true);\n    const firstChildren = this._dropdownData.find(arr => arr.label === this.buttonsArray[selectedButton].value);\n    const secondChildren = firstChildren.values.find(arr => arr.label === selectedValue);\n    secondChildren.values.forEach(item => {\n      this.secondDropdownArr.push({ selected: false, value: item.label, label: item.label });\n    });\n\n    this.secondDropdownPlaceholder = this.dropdownPlaceholder;\n    const secondDropdownText = this.pnSecondDropdown.querySelector('.pn-select-content span');\n    secondDropdownText.innerHTML = this.secondDropdownPlaceholder;\n    this.emittRowValues();\n  }\n\n  handleSecondDropdownChange() {\n    const selected = this.pnSecondDropdown.querySelector(\"[aria-selected=true]\");\n    const selectedValue = selected?.textContent;\n    this.secondDropdownArr = [...this.updateSelectItemArr(this.secondDropdownArr, selectedValue)];\n    const secondDropdownText = this.pnSecondDropdown.querySelector('.pn-select-content span');\n    secondDropdownText.innerHTML = selectedValue;\n    this.emittRowValues();\n  }\n\n  handleInput(e) {\n    const elm = e.target;\n    if (elm.value !== '0') {\n      this.inputFieldValue = elm.value;\n    }\n  }\n\n  showDateRangeRow() {\n    if (this.pnDateRangeContainer.style.display === 'none') {\n      this.pnDateRangeContainer.style.display = '';\n    } else {\n      this.pnDateRangeContainer.style.display = 'none';\n    }\n  }\n\n  HandleRangeDatePickers(e) {\n    const elm = e.target;\n\n    if (elm === this.pnStartDate) {\n      this.starDateValue = e.detail;\n    }\n\n    if (elm === this.pnEndDate) {\n      this.endDateValue = e.detail;\n    }\n  }\n\n  generateDates(e) {\n    e.preventDefault();\n    const allCheckboxes = this.pnDaysRow.querySelectorAll('pn-filter-checkbox');\n    const selectedDays: string[] = [];\n    this.generatedDatesArr = [];\n    allCheckboxes.forEach(element => {\n      const input = element.querySelector('input');\n      if (input.value) {\n        selectedDays.push(input.value);\n      }\n    });\n\n    if (selectedDays.length && this.starDateValue && this.endDateValue) {\n      this.daysArr.forEach(item => {\n        if (selectedDays.some(x => x === item.value)) {\n          item.selected = true;\n        } else {\n          item.selected = false;\n        }\n      });\n\n      const startDate = new Date(Date.parse(this.starDateValue));\n      const endDate = new Date(Date.parse(this.endDateValue));\n\n      for (var d = startDate; d <= endDate; d.setDate(d.getDate() + 1)) {\n        const i = this.daysArr.findIndex(item => parseInt(item.value) === d.getDay());\n\n        if (this.daysArr[i]?.selected) {\n          const year = d.getFullYear();\n          const month = (d.getMonth() + 1).toString().padStart(2, '0');\n          const day = d.getDate().toString().padStart(2, '0');\n          this.generatedDatesArr.push(`${year}-${month}-${day}`);\n        }\n      }\n    }\n  }\n\n  deleteGeneratedDateRow(index) {\n    this.generatedDatesArr.splice(index, 1);\n    this.generatedDatesArr = [...this.generatedDatesArr];\n  }\n\n  saveGeneratedDates() {\n    if (this.generatedDatesArr?.length) {\n      this.dateValue = String(this.generatedDatesArr);\n      const dateCount = this.generatedDatesArr.length;\n      const buttonTextElm = this.pnShowDateRangeFiledButton.querySelector('.pn-button-content');\n      buttonTextElm.innerHTML = dateCount > 0 ? `${this.dateButtonText} (${dateCount})` : this.dateButtonText;\n      this.showDateRangeRow();\n    }\n  }\n\n  setSingleDateValue(e) {\n    const elm = e.target;\n    if (elm === this.pnSingleDatePicker) {\n      this.dateValue = e.detail;\n    }\n  }\n\n  emittRowValues() {\n    this.rowValueChange.emit({\n      id: this._predefinedValue.id,\n      buttons: this.buttonsArray,\n      firstDropdown: this.firstDropdownArr,\n      secondDropdown: this.secondDropdownArr,\n      input: this.inputFieldValue,\n      dates: this.dateValue,\n      dateRange: {\n        days: this.daysArr,\n        startDate: this.starDateValue,\n        endDate: this.endDateValue,\n      },\n    });\n  }\n\n  deleteRow() {\n    this.deleteRowEvent.emit(this._predefinedValue.id);\n  }\n\n  setActive(active: boolean) {\n    return active ? 'connected-dropdown__button active' : 'connected-dropdown__button';\n  }\n\n  render() {\n    return (\n      <Host>\n        <div ref={el => (this.pnConnectedDropdownSlotElement = el as HTMLElement)} class=\"connected-dropdown-slot-element\">\n          <div class=\"connected-dropdown-parent-element connected-dropdown\">\n            <div class=\"connected-dropdown__row__no-margin\">\n              <label>{this.label}</label>\n            </div>\n\n            <div class=\"connected-dropdown__row button-row\">\n              <div class=\"connected-dropdown__button-container option-buttons\">\n                {this.buttonsArray?.map(item => (\n                  <button class={`${this.setActive(item.selected)}`} id={this.generateUniqueId()} onClick={this.handleOptionButtonClick.bind(this)}>\n                    {item.value}\n                  </button>\n                ))}\n              </div>\n\n              <div class=\"connected-dropdown__button-container delete-button\">\n                {this.index > 0 ? (\n                  <pn-button ref={el => (this.pnDeleteRowButton = el as HTMLElement)} small=\"true\" icon={minus} appearance=\"warning\" index={this.index}>\n                    Delete\n                  </pn-button>\n                ) : null}\n              </div>\n            </div>\n\n            <div class=\"connected-dropdown__row input-row\">\n              <pn-select\n                ref={el => (this.pnFirstDropdown = el as HTMLElement)}\n                class=\"pn-row-select-dropdown dropDown1-dropdown\"\n                placeholder={this.firstDropdownPlaceholder}\n                label={this.firstDropdownLabel}\n                empty-option=\"true\"\n                language={this.languageCode}\n              >\n                {this.firstDropdownArr?.map((item, i) => (\n                  <pn-option index={i} label={item.label} value={item.value} selected={item.selected} onClick={debounce(this.handleFirstDropdownChange.bind(this), 500)}></pn-option>\n                ))}\n              </pn-select>\n\n              <pn-select\n                ref={el => (this.pnSecondDropdown = el as HTMLElement)}\n                class=\"pn-row-select-dropdown dropDown2-dropdown\"\n                placeholder={this.secondDropdownPlaceholder}\n                label={this.secondDropdownLabel}\n                empty-option=\"true\"\n                language={this.languageCode}\n              >\n                {this.secondDropdownArr?.map((item, i) => (\n                  <pn-option index={i} label={item.label} value={item.value} selected={item.selected} onClick={debounce(this.handleSecondDropdownChange.bind(this), 500)}></pn-option>\n                ))}\n              </pn-select>\n\n              <pn-marketweb-input\n                ref={el => (this.pnInputField = el as HTMLElement)}\n                type=\"number\"\n                placeholder=\"0\"\n                label={this.inputFildLabel}\n                value={this.inputFieldValue}\n                min=\"1\"\n              ></pn-marketweb-input>\n\n              {this.allowMultipleDates ? (\n                <pn-button ref={el => (this.pnShowDateRangeFiledButton = el as HTMLElement)} class=\"connected-dropdown__toggle-date-button\" small=\"true\" appearance=\"light\">\n                  {this.dateButtonText}\n                </pn-button>\n              ) : (\n                <div class=\"connected-dropdown__date-container\">\n                  <div class=\"connected-dropdown__label-container\">\n                    <label>{this.dateButtonText}</label>\n                  </div>\n                  <pn-date-picker\n                    ref={el => (this.pnSingleDatePicker = el as HTMLElement)}\n                    range=\"false\"\n                    disable-weekends={true}\n                    min-date={this.firstValidDateString}\n                    language={this.languageCode}\n                    placeholder={this.datePlaceholder}\n                    class=\"connected-dropdown__date-picker\"\n                    start={this.dateValue?.length ? this.dateValue : null}\n                  ></pn-date-picker>\n                </div>\n              )}\n            </div>\n\n            {this.allowMultipleDates ? (\n              <div ref={el => (this.pnDateRangeContainer = el as HTMLElement)} class=\"connected-dropdown__date-container\" style={{ display: 'none' }}>\n                {this.multiDateHelperText ? (\n                  <div class=\"connected-dropdown__row\">\n                    <p>{this.multiDateHelperText}</p>\n                  </div>\n                ) : null}\n\n                <div class=\"connected-dropdown__multi-date-row\">\n                  <div class=\"connected-dropdown__date-container\">\n                    <div class=\"connected-dropdown__label-container\">\n                      <label>{this.startDateLabel}</label>\n                    </div>\n\n                    <pn-date-picker\n                      ref={el => (this.pnStartDate = el as HTMLElement)}\n                      range=\"false\"\n                      disable-weekends={true}\n                      class=\"connected-dropdown__date-picker\"\n                      min-date={this.firstValidDateString}\n                      max-date={this.lastValidDateString}\n                      language={this.languageCode}\n                      placeholder={this.datePlaceholder}\n                      start={this.starDateValue?.length ? this.starDateValue : null}\n                    ></pn-date-picker>\n                  </div>\n\n                  <div class=\"connected-dropdown__date-container\">\n                    <div class=\"connected-dropdown__label-container\">\n                      <label>{this.endDateLabel}</label>\n                    </div>\n                    <pn-date-picker\n                      ref={el => (this.pnEndDate = el as HTMLElement)}\n                      range=\"false\"\n                      disable-weekends={true}\n                      class=\"connected-dropdown__date-picker\"\n                      min-date={this.firstValidDateString}\n                      max-date={this.lastValidDateString}\n                      language={this.languageCode}\n                      placeholder={this.datePlaceholder}\n                      start={this.endDateValue?.length ? this.endDateValue : null}\n                    ></pn-date-picker>\n                  </div>\n                </div>\n                <div ref={el => (this.pnDaysRow = el as HTMLElement)} class=\"connected-dropdown__multi-date-row\">\n                  {this.daysArr?.map((day: SelectItem) => (\n                    <div class=\"connected-dropdown__checkbox\">\n                      <pn-filter-checkbox checkboxid={'day-' + day.value} name={'__' + day.label} value={day.value} checked={day.selected}></pn-filter-checkbox>\n                      <label htmlFor={'day-' + day.value}>{day.label}</label>\n                    </div>\n                  ))}\n                </div>\n\n                <div class=\"connected-dropdown__row\">\n                  <pn-button ref={el => (this.pnGenerateDatesButton = el as HTMLElement)} small=\"true\">\n                    {this.generateDatesButtonText}\n                  </pn-button>\n                </div>\n\n                <div ref={el => (this.pnGeneratedDatesSlot = el as HTMLElement)} class=\"connected-dropdown__date-slot\">\n                  {this.generatedDatesArr?.map((date: string, i) => (\n                    <div class=\"connected-dropdown__row generated-date-row\">\n                      <p>{date}</p>\n                      <pn-button index={i} small=\"true\" icon={minus} appearance=\"warning\" id={'delete-date-' + i} onClick={this.deleteGeneratedDateRow.bind(this, i)}>\n                        {date}\n                      </pn-button>\n                    </div>\n                  ))}\n\n                  {!this.generatedDatesArr?.length ? <p>{this.noDatesText}</p> : null}\n                </div>\n\n                <div class=\"connected-dropdown__row\">\n                  <pn-button ref={el => (this.pnSaveGeneratedDatesButton = el as HTMLElement)} class=\"connected-dropdown__button-right\" small=\"true\">\n                    {this.saveDateButtonText}\n                  </pn-button>\n                </div>\n              </div>\n            ) : null}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/p-90ba1d8e.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as t,h as o,d as i}from"./p-06555615.js";import{s as n}from"./p-2d267d5f.js";import{a}from"./p-36b39340.js";import"./p-3f8aa7d1.js";const l="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-profile-modal{margin:1em auto;display:flex;flex-direction:column;min-width:42.4rem;max-width:38.4rem;width:100%;padding:1.6rem;border-radius:8px;background:#ffffff}.profilemodal-container{padding:3.2rem;border-radius:8px;box-shadow:0 0.06rem 0.18rem rgba(0, 0, 0, 0.1), 0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);border:0.1rem solid #f3f2f2;display:flex;flex-direction:column}.profilemodal-logo{display:none}.profilemodal-logo svg{display:block;margin:0 auto 2.4rem}.profilemodal-heading{text-align:center;font-weight:700}.profilemodal-content{margin:1.6rem 0 0}.profilemodal-content pn-segmented-control{transform:translateZ(0) translateX(-50%);left:50%}.profilemodal-cta{margin:1.6rem 0 0;transition:max-height 0.15s ease, opacity 0.15s ease;overflow:hidden;opacity:1}.profilemodal-cta[aria-hidden=true]{max-height:0;opacity:1}.profilemodal-cta>pn-button{width:100%}";const r=l;const d=class{constructor(t){e(this,t);this.heading=null;this.continueCtaText=null;this.choosenCompanyText=null;this.toText=null;this.chooseCustomerNumberText=null;this.isLoading=true}get hostElement(){return t(this)}componentWillLoad(){this.populateState();this.bindEvents()}populateState(){n.i18n.chooseCustomerNumberText=this.chooseCustomerNumberText;n.i18n.choosenCompanyText=this.choosenCompanyText;n.i18n.toText=this.toText;const e=this.hostElement.querySelector('pn-profile-modal-type[selected="true"]');if(e){n.selectedType=e.getAttribute("name")}}bindEvents(){const e=this.hostElement.querySelector("pn-segmented-control");if(e){e.addEventListener("change",this.onSegmentControlChange.bind(this))}}onSegmentControlChange(e){const t=e.target.value;const o=this.hostElement.querySelector(`[typeid="${t}"]`);if(o){const e=[...this.hostElement.querySelectorAll("pn-profile-modal-type")];e.forEach((e=>{e.setAttribute("selected",(e.getAttribute("typeid")===t)+"")}))}}onCTAClick(){if(!n.selectedUrl){console.log("no Url as been selected, will not continue")}}onUrlSelected(e){if(!e||!e.detail){return}n.selectedUrl=e.detail;const t=this.hostElement.querySelector(".profilemodal-cta pn-button");if(t){t.scrollIntoView({block:"start",inline:"nearest",behavior:"smooth"})}}render(){return o(i,{key:"8d31699717d53dc7fba0c2cfa987ca2417cbfaf7"},o("div",{key:"d80ac112d9aaa208c33ee7859947b511f0875729",class:"profilemodal-container"},o("div",{key:"a3b62ce172c4291bddd2d36bcafe43c308f835b5",class:"profilemodal-logo"},o("svg",{key:"bebcef4cb95cfec07d35e630b9e3a23654185b80",viewBox:"0 0 133 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",width:"17.1rem",height:"3.2rem"},o("path",{key:"2d36880b4389dad57a6e87a6c87a8ea11789123f","fill-rule":"evenodd","clip-rule":"evenodd",fill:"#00A0D6",d:"M132.749 0.333618V20.9198H126.976V19.3809C126.976 19.3809 125.475 21.4316 122.191 21.4316C117.381 21.4316 114.662 17.7015 114.662 13.0327C114.662 8.47612 117.776 4.7187 122.617 4.7187C125.589 4.7187 126.976 6.19924 126.976 6.19924V1.47206L132.749 0.333618ZM54.2322 1.67091H60.0055V5.20216H65.3564L62.7235 10.0999H60.0055V20.9198H54.2322V1.67091ZM28.2484 21.4023C32.8051 21.4023 37.6446 18.8974 37.6446 12.9187C37.6446 7.16616 32.9746 4.69042 28.4461 4.69042C23.8042 4.69042 19.049 7.25192 19.049 13.175C19.049 18.9549 23.7199 21.4023 28.2484 21.4023ZM28.3327 9.78608C30.2294 9.78608 31.5032 11.1243 31.5032 13.0902C31.5032 14.9392 30.2575 16.3076 28.3327 16.3076C26.437 16.3076 25.1351 14.9392 25.1351 13.0902C25.1351 11.1243 26.4089 9.78608 28.3327 9.78608ZM47.0708 10.8963C46.8158 10.8574 46.5804 10.8239 46.3639 10.7931C44.9938 10.5979 44.3827 10.5108 44.3827 9.87279C44.3827 9.24608 45.146 8.9888 46.6465 8.9888C49.1941 8.9888 51.4298 9.84357 51.4298 9.84357L52.4488 5.43022C52.4488 5.43022 49.9865 4.71869 46.7027 4.71869C41.1841 4.71869 38.2965 6.85422 38.2965 10.2705C38.2965 12.9187 39.8532 14.485 44.4108 15.0825C46.3355 15.3388 47.0427 15.4519 47.0427 16.1644C47.0427 16.8486 46.2784 17.0757 44.9484 17.0757C42.0608 17.0757 39.3437 15.8515 39.3437 15.8515L38.1832 20.4081C38.1832 20.4081 40.9003 21.375 44.4389 21.375C50.3826 21.375 53.1279 19.2668 53.1279 15.8223C53.1279 13.0902 51.6555 11.6087 47.0708 10.8963ZM76.1968 4.69042C72.8287 4.69042 71.6111 6.74018 71.6111 6.74018V5.20216H65.8369V20.9198H71.6111V12.8612C71.6111 10.8689 72.3483 9.95666 74.1297 9.95666C75.913 9.95666 76.1687 11.4381 76.1687 13.3173V20.9198H81.9982V11.2666C81.9982 6.93903 79.9339 4.69042 76.1968 4.69042ZM123.948 9.8153C125.843 9.8153 127.144 11.1818 127.144 13.0327C127.144 14.9958 125.87 16.335 123.948 16.335C122.051 16.335 120.778 14.9958 120.778 13.0327C120.778 11.1818 122.024 9.8153 123.948 9.8153ZM112.456 10.213C110.53 10.213 109.088 10.9537 109.088 13.3456V20.9198H103.313V5.20216H109.088V7.02479C109.088 7.02479 109.965 4.97409 113.191 4.97409C114.181 4.97409 114.55 5.14467 114.55 5.14467L114.408 10.4976C114.408 10.4976 113.643 10.213 112.456 10.213ZM11.9728 13.0902C11.9728 11.1243 10.699 9.78608 8.80235 9.78608C6.87853 9.78608 5.6038 11.1243 5.6038 13.0902C5.6038 14.9392 6.9057 16.3076 8.80235 16.3076C10.728 16.3076 11.9728 14.9392 11.9728 13.0902ZM10.1333 21.4023C14.9728 21.4023 18.0871 17.6468 18.0871 13.0902C18.0871 8.41958 15.3699 4.69042 10.5576 4.69042C7.27472 4.69042 5.77426 6.74018 5.77426 6.74018V5.20216H0V25.4453H5.77426V19.9227C5.77426 19.9227 7.16139 21.4023 10.1333 21.4023ZM95.7984 13.0902C95.7984 11.1243 94.5246 9.78608 92.6279 9.78608C90.7032 9.78608 89.4284 11.1243 89.4284 13.0902C89.4284 14.9392 90.7322 16.3076 92.6279 16.3076C94.5536 16.3076 95.7984 14.9392 95.7984 13.0902ZM92.5427 21.4023C97.0994 21.4023 101.94 18.8974 101.94 12.9187C101.94 7.16616 97.2698 4.69042 92.7413 4.69042C88.0984 4.69042 83.3442 7.25192 83.3442 13.175C83.3442 18.9549 88.0142 21.4023 92.5427 21.4023Z"}))),this.heading===""?null:o("div",{class:"profilemodal-heading"},this.heading),o("div",{key:"a51c67d4ef30bfb08d5ae3de185bfc8c7930d461",class:"profilemodal-content"},o("slot",{key:"38733244f30578ff68c367ae1e7801ae4ab5694c"})),this.continueCtaText?o("div",{class:"profilemodal-cta","aria-hidden":!n.selectedUrl+""},o("pn-button",{onclick:this.onCTAClick,href:n.selectedUrl,icon:a},this.continueCtaText)):null))}};d.style=r;export{d as pn_profile_modal};
+//# sourceMappingURL=p-90ba1d8e.entry.js.map

package/pn-market-web-components/{p-655e6f71.entry.js.map → p-90ba1d8e.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnProfileModalCss","PnProfileModalStyle0","PnProfileModal","componentWillLoad","this","populateState","bindEvents","state","i18n","chooseCustomerNumberText","choosenCompanyText","toText","selectedType","hostElement","querySelector","getAttribute","segmentControl","addEventListener","onSegmentControlChange","bind","e","contentId","target","value","content","types","querySelectorAll","forEach","type","setAttribute","onCTAClick","selectedUrl","console","log","onUrlSelected","detail","ctaBtn","scrollIntoView","block","inline","behavior","render","h","Host","key","class","viewBox","fill","xmlns","width","height","d","heading","continueCtaText","onclick","href","icon","arrow_right"],"sources":["src/components/profile/pn-profile-modal/pn-profile-modal.scss?tag=pn-profile-modal","src/components/profile/pn-profile-modal/pn-profile-modal.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-modal {\n  margin: 1em auto;\n  display: flex;\n  flex-direction: column;\n  min-width: 42.4rem;\n  max-width: 38.4rem;\n  width: 100%;\n  padding: 1.6rem;\n  border-radius: 8px;\n  background: $white;\n}\n\n.profilemodal-container {\n  padding: 3.2rem;\n  border-radius: 8px;\n  box-shadow:\n    0 0.06rem 0.18rem rgba(0, 0, 0, 0.1),\n    0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);\n  border: 0.1rem solid $gray50;\n  display: flex;\n  flex-direction: column;\n}\n\n.profilemodal-logo {\n  display: none;\n  svg {\n    display: block;\n    margin: 0 auto 2.4rem;\n  }\n}\n\n.profilemodal-heading {\n  text-align: center;\n  font-weight: 700;\n}\n\n.profilemodal-content {\n  margin: 1.6rem 0 0;\n  pn-segmented-control {\n    transform: translateZ(0) translateX(-50%);\n    left: 50%;\n  }\n}\n\n.profilemodal-cta {\n  margin: 1.6rem 0 0;\n  transition:\n    max-height 0.15s ease,\n    opacity 0.15s ease;\n  overflow: hidden;\n  opacity: 1;\n  &[aria-hidden='true'] {\n    max-height: 0;\n    opacity: 1;\n  }\n  > pn-button {\n    width: 100%;\n  }\n}\n","import { Component, Prop, h, State, Element, Listen, Watch, Host, Event, EventEmitter } from '@stencil/core';\n\nimport state from './pn-profile-modal-store';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n@Component({\n  tag: 'pn-profile-modal',\n  styleUrl: 'pn-profile-modal.scss',\n})\nexport class PnProfileModal {\n  @Element() hostElement: Element;\n\n  @Prop() heading: string = null;\n  @Prop() continueCtaText: string = null;\n  @Prop() choosenCompanyText: string = null;\n  @Prop() toText: string = null;\n  @Prop() chooseCustomerNumberText: string = null;\n\n  @State() isLoading: boolean = true;\n\n  componentWillLoad() {\n    this.populateState();\n    this.bindEvents();\n  }\n  populateState() {\n    state.i18n.chooseCustomerNumberText = this.chooseCustomerNumberText;\n    state.i18n.choosenCompanyText = this.choosenCompanyText;\n    state.i18n.toText = this.toText;\n    const selectedType = this.hostElement.querySelector('pn-profile-modal-type[selected=\"true\"]');\n    if (selectedType) {\n      state.selectedType = selectedType.getAttribute('name');\n    }\n  }\n  bindEvents() {\n    const segmentControl = this.hostElement.querySelector('pn-segmented-control');\n    if (segmentControl) {\n      segmentControl.addEventListener('change', this.onSegmentControlChange.bind(this));\n    }\n  }\n  onSegmentControlChange(e) {\n    const contentId = e.target.value;\n    const content = this.hostElement.querySelector(`[typeid=\"${contentId}\"]`);\n    if (content) {\n      const types = [...this.hostElement.querySelectorAll('pn-profile-modal-type')];\n      types.forEach(type => {\n        type.setAttribute('selected', (type.getAttribute('typeid') === contentId) + '');\n      });\n    }\n  }\n\n  onCTAClick() {\n    if (!state.selectedUrl) {\n      console.log('no Url as been selected, will not continue');\n    }\n  }\n  @Listen('urlSelected')\n  onUrlSelected(e) {\n    if (!e || !e.detail) {\n      return;\n    }\n    state.selectedUrl = e.detail;\n    const ctaBtn = this.hostElement.querySelector('.profilemodal-cta pn-button');\n    if (ctaBtn) {\n      ctaBtn.scrollIntoView({ block: 'start', inline: 'nearest', behavior: 'smooth' });\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"profilemodal-container\">\n          <div class=\"profilemodal-logo\">\n            <svg viewBox=\"0 0 133 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.1rem\" height=\"3.2rem\">\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                fill=\"#00A0D6\"\n                d=\"M132.749 0.333618V20.9198H126.976V19.3809C126.976 19.3809 125.475 21.4316 122.191 21.4316C117.381 21.4316 114.662 17.7015 114.662 13.0327C114.662 8.47612 117.776 4.7187 122.617 4.7187C125.589 4.7187 126.976 6.19924 126.976 6.19924V1.47206L132.749 0.333618ZM54.2322 1.67091H60.0055V5.20216H65.3564L62.7235 10.0999H60.0055V20.9198H54.2322V1.67091ZM28.2484 21.4023C32.8051 21.4023 37.6446 18.8974 37.6446 12.9187C37.6446 7.16616 32.9746 4.69042 28.4461 4.69042C23.8042 4.69042 19.049 7.25192 19.049 13.175C19.049 18.9549 23.7199 21.4023 28.2484 21.4023ZM28.3327 9.78608C30.2294 9.78608 31.5032 11.1243 31.5032 13.0902C31.5032 14.9392 30.2575 16.3076 28.3327 16.3076C26.437 16.3076 25.1351 14.9392 25.1351 13.0902C25.1351 11.1243 26.4089 9.78608 28.3327 9.78608ZM47.0708 10.8963C46.8158 10.8574 46.5804 10.8239 46.3639 10.7931C44.9938 10.5979 44.3827 10.5108 44.3827 9.87279C44.3827 9.24608 45.146 8.9888 46.6465 8.9888C49.1941 8.9888 51.4298 9.84357 51.4298 9.84357L52.4488 5.43022C52.4488 5.43022 49.9865 4.71869 46.7027 4.71869C41.1841 4.71869 38.2965 6.85422 38.2965 10.2705C38.2965 12.9187 39.8532 14.485 44.4108 15.0825C46.3355 15.3388 47.0427 15.4519 47.0427 16.1644C47.0427 16.8486 46.2784 17.0757 44.9484 17.0757C42.0608 17.0757 39.3437 15.8515 39.3437 15.8515L38.1832 20.4081C38.1832 20.4081 40.9003 21.375 44.4389 21.375C50.3826 21.375 53.1279 19.2668 53.1279 15.8223C53.1279 13.0902 51.6555 11.6087 47.0708 10.8963ZM76.1968 4.69042C72.8287 4.69042 71.6111 6.74018 71.6111 6.74018V5.20216H65.8369V20.9198H71.6111V12.8612C71.6111 10.8689 72.3483 9.95666 74.1297 9.95666C75.913 9.95666 76.1687 11.4381 76.1687 13.3173V20.9198H81.9982V11.2666C81.9982 6.93903 79.9339 4.69042 76.1968 4.69042ZM123.948 9.8153C125.843 9.8153 127.144 11.1818 127.144 13.0327C127.144 14.9958 125.87 16.335 123.948 16.335C122.051 16.335 120.778 14.9958 120.778 13.0327C120.778 11.1818 122.024 9.8153 123.948 9.8153ZM112.456 10.213C110.53 10.213 109.088 10.9537 109.088 13.3456V20.9198H103.313V5.20216H109.088V7.02479C109.088 7.02479 109.965 4.97409 113.191 4.97409C114.181 4.97409 114.55 5.14467 114.55 5.14467L114.408 10.4976C114.408 10.4976 113.643 10.213 112.456 10.213ZM11.9728 13.0902C11.9728 11.1243 10.699 9.78608 8.80235 9.78608C6.87853 9.78608 5.6038 11.1243 5.6038 13.0902C5.6038 14.9392 6.9057 16.3076 8.80235 16.3076C10.728 16.3076 11.9728 14.9392 11.9728 13.0902ZM10.1333 21.4023C14.9728 21.4023 18.0871 17.6468 18.0871 13.0902C18.0871 8.41958 15.3699 4.69042 10.5576 4.69042C7.27472 4.69042 5.77426 6.74018 5.77426 6.74018V5.20216H0V25.4453H5.77426V19.9227C5.77426 19.9227 7.16139 21.4023 10.1333 21.4023ZM95.7984 13.0902C95.7984 11.1243 94.5246 9.78608 92.6279 9.78608C90.7032 9.78608 89.4284 11.1243 89.4284 13.0902C89.4284 14.9392 90.7322 16.3076 92.6279 16.3076C94.5536 16.3076 95.7984 14.9392 95.7984 13.0902ZM92.5427 21.4023C97.0994 21.4023 101.94 18.8974 101.94 12.9187C101.94 7.16616 97.2698 4.69042 92.7413 4.69042C88.0984 4.69042 83.3442 7.25192 83.3442 13.175C83.3442 18.9549 88.0142 21.4023 92.5427 21.4023Z\"\n              ></path>\n            </svg>\n          </div>\n\n          {this.heading === '' ? null : <div class=\"profilemodal-heading\">{this.heading}</div>}\n          <div class=\"profilemodal-content\">\n            <slot />\n          </div>\n          {this.continueCtaText ? (\n            <div class=\"profilemodal-cta\" aria-hidden={!state.selectedUrl + ''}>\n              <pn-button onclick={this.onCTAClick} href={state.selectedUrl} icon={arrow_right}>\n                {this.continueCtaText}\n              </pn-button>\n            </div>\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oJAAA,MAAMA,EAAoB,o7BAC1B,MAAAC,EAAeD,E,MCOFE,EAAc,M,sCAGC,K,qBACQ,K,wBACG,K,YACZ,K,8BACkB,K,eAEb,I,CAE9B,iBAAAC,GACEC,KAAKC,gBACLD,KAAKE,Y,CAEP,aAAAD,GACEE,EAAMC,KAAKC,yBAA2BL,KAAKK,yBAC3CF,EAAMC,KAAKE,mBAAqBN,KAAKM,mBACrCH,EAAMC,KAAKG,OAASP,KAAKO,OACzB,MAAMC,EAAeR,KAAKS,YAAYC,cAAc,0CACpD,GAAIF,EAAc,CAChBL,EAAMK,aAAeA,EAAaG,aAAa,O,EAGnD,UAAAT,GACE,MAAMU,EAAiBZ,KAAKS,YAAYC,cAAc,wBACtD,GAAIE,EAAgB,CAClBA,EAAeC,iBAAiB,SAAUb,KAAKc,uBAAuBC,KAAKf,M,EAG/E,sBAAAc,CAAuBE,GACrB,MAAMC,EAAYD,EAAEE,OAAOC,MAC3B,MAAMC,EAAUpB,KAAKS,YAAYC,cAAc,YAAYO,OAC3D,GAAIG,EAAS,CACX,MAAMC,EAAQ,IAAIrB,KAAKS,YAAYa,iBAAiB,0BACpDD,EAAME,SAAQC,IACZA,EAAKC,aAAa,YAAaD,EAAKb,aAAa,YAAcM,GAAa,GAAG,G,EAKrF,UAAAS,GACE,IAAKvB,EAAMwB,YAAa,CACtBC,QAAQC,IAAI,6C,EAIhB,aAAAC,CAAcd,GACZ,IAAKA,IAAMA,EAAEe,OAAQ,CACnB,M,CAEF5B,EAAMwB,YAAcX,EAAEe,OACtB,MAAMC,EAAShC,KAAKS,YAAYC,cAAc,+BAC9C,GAAIsB,EAAQ,CACVA,EAAOC,eAAe,CAAEC,MAAO,QAASC,OAAQ,UAAWC,SAAU,U,EAIzE,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBACTH,EAAA,OAAAE,IAAA,2CAAKE,QAAQ,aAAaC,KAAK,OAAOC,MAAM,6BAA6BC,MAAM,UAAUC,OAAO,UAC9FR,EAAA,QAAAE,IAAA,uDACY,UAAS,YACT,UACVG,KAAK,UACLI,EAAE,68FAKP/C,KAAKgD,UAAY,GAAK,KAAOV,EAAA,OAAKG,MAAM,wBAAwBzC,KAAKgD,SACtEV,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wBACTH,EAAA,QAAAE,IAAA,8CAEDxC,KAAKiD,gBACJX,EAAA,OAAKG,MAAM,mBAAkB,eAAetC,EAAMwB,YAAc,IAC9DW,EAAA,aAAWY,QAASlD,KAAK0B,WAAYyB,KAAMhD,EAAMwB,YAAayB,KAAMC,GACjErD,KAAKiD,kBAGR,M","ignoreList":[]}
+{"version":3,"names":["pnProfileModalCss","PnProfileModalStyle0","PnProfileModal","componentWillLoad","this","populateState","bindEvents","state","i18n","chooseCustomerNumberText","choosenCompanyText","toText","selectedType","hostElement","querySelector","getAttribute","segmentControl","addEventListener","onSegmentControlChange","bind","e","contentId","target","value","content","types","querySelectorAll","forEach","type","setAttribute","onCTAClick","selectedUrl","console","log","onUrlSelected","detail","ctaBtn","scrollIntoView","block","inline","behavior","render","h","Host","key","class","viewBox","fill","xmlns","width","height","d","heading","continueCtaText","onclick","href","icon","arrow_right"],"sources":["src/components/profile/pn-profile-modal/pn-profile-modal.scss?tag=pn-profile-modal","src/components/profile/pn-profile-modal/pn-profile-modal.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-modal {\n  margin: 1em auto;\n  display: flex;\n  flex-direction: column;\n  min-width: 42.4rem;\n  max-width: 38.4rem;\n  width: 100%;\n  padding: 1.6rem;\n  border-radius: 8px;\n  background: $white;\n}\n\n.profilemodal-container {\n  padding: 3.2rem;\n  border-radius: 8px;\n  box-shadow:\n    0 0.06rem 0.18rem rgba(0, 0, 0, 0.1),\n    0 0.32rem 0.72rem rgba(0, 0, 0, 0.13);\n  border: 0.1rem solid $gray50;\n  display: flex;\n  flex-direction: column;\n}\n\n.profilemodal-logo {\n  display: none;\n  svg {\n    display: block;\n    margin: 0 auto 2.4rem;\n  }\n}\n\n.profilemodal-heading {\n  text-align: center;\n  font-weight: 700;\n}\n\n.profilemodal-content {\n  margin: 1.6rem 0 0;\n  pn-segmented-control {\n    transform: translateZ(0) translateX(-50%);\n    left: 50%;\n  }\n}\n\n.profilemodal-cta {\n  margin: 1.6rem 0 0;\n  transition:\n    max-height 0.15s ease,\n    opacity 0.15s ease;\n  overflow: hidden;\n  opacity: 1;\n  &[aria-hidden='true'] {\n    max-height: 0;\n    opacity: 1;\n  }\n  > pn-button {\n    width: 100%;\n  }\n}\n","import { Component, Prop, h, State, Element, Listen, Watch, Host, Event, EventEmitter } from '@stencil/core';\n\nimport state from './pn-profile-modal-store';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n@Component({\n  tag: 'pn-profile-modal',\n  styleUrl: 'pn-profile-modal.scss',\n})\nexport class PnProfileModal {\n  @Element() hostElement: Element;\n\n  @Prop() heading: string = null;\n  @Prop() continueCtaText: string = null;\n  @Prop() choosenCompanyText: string = null;\n  @Prop() toText: string = null;\n  @Prop() chooseCustomerNumberText: string = null;\n\n  @State() isLoading: boolean = true;\n\n  componentWillLoad() {\n    this.populateState();\n    this.bindEvents();\n  }\n  populateState() {\n    state.i18n.chooseCustomerNumberText = this.chooseCustomerNumberText;\n    state.i18n.choosenCompanyText = this.choosenCompanyText;\n    state.i18n.toText = this.toText;\n    const selectedType = this.hostElement.querySelector('pn-profile-modal-type[selected=\"true\"]');\n    if (selectedType) {\n      state.selectedType = selectedType.getAttribute('name');\n    }\n  }\n  bindEvents() {\n    const segmentControl = this.hostElement.querySelector('pn-segmented-control');\n    if (segmentControl) {\n      segmentControl.addEventListener('change', this.onSegmentControlChange.bind(this));\n    }\n  }\n  onSegmentControlChange(e) {\n    const contentId = e.target.value;\n    const content = this.hostElement.querySelector(`[typeid=\"${contentId}\"]`);\n    if (content) {\n      const types = [...this.hostElement.querySelectorAll('pn-profile-modal-type')];\n      types.forEach(type => {\n        type.setAttribute('selected', (type.getAttribute('typeid') === contentId) + '');\n      });\n    }\n  }\n\n  onCTAClick() {\n    if (!state.selectedUrl) {\n      console.log('no Url as been selected, will not continue');\n    }\n  }\n  @Listen('urlSelected')\n  onUrlSelected(e) {\n    if (!e || !e.detail) {\n      return;\n    }\n    state.selectedUrl = e.detail;\n    const ctaBtn = this.hostElement.querySelector('.profilemodal-cta pn-button');\n    if (ctaBtn) {\n      ctaBtn.scrollIntoView({ block: 'start', inline: 'nearest', behavior: 'smooth' });\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"profilemodal-container\">\n          <div class=\"profilemodal-logo\">\n            <svg viewBox=\"0 0 133 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" width=\"17.1rem\" height=\"3.2rem\">\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                fill=\"#00A0D6\"\n                d=\"M132.749 0.333618V20.9198H126.976V19.3809C126.976 19.3809 125.475 21.4316 122.191 21.4316C117.381 21.4316 114.662 17.7015 114.662 13.0327C114.662 8.47612 117.776 4.7187 122.617 4.7187C125.589 4.7187 126.976 6.19924 126.976 6.19924V1.47206L132.749 0.333618ZM54.2322 1.67091H60.0055V5.20216H65.3564L62.7235 10.0999H60.0055V20.9198H54.2322V1.67091ZM28.2484 21.4023C32.8051 21.4023 37.6446 18.8974 37.6446 12.9187C37.6446 7.16616 32.9746 4.69042 28.4461 4.69042C23.8042 4.69042 19.049 7.25192 19.049 13.175C19.049 18.9549 23.7199 21.4023 28.2484 21.4023ZM28.3327 9.78608C30.2294 9.78608 31.5032 11.1243 31.5032 13.0902C31.5032 14.9392 30.2575 16.3076 28.3327 16.3076C26.437 16.3076 25.1351 14.9392 25.1351 13.0902C25.1351 11.1243 26.4089 9.78608 28.3327 9.78608ZM47.0708 10.8963C46.8158 10.8574 46.5804 10.8239 46.3639 10.7931C44.9938 10.5979 44.3827 10.5108 44.3827 9.87279C44.3827 9.24608 45.146 8.9888 46.6465 8.9888C49.1941 8.9888 51.4298 9.84357 51.4298 9.84357L52.4488 5.43022C52.4488 5.43022 49.9865 4.71869 46.7027 4.71869C41.1841 4.71869 38.2965 6.85422 38.2965 10.2705C38.2965 12.9187 39.8532 14.485 44.4108 15.0825C46.3355 15.3388 47.0427 15.4519 47.0427 16.1644C47.0427 16.8486 46.2784 17.0757 44.9484 17.0757C42.0608 17.0757 39.3437 15.8515 39.3437 15.8515L38.1832 20.4081C38.1832 20.4081 40.9003 21.375 44.4389 21.375C50.3826 21.375 53.1279 19.2668 53.1279 15.8223C53.1279 13.0902 51.6555 11.6087 47.0708 10.8963ZM76.1968 4.69042C72.8287 4.69042 71.6111 6.74018 71.6111 6.74018V5.20216H65.8369V20.9198H71.6111V12.8612C71.6111 10.8689 72.3483 9.95666 74.1297 9.95666C75.913 9.95666 76.1687 11.4381 76.1687 13.3173V20.9198H81.9982V11.2666C81.9982 6.93903 79.9339 4.69042 76.1968 4.69042ZM123.948 9.8153C125.843 9.8153 127.144 11.1818 127.144 13.0327C127.144 14.9958 125.87 16.335 123.948 16.335C122.051 16.335 120.778 14.9958 120.778 13.0327C120.778 11.1818 122.024 9.8153 123.948 9.8153ZM112.456 10.213C110.53 10.213 109.088 10.9537 109.088 13.3456V20.9198H103.313V5.20216H109.088V7.02479C109.088 7.02479 109.965 4.97409 113.191 4.97409C114.181 4.97409 114.55 5.14467 114.55 5.14467L114.408 10.4976C114.408 10.4976 113.643 10.213 112.456 10.213ZM11.9728 13.0902C11.9728 11.1243 10.699 9.78608 8.80235 9.78608C6.87853 9.78608 5.6038 11.1243 5.6038 13.0902C5.6038 14.9392 6.9057 16.3076 8.80235 16.3076C10.728 16.3076 11.9728 14.9392 11.9728 13.0902ZM10.1333 21.4023C14.9728 21.4023 18.0871 17.6468 18.0871 13.0902C18.0871 8.41958 15.3699 4.69042 10.5576 4.69042C7.27472 4.69042 5.77426 6.74018 5.77426 6.74018V5.20216H0V25.4453H5.77426V19.9227C5.77426 19.9227 7.16139 21.4023 10.1333 21.4023ZM95.7984 13.0902C95.7984 11.1243 94.5246 9.78608 92.6279 9.78608C90.7032 9.78608 89.4284 11.1243 89.4284 13.0902C89.4284 14.9392 90.7322 16.3076 92.6279 16.3076C94.5536 16.3076 95.7984 14.9392 95.7984 13.0902ZM92.5427 21.4023C97.0994 21.4023 101.94 18.8974 101.94 12.9187C101.94 7.16616 97.2698 4.69042 92.7413 4.69042C88.0984 4.69042 83.3442 7.25192 83.3442 13.175C83.3442 18.9549 88.0142 21.4023 92.5427 21.4023Z\"\n              ></path>\n            </svg>\n          </div>\n\n          {this.heading === '' ? null : <div class=\"profilemodal-heading\">{this.heading}</div>}\n          <div class=\"profilemodal-content\">\n            <slot />\n          </div>\n          {this.continueCtaText ? (\n            <div class=\"profilemodal-cta\" aria-hidden={!state.selectedUrl + ''}>\n              <pn-button onclick={this.onCTAClick} href={state.selectedUrl} icon={arrow_right}>\n                {this.continueCtaText}\n              </pn-button>\n            </div>\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oJAAA,MAAMA,EAAoB,o7BAC1B,MAAAC,EAAeD,E,MCOFE,EAAc,M,sCAGC,K,qBACQ,K,wBACG,K,YACZ,K,8BACkB,K,eAEb,I,kCAE9B,iBAAAC,GACEC,KAAKC,gBACLD,KAAKE,Y,CAEP,aAAAD,GACEE,EAAMC,KAAKC,yBAA2BL,KAAKK,yBAC3CF,EAAMC,KAAKE,mBAAqBN,KAAKM,mBACrCH,EAAMC,KAAKG,OAASP,KAAKO,OACzB,MAAMC,EAAeR,KAAKS,YAAYC,cAAc,0CACpD,GAAIF,EAAc,CAChBL,EAAMK,aAAeA,EAAaG,aAAa,O,EAGnD,UAAAT,GACE,MAAMU,EAAiBZ,KAAKS,YAAYC,cAAc,wBACtD,GAAIE,EAAgB,CAClBA,EAAeC,iBAAiB,SAAUb,KAAKc,uBAAuBC,KAAKf,M,EAG/E,sBAAAc,CAAuBE,GACrB,MAAMC,EAAYD,EAAEE,OAAOC,MAC3B,MAAMC,EAAUpB,KAAKS,YAAYC,cAAc,YAAYO,OAC3D,GAAIG,EAAS,CACX,MAAMC,EAAQ,IAAIrB,KAAKS,YAAYa,iBAAiB,0BACpDD,EAAME,SAAQC,IACZA,EAAKC,aAAa,YAAaD,EAAKb,aAAa,YAAcM,GAAa,GAAG,G,EAKrF,UAAAS,GACE,IAAKvB,EAAMwB,YAAa,CACtBC,QAAQC,IAAI,6C,EAIhB,aAAAC,CAAcd,GACZ,IAAKA,IAAMA,EAAEe,OAAQ,CACnB,M,CAEF5B,EAAMwB,YAAcX,EAAEe,OACtB,MAAMC,EAAShC,KAAKS,YAAYC,cAAc,+BAC9C,GAAIsB,EAAQ,CACVA,EAAOC,eAAe,CAAEC,MAAO,QAASC,OAAQ,UAAWC,SAAU,U,EAIzE,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBACTH,EAAA,OAAAE,IAAA,2CAAKE,QAAQ,aAAaC,KAAK,OAAOC,MAAM,6BAA6BC,MAAM,UAAUC,OAAO,UAC9FR,EAAA,QAAAE,IAAA,uDACY,UAAS,YACT,UACVG,KAAK,UACLI,EAAE,68FAKP/C,KAAKgD,UAAY,GAAK,KAAOV,EAAA,OAAKG,MAAM,wBAAwBzC,KAAKgD,SACtEV,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wBACTH,EAAA,QAAAE,IAAA,8CAEDxC,KAAKiD,gBACJX,EAAA,OAAKG,MAAM,mBAAkB,eAAetC,EAAMwB,YAAc,IAC9DW,EAAA,aAAWY,QAASlD,KAAK0B,WAAYyB,KAAMhD,EAAMwB,YAAayB,KAAMC,GACjErD,KAAKiD,kBAGR,M","ignoreList":[]}

package/pn-market-web-components/{p-eee5ec0a.entry.js → p-931d3a9b.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,d as o,g as p}from"./p-06555615.js";import{s}from"./p-2d267d5f.js";import"./p-3f8aa7d1.js";const i="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-profile-modal-type{display:flex;width:100%;padding:3.2rem 0 1.2rem;flex-direction:column;gap:1.6rem;display:none}pn-profile-modal-type:first-of-type{margin-top:2.4rem}pn-profile-modal-type:last-of-type{border-bottom:0;padding-bottom:0}pn-profile-modal-type:last-of-type .profileselectoroption{padding-bottom:0}pn-profile-modal-type[selected=true]{display:flex;opacity:1}";const l=i;const a=class{constructor(t){e(this,t);this.typeid="";this.name="false";this.selected=false;this.selectedprofile=null}onSelectedChange(){if(this.selected){s.selectedType=this.name}s.selectedProfile="";[...this.hostElement.querySelectorAll("pn-profile-modal-profile")].map((e=>{e.setAttribute("selected","false")}))}render(){return t(o,{key:"98952eff6707ccdbd1542211aa27c15a2a4132b3",selected:(s.selectedType===this.name)+"","selected-profile":s.selectedProfile+""},t("slot",{key:"337448f06a943c42e520cfa9cc7a5890eaded9cb"}))}get hostElement(){return p(this)}static get watchers(){return{selected:["onSelectedChange"]}}};a.style=l;export{a as pn_profile_modal_type};
-//# sourceMappingURL=p-eee5ec0a.entry.js.map
+import{r as e,g as t,h as o,d as p}from"./p-06555615.js";import{s}from"./p-2d267d5f.js";import"./p-3f8aa7d1.js";const i="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-profile-modal-type{display:flex;width:100%;padding:3.2rem 0 1.2rem;flex-direction:column;gap:1.6rem;display:none}pn-profile-modal-type:first-of-type{margin-top:2.4rem}pn-profile-modal-type:last-of-type{border-bottom:0;padding-bottom:0}pn-profile-modal-type:last-of-type .profileselectoroption{padding-bottom:0}pn-profile-modal-type[selected=true]{display:flex;opacity:1}";const l=i;const a=class{constructor(t){e(this,t);this.typeid="";this.name="false";this.selected=false;this.selectedprofile=null}get hostElement(){return t(this)}onSelectedChange(){if(this.selected){s.selectedType=this.name}s.selectedProfile="";[...this.hostElement.querySelectorAll("pn-profile-modal-profile")].map((e=>{e.setAttribute("selected","false")}))}render(){return o(p,{key:"98952eff6707ccdbd1542211aa27c15a2a4132b3",selected:(s.selectedType===this.name)+"","selected-profile":s.selectedProfile+""},o("slot",{key:"337448f06a943c42e520cfa9cc7a5890eaded9cb"}))}static get watchers(){return{selected:["onSelectedChange"]}}};a.style=l;export{a as pn_profile_modal_type};
+//# sourceMappingURL=p-931d3a9b.entry.js.map

package/pn-market-web-components/{p-eee5ec0a.entry.js.map → p-931d3a9b.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnProfileModalTypeCss","PnProfileModalTypeStyle0","PnProfileModalType","onSelectedChange","this","selected","state","selectedType","name","selectedProfile","hostElement","querySelectorAll","map","x","setAttribute","render","h","Host","key"],"sources":["src/components/profile/pn-profile-modal/pn-profile-modal-type.scss?tag=pn-profile-modal-type","src/components/profile/pn-profile-modal/pn-profile-modal-type.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-modal-type {\n  display: flex;\n  width: 100%;\n  padding: 3.2rem 0 1.2rem;\n  flex-direction: column;\n  gap: 1.6rem;\n  &:first-of-type {\n    margin-top: 2.4rem;\n  }\n  &:last-of-type {\n    border-bottom: 0;\n    padding-bottom: 0;\n    .profileselectoroption {\n      padding-bottom: 0;\n    }\n  }\n  display: none;\n  &[selected='true'] {\n    display: flex;\n    opacity: 1;\n  }\n}\n","import { Component, Prop, h, Element, Host, Watch } from '@stencil/core';\nimport state from './pn-profile-modal-store';\n@Component({\n  tag: 'pn-profile-modal-type',\n  styleUrl: 'pn-profile-modal-type.scss',\n})\nexport class PnProfileModalType {\n  @Element() hostElement: Element;\n\n  @Prop({ reflect: true }) typeid: string = '';\n  @Prop({ mutable: true }) name: string = 'false';\n  @Prop({ mutable: true }) selected: boolean = false;\n  @Prop({ mutable: true }) selectedprofile: string = null;\n\n  @Watch('selected')\n  onSelectedChange() {\n    if (this.selected) {\n      state.selectedType = this.name;\n    }\n    state.selectedProfile = '';\n    [...this.hostElement.querySelectorAll('pn-profile-modal-profile')].map(x => {\n      x.setAttribute('selected', 'false');\n    });\n  }\n  render() {\n    return (\n      <Host selected={(state.selectedType === this.name) + ''} selected-profile={state.selectedProfile + ''}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"gHAAA,MAAMA,EAAwB,ucAC9B,MAAAC,EAAeD,E,MCKFE,EAAkB,M,qCAGa,G,UACF,Q,cACK,M,qBACM,I,CAGnD,gBAAAC,GACE,GAAIC,KAAKC,SAAU,CACjBC,EAAMC,aAAeH,KAAKI,I,CAE5BF,EAAMG,gBAAkB,GACxB,IAAIL,KAAKM,YAAYC,iBAAiB,6BAA6BC,KAAIC,IACrEA,EAAEC,aAAa,WAAY,QAAQ,G,CAGvC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACb,UAAWC,EAAMC,eAAiBH,KAAKI,MAAQ,GAAE,mBAAoBF,EAAMG,gBAAkB,IACjGO,EAAA,QAAAE,IAAA,6C","ignoreList":[]}
+{"version":3,"names":["pnProfileModalTypeCss","PnProfileModalTypeStyle0","PnProfileModalType","onSelectedChange","this","selected","state","selectedType","name","selectedProfile","hostElement","querySelectorAll","map","x","setAttribute","render","h","Host","key"],"sources":["src/components/profile/pn-profile-modal/pn-profile-modal-type.scss?tag=pn-profile-modal-type","src/components/profile/pn-profile-modal/pn-profile-modal-type.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-profile-modal-type {\n  display: flex;\n  width: 100%;\n  padding: 3.2rem 0 1.2rem;\n  flex-direction: column;\n  gap: 1.6rem;\n  &:first-of-type {\n    margin-top: 2.4rem;\n  }\n  &:last-of-type {\n    border-bottom: 0;\n    padding-bottom: 0;\n    .profileselectoroption {\n      padding-bottom: 0;\n    }\n  }\n  display: none;\n  &[selected='true'] {\n    display: flex;\n    opacity: 1;\n  }\n}\n","import { Component, Prop, h, Element, Host, Watch } from '@stencil/core';\nimport state from './pn-profile-modal-store';\n@Component({\n  tag: 'pn-profile-modal-type',\n  styleUrl: 'pn-profile-modal-type.scss',\n})\nexport class PnProfileModalType {\n  @Element() hostElement: Element;\n\n  @Prop({ reflect: true }) typeid: string = '';\n  @Prop({ mutable: true }) name: string = 'false';\n  @Prop({ mutable: true }) selected: boolean = false;\n  @Prop({ mutable: true }) selectedprofile: string = null;\n\n  @Watch('selected')\n  onSelectedChange() {\n    if (this.selected) {\n      state.selectedType = this.name;\n    }\n    state.selectedProfile = '';\n    [...this.hostElement.querySelectorAll('pn-profile-modal-profile')].map(x => {\n      x.setAttribute('selected', 'false');\n    });\n  }\n  render() {\n    return (\n      <Host selected={(state.selectedType === this.name) + ''} selected-profile={state.selectedProfile + ''}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"gHAAA,MAAMA,EAAwB,ucAC9B,MAAAC,EAAeD,E,MCKFE,EAAkB,M,qCAGa,G,UACF,Q,cACK,M,qBACM,I,kCAGnD,gBAAAC,GACE,GAAIC,KAAKC,SAAU,CACjBC,EAAMC,aAAeH,KAAKI,I,CAE5BF,EAAMG,gBAAkB,GACxB,IAAIL,KAAKM,YAAYC,iBAAiB,6BAA6BC,KAAIC,IACrEA,EAAEC,aAAa,WAAY,QAAQ,G,CAGvC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACb,UAAWC,EAAMC,eAAiBH,KAAKI,MAAQ,GAAE,mBAAoBF,EAAMG,gBAAkB,IACjGO,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/pn-market-web-components/{p-9a93bcd0.entry.js → p-95c10b7e.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as i,d as t,g as a}from"./p-06555615.js";const l={sv:{heading:"Prisindikation med PEX Bud",labelFrom:"Från postkod",labelTo:"Till postkod",zipPlaceholder:"Ex. 12831",labelWeight:"Vikt (i kilo)",weightPlaceholder:"Ex. 1000",labelWhen:"När",submitButtonText:"Beräkna pris"},en:{heading:"Calculate price with PEX Bud",labelFrom:"From zip",labelTo:"To zip",zipPlaceholder:"Ex. 12831",labelWeight:"Weight (in kilo)",weightPlaceholder:"Ex. 1000",labelWhen:"When",submitButtonText:"Calculate price"}};const d='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 120"><g clip-path="url(#PEX-truck_svg__a)"><path fill="#8EDDF9" d="M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60"/><path fill="#0D234B" fill-rule="evenodd" d="M-8 114.461c0-.311.253-.564.564-.564h278.872a.565.565 0 0 1 0 1.128H-7.436a.564.564 0 0 1-.564-.564" clip-rule="evenodd"/><path fill="#000" d="M95.087 114.912c6.804 0 12.319-5.515 12.319-12.319s-5.515-12.32-12.319-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.516 12.319 12.32 12.319"/><path fill="#D3CECB" d="M174.689 105.436H65.757V22h98.463c5.776 0 10.469 4.693 10.469 10.469z"/><path fill="#F3F2F2" d="M133.67 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h97.83v83.436z"/><path fill="#2D2013" d="M65.983 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h94.672z"/><path fill="#000" d="M233.486 106.429H21.264v-4.242a3.235 3.235 0 0 1 3.249-3.249h205.769a3.235 3.235 0 0 1 3.249 3.249v4.242z"/><path fill="#5E554A" fill-rule="evenodd" d="M30.56 88.763h-5.144v-1.128h5.144c1.906 0 3.316 1.715 3.316 3.632 0 1.968-1.415 3.633-3.316 3.633h-5.144v-1.128h5.144c1.167 0 2.188-1.043 2.188-2.505 0-1.422-1.026-2.504-2.188-2.504" clip-rule="evenodd"/><path fill="#00A0D6" d="M63.995 98.848 123.334 22h9.431L73.381 98.938z"/><path fill="#A7A6A6" d="m62.597 22 9.521.045 21.795 28.203-4.783 6.137zM97.706 67.486l4.647-6.092 28.925 37.454-9.295.09z"/><path fill="#000" d="M70.764 105.436H39.493v-3.43c0-8.618 6.994-15.658 15.658-15.658 8.619 0 15.658 6.995 15.658 15.658v3.43z"/><path fill="#000" d="M55.108 114.912c6.804 0 12.32-5.515 12.32-12.319s-5.516-12.32-12.32-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.515 12.319 12.32 12.319"/><path fill="#5E554A" d="M55.017 107.647a5.054 5.054 0 1 0 0-10.108 5.054 5.054 0 0 0 0 10.108"/><path fill="#fff" d="M58.583 58.595h-6.498v1.354h6.498z"/><path fill="#fff" d="M49.466 52.144v14.71h11.19v-1.353H51V53.497h9.386v-1.353zM36.154 66.854v-14.71h5.912c3.52 0 5.234 1.398 5.234 4.286 0 2.979-1.715 4.468-5.234 4.468h-3.294v-1.354h3.294c2.617 0 3.79-.948 3.79-3.068 0-2.076-1.173-2.979-3.79-2.979h-4.378v13.357z"/><path fill="#1798D5" d="m61.877 66.854 11.551-14.71h1.805l-11.506 14.71z"/><path fill="#fff" d="m61.605 52.099 1.85.045 4.241 5.37-.902 1.173zM68.42 60.808l.902-1.128 5.64 7.175h-1.805zM60.522 70.735c0 .586-.406.993-.948.993-.36 0-.496-.18-.496-.18l-.045-.046v.722h-.677v-2.437h.677v.226l.045-.045s.18-.226.587-.226c.496-.045.857.361.857.993m-.722 0c0-.27-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406s.406-.18.406-.406m3.068-.045c0 .722-.541.992-1.128.992-.496 0-1.083-.27-1.083-.992s.542-.993 1.129-.993c.541 0 1.082.316 1.082.993m-.676.045c0-.27-.18-.406-.407-.406a.404.404 0 0 0-.406.406c0 .225.18.406.407.406.225 0 .406-.18.406-.406m1.85-.27h-.09c-.181-.046-.271-.046-.271-.136 0-.136.18-.136.316-.136.27 0 .496.09.586.09l.09-.496c-.09 0-.36-.09-.676-.09-.632 0-.993.226-.993.677 0 .316.225.496.722.586.225.046.36.046.36.136 0 .135-.135.135-.27.135-.316 0-.587-.09-.677-.135l-.135.496c.09.045.36.09.722.09.677 0 1.038-.225 1.038-.676 0-.226-.09-.452-.722-.542m1.58-1.13h-.678v2.302h.677V70.33h.361l.316-.542h-.632v-.451zM74.466 69.2v2.482h-.677v-.226l-.045.046s-.18.225-.542.225c-.541 0-.902-.406-.902-.993 0-.586.406-.992.947-.992.361 0 .497.18.497.18l.045.045v-.631zm-.632 1.49a.404.404 0 0 0-.406-.407.404.404 0 0 0-.406.406c0 .271.18.406.406.406.27.046.406-.135.406-.406M70.72 70.69c0 .722-.54.992-1.127.992-.497 0-1.083-.27-1.083-.993 0-.721.541-.992 1.128-.992.541 0 1.083.316 1.083.992m-.676.045c0-.271-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406.225 0 .406-.18.406-.406M72.028 70.33c.09 0 .18 0 .226.044v-.586h-.136c-.36 0-.496.225-.496.225l-.045.09v-.315H70.9v1.895h.677v-.903c0-.316.18-.45.451-.45M67.607 69.697c-.406 0-.541.225-.541.225l-.045.09v-.27h-.677v1.895h.677v-.948c0-.27.09-.36.316-.36.27 0 .27.225.27.45v.903h.677V70.51q0-.812-.677-.812"/></g><defs><clipPath id="PEX-truck_svg__a"><path fill="#fff" d="M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60"/></clipPath></defs></svg>';const n=d;const r="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.pex-pricefinder-top{display:flex;align-items:center}.pex-pricefinder-top pn-illustration{width:5.5rem;height:5.5rem;margin-right:1.6rem}.pex-pricefinder-form{margin:1.6rem 0 0 0;padding:0;border:0}.pex-pricefinder-form fieldset{margin:0;padding:0;border:0}.pex-pricefinder-form fieldset+fieldset{margin-top:1.6rem}.pex-pricefinder-form fieldset>div{display:flex;align-items:center;gap:1em}.pex-pricefinder-form fieldset>div>*{flex-grow:1;width:100%}.pex-pricefinder-form pn-button{align-self:end;margin-left:auto}.pex-pricefinder-form .datepicker{display:inline-flex;flex-direction:column}.pex-pricefinder-form .datepicker label{margin-bottom:0.4rem;color:#5e554a;font-size:0.875em;display:flex;justify-content:space-between;align-items:flex-end;cursor:pointer;transition:color 0.2s}.pex-pricefinder-form .datepicker pn-date-picker{width:100%}.pex-pricefinder-response{margin-top:2.4rem;text-align:center;font-size:2.4em}";const c=r;const h=class{constructor(i){e(this,i);this.language="sv";this.currency="Kr";this.apiUrl="/api/pex/order";this.i18n=l.sv;this.fromzip=null;this.tozip=null;this.weight=1;this.when="";this.response=null}componentWillLoad(){this.init()}async init(){this.setInitialTime();this.checkParameters();this.setLanguage()}setInitialTime(){const e=new Date;e.setHours(e.getHours()+1);e.setMinutes(0);const i=e.toLocaleString("sv",{timeZoneName:"short"}).split(" ");this.when=`${i[0]}T${i[1].substring(0,5)}`}checkParameters(){const e=new URLSearchParams(window.location.href);if(!e){return}const i=["fromzip","tozip","weight","when"];i.forEach((i=>{if(e.get(i)){this[i]=e.get(i)}}))}setLanguage(){if(l[this.language]){this.i18n=l[this.language]}}onSubmit(e){e.preventDefault();const i=new FormData(e.target);const t=this.compileRequestQuery(i);this.fetchResult(t)}compileRequestQuery(e){let i={from:e.get("fromzip"),to:e.get("tozip"),weight:e.get("weight"),when:e.get("when")};if(!i.when){i.when=this.hostElement.querySelector("input.date-input").value}if(!e.get("fromzip")||!e.get("tozip")||!e.get("weight")){console.error("Form data is not compliant");return}return i}async fetchResult(e){this.response=null;const i=new URLSearchParams(e);const t=await fetch(`${this.apiUrl}?${i.toString()}`,{method:"get",headers:{"Content-Type":"application/json"}}).catch(this.onFetchError.bind(this));let a=await t.json().catch(this.onFetchError.bind(this));if(!a){a=await(await import("./p-4c30e4d5.js")).default}if(a){this.response=a}}onFetchError(e){console.error("onFetchError(error",e)}render(){return i(t,{key:"742cd6396e2ad9b3e0e187cd119d5f4adec8dbf1"},i("div",{key:"f49ad71ba0aff4415620aa5bfed4609e052fb58c",class:"pex-pricefinder-top"},i("pn-illustration",{key:"24080dabb15a48e0d68f5b6a6d85ec6c7cd09e49",illustration:n}),i("h2",{key:"43ad48d518aedbf6741b07e57808e3dd58321d26"},this.i18n.heading)),i("form",{key:"3407cc0e217d2fbfe63dce5603a3b43fa5a6056f",method:"get",action:"",class:"pex-pricefinder-form",onSubmit:this.onSubmit.bind(this)},i("fieldset",{key:"f6ae922213d0fb6c06ab91fe00b35b61b3881eac"},i("div",{key:"e6822da8aebfb2040413d43035be24e18e337ec8"},i("pn-input",{key:"b5108e58ea6ed0b45f6e1b64bf756d0abf26eae9",type:"number",label:this.i18n.labelFrom,inputid:"fromzip",name:"fromzip",placeholder:this.i18n.zipPlaceholder,required:true,value:this.fromzip}),i("pn-input",{key:"83c0b8cbc2310f89dfbd2c7eedde4851d9a3b40d",type:"number",label:this.i18n.labelTo,inputid:"tozip",name:"tozip",placeholder:this.i18n.zipPlaceholder,required:true,value:this.tozip}))),i("fieldset",{key:"1ce0961fc701b461a189002ba52b2f4a4877ad50"},i("div",{key:"3415fffa5db6d7fa7217b99e7eda8f5b28bd15df"},i("pn-input",{key:"33362d3cf3c4948fb983d1dde4024b7edf14777d",type:"number",label:this.i18n.labelWeight,inputid:"weight",name:"weight",placeholder:this.i18n.weightPlaceholder,required:true,value:this.weight}),i("div",{key:"c4c9b1b172506c082bf98c521c68a2ed485662d3",class:"datepicker"},i("label",{key:"0a76111d4d38e8e7dc68fae3be00a95ab4d14ff8",htmlFor:"when"},this.i18n.labelWhen),i("pn-marketweb-input",{key:"01a84a228a366aa4a4a797ba5fe898c08f9b76fc",inputid:"when",name:"when",type:"datetime-local",min:(new Date).toISOString().split("T")[0],value:this.when})))),i("fieldset",{key:"a8ece788f3cec4d6dfc92b9587984160832eeca8"},i("div",{key:"fd00f98a9aa2a7c0686835d4dd2252220e602fd2"},i("pn-button",{key:"f9642c6347c3831772219440ea14d319898da3c3",type:"submit"},this.i18n.submitButtonText)))),this.response?i("div",{class:"pex-pricefinder-response"},i("strong",null,this.response.data.value," ",this.currency)):null)}get hostElement(){return a(this)}};h.style=c;export{h as pn_pex_pricefinder};
-//# sourceMappingURL=p-9a93bcd0.entry.js.map
+import{r as e,g as i,h as t,d as a}from"./p-06555615.js";const l={sv:{heading:"Prisindikation med PEX Bud",labelFrom:"Från postkod",labelTo:"Till postkod",zipPlaceholder:"Ex. 12831",labelWeight:"Vikt (i kilo)",weightPlaceholder:"Ex. 1000",labelWhen:"När",submitButtonText:"Beräkna pris"},en:{heading:"Calculate price with PEX Bud",labelFrom:"From zip",labelTo:"To zip",zipPlaceholder:"Ex. 12831",labelWeight:"Weight (in kilo)",weightPlaceholder:"Ex. 1000",labelWhen:"When",submitButtonText:"Calculate price"}};const d='<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 120"><g clip-path="url(#PEX-truck_svg__a)"><path fill="#8EDDF9" d="M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60"/><path fill="#0D234B" fill-rule="evenodd" d="M-8 114.461c0-.311.253-.564.564-.564h278.872a.565.565 0 0 1 0 1.128H-7.436a.564.564 0 0 1-.564-.564" clip-rule="evenodd"/><path fill="#000" d="M95.087 114.912c6.804 0 12.319-5.515 12.319-12.319s-5.515-12.32-12.319-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.516 12.319 12.32 12.319"/><path fill="#D3CECB" d="M174.689 105.436H65.757V22h98.463c5.776 0 10.469 4.693 10.469 10.469z"/><path fill="#F3F2F2" d="M133.67 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h97.83v83.436z"/><path fill="#2D2013" d="M65.983 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h94.672z"/><path fill="#000" d="M233.486 106.429H21.264v-4.242a3.235 3.235 0 0 1 3.249-3.249h205.769a3.235 3.235 0 0 1 3.249 3.249v4.242z"/><path fill="#5E554A" fill-rule="evenodd" d="M30.56 88.763h-5.144v-1.128h5.144c1.906 0 3.316 1.715 3.316 3.632 0 1.968-1.415 3.633-3.316 3.633h-5.144v-1.128h5.144c1.167 0 2.188-1.043 2.188-2.505 0-1.422-1.026-2.504-2.188-2.504" clip-rule="evenodd"/><path fill="#00A0D6" d="M63.995 98.848 123.334 22h9.431L73.381 98.938z"/><path fill="#A7A6A6" d="m62.597 22 9.521.045 21.795 28.203-4.783 6.137zM97.706 67.486l4.647-6.092 28.925 37.454-9.295.09z"/><path fill="#000" d="M70.764 105.436H39.493v-3.43c0-8.618 6.994-15.658 15.658-15.658 8.619 0 15.658 6.995 15.658 15.658v3.43z"/><path fill="#000" d="M55.108 114.912c6.804 0 12.32-5.515 12.32-12.319s-5.516-12.32-12.32-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.515 12.319 12.32 12.319"/><path fill="#5E554A" d="M55.017 107.647a5.054 5.054 0 1 0 0-10.108 5.054 5.054 0 0 0 0 10.108"/><path fill="#fff" d="M58.583 58.595h-6.498v1.354h6.498z"/><path fill="#fff" d="M49.466 52.144v14.71h11.19v-1.353H51V53.497h9.386v-1.353zM36.154 66.854v-14.71h5.912c3.52 0 5.234 1.398 5.234 4.286 0 2.979-1.715 4.468-5.234 4.468h-3.294v-1.354h3.294c2.617 0 3.79-.948 3.79-3.068 0-2.076-1.173-2.979-3.79-2.979h-4.378v13.357z"/><path fill="#1798D5" d="m61.877 66.854 11.551-14.71h1.805l-11.506 14.71z"/><path fill="#fff" d="m61.605 52.099 1.85.045 4.241 5.37-.902 1.173zM68.42 60.808l.902-1.128 5.64 7.175h-1.805zM60.522 70.735c0 .586-.406.993-.948.993-.36 0-.496-.18-.496-.18l-.045-.046v.722h-.677v-2.437h.677v.226l.045-.045s.18-.226.587-.226c.496-.045.857.361.857.993m-.722 0c0-.27-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406s.406-.18.406-.406m3.068-.045c0 .722-.541.992-1.128.992-.496 0-1.083-.27-1.083-.992s.542-.993 1.129-.993c.541 0 1.082.316 1.082.993m-.676.045c0-.27-.18-.406-.407-.406a.404.404 0 0 0-.406.406c0 .225.18.406.407.406.225 0 .406-.18.406-.406m1.85-.27h-.09c-.181-.046-.271-.046-.271-.136 0-.136.18-.136.316-.136.27 0 .496.09.586.09l.09-.496c-.09 0-.36-.09-.676-.09-.632 0-.993.226-.993.677 0 .316.225.496.722.586.225.046.36.046.36.136 0 .135-.135.135-.27.135-.316 0-.587-.09-.677-.135l-.135.496c.09.045.36.09.722.09.677 0 1.038-.225 1.038-.676 0-.226-.09-.452-.722-.542m1.58-1.13h-.678v2.302h.677V70.33h.361l.316-.542h-.632v-.451zM74.466 69.2v2.482h-.677v-.226l-.045.046s-.18.225-.542.225c-.541 0-.902-.406-.902-.993 0-.586.406-.992.947-.992.361 0 .497.18.497.18l.045.045v-.631zm-.632 1.49a.404.404 0 0 0-.406-.407.404.404 0 0 0-.406.406c0 .271.18.406.406.406.27.046.406-.135.406-.406M70.72 70.69c0 .722-.54.992-1.127.992-.497 0-1.083-.27-1.083-.993 0-.721.541-.992 1.128-.992.541 0 1.083.316 1.083.992m-.676.045c0-.271-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406.225 0 .406-.18.406-.406M72.028 70.33c.09 0 .18 0 .226.044v-.586h-.136c-.36 0-.496.225-.496.225l-.045.09v-.315H70.9v1.895h.677v-.903c0-.316.18-.45.451-.45M67.607 69.697c-.406 0-.541.225-.541.225l-.045.09v-.27h-.677v1.895h.677v-.948c0-.27.09-.36.316-.36.27 0 .27.225.27.45v.903h.677V70.51q0-.812-.677-.812"/></g><defs><clipPath id="PEX-truck_svg__a"><path fill="#fff" d="M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60"/></clipPath></defs></svg>';const n=d;const r="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.pex-pricefinder-top{display:flex;align-items:center}.pex-pricefinder-top pn-illustration{width:5.5rem;height:5.5rem;margin-right:1.6rem}.pex-pricefinder-form{margin:1.6rem 0 0 0;padding:0;border:0}.pex-pricefinder-form fieldset{margin:0;padding:0;border:0}.pex-pricefinder-form fieldset+fieldset{margin-top:1.6rem}.pex-pricefinder-form fieldset>div{display:flex;align-items:center;gap:1em}.pex-pricefinder-form fieldset>div>*{flex-grow:1;width:100%}.pex-pricefinder-form pn-button{align-self:end;margin-left:auto}.pex-pricefinder-form .datepicker{display:inline-flex;flex-direction:column}.pex-pricefinder-form .datepicker label{margin-bottom:0.4rem;color:#5e554a;font-size:0.875em;display:flex;justify-content:space-between;align-items:flex-end;cursor:pointer;transition:color 0.2s}.pex-pricefinder-form .datepicker pn-date-picker{width:100%}.pex-pricefinder-response{margin-top:2.4rem;text-align:center;font-size:2.4em}";const c=r;const h=class{constructor(i){e(this,i);this.language="sv";this.currency="Kr";this.apiUrl="/api/pex/order";this.i18n=l.sv;this.fromzip=null;this.tozip=null;this.weight=1;this.when="";this.response=null}get hostElement(){return i(this)}componentWillLoad(){this.init()}async init(){this.setInitialTime();this.checkParameters();this.setLanguage()}setInitialTime(){const e=new Date;e.setHours(e.getHours()+1);e.setMinutes(0);const i=e.toLocaleString("sv",{timeZoneName:"short"}).split(" ");this.when=`${i[0]}T${i[1].substring(0,5)}`}checkParameters(){const e=new URLSearchParams(window.location.href);if(!e){return}const i=["fromzip","tozip","weight","when"];i.forEach((i=>{if(e.get(i)){this[i]=e.get(i)}}))}setLanguage(){if(l[this.language]){this.i18n=l[this.language]}}onSubmit(e){e.preventDefault();const i=new FormData(e.target);const t=this.compileRequestQuery(i);this.fetchResult(t)}compileRequestQuery(e){let i={from:e.get("fromzip"),to:e.get("tozip"),weight:e.get("weight"),when:e.get("when")};if(!i.when){i.when=this.hostElement.querySelector("input.date-input").value}if(!e.get("fromzip")||!e.get("tozip")||!e.get("weight")){console.error("Form data is not compliant");return}return i}async fetchResult(e){this.response=null;const i=new URLSearchParams(e);const t=await fetch(`${this.apiUrl}?${i.toString()}`,{method:"get",headers:{"Content-Type":"application/json"}}).catch(this.onFetchError.bind(this));let a=await t.json().catch(this.onFetchError.bind(this));if(!a){a=await(await import("./p-4c30e4d5.js")).default}if(a){this.response=a}}onFetchError(e){console.error("onFetchError(error",e)}render(){return t(a,{key:"742cd6396e2ad9b3e0e187cd119d5f4adec8dbf1"},t("div",{key:"f49ad71ba0aff4415620aa5bfed4609e052fb58c",class:"pex-pricefinder-top"},t("pn-illustration",{key:"24080dabb15a48e0d68f5b6a6d85ec6c7cd09e49",illustration:n}),t("h2",{key:"43ad48d518aedbf6741b07e57808e3dd58321d26"},this.i18n.heading)),t("form",{key:"3407cc0e217d2fbfe63dce5603a3b43fa5a6056f",method:"get",action:"",class:"pex-pricefinder-form",onSubmit:this.onSubmit.bind(this)},t("fieldset",{key:"f6ae922213d0fb6c06ab91fe00b35b61b3881eac"},t("div",{key:"e6822da8aebfb2040413d43035be24e18e337ec8"},t("pn-input",{key:"b5108e58ea6ed0b45f6e1b64bf756d0abf26eae9",type:"number",label:this.i18n.labelFrom,inputid:"fromzip",name:"fromzip",placeholder:this.i18n.zipPlaceholder,required:true,value:this.fromzip}),t("pn-input",{key:"83c0b8cbc2310f89dfbd2c7eedde4851d9a3b40d",type:"number",label:this.i18n.labelTo,inputid:"tozip",name:"tozip",placeholder:this.i18n.zipPlaceholder,required:true,value:this.tozip}))),t("fieldset",{key:"1ce0961fc701b461a189002ba52b2f4a4877ad50"},t("div",{key:"3415fffa5db6d7fa7217b99e7eda8f5b28bd15df"},t("pn-input",{key:"33362d3cf3c4948fb983d1dde4024b7edf14777d",type:"number",label:this.i18n.labelWeight,inputid:"weight",name:"weight",placeholder:this.i18n.weightPlaceholder,required:true,value:this.weight}),t("div",{key:"c4c9b1b172506c082bf98c521c68a2ed485662d3",class:"datepicker"},t("label",{key:"0a76111d4d38e8e7dc68fae3be00a95ab4d14ff8",htmlFor:"when"},this.i18n.labelWhen),t("pn-marketweb-input",{key:"01a84a228a366aa4a4a797ba5fe898c08f9b76fc",inputid:"when",name:"when",type:"datetime-local",min:(new Date).toISOString().split("T")[0],value:this.when})))),t("fieldset",{key:"a8ece788f3cec4d6dfc92b9587984160832eeca8"},t("div",{key:"fd00f98a9aa2a7c0686835d4dd2252220e602fd2"},t("pn-button",{key:"f9642c6347c3831772219440ea14d319898da3c3",type:"submit"},this.i18n.submitButtonText)))),this.response?t("div",{class:"pex-pricefinder-response"},t("strong",null,this.response.data.value," ",this.currency)):null)}};h.style=c;export{h as pn_pex_pricefinder};
+//# sourceMappingURL=p-95c10b7e.entry.js.map

package/pn-market-web-components/{p-9a93bcd0.entry.js.map → p-95c10b7e.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["translations","sv","heading","labelFrom","labelTo","zipPlaceholder","labelWeight","weightPlaceholder","labelWhen","submitButtonText","en","illustration","PEX_truck","pnPexPricefinderCss","PnPexPricefinderStyle0","PnPexPricefinder","componentWillLoad","this","init","setInitialTime","checkParameters","setLanguage","initialTime","Date","setHours","getHours","setMinutes","splitTime","toLocaleString","timeZoneName","split","when","substring","params","URLSearchParams","window","location","href","paramKeys","forEach","key","get","language","i18n","onSubmit","e","preventDefault","formData","FormData","target","requestQuery","compileRequestQuery","fetchResult","query","from","to","weight","hostElement","querySelector","value","console","error","response","req","fetch","apiUrl","toString","method","headers","catch","onFetchError","bind","json","import","default","render","h","Host","class","action","type","label","inputid","name","placeholder","required","fromzip","tozip","htmlFor","min","toISOString","data","currency"],"sources":["src/components/widgets/pn-pex-pricefinder/translations.ts","node_modules/pn-design-assets/pn-assets/illustrations/PEX_truck.js","src/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.scss?tag=pn-pex-pricefinder","src/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.tsx"],"sourcesContent":["export const translations = {\n  sv: {\n    heading: 'Prisindikation med PEX Bud',\n    labelFrom: 'Från postkod',\n    labelTo: 'Till postkod',\n    zipPlaceholder: 'Ex. 12831',\n    labelWeight: 'Vikt (i kilo)',\n    weightPlaceholder: 'Ex. 1000',\n    labelWhen: 'När',\n    submitButtonText: 'Beräkna pris',\n  },\n  en: {\n    heading: 'Calculate price with PEX Bud',\n    labelFrom: 'From zip',\n    labelTo: 'To zip',\n    zipPlaceholder: 'Ex. 12831',\n    labelWeight: 'Weight (in kilo)',\n    weightPlaceholder: 'Ex. 1000',\n    labelWhen: 'When',\n    submitButtonText: 'Calculate price',\n  },\n};\n","const illustration = '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 120 120\"><g clip-path=\"url(#PEX-truck_svg__a)\"><path fill=\"#8EDDF9\" d=\"M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60\"/><path fill=\"#0D234B\" fill-rule=\"evenodd\" d=\"M-8 114.461c0-.311.253-.564.564-.564h278.872a.565.565 0 0 1 0 1.128H-7.436a.564.564 0 0 1-.564-.564\" clip-rule=\"evenodd\"/><path fill=\"#000\" d=\"M95.087 114.912c6.804 0 12.319-5.515 12.319-12.319s-5.515-12.32-12.319-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.516 12.319 12.32 12.319\"/><path fill=\"#D3CECB\" d=\"M174.689 105.436H65.757V22h98.463c5.776 0 10.469 4.693 10.469 10.469z\"/><path fill=\"#F3F2F2\" d=\"M133.67 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h97.83v83.436z\"/><path fill=\"#2D2013\" d=\"M65.983 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h94.672z\"/><path fill=\"#000\" d=\"M233.486 106.429H21.264v-4.242a3.235 3.235 0 0 1 3.249-3.249h205.769a3.235 3.235 0 0 1 3.249 3.249v4.242z\"/><path fill=\"#5E554A\" fill-rule=\"evenodd\" d=\"M30.56 88.763h-5.144v-1.128h5.144c1.906 0 3.316 1.715 3.316 3.632 0 1.968-1.415 3.633-3.316 3.633h-5.144v-1.128h5.144c1.167 0 2.188-1.043 2.188-2.505 0-1.422-1.026-2.504-2.188-2.504\" clip-rule=\"evenodd\"/><path fill=\"#00A0D6\" d=\"M63.995 98.848 123.334 22h9.431L73.381 98.938z\"/><path fill=\"#A7A6A6\" d=\"m62.597 22 9.521.045 21.795 28.203-4.783 6.137zM97.706 67.486l4.647-6.092 28.925 37.454-9.295.09z\"/><path fill=\"#000\" d=\"M70.764 105.436H39.493v-3.43c0-8.618 6.994-15.658 15.658-15.658 8.619 0 15.658 6.995 15.658 15.658v3.43z\"/><path fill=\"#000\" d=\"M55.108 114.912c6.804 0 12.32-5.515 12.32-12.319s-5.516-12.32-12.32-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.515 12.319 12.32 12.319\"/><path fill=\"#5E554A\" d=\"M55.017 107.647a5.054 5.054 0 1 0 0-10.108 5.054 5.054 0 0 0 0 10.108\"/><path fill=\"#fff\" d=\"M58.583 58.595h-6.498v1.354h6.498z\"/><path fill=\"#fff\" d=\"M49.466 52.144v14.71h11.19v-1.353H51V53.497h9.386v-1.353zM36.154 66.854v-14.71h5.912c3.52 0 5.234 1.398 5.234 4.286 0 2.979-1.715 4.468-5.234 4.468h-3.294v-1.354h3.294c2.617 0 3.79-.948 3.79-3.068 0-2.076-1.173-2.979-3.79-2.979h-4.378v13.357z\"/><path fill=\"#1798D5\" d=\"m61.877 66.854 11.551-14.71h1.805l-11.506 14.71z\"/><path fill=\"#fff\" d=\"m61.605 52.099 1.85.045 4.241 5.37-.902 1.173zM68.42 60.808l.902-1.128 5.64 7.175h-1.805zM60.522 70.735c0 .586-.406.993-.948.993-.36 0-.496-.18-.496-.18l-.045-.046v.722h-.677v-2.437h.677v.226l.045-.045s.18-.226.587-.226c.496-.045.857.361.857.993m-.722 0c0-.27-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406s.406-.18.406-.406m3.068-.045c0 .722-.541.992-1.128.992-.496 0-1.083-.27-1.083-.992s.542-.993 1.129-.993c.541 0 1.082.316 1.082.993m-.676.045c0-.27-.18-.406-.407-.406a.404.404 0 0 0-.406.406c0 .225.18.406.407.406.225 0 .406-.18.406-.406m1.85-.27h-.09c-.181-.046-.271-.046-.271-.136 0-.136.18-.136.316-.136.27 0 .496.09.586.09l.09-.496c-.09 0-.36-.09-.676-.09-.632 0-.993.226-.993.677 0 .316.225.496.722.586.225.046.36.046.36.136 0 .135-.135.135-.27.135-.316 0-.587-.09-.677-.135l-.135.496c.09.045.36.09.722.09.677 0 1.038-.225 1.038-.676 0-.226-.09-.452-.722-.542m1.58-1.13h-.678v2.302h.677V70.33h.361l.316-.542h-.632v-.451zM74.466 69.2v2.482h-.677v-.226l-.045.046s-.18.225-.542.225c-.541 0-.902-.406-.902-.993 0-.586.406-.992.947-.992.361 0 .497.18.497.18l.045.045v-.631zm-.632 1.49a.404.404 0 0 0-.406-.407.404.404 0 0 0-.406.406c0 .271.18.406.406.406.27.046.406-.135.406-.406M70.72 70.69c0 .722-.54.992-1.127.992-.497 0-1.083-.27-1.083-.993 0-.721.541-.992 1.128-.992.541 0 1.083.316 1.083.992m-.676.045c0-.271-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406.225 0 .406-.18.406-.406M72.028 70.33c.09 0 .18 0 .226.044v-.586h-.136c-.36 0-.496.225-.496.225l-.045.09v-.315H70.9v1.895h.677v-.903c0-.316.18-.45.451-.45M67.607 69.697c-.406 0-.541.225-.541.225l-.045.09v-.27h-.677v1.895h.677v-.948c0-.27.09-.36.316-.36.27 0 .27.225.27.45v.903h.677V70.51q0-.812-.677-.812\"/></g><defs><clipPath id=\"PEX-truck_svg__a\"><path fill=\"#fff\" d=\"M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60\"/></clipPath></defs></svg>';\nexport const PEX_truck = illustration;\nexport const pEXTruck = illustration;\n","@import '../../../globals/main.scss';\n\npn-pex-pricefinder {\n}\n\n.pex-pricefinder-top {\n  display: flex;\n  align-items: center;\n  pn-illustration {\n    width: 5.5rem;\n    height: 5.5rem;\n    margin-right: 1.6rem;\n  }\n}\n\n.pex-pricefinder-form {\n  margin: 1.6rem 0 0 0;\n  padding: 0;\n  border: 0;\n  fieldset {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    & + fieldset {\n      margin-top: 1.6rem;\n    }\n    > div {\n      display: flex;\n      align-items: center;\n      gap: 1em;\n      > * {\n        flex-grow: 1;\n        width: 100%;\n      }\n    }\n  }\n  pn-button {\n    align-self: end;\n    margin-left: auto;\n  }\n  .datepicker {\n    display: inline-flex;\n    flex-direction: column;\n    label {\n      margin-bottom: 0.4rem;\n      color: $gray700;\n      font-size: 0.875em;\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-end;\n      cursor: pointer;\n      transition: color 0.2s;\n    }\n    pn-date-picker {\n      width: 100%;\n    }\n  }\n}\n\n.pex-pricefinder-response {\n  margin-top: 2.4rem;\n  text-align: center;\n  font-size: 2.4em;\n}\n","import { Component, h, Host, Element, Prop, State, Listen } from '@stencil/core';\nimport { translations } from './translations';\nimport { PexPriceFinderi18n, PexPriceFinderResponse } from './types';\nimport { PEX_truck } from 'pn-design-assets/pn-assets/illustrations.js';\n\n@Component({\n  tag: 'pn-pex-pricefinder',\n  styleUrl: 'pn-pex-pricefinder.scss',\n})\nexport class PnPexPricefinder {\n  @Element() hostElement: HTMLElement;\n  /** Specifies which language we want to show component in (sv,da,fi,no,en) */\n  @Prop() language: string = 'sv';\n  /** Currency (Kr, €)*/\n  @Prop() currency: string = 'Kr';\n  /** API Url */\n  @Prop() apiUrl: string = '/api/pex/order';\n\n  @State() i18n: PexPriceFinderi18n = translations.sv;\n\n  @State() fromzip: number = null;\n  @State() tozip: number = null;\n  @State() weight: number = 1;\n\n  @State() when: string = '';\n\n  @State() response: PexPriceFinderResponse = null;\n\n  componentWillLoad() {\n    this.init();\n  }\n\n  async init() {\n    this.setInitialTime();\n    this.checkParameters();\n    this.setLanguage();\n  }\n\n  setInitialTime() {\n    const initialTime = new Date();\n    initialTime.setHours(initialTime.getHours() + 1);\n    initialTime.setMinutes(0);\n    const splitTime = initialTime.toLocaleString('sv', { timeZoneName: 'short' }).split(' ');\n    this.when = `${splitTime[0]}T${splitTime[1].substring(0, 5)}`;\n  }\n\n  checkParameters() {\n    const params = new URLSearchParams(window.location.href);\n    if (!params) {\n      return;\n    }\n    const paramKeys = ['fromzip', 'tozip', 'weight', 'when'];\n    paramKeys.forEach(key => {\n      if (params.get(key)) {\n        this[key] = params.get(key);\n      }\n    });\n  }\n\n  @Listen('language')\n  setLanguage() {\n    if (translations[this.language]) {\n      this.i18n = translations[this.language] as PexPriceFinderi18n;\n    }\n  }\n\n  onSubmit(e) {\n    e.preventDefault();\n    const formData = new FormData(e.target);\n    const requestQuery = this.compileRequestQuery(formData);\n    this.fetchResult(requestQuery);\n  }\n\n  compileRequestQuery(formData: FormData) {\n    let query = {\n      from: formData.get('fromzip'),\n      to: formData.get('tozip'),\n      weight: formData.get('weight'),\n      when: formData.get('when'),\n    };\n    if (!query.when) {\n      query.when = (this.hostElement.querySelector('input.date-input') as HTMLInputElement).value;\n    }\n    if (!formData.get('fromzip') || !formData.get('tozip') || !formData.get('weight')) {\n      console.error('Form data is not compliant');\n      return;\n    }\n    return query;\n  }\n\n  async fetchResult(query: any) {\n    this.response = null;\n    const params = new URLSearchParams(query);\n    const req = await fetch(`${this.apiUrl}?${params.toString()}`, {\n      method: 'get',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n    }).catch(this.onFetchError.bind(this));\n    let response = await req.json().catch(this.onFetchError.bind(this));\n    if (!response) {\n      response = await (await import('./mockresponse.json')).default;\n    }\n    if (response) {\n      this.response = response as PexPriceFinderResponse;\n    }\n  }\n\n  onFetchError(error) {\n    console.error('onFetchError(error', error);\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pex-pricefinder-top\">\n          <pn-illustration illustration={PEX_truck} />\n          <h2>{this.i18n.heading}</h2>\n        </div>\n        <form method=\"get\" action=\"\" class=\"pex-pricefinder-form\" onSubmit={this.onSubmit.bind(this)}>\n          <fieldset>\n            <div>\n              <pn-input type=\"number\" label={this.i18n.labelFrom} inputid=\"fromzip\" name=\"fromzip\" placeholder={this.i18n.zipPlaceholder} required value={this.fromzip}></pn-input>\n              <pn-input type=\"number\" label={this.i18n.labelTo} inputid=\"tozip\" name=\"tozip\" placeholder={this.i18n.zipPlaceholder} required value={this.tozip}></pn-input>\n            </div>\n          </fieldset>\n          <fieldset>\n            <div>\n              <pn-input\n                type=\"number\"\n                label={this.i18n.labelWeight}\n                inputid=\"weight\"\n                name=\"weight\"\n                placeholder={this.i18n.weightPlaceholder}\n                required\n                value={this.weight}\n              ></pn-input>\n              <div class=\"datepicker\">\n                <label htmlFor=\"when\">{this.i18n.labelWhen}</label>\n                <pn-marketweb-input inputid=\"when\" name=\"when\" type=\"datetime-local\" min={new Date().toISOString().split('T')[0]} value={this.when}></pn-marketweb-input>\n              </div>\n            </div>\n          </fieldset>\n          <fieldset>\n            <div>\n              <pn-button type=\"submit\">{this.i18n.submitButtonText}</pn-button>\n            </div>\n          </fieldset>\n        </form>\n        {this.response ? (\n          <div class=\"pex-pricefinder-response\">\n            <strong>\n              {this.response.data.value} {this.currency}\n            </strong>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["translations","sv","heading","labelFrom","labelTo","zipPlaceholder","labelWeight","weightPlaceholder","labelWhen","submitButtonText","en","illustration","PEX_truck","pnPexPricefinderCss","PnPexPricefinderStyle0","PnPexPricefinder","componentWillLoad","this","init","setInitialTime","checkParameters","setLanguage","initialTime","Date","setHours","getHours","setMinutes","splitTime","toLocaleString","timeZoneName","split","when","substring","params","URLSearchParams","window","location","href","paramKeys","forEach","key","get","language","i18n","onSubmit","e","preventDefault","formData","FormData","target","requestQuery","compileRequestQuery","fetchResult","query","from","to","weight","hostElement","querySelector","value","console","error","response","req","fetch","apiUrl","toString","method","headers","catch","onFetchError","bind","json","import","default","render","h","Host","class","action","type","label","inputid","name","placeholder","required","fromzip","tozip","htmlFor","min","toISOString","data","currency"],"sources":["src/components/widgets/pn-pex-pricefinder/translations.ts","node_modules/pn-design-assets/pn-assets/illustrations/PEX_truck.js","src/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.scss?tag=pn-pex-pricefinder","src/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.tsx"],"sourcesContent":["export const translations = {\n  sv: {\n    heading: 'Prisindikation med PEX Bud',\n    labelFrom: 'Från postkod',\n    labelTo: 'Till postkod',\n    zipPlaceholder: 'Ex. 12831',\n    labelWeight: 'Vikt (i kilo)',\n    weightPlaceholder: 'Ex. 1000',\n    labelWhen: 'När',\n    submitButtonText: 'Beräkna pris',\n  },\n  en: {\n    heading: 'Calculate price with PEX Bud',\n    labelFrom: 'From zip',\n    labelTo: 'To zip',\n    zipPlaceholder: 'Ex. 12831',\n    labelWeight: 'Weight (in kilo)',\n    weightPlaceholder: 'Ex. 1000',\n    labelWhen: 'When',\n    submitButtonText: 'Calculate price',\n  },\n};\n","const illustration = '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 120 120\"><g clip-path=\"url(#PEX-truck_svg__a)\"><path fill=\"#8EDDF9\" d=\"M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60\"/><path fill=\"#0D234B\" fill-rule=\"evenodd\" d=\"M-8 114.461c0-.311.253-.564.564-.564h278.872a.565.565 0 0 1 0 1.128H-7.436a.564.564 0 0 1-.564-.564\" clip-rule=\"evenodd\"/><path fill=\"#000\" d=\"M95.087 114.912c6.804 0 12.319-5.515 12.319-12.319s-5.515-12.32-12.319-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.516 12.319 12.32 12.319\"/><path fill=\"#D3CECB\" d=\"M174.689 105.436H65.757V22h98.463c5.776 0 10.469 4.693 10.469 10.469z\"/><path fill=\"#F3F2F2\" d=\"M133.67 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h97.83v83.436z\"/><path fill=\"#2D2013\" d=\"M65.983 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h94.672z\"/><path fill=\"#000\" d=\"M233.486 106.429H21.264v-4.242a3.235 3.235 0 0 1 3.249-3.249h205.769a3.235 3.235 0 0 1 3.249 3.249v4.242z\"/><path fill=\"#5E554A\" fill-rule=\"evenodd\" d=\"M30.56 88.763h-5.144v-1.128h5.144c1.906 0 3.316 1.715 3.316 3.632 0 1.968-1.415 3.633-3.316 3.633h-5.144v-1.128h5.144c1.167 0 2.188-1.043 2.188-2.505 0-1.422-1.026-2.504-2.188-2.504\" clip-rule=\"evenodd\"/><path fill=\"#00A0D6\" d=\"M63.995 98.848 123.334 22h9.431L73.381 98.938z\"/><path fill=\"#A7A6A6\" d=\"m62.597 22 9.521.045 21.795 28.203-4.783 6.137zM97.706 67.486l4.647-6.092 28.925 37.454-9.295.09z\"/><path fill=\"#000\" d=\"M70.764 105.436H39.493v-3.43c0-8.618 6.994-15.658 15.658-15.658 8.619 0 15.658 6.995 15.658 15.658v3.43z\"/><path fill=\"#000\" d=\"M55.108 114.912c6.804 0 12.32-5.515 12.32-12.319s-5.516-12.32-12.32-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.515 12.319 12.32 12.319\"/><path fill=\"#5E554A\" d=\"M55.017 107.647a5.054 5.054 0 1 0 0-10.108 5.054 5.054 0 0 0 0 10.108\"/><path fill=\"#fff\" d=\"M58.583 58.595h-6.498v1.354h6.498z\"/><path fill=\"#fff\" d=\"M49.466 52.144v14.71h11.19v-1.353H51V53.497h9.386v-1.353zM36.154 66.854v-14.71h5.912c3.52 0 5.234 1.398 5.234 4.286 0 2.979-1.715 4.468-5.234 4.468h-3.294v-1.354h3.294c2.617 0 3.79-.948 3.79-3.068 0-2.076-1.173-2.979-3.79-2.979h-4.378v13.357z\"/><path fill=\"#1798D5\" d=\"m61.877 66.854 11.551-14.71h1.805l-11.506 14.71z\"/><path fill=\"#fff\" d=\"m61.605 52.099 1.85.045 4.241 5.37-.902 1.173zM68.42 60.808l.902-1.128 5.64 7.175h-1.805zM60.522 70.735c0 .586-.406.993-.948.993-.36 0-.496-.18-.496-.18l-.045-.046v.722h-.677v-2.437h.677v.226l.045-.045s.18-.226.587-.226c.496-.045.857.361.857.993m-.722 0c0-.27-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406s.406-.18.406-.406m3.068-.045c0 .722-.541.992-1.128.992-.496 0-1.083-.27-1.083-.992s.542-.993 1.129-.993c.541 0 1.082.316 1.082.993m-.676.045c0-.27-.18-.406-.407-.406a.404.404 0 0 0-.406.406c0 .225.18.406.407.406.225 0 .406-.18.406-.406m1.85-.27h-.09c-.181-.046-.271-.046-.271-.136 0-.136.18-.136.316-.136.27 0 .496.09.586.09l.09-.496c-.09 0-.36-.09-.676-.09-.632 0-.993.226-.993.677 0 .316.225.496.722.586.225.046.36.046.36.136 0 .135-.135.135-.27.135-.316 0-.587-.09-.677-.135l-.135.496c.09.045.36.09.722.09.677 0 1.038-.225 1.038-.676 0-.226-.09-.452-.722-.542m1.58-1.13h-.678v2.302h.677V70.33h.361l.316-.542h-.632v-.451zM74.466 69.2v2.482h-.677v-.226l-.045.046s-.18.225-.542.225c-.541 0-.902-.406-.902-.993 0-.586.406-.992.947-.992.361 0 .497.18.497.18l.045.045v-.631zm-.632 1.49a.404.404 0 0 0-.406-.407.404.404 0 0 0-.406.406c0 .271.18.406.406.406.27.046.406-.135.406-.406M70.72 70.69c0 .722-.54.992-1.127.992-.497 0-1.083-.27-1.083-.993 0-.721.541-.992 1.128-.992.541 0 1.083.316 1.083.992m-.676.045c0-.271-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406.225 0 .406-.18.406-.406M72.028 70.33c.09 0 .18 0 .226.044v-.586h-.136c-.36 0-.496.225-.496.225l-.045.09v-.315H70.9v1.895h.677v-.903c0-.316.18-.45.451-.45M67.607 69.697c-.406 0-.541.225-.541.225l-.045.09v-.27h-.677v1.895h.677v-.948c0-.27.09-.36.316-.36.27 0 .27.225.27.45v.903h.677V70.51q0-.812-.677-.812\"/></g><defs><clipPath id=\"PEX-truck_svg__a\"><path fill=\"#fff\" d=\"M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60\"/></clipPath></defs></svg>';\nexport const PEX_truck = illustration;\nexport const pEXTruck = illustration;\n","@import '../../../globals/main.scss';\n\npn-pex-pricefinder {\n}\n\n.pex-pricefinder-top {\n  display: flex;\n  align-items: center;\n  pn-illustration {\n    width: 5.5rem;\n    height: 5.5rem;\n    margin-right: 1.6rem;\n  }\n}\n\n.pex-pricefinder-form {\n  margin: 1.6rem 0 0 0;\n  padding: 0;\n  border: 0;\n  fieldset {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    & + fieldset {\n      margin-top: 1.6rem;\n    }\n    > div {\n      display: flex;\n      align-items: center;\n      gap: 1em;\n      > * {\n        flex-grow: 1;\n        width: 100%;\n      }\n    }\n  }\n  pn-button {\n    align-self: end;\n    margin-left: auto;\n  }\n  .datepicker {\n    display: inline-flex;\n    flex-direction: column;\n    label {\n      margin-bottom: 0.4rem;\n      color: $gray700;\n      font-size: 0.875em;\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-end;\n      cursor: pointer;\n      transition: color 0.2s;\n    }\n    pn-date-picker {\n      width: 100%;\n    }\n  }\n}\n\n.pex-pricefinder-response {\n  margin-top: 2.4rem;\n  text-align: center;\n  font-size: 2.4em;\n}\n","import { Component, h, Host, Element, Prop, State, Listen } from '@stencil/core';\nimport { translations } from './translations';\nimport { PexPriceFinderi18n, PexPriceFinderResponse } from './types';\nimport { PEX_truck } from 'pn-design-assets/pn-assets/illustrations.js';\n\n@Component({\n  tag: 'pn-pex-pricefinder',\n  styleUrl: 'pn-pex-pricefinder.scss',\n})\nexport class PnPexPricefinder {\n  @Element() hostElement: HTMLElement;\n  /** Specifies which language we want to show component in (sv,da,fi,no,en) */\n  @Prop() language: string = 'sv';\n  /** Currency (Kr, €)*/\n  @Prop() currency: string = 'Kr';\n  /** API Url */\n  @Prop() apiUrl: string = '/api/pex/order';\n\n  @State() i18n: PexPriceFinderi18n = translations.sv;\n\n  @State() fromzip: number = null;\n  @State() tozip: number = null;\n  @State() weight: number = 1;\n\n  @State() when: string = '';\n\n  @State() response: PexPriceFinderResponse = null;\n\n  componentWillLoad() {\n    this.init();\n  }\n\n  async init() {\n    this.setInitialTime();\n    this.checkParameters();\n    this.setLanguage();\n  }\n\n  setInitialTime() {\n    const initialTime = new Date();\n    initialTime.setHours(initialTime.getHours() + 1);\n    initialTime.setMinutes(0);\n    const splitTime = initialTime.toLocaleString('sv', { timeZoneName: 'short' }).split(' ');\n    this.when = `${splitTime[0]}T${splitTime[1].substring(0, 5)}`;\n  }\n\n  checkParameters() {\n    const params = new URLSearchParams(window.location.href);\n    if (!params) {\n      return;\n    }\n    const paramKeys = ['fromzip', 'tozip', 'weight', 'when'];\n    paramKeys.forEach(key => {\n      if (params.get(key)) {\n        this[key] = params.get(key);\n      }\n    });\n  }\n\n  @Listen('language')\n  setLanguage() {\n    if (translations[this.language]) {\n      this.i18n = translations[this.language] as PexPriceFinderi18n;\n    }\n  }\n\n  onSubmit(e) {\n    e.preventDefault();\n    const formData = new FormData(e.target);\n    const requestQuery = this.compileRequestQuery(formData);\n    this.fetchResult(requestQuery);\n  }\n\n  compileRequestQuery(formData: FormData) {\n    let query = {\n      from: formData.get('fromzip'),\n      to: formData.get('tozip'),\n      weight: formData.get('weight'),\n      when: formData.get('when'),\n    };\n    if (!query.when) {\n      query.when = (this.hostElement.querySelector('input.date-input') as HTMLInputElement).value;\n    }\n    if (!formData.get('fromzip') || !formData.get('tozip') || !formData.get('weight')) {\n      console.error('Form data is not compliant');\n      return;\n    }\n    return query;\n  }\n\n  async fetchResult(query: any) {\n    this.response = null;\n    const params = new URLSearchParams(query);\n    const req = await fetch(`${this.apiUrl}?${params.toString()}`, {\n      method: 'get',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n    }).catch(this.onFetchError.bind(this));\n    let response = await req.json().catch(this.onFetchError.bind(this));\n    if (!response) {\n      response = await (await import('./mockresponse.json')).default;\n    }\n    if (response) {\n      this.response = response as PexPriceFinderResponse;\n    }\n  }\n\n  onFetchError(error) {\n    console.error('onFetchError(error', error);\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pex-pricefinder-top\">\n          <pn-illustration illustration={PEX_truck} />\n          <h2>{this.i18n.heading}</h2>\n        </div>\n        <form method=\"get\" action=\"\" class=\"pex-pricefinder-form\" onSubmit={this.onSubmit.bind(this)}>\n          <fieldset>\n            <div>\n              <pn-input type=\"number\" label={this.i18n.labelFrom} inputid=\"fromzip\" name=\"fromzip\" placeholder={this.i18n.zipPlaceholder} required value={this.fromzip}></pn-input>\n              <pn-input type=\"number\" label={this.i18n.labelTo} inputid=\"tozip\" name=\"tozip\" placeholder={this.i18n.zipPlaceholder} required value={this.tozip}></pn-input>\n            </div>\n          </fieldset>\n          <fieldset>\n            <div>\n              <pn-input\n                type=\"number\"\n                label={this.i18n.labelWeight}\n                inputid=\"weight\"\n                name=\"weight\"\n                placeholder={this.i18n.weightPlaceholder}\n                required\n                value={this.weight}\n              ></pn-input>\n              <div class=\"datepicker\">\n                <label htmlFor=\"when\">{this.i18n.labelWhen}</label>\n                <pn-marketweb-input inputid=\"when\" name=\"when\" type=\"datetime-local\" min={new Date().toISOString().split('T')[0]} value={this.when}></pn-marketweb-input>\n              </div>\n            </div>\n          </fieldset>\n          <fieldset>\n            <div>\n              <pn-button type=\"submit\">{this.i18n.submitButtonText}</pn-button>\n            </div>\n          </fieldset>\n        </form>\n        {this.response ? (\n          <div class=\"pex-pricefinder-response\">\n            <strong>\n              {this.response.data.value} {this.currency}\n            </strong>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAO,MAAMA,EAAe,CAC1BC,GAAI,CACFC,QAAS,6BACTC,UAAW,eACXC,QAAS,eACTC,eAAgB,YAChBC,YAAa,gBACbC,kBAAmB,WACnBC,UAAW,MACXC,iBAAkB,gBAEpBC,GAAI,CACFR,QAAS,+BACTC,UAAW,WACXC,QAAS,SACTC,eAAgB,YAChBC,YAAa,mBACbC,kBAAmB,WACnBC,UAAW,OACXC,iBAAkB,oBCnBtB,MAAME,EAAe,0/HACd,MAAMC,EAAYD,ECDzB,MAAME,EAAsB,4+BAC5B,MAAAC,EAAeD,E,MCQFE,EAAgB,M,uCAGA,K,cAEA,K,YAEF,iB,UAEWf,EAAaC,G,aAEtB,K,WACF,K,YACC,E,UAEF,G,cAEoB,I,kCAE5C,iBAAAe,GACEC,KAAKC,M,CAGP,UAAMA,GACJD,KAAKE,iBACLF,KAAKG,kBACLH,KAAKI,a,CAGP,cAAAF,GACE,MAAMG,EAAc,IAAIC,KACxBD,EAAYE,SAASF,EAAYG,WAAa,GAC9CH,EAAYI,WAAW,GACvB,MAAMC,EAAYL,EAAYM,eAAe,KAAM,CAAEC,aAAc,UAAWC,MAAM,KACpFb,KAAKc,KAAO,GAAGJ,EAAU,MAAMA,EAAU,GAAGK,UAAU,EAAG,I,CAG3D,eAAAZ,GACE,MAAMa,EAAS,IAAIC,gBAAgBC,OAAOC,SAASC,MACnD,IAAKJ,EAAQ,CACX,M,CAEF,MAAMK,EAAY,CAAC,UAAW,QAAS,SAAU,QACjDA,EAAUC,SAAQC,IAChB,GAAIP,EAAOQ,IAAID,GAAM,CACnBvB,KAAKuB,GAAOP,EAAOQ,IAAID,E,KAM7B,WAAAnB,GACE,GAAIrB,EAAaiB,KAAKyB,UAAW,CAC/BzB,KAAK0B,KAAO3C,EAAaiB,KAAKyB,S,EAIlC,QAAAE,CAASC,GACPA,EAAEC,iBACF,MAAMC,EAAW,IAAIC,SAASH,EAAEI,QAChC,MAAMC,EAAejC,KAAKkC,oBAAoBJ,GAC9C9B,KAAKmC,YAAYF,E,CAGnB,mBAAAC,CAAoBJ,GAClB,IAAIM,EAAQ,CACVC,KAAMP,EAASN,IAAI,WACnBc,GAAIR,EAASN,IAAI,SACjBe,OAAQT,EAASN,IAAI,UACrBV,KAAMgB,EAASN,IAAI,SAErB,IAAKY,EAAMtB,KAAM,CACfsB,EAAMtB,KAAQd,KAAKwC,YAAYC,cAAc,oBAAyCC,K,CAExF,IAAKZ,EAASN,IAAI,aAAeM,EAASN,IAAI,WAAaM,EAASN,IAAI,UAAW,CACjFmB,QAAQC,MAAM,8BACd,M,CAEF,OAAOR,C,CAGT,iBAAMD,CAAYC,GAChBpC,KAAK6C,SAAW,KAChB,MAAM7B,EAAS,IAAIC,gBAAgBmB,GACnC,MAAMU,QAAYC,MAAM,GAAG/C,KAAKgD,UAAUhC,EAAOiC,aAAc,CAC7DC,OAAQ,MACRC,QAAS,CACP,eAAgB,sBAEjBC,MAAMpD,KAAKqD,aAAaC,KAAKtD,OAChC,IAAI6C,QAAiBC,EAAIS,OAAOH,MAAMpD,KAAKqD,aAAaC,KAAKtD,OAC7D,IAAK6C,EAAU,CACbA,cAAwBW,OAAO,oBAAwBC,O,CAEzD,GAAIZ,EAAU,CACZ7C,KAAK6C,SAAWA,C,EAIpB,YAAAQ,CAAaT,GACXD,QAAQC,MAAM,qBAAsBA,E,CAGtC,MAAAc,GACE,OACEC,EAACC,EAAI,CAAArC,IAAA,4CACHoC,EAAA,OAAApC,IAAA,2CAAKsC,MAAM,uBACTF,EAAA,mBAAApC,IAAA,2CAAiB7B,aAAcC,IAC/BgE,EAAA,MAAApC,IAAA,4CAAKvB,KAAK0B,KAAKzC,UAEjB0E,EAAA,QAAApC,IAAA,2CAAM2B,OAAO,MAAMY,OAAO,GAAGD,MAAM,uBAAuBlC,SAAU3B,KAAK2B,SAAS2B,KAAKtD,OACrF2D,EAAA,YAAApC,IAAA,4CACEoC,EAAA,OAAApC,IAAA,4CACEoC,EAAA,YAAApC,IAAA,2CAAUwC,KAAK,SAASC,MAAOhE,KAAK0B,KAAKxC,UAAW+E,QAAQ,UAAUC,KAAK,UAAUC,YAAanE,KAAK0B,KAAKtC,eAAgBgF,SAAQ,KAAC1B,MAAO1C,KAAKqE,UACjJV,EAAA,YAAApC,IAAA,2CAAUwC,KAAK,SAASC,MAAOhE,KAAK0B,KAAKvC,QAAS8E,QAAQ,QAAQC,KAAK,QAAQC,YAAanE,KAAK0B,KAAKtC,eAAgBgF,SAAQ,KAAC1B,MAAO1C,KAAKsE,UAG/IX,EAAA,YAAApC,IAAA,4CACEoC,EAAA,OAAApC,IAAA,4CACEoC,EAAA,YAAApC,IAAA,2CACEwC,KAAK,SACLC,MAAOhE,KAAK0B,KAAKrC,YACjB4E,QAAQ,SACRC,KAAK,SACLC,YAAanE,KAAK0B,KAAKpC,kBACvB8E,SAAQ,KACR1B,MAAO1C,KAAKuC,SAEdoB,EAAA,OAAApC,IAAA,2CAAKsC,MAAM,cACTF,EAAA,SAAApC,IAAA,2CAAOgD,QAAQ,QAAQvE,KAAK0B,KAAKnC,WACjCoE,EAAA,sBAAApC,IAAA,2CAAoB0C,QAAQ,OAAOC,KAAK,OAAOH,KAAK,iBAAiBS,KAAK,IAAIlE,MAAOmE,cAAc5D,MAAM,KAAK,GAAI6B,MAAO1C,KAAKc,UAIpI6C,EAAA,YAAApC,IAAA,4CACEoC,EAAA,OAAApC,IAAA,4CACEoC,EAAA,aAAApC,IAAA,2CAAWwC,KAAK,UAAU/D,KAAK0B,KAAKlC,qBAIzCQ,KAAK6C,SACJc,EAAA,OAAKE,MAAM,4BACTF,EAAA,cACG3D,KAAK6C,SAAS6B,KAAKhC,MAAK,IAAG1C,KAAK2E,WAGnC,K","ignoreList":[]}

package/pn-market-web-components/{p-138ecede.entry.js → p-95e054fd.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,d as o,g as r}from"./p-06555615.js";const s='<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.707 16.707a1 1 0 0 1-1.414 0l-8-8a1 1 0 0 1 1.414-1.414L12 14.586l7.293-7.293a1 1 0 1 1 1.414 1.414z" clip-rule="evenodd"/></svg>';const n=s;const i='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M11.293 7.293a1 1 0 0 1 1.414 0l8 8a1 1 0 0 1-1.414 1.414L12 9.414l-7.293 7.293a1 1 0 0 1-1.414-1.414z" clip-rule="evenodd"/></svg>';const l=i;const c={sv:{toggleLinkTitleText:`Välj kundnummer`},en:{toggleLinkTitleText:`Choose customernumber`},da:{toggleLinkTitleText:`Vælg kundenummer`},no:{toggleLinkTitleText:`Velg kundenummer`},fi:{toggleLinkTitleText:`Valitse asiakasnumero`},de:{toggleLinkTitleText:`Kundennummer auswählen`}};const a="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.customernumber-container{position:relative;padding:0;display:flex;flex-direction:column;border-radius:0.8rem;border:0.1rem solid #969087;transition:border 0.15s ease}.customernumber-container:hover,pn-customernumber-selector[open] .customernumber-container{border-color:#005d92}pn-customernumber-selector[open] .customernumber-container{border-bottom-left-radius:0;border-bottom-right-radius:0}.customernumber-toggle{display:flex;z-index:11;position:relative;margin:0;border-radius:0.8rem;padding:1rem;border:0;background:transparent;font-size:1em;text-align:left;outline:0;cursor:pointer}.customernumber-toggle pn-icon{align-self:center}.customernumber-selected{flex-grow:1;max-width:calc(100% - 2.4rem);overflow:hidden}.customernumber-selected-title{color:#005d92}.customernumber-selected-description{font-size:0.875em;width:100%;overflow:hidden;text-overflow:ellipsis}.customernumber-options{position:absolute;z-index:10;left:-0.1rem;right:-0.1rem;top:100%;border:0.1rem solid #005d92;border-bottom-left-radius:0.8rem;border-bottom-right-radius:0.8rem;max-height:0;opacity:0;transform-origin:top left;transition:transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s, opacity 0.1s linear, max-height 0.1s ease;overflow-y:auto}pn-customernumber-selector[open] .customernumber-options{opacity:1;transition-delay:0s;max-height:500rem}";const d=a;const m=class{constructor(t){e(this,t);this.language="sv";this.open=false;this.heading="";this.description="";this.i18n=c["en"]}componentWillLoad(){this.init()}init(){this.setTranslations()}setTranslations(){if(this.language&&c[this.language]){this.i18n=c[this.language]}}render(){return t(o,{key:"ef400ae5ab8e698c589b47677ef66e4b19829a00"},t("div",{key:"c362270259d27d1cc68cc04b3ee88d43896a5d9e",class:"customernumber-container"},t("button",{key:"b03977829c105c3585f163f10527cff66b011fbe",class:"customernumber-toggle","aria-label":this.i18n.toggleLinkTitleText,onClick:()=>this.open=!this.open},t("div",{key:"6383ccd2ca068d8baad92c5ffb8bab7467b7a470",class:"customernumber-selected"},t("strong",{key:"e630dc6e0aac2eeeb17e30dad8a5a4fc70b763f7",class:"customernumber-selected-title"},this.heading),t("div",{key:"4ea4e6b7dfc3d215322d860ed74402328c57e5ae",class:"customernumber-selected-description"},this.description)),t("pn-icon",{key:"0fee747fe17bc7654d5861cc0e4c7285edc6914a",icon:this.open?l:n,small:"false",color:"blue700"})),t("div",{key:"e5da61be4dcb5a2f78b438ffe7ad023abea33a8b",class:"customernumber-options"},t("slot",{key:"38464c4f6edf1547c8c8b2f93ded8aec53a8527a"}))))}get hostElement(){return r(this)}};m.style=d;export{m as pn_customernumber_selector};
-//# sourceMappingURL=p-138ecede.entry.js.map
+import{r as e,g as t,h as o,d as r}from"./p-06555615.js";const s='<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.707 16.707a1 1 0 0 1-1.414 0l-8-8a1 1 0 0 1 1.414-1.414L12 14.586l7.293-7.293a1 1 0 1 1 1.414 1.414z" clip-rule="evenodd"/></svg>';const n=s;const i='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M11.293 7.293a1 1 0 0 1 1.414 0l8 8a1 1 0 0 1-1.414 1.414L12 9.414l-7.293 7.293a1 1 0 0 1-1.414-1.414z" clip-rule="evenodd"/></svg>';const l=i;const c={sv:{toggleLinkTitleText:`Välj kundnummer`},en:{toggleLinkTitleText:`Choose customernumber`},da:{toggleLinkTitleText:`Vælg kundenummer`},no:{toggleLinkTitleText:`Velg kundenummer`},fi:{toggleLinkTitleText:`Valitse asiakasnumero`},de:{toggleLinkTitleText:`Kundennummer auswählen`}};const a="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.customernumber-container{position:relative;padding:0;display:flex;flex-direction:column;border-radius:0.8rem;border:0.1rem solid #969087;transition:border 0.15s ease}.customernumber-container:hover,pn-customernumber-selector[open] .customernumber-container{border-color:#005d92}pn-customernumber-selector[open] .customernumber-container{border-bottom-left-radius:0;border-bottom-right-radius:0}.customernumber-toggle{display:flex;z-index:11;position:relative;margin:0;border-radius:0.8rem;padding:1rem;border:0;background:transparent;font-size:1em;text-align:left;outline:0;cursor:pointer}.customernumber-toggle pn-icon{align-self:center}.customernumber-selected{flex-grow:1;max-width:calc(100% - 2.4rem);overflow:hidden}.customernumber-selected-title{color:#005d92}.customernumber-selected-description{font-size:0.875em;width:100%;overflow:hidden;text-overflow:ellipsis}.customernumber-options{position:absolute;z-index:10;left:-0.1rem;right:-0.1rem;top:100%;border:0.1rem solid #005d92;border-bottom-left-radius:0.8rem;border-bottom-right-radius:0.8rem;max-height:0;opacity:0;transform-origin:top left;transition:transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s, opacity 0.1s linear, max-height 0.1s ease;overflow-y:auto}pn-customernumber-selector[open] .customernumber-options{opacity:1;transition-delay:0s;max-height:500rem}";const d=a;const m=class{constructor(t){e(this,t);this.language="sv";this.open=false;this.heading="";this.description="";this.i18n=c["en"]}get hostElement(){return t(this)}componentWillLoad(){this.init()}init(){this.setTranslations()}setTranslations(){if(this.language&&c[this.language]){this.i18n=c[this.language]}}render(){return o(r,{key:"ef400ae5ab8e698c589b47677ef66e4b19829a00"},o("div",{key:"c362270259d27d1cc68cc04b3ee88d43896a5d9e",class:"customernumber-container"},o("button",{key:"b03977829c105c3585f163f10527cff66b011fbe",class:"customernumber-toggle","aria-label":this.i18n.toggleLinkTitleText,onClick:()=>this.open=!this.open},o("div",{key:"6383ccd2ca068d8baad92c5ffb8bab7467b7a470",class:"customernumber-selected"},o("strong",{key:"e630dc6e0aac2eeeb17e30dad8a5a4fc70b763f7",class:"customernumber-selected-title"},this.heading),o("div",{key:"4ea4e6b7dfc3d215322d860ed74402328c57e5ae",class:"customernumber-selected-description"},this.description)),o("pn-icon",{key:"0fee747fe17bc7654d5861cc0e4c7285edc6914a",icon:this.open?l:n,small:"false",color:"blue700"})),o("div",{key:"e5da61be4dcb5a2f78b438ffe7ad023abea33a8b",class:"customernumber-options"},o("slot",{key:"38464c4f6edf1547c8c8b2f93ded8aec53a8527a"}))))}};m.style=d;export{m as pn_customernumber_selector};
+//# sourceMappingURL=p-95e054fd.entry.js.map

package/pn-market-web-components/{p-138ecede.entry.js.map → p-95e054fd.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icon","angle_down","angle_up","translations","sv","toggleLinkTitleText","en","da","no","fi","de","pnCustomernumberSelectorCss","PnCustomernumberSelectorStyle0","PnCustomernumberSelector","componentWillLoad","this","init","setTranslations","language","i18n","render","h","Host","key","class","onClick","open","heading","description","small","color"],"sources":["node_modules/pn-design-assets/pn-assets/icons/angle_down.js","node_modules/pn-design-assets/pn-assets/icons/angle_up.js","src/components/profile/pn-customernumber-selector/translations.ts","src/components/profile/pn-customernumber-selector/pn-customernumber-selector.scss?tag=pn-customernumber-selector","src/components/profile/pn-customernumber-selector/pn-customernumber-selector.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.707 16.707a1 1 0 0 1-1.414 0l-8-8a1 1 0 0 1 1.414-1.414L12 14.586l7.293-7.293a1 1 0 1 1 1.414 1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const angle_down = icon;\nexport const angleDown = icon;\n","const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M11.293 7.293a1 1 0 0 1 1.414 0l8 8a1 1 0 0 1-1.414 1.414L12 9.414l-7.293 7.293a1 1 0 0 1-1.414-1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const angle_up = icon;\nexport const angleUp = icon;\n","export const translations = {\n  sv: {\n    toggleLinkTitleText: `Välj kundnummer`,\n  },\n  en: {\n    toggleLinkTitleText: `Choose customernumber`,\n  },\n  da: {\n    toggleLinkTitleText: `Vælg kundenummer`,\n  },\n  no: {\n    toggleLinkTitleText: `Velg kundenummer`,\n  },\n  fi: {\n    toggleLinkTitleText: `Valitse asiakasnumero`,\n  },\n  de: {\n    toggleLinkTitleText: `Kundennummer auswählen`,\n  },\n};\n","@import '../../../globals/main.scss';\n\npn-customernumber-selector {\n}\n\n.customernumber-container {\n  position: relative;\n  padding: 0;\n\n  display: flex;\n  flex-direction: column;\n  border-radius: 0.8rem;\n  border: 0.1rem solid $gray400;\n  transition: border 0.15s ease;\n  &:hover,\n  pn-customernumber-selector[open] & {\n    border-color: $blue700;\n  }\n\n  pn-customernumber-selector[open] & {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n}\n\n.customernumber-toggle {\n  display: flex;\n  z-index: 11;\n  position: relative;\n  margin: 0;\n  border-radius: 0.8rem;\n  padding: 1rem;\n  border: 0;\n  background: transparent;\n  font-size: 1em;\n  text-align: left;\n  outline: 0;\n  cursor: pointer;\n\n  pn-icon {\n    align-self: center;\n  }\n}\n\n.customernumber-selected {\n  flex-grow: 1;\n  max-width: calc(100% - 2.4rem);\n  overflow: hidden;\n}\n\n.customernumber-selected-title {\n  color: $blue700;\n}\n\n.customernumber-selected-description {\n  font-size: 0.875em;\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.customernumber-options {\n  position: absolute;\n  z-index: 10;\n  left: -0.1rem;\n  right: -0.1rem;\n  top: 100%;\n  border: 0.1rem solid $blue700;\n  border-bottom-left-radius: 0.8rem;\n  border-bottom-right-radius: 0.8rem;\n\n  pn-customernumber-selector[open] & {\n    opacity: 1;\n    transition-delay: 0s;\n    max-height: 500rem;\n  }\n  max-height: 0;\n  opacity: 0;\n  transform-origin: top left;\n  transition:\n    transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s,\n    opacity 0.1s linear,\n    max-height 0.1s ease;\n  overflow-y: auto;\n}\n","import { Component, Prop, h, State, Element, Listen, Watch, Host, Event, EventEmitter } from '@stencil/core';\nimport { translations } from './translations';\nimport { CustomernumberSelectori18n } from './pn-customernumber-selector-types';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { MarketWebLoginManager } from '../../../globals/MarketWebLoginManager';\nimport { angle_down, angle_up } from \"pn-design-assets/pn-assets/icons\";\n\n@Component({\n  tag: 'pn-customernumber-selector',\n  styleUrl: 'pn-customernumber-selector.scss',\n})\nexport class PnCustomernumberSelector {\n  @Element() hostElement: Element;\n\n  @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  @Prop() heading: string = '';\n  @Prop() description: string = '';\n\n  @State() i18n: CustomernumberSelectori18n = translations['en'];\n\n  componentWillLoad() {\n    this.init();\n  }\n\n  init() {\n    this.setTranslations();\n  }\n\n  setTranslations() {\n    if (this.language && translations[this.language]) {\n      this.i18n = translations[this.language];\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"customernumber-container\">\n          <button class=\"customernumber-toggle\" aria-label={this.i18n.toggleLinkTitleText} onClick={() => (this.open = !this.open)}>\n            <div class=\"customernumber-selected\">\n              <strong class=\"customernumber-selected-title\">{this.heading}</strong>\n              <div class=\"customernumber-selected-description\">{this.description}</div>\n            </div>\n            <pn-icon icon={this.open ? angle_up : angle_down} small=\"false\" color=\"blue700\" />\n          </button>\n          <div class=\"customernumber-options\">\n            <slot />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAO,6QACN,MAAMC,EAAaD,ECD1B,MAAMA,EAAO,2QACN,MAAME,EAAWF,ECDjB,MAAMG,EAAe,CAC1BC,GAAI,CACFC,oBAAqB,mBAEvBC,GAAI,CACFD,oBAAqB,yBAEvBE,GAAI,CACFF,oBAAqB,oBAEvBG,GAAI,CACFH,oBAAqB,oBAEvBI,GAAI,CACFJ,oBAAqB,yBAEvBK,GAAI,CACFL,oBAAqB,2BCjBzB,MAAMM,EAA8B,o4CACpC,MAAAC,EAAeD,E,MCUFE,EAAwB,M,uCAGwB,K,UACH,M,aAE9B,G,iBACI,G,UAEcV,EAAa,K,CAEzD,iBAAAW,GACEC,KAAKC,M,CAGP,IAAAA,GACED,KAAKE,iB,CAGP,eAAAA,GACE,GAAIF,KAAKG,UAAYf,EAAaY,KAAKG,UAAW,CAChDH,KAAKI,KAAOhB,EAAaY,KAAKG,S,EAIlC,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,UAAAE,IAAA,2CAAQC,MAAM,wBAAuB,aAAaT,KAAKI,KAAKd,oBAAqBoB,QAAS,IAAOV,KAAKW,MAAQX,KAAKW,MACjHL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2BACTH,EAAA,UAAAE,IAAA,2CAAQC,MAAM,iCAAiCT,KAAKY,SACpDN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uCAAuCT,KAAKa,cAEzDP,EAAA,WAAAE,IAAA,2CAASvB,KAAMe,KAAKW,KAAOxB,EAAWD,EAAY4B,MAAM,QAAQC,MAAM,aAExET,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0BACTH,EAAA,QAAAE,IAAA,+C","ignoreList":[]}
+{"version":3,"names":["icon","angle_down","angle_up","translations","sv","toggleLinkTitleText","en","da","no","fi","de","pnCustomernumberSelectorCss","PnCustomernumberSelectorStyle0","PnCustomernumberSelector","componentWillLoad","this","init","setTranslations","language","i18n","render","h","Host","key","class","onClick","open","heading","description","small","color"],"sources":["node_modules/pn-design-assets/pn-assets/icons/angle_down.js","node_modules/pn-design-assets/pn-assets/icons/angle_up.js","src/components/profile/pn-customernumber-selector/translations.ts","src/components/profile/pn-customernumber-selector/pn-customernumber-selector.scss?tag=pn-customernumber-selector","src/components/profile/pn-customernumber-selector/pn-customernumber-selector.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.707 16.707a1 1 0 0 1-1.414 0l-8-8a1 1 0 0 1 1.414-1.414L12 14.586l7.293-7.293a1 1 0 1 1 1.414 1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const angle_down = icon;\nexport const angleDown = icon;\n","const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M11.293 7.293a1 1 0 0 1 1.414 0l8 8a1 1 0 0 1-1.414 1.414L12 9.414l-7.293 7.293a1 1 0 0 1-1.414-1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const angle_up = icon;\nexport const angleUp = icon;\n","export const translations = {\n  sv: {\n    toggleLinkTitleText: `Välj kundnummer`,\n  },\n  en: {\n    toggleLinkTitleText: `Choose customernumber`,\n  },\n  da: {\n    toggleLinkTitleText: `Vælg kundenummer`,\n  },\n  no: {\n    toggleLinkTitleText: `Velg kundenummer`,\n  },\n  fi: {\n    toggleLinkTitleText: `Valitse asiakasnumero`,\n  },\n  de: {\n    toggleLinkTitleText: `Kundennummer auswählen`,\n  },\n};\n","@import '../../../globals/main.scss';\n\npn-customernumber-selector {\n}\n\n.customernumber-container {\n  position: relative;\n  padding: 0;\n\n  display: flex;\n  flex-direction: column;\n  border-radius: 0.8rem;\n  border: 0.1rem solid $gray400;\n  transition: border 0.15s ease;\n  &:hover,\n  pn-customernumber-selector[open] & {\n    border-color: $blue700;\n  }\n\n  pn-customernumber-selector[open] & {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n}\n\n.customernumber-toggle {\n  display: flex;\n  z-index: 11;\n  position: relative;\n  margin: 0;\n  border-radius: 0.8rem;\n  padding: 1rem;\n  border: 0;\n  background: transparent;\n  font-size: 1em;\n  text-align: left;\n  outline: 0;\n  cursor: pointer;\n\n  pn-icon {\n    align-self: center;\n  }\n}\n\n.customernumber-selected {\n  flex-grow: 1;\n  max-width: calc(100% - 2.4rem);\n  overflow: hidden;\n}\n\n.customernumber-selected-title {\n  color: $blue700;\n}\n\n.customernumber-selected-description {\n  font-size: 0.875em;\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.customernumber-options {\n  position: absolute;\n  z-index: 10;\n  left: -0.1rem;\n  right: -0.1rem;\n  top: 100%;\n  border: 0.1rem solid $blue700;\n  border-bottom-left-radius: 0.8rem;\n  border-bottom-right-radius: 0.8rem;\n\n  pn-customernumber-selector[open] & {\n    opacity: 1;\n    transition-delay: 0s;\n    max-height: 500rem;\n  }\n  max-height: 0;\n  opacity: 0;\n  transform-origin: top left;\n  transition:\n    transform 0.2s cubic-bezier(0.6, 0, 0.4, 1) 0.15s,\n    opacity 0.1s linear,\n    max-height 0.1s ease;\n  overflow-y: auto;\n}\n","import { Component, Prop, h, State, Element, Listen, Watch, Host, Event, EventEmitter } from '@stencil/core';\nimport { translations } from './translations';\nimport { CustomernumberSelectori18n } from './pn-customernumber-selector-types';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { MarketWebLoginManager } from '../../../globals/MarketWebLoginManager';\nimport { angle_down, angle_up } from \"pn-design-assets/pn-assets/icons\";\n\n@Component({\n  tag: 'pn-customernumber-selector',\n  styleUrl: 'pn-customernumber-selector.scss',\n})\nexport class PnCustomernumberSelector {\n  @Element() hostElement: Element;\n\n  @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  @Prop() heading: string = '';\n  @Prop() description: string = '';\n\n  @State() i18n: CustomernumberSelectori18n = translations['en'];\n\n  componentWillLoad() {\n    this.init();\n  }\n\n  init() {\n    this.setTranslations();\n  }\n\n  setTranslations() {\n    if (this.language && translations[this.language]) {\n      this.i18n = translations[this.language];\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"customernumber-container\">\n          <button class=\"customernumber-toggle\" aria-label={this.i18n.toggleLinkTitleText} onClick={() => (this.open = !this.open)}>\n            <div class=\"customernumber-selected\">\n              <strong class=\"customernumber-selected-title\">{this.heading}</strong>\n              <div class=\"customernumber-selected-description\">{this.description}</div>\n            </div>\n            <pn-icon icon={this.open ? angle_up : angle_down} small=\"false\" color=\"blue700\" />\n          </button>\n          <div class=\"customernumber-options\">\n            <slot />\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAO,6QACN,MAAMC,EAAaD,ECD1B,MAAMA,EAAO,2QACN,MAAME,EAAWF,ECDjB,MAAMG,EAAe,CAC1BC,GAAI,CACFC,oBAAqB,mBAEvBC,GAAI,CACFD,oBAAqB,yBAEvBE,GAAI,CACFF,oBAAqB,oBAEvBG,GAAI,CACFH,oBAAqB,oBAEvBI,GAAI,CACFJ,oBAAqB,yBAEvBK,GAAI,CACFL,oBAAqB,2BCjBzB,MAAMM,EAA8B,o4CACpC,MAAAC,EAAeD,E,MCUFE,EAAwB,M,uCAGwB,K,UACH,M,aAE9B,G,iBACI,G,UAEcV,EAAa,K,kCAEzD,iBAAAW,GACEC,KAAKC,M,CAGP,IAAAA,GACED,KAAKE,iB,CAGP,eAAAA,GACE,GAAIF,KAAKG,UAAYf,EAAaY,KAAKG,UAAW,CAChDH,KAAKI,KAAOhB,EAAaY,KAAKG,S,EAIlC,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,UAAAE,IAAA,2CAAQC,MAAM,wBAAuB,aAAaT,KAAKI,KAAKd,oBAAqBoB,QAAS,IAAOV,KAAKW,MAAQX,KAAKW,MACjHL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2BACTH,EAAA,UAAAE,IAAA,2CAAQC,MAAM,iCAAiCT,KAAKY,SACpDN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uCAAuCT,KAAKa,cAEzDP,EAAA,WAAAE,IAAA,2CAASvB,KAAMe,KAAKW,KAAOxB,EAAWD,EAAY4B,MAAM,QAAQC,MAAM,aAExET,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0BACTH,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/pn-market-web-components/p-9776a1c5.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i,d as e}from"./p-06555615.js";import{t as s}from"./p-6e056c20.js";const n="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-proxio-findprice-result [slot=insurance]{display:flex;justify-content:center}pn-proxio-findprice-result .insurance-box{padding:0.4rem 0.8rem;border-radius:0.8rem;background-color:#8eddf9;text-align:center;font-size:1.2rem;font-weight:400;margin-bottom:2.4rem}";const r=n;const o=class{constructor(i){t(this,i);this.item=null;this.activeweight=null;this.shownitems=[];this.Usp1=undefined;this.Usp2=undefined;this.Usp3=undefined;this.description=[];this.showMeasurement=false;this.showInternational=false;this.selectedCountrycode="";this.market="";this.language="sv";this.weightText="";this.linkId="";this.shopLabel="";this.shopUrl="";this.shopId="";this.i18n=s[this.language]}componentWillLoad(){this.composeItems()}composeItems(){this.shownitems=[this.item]}getPriceString(t){if(!t.productWeightGroupList){return null}const i=t.productWeightGroupList.findIndex((t=>t.item1===this.activeweight));let e="";if(this.showInternational&&this.selectedCountrycode&&this.selectedCountrycode!==this.market&&t.weightPriceCountryList){let s=t.weightPriceCountryList.filter((t=>t.item3.includes(this.selectedCountrycode.toUpperCase())));e=s?s[i]?.item2:""}else{e=t.weightAndPriceList?t?.weightAndPriceList[i]?.item2:""}return e?this.i18n.from+e:""}getProductLink(t,i){if(t.productWeightGroupList){const e=t.productWeightGroupList.findIndex((t=>t.item1===this.activeweight));let s=i[e]?.item2;let n=t.productLink?t?.productLink:"";return n?n+(s?"?productId="+s:""):""}return null}getDeliveryInformation(t){if(!this.showInternational||!t.deliveryDateInternationalInformation){return t.deliveryDateInformation}const i=t?.deliveryDateInternationalInformation?.find((t=>t.item1.toLowerCase()===this.selectedCountrycode.toLowerCase()));if(!i?.item2??true){return t.deliveryDateInformation}return i.item2}getInsuranceAmountText(t){if(!t.insuranceAmounts){return""}const i=t?.insuranceAmounts?.find((t=>t.item1.toLowerCase()===this.selectedCountrycode.toLowerCase()));if(!i?.item2??true){return""}return i.item2}render(){return i(e,{key:"ce3112cc09bb6b7b1842bf4b9509e8256b0d0ac9"},i("pn-proxio-productcard",{key:"a5a272b49dc3fa8e902f46af086e1428b7f9c717"},i("pn-illustration",{key:"e07918923cbe164259a660225d71d26327358cd4",slot:"illustrationmobile",illustration:this.item.proxioProduct.productIcon}),i("h2",{key:"47acfe6e7ca504cd30d89223f836a731fa265c77",slot:"title"},this.item.proxioProduct.productTitle),i("pn-proxio-productcard-description",{key:"e6653b56c1ae299fd2b697c51c87a95d1bc6664b",slot:"description",heading:this.item.proxioProduct.productPreamble,highlight:this.getDeliveryInformation(this.item.proxioProduct),list:this.item.proxioProduct.productDescriptionBulletListItems}),i("div",{key:"1e5f61349e1d7f208ee85b8eefc50be2806df721",slot:"information"},i("pn-proxio-productcard-information",{key:"d088e25e68b80cfda983e05b989f4c40e891d06e",label:this.i18n.labelMaxDimensions,information:this.item.proxioProduct.productPackageDimensionsList}),i("pn-proxio-productcard-information",{key:"acc9991445ec6dd9f62e778986136e2f8b3a122c",label:this.i18n.labelMaxDimensionsRoll,information:this.item.proxioProduct.productRollDimensionsList})),i("div",{key:"2aa6cd4d27c0863fe83da1df60ada981ef472082",slot:"bottomtags"},this.item.proxioProduct.usp1?i("pn-titletag",{color:"gray50"},this.item.proxioProduct.usp1):null,this.item.proxioProduct.usp2?i("pn-titletag",{color:"gray50"},this.item.proxioProduct.usp2):null,this.item.proxioProduct.usp3?i("pn-titletag",{color:"gray50"},this.item.proxioProduct.usp3):null),i("pn-illustration",{key:"b0c96f668138b6db0e358d8264277c885bc18689",slot:"illustration",illustration:this.item.proxioProduct.productIcon}),i("div",{key:"bea0a4d1b2e8e9a6a7b51a4398e2b7a13f1671ed",slot:"pricelink"},i("pn-proxio-productcard-pricelink",{key:"8c7f47baaad458cef30564a0586ae5b1d0b7378e",price:this.getPriceString(this.item.proxioProduct),link:this.getProductLink(this.item.proxioProduct,this.item.proxioProduct.productWeightGroupList),linktext:this.item.proxioProduct.productLinkText}),this.item.relatedProxioProducts?this.item.relatedProxioProducts.map((t=>i("pn-proxio-productcard-pricelink",{price:this.getPriceString(t),link:t.productLink,linktext:t.productLinkText}))):null),this.getInsuranceAmountText(this.item.proxioProduct)?i("div",{slot:"insurance"},i("div",{class:"insurance-box"},this.getInsuranceAmountText(this.item.proxioProduct))):null))}static get watchers(){return{item:["composeItems"],activeweight:["getPriceString","getProductLink"]}}};o.style=r;export{o as pn_proxio_findprice_result};
+//# sourceMappingURL=p-9776a1c5.entry.js.map

package/pn-market-web-components/p-9776a1c5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pnProxioFindpriceResultCss","PnProxioFindpriceResultStyle0","PnProxioFindPriceResult","translations","this","language","componentWillLoad","composeItems","shownitems","item","getPriceString","product","productWeightGroupList","activeIndex","findIndex","item1","activeweight","price","showInternational","selectedCountrycode","market","weightPriceCountryList","filter","item3","includes","toUpperCase","item2","weightAndPriceList","i18n","from","getProductLink","productId","productLink","getDeliveryInformation","deliveryDateInternationalInformation","deliveryDateInformation","internationalShipment","find","info","toLowerCase","getInsuranceAmountText","insuranceAmounts","insuranceAmount","render","h","Host","key","slot","illustration","proxioProduct","productIcon","productTitle","heading","productPreamble","highlight","list","productDescriptionBulletListItems","label","labelMaxDimensions","information","productPackageDimensionsList","labelMaxDimensionsRoll","productRollDimensionsList","usp1","color","usp2","usp3","link","linktext","productLinkText","relatedProxioProducts","map","class"],"sources":["src/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.scss?tag=pn-proxio-findprice-result","src/components/widgets/pn-proxio-findprice/pn-proxio-findprice-result.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-proxio-findprice-result {\n  [slot='insurance'] {\n    display: flex;\n    justify-content: center;\n  }\n\n  .insurance-box {\n    padding: 0.4rem 0.8rem;\n    border-radius: 0.8rem;\n    background-color: $blue200;\n    text-align: center;\n    font-size: 1.2rem;\n    font-weight: 400;\n    margin-bottom: 2.4rem;\n  }\n}\n","import { Component, h, Prop, Host, Watch, State } from '@stencil/core';\nimport { ProxioPriceGroupi18n, ProxioProduct, ProductGenericItem, ProductWeightGroupListItem, ProxioPriceListGroupResponse } from '../pn-proxio-pricegroup/types';\nimport { translations } from '../pn-proxio-pricegroup/translations';\n\n@Component({\n  tag: 'pn-proxio-findprice-result',\n  styleUrl: 'pn-proxio-findprice-result.scss',\n})\nexport class PnProxioFindPriceResult {\n  @Prop({ mutable: true }) item: ProxioPriceListGroupResponse = null;\n  @Prop({ mutable: true }) activeweight: number = null;\n  @Prop() shownitems: ProxioPriceListGroupResponse[] = [];\n  @Prop() Usp1?: string;\n  @Prop() Usp2?: string;\n  @Prop() Usp3?: string;\n  @Prop() description?: string[] = [];\n  @Prop() showMeasurement?: boolean = false;\n  @Prop() showInternational: boolean = false;\n  @Prop() selectedCountrycode: string = '';\n  @Prop() market: string = '';\n  @Prop({ mutable: true }) language: string = 'sv';\n\n  @State() weightText = '';\n  @State() linkId: string = '';\n  @State() shopLabel: string = '';\n  @State() shopUrl: string = '';\n  @State() shopId: string = '';\n  @State() i18n: ProxioPriceGroupi18n = translations[this.language];\n\n  componentWillLoad() {\n    this.composeItems();\n  }\n\n  @Watch('item')\n  composeItems() {\n    this.shownitems = [this.item];\n  }\n\n  @Watch('activeweight')\n  getPriceString(product: ProxioProduct) {\n    if (!product.productWeightGroupList) {\n      return null;\n    }\n\n    const activeIndex = product.productWeightGroupList.findIndex(item => item.item1 === this.activeweight);\n\n    let price = '';\n\n    if (this.showInternational && this.selectedCountrycode && this.selectedCountrycode !== this.market && product.weightPriceCountryList) {\n      let weightPriceCountryList = product.weightPriceCountryList.filter(item => item.item3.includes(this.selectedCountrycode.toUpperCase()));\n\n      price = weightPriceCountryList ? weightPriceCountryList[activeIndex]?.item2 : '';\n    } else {\n      price = product.weightAndPriceList ? product?.weightAndPriceList[activeIndex]?.item2 : '';\n    }\n\n    return price ? this.i18n.from + price : '';\n  }\n\n  @Watch('activeweight')\n  getProductLink(product: ProxioProduct, productWeightGroupList: ProductWeightGroupListItem[]) {\n    if (product.productWeightGroupList) {\n      const activeIndex = product.productWeightGroupList.findIndex(item => item.item1 === this.activeweight);\n\n      let productId = productWeightGroupList[activeIndex]?.item2;\n      let productLink = product.productLink ? product?.productLink : '';\n      return productLink ? productLink + (productId ? '?productId=' + productId : '') : '';\n    }\n    return null;\n  }\n\n  getDeliveryInformation(product: ProxioProduct) {\n    if (!this.showInternational || !product.deliveryDateInternationalInformation) {\n      return product.deliveryDateInformation;\n    }\n\n    const internationalShipment = product?.deliveryDateInternationalInformation?.find(info => info.item1.toLowerCase() === this.selectedCountrycode.toLowerCase());\n\n    if (!internationalShipment?.item2 ?? true) {\n      return product.deliveryDateInformation;\n    }\n\n    return internationalShipment.item2;\n  }\n\n  getInsuranceAmountText(product: ProxioProduct) {\n    if (!product.insuranceAmounts) {\n      return '';\n    }\n\n    const insuranceAmount = product?.insuranceAmounts?.find(info => info.item1.toLowerCase() === this.selectedCountrycode.toLowerCase());\n\n    if (!insuranceAmount?.item2 ?? true) {\n      return '';\n    }\n\n    return insuranceAmount.item2;\n  }\n\n  render() {\n    return (\n      <Host>\n        {\n          <pn-proxio-productcard>\n            <pn-illustration slot=\"illustrationmobile\" illustration={this.item.proxioProduct.productIcon}></pn-illustration>\n            <h2 slot=\"title\">{this.item.proxioProduct.productTitle}</h2>\n            <pn-proxio-productcard-description\n              slot=\"description\"\n              heading={this.item.proxioProduct.productPreamble}\n              highlight={this.getDeliveryInformation(this.item.proxioProduct)}\n              list={this.item.proxioProduct.productDescriptionBulletListItems}\n            ></pn-proxio-productcard-description>\n            <div slot=\"information\">\n              <pn-proxio-productcard-information\n                label={this.i18n.labelMaxDimensions}\n                information={this.item.proxioProduct.productPackageDimensionsList as ProductGenericItem[]}\n              ></pn-proxio-productcard-information>\n              <pn-proxio-productcard-information\n                label={this.i18n.labelMaxDimensionsRoll}\n                information={this.item.proxioProduct.productRollDimensionsList as ProductGenericItem[]}\n              ></pn-proxio-productcard-information>\n            </div>\n            <div slot=\"bottomtags\">\n              {this.item.proxioProduct.usp1 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp1}</pn-titletag> : null}\n              {this.item.proxioProduct.usp2 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp2}</pn-titletag> : null}\n              {this.item.proxioProduct.usp3 ? <pn-titletag color=\"gray50\">{this.item.proxioProduct.usp3}</pn-titletag> : null}\n            </div>\n            <pn-illustration slot=\"illustration\" illustration={this.item.proxioProduct.productIcon}></pn-illustration>\n            <div slot=\"pricelink\">\n              <pn-proxio-productcard-pricelink\n                price={this.getPriceString(this.item.proxioProduct)}\n                link={this.getProductLink(this.item.proxioProduct, this.item.proxioProduct.productWeightGroupList)}\n                linktext={this.item.proxioProduct.productLinkText}\n              ></pn-proxio-productcard-pricelink>\n              {this.item.relatedProxioProducts\n                ? this.item.relatedProxioProducts.map(product => (\n                    <pn-proxio-productcard-pricelink\n                      price={this.getPriceString(product)}\n                      link={product.productLink}\n                      linktext={product.productLinkText}\n                    ></pn-proxio-productcard-pricelink>\n                  ))\n                : null}\n            </div>\n            {this.getInsuranceAmountText(this.item.proxioProduct) ? (\n              <div slot=\"insurance\">\n                <div class=\"insurance-box\">{this.getInsuranceAmountText(this.item.proxioProduct)}</div>\n              </div>\n            ) : null}\n          </pn-proxio-productcard>\n        }\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/{p-db2e2762.entry.js → p-9998c29d.entry.js}

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

package/pn-market-web-components/p-9998c29d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pnMarketwebInputCss","PnMarketwebInputStyle0","PnMarketwebInput","Math","random","getTextMessage","this","error","helpertext","toggleTextVisibility","showText","getInputType","types","includes","type","setVal","e","target","composedPath","value","getClassNames","classNames","length","invalid","valid","render","h","Host","key","class","label","maxlength","htmlFor","inputid","parseInt","id","name","placeholder","disabled","required","autocomplete","onInput","min","max","step","pattern","xmlns","viewBox","fill","points","onClick","icon","alert_exclamation_circle","small","color"],"sources":["src/components/input/pn-marketweb-input/pn-marketweb-input.scss?tag=pn-marketweb-input","src/components/input/pn-marketweb-input/pn-marketweb-input.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn--marketweb-input {\n  display: inline-flex;\n  flex-direction: column;\n}\n\npn-marketweb-input input {\n  padding: 0.75em;\n  font-size: 1em;\n  font-weight: 500;\n  -webkit-font-smoothing: antialiased;\n  outline: none;\n  border-radius: 0.8rem;\n  border: 0.1rem solid $gray700;\n  transition:\n    box-shadow 0.15s,\n    border 0.15s;\n  color: $black;\n  width: 100%;\n\n  &::placeholder {\n    color: $gray400;\n    font-weight: normal;\n  }\n\n  &:focus {\n    border: 0.1rem solid $blue700;\n    box-shadow:\n      0 0 0 0.2rem #fff,\n      0 0 0 0.4rem $blue700;\n  }\n\n  &:hover {\n    border: 0.1rem solid $blue400;\n  }\n\n  &:disabled {\n    background: $gray50;\n    border: none;\n  }\n}\n\npn-marketweb-input > .input-container {\n  position: relative;\n\n  > button {\n    position: absolute;\n    right: 1.2rem;\n    top: 50%;\n    transform: translateY(-50%);\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: $blue700;\n    padding: 0.6rem;\n    border-radius: 0.8rem;\n    outline: none;\n    transition:\n      border 0.1s,\n      background 0.2s,\n      color 0.1s;\n    border: 0.1rem solid transparent;\n\n    &:focus {\n      border: 0.1rem solid $blue700;\n    }\n\n    &:hover {\n      background: $blue50;\n    }\n\n    &:active {\n      background: $blue700;\n      color: white;\n    }\n  }\n\n  > svg {\n    position: absolute;\n    right: 0.75em;\n    top: 50%;\n    transform: translateY(-50%);\n    height: 1.5em;\n    width: 1.5em;\n    pointer-events: none;\n\n    polyline {\n      stroke-linecap: round;\n      transition: stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);\n    }\n  }\n\n  > svg.pn-input-checkmark polyline {\n    stroke: $green700;\n    stroke-dashoffset: 23;\n    stroke-dasharray: 23;\n  }\n}\n\npn-marketweb-input .label-container {\n  margin-bottom: 0.4rem;\n  color: $gray700;\n  font-size: 0.875em;\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n\n  label {\n    cursor: pointer;\n    transition: color 0.2s;\n  }\n}\n\n.label-container label.char-count {\n  flex-shrink: 0;\n  padding-left: 0.5em;\n}\n\npn-marketweb-input small {\n  font-size: 0.75em;\n  font-size: unquote('max(.6em, 1.2rem)');\n  transition: transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);\n  margin-top: 0.5em;\n  color: $gray700;\n}\n\npn-input.error {\n  color: $warning;\n\n  label {\n    color: $warning;\n  }\n\n  small {\n    color: $warning;\n  }\n\n  small > pn-icon {\n    margin-right: 0.25em;\n  }\n\n  input {\n    border: 0.1rem solid $warning;\n\n    &:focus {\n      border: 0.1rem solid $warning;\n      box-shadow:\n        0 0 0 0.2rem #fff,\n        0 0 0 0.4rem $warning;\n    }\n\n    &:hover {\n      border: 0.1rem solid $coral400;\n    }\n  }\n}\n\npn-input.valid {\n  color: $green700;\n\n  .input-container > svg.pn-input-checkmark polyline {\n    stroke-dashoffset: 0;\n  }\n\n  label {\n    color: $green700;\n  }\n\n  input {\n    border: 0.1rem solid $green700;\n\n    &:focus {\n      border: 0.1rem solid $green700;\n      box-shadow:\n        0 0 0 0.2rem #fff,\n        0 0 0 0.4rem $green700;\n    }\n\n    &:hover {\n      border: 0.1rem solid $green400;\n    }\n  }\n}\n\npn-marketweb-input.password input {\n  padding-right: 4em;\n}\n\npn-marketweb-input.icon input {\n  padding-right: 2.3em;\n}\n","import { Component, Prop, h, Host, State } from '@stencil/core';\nimport { alert_exclamation_circle } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-input',\n  styleUrl: 'pn-marketweb-input.scss',\n})\nexport class PnMarketwebInput {\n  @Prop() disabled: boolean = false;\n  /** Error message; will take precedence over helpertext if both are provided (applies invalid styles automatically) */\n  @Prop() error: string = '';\n  /** Error state without message (If you want to control the error messaging on your own) */\n  @Prop() invalid: boolean = false;\n  /** Text message placed underneath the input field */\n  @Prop() helpertext: string = '';\n  /** Text label placed above the input field */\n  @Prop() label: string = '';\n  @Prop() placeholder: string = '';\n  @Prop() inputid: string = `${Math.random()}`;\n  @Prop() name: string = '';\n  @Prop() required: boolean = false;\n  @Prop({ mutable: true }) type: string = 'text';\n  @Prop() autocomplete: string = '';\n  @Prop() valid: boolean = null;\n  @Prop() value: string = '';\n  /** The maximum number of characters the user should be able to add, also adds a visible counter */\n  @Prop() maxlength: string = '';\n  @Prop() min: string = '';\n  @Prop() max: string = '';\n  @Prop() step: string = '';\n  @Prop() pattern: string = '';\n\n  getTextMessage() {\n    if (this.error) return this.error;\n    if (this.helpertext) return this.helpertext;\n\n    return null;\n  }\n\n  @State() showText: boolean = false;\n  toggleTextVisibility() {\n    this.showText = !this.showText;\n  }\n\n  getInputType() {\n    let types = ['text', 'password', 'url', 'tel', 'search', 'number', 'email', 'date', 'datetime-local', 'month', 'week', 'time'];\n\n    return types.includes(this.type) && !this.showText ? this.type : 'text';\n  }\n\n  setVal(e) {\n    const target: HTMLInputElement = e.composedPath?.()[0] as HTMLInputElement;\n    this.value = target.value;\n  }\n\n  getClassNames() {\n    let classNames = 'pn-input ';\n    if (this.error.length > 0 || this.invalid) classNames += 'error ';\n    if (this.valid) classNames += 'valid ';\n    if (this.type === 'password') classNames += 'password ';\n    if (this.error || this.invalid || this.valid) classNames += 'icon ';\n\n    return classNames;\n  }\n\n  render() {\n    return (\n      <Host class={this.getClassNames()}>\n        {(this.label || this.maxlength) && (\n          <div class=\"label-container\">\n            {this.label && <label htmlFor={this.inputid}>{this.label}</label>}\n            {parseInt(this.maxlength) > 0 && (\n              <label class=\"char-count\" htmlFor={this.inputid}>\n                {`${this.value.length}/${this.maxlength}`}\n              </label>\n            )}\n          </div>\n        )}\n        <div class=\"input-container\">\n          <input\n            type={this.getInputType()}\n            value={this.value}\n            id={this.inputid}\n            name={this.name}\n            placeholder={this.placeholder}\n            disabled={this.disabled}\n            required={this.required}\n            autocomplete={this.autocomplete}\n            onInput={e => this.setVal(e)}\n            maxlength={this.maxlength ? this.maxlength : null}\n            min={this.min ? this.min : null}\n            max={this.max ? this.max : null}\n            step={this.step ? this.step : null}\n            pattern={this.pattern ? this.pattern : null}\n          />\n          <svg class=\"pn-input-checkmark\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <polyline class=\"checkmark-path\" points=\"4,12 9,17 20,6\" stroke-width=\"3\" />\n          </svg>\n\n          {this.type === 'password' && !this.disabled && <button onClick={() => this.toggleTextVisibility()}>Show</button>}\n        </div>\n\n        {this.getTextMessage() && (\n          <small>\n            {this.error && <pn-icon icon={alert_exclamation_circle} small color=\"warning\"></pn-icon>}\n            {this.getTextMessage()}\n          </small>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAsB,+4FAC5B,MAAAC,EAAeD,E,MCMFE,EAAgB,M,uCACC,M,WAEJ,G,aAEG,M,gBAEE,G,WAEL,G,iBACM,G,aACJ,GAAGC,KAAKC,W,UACX,G,cACK,M,UACY,O,kBACT,G,WACN,K,WACD,G,eAEI,G,SACN,G,SACA,G,UACC,G,aACG,G,cASG,K,CAP7B,cAAAC,GACE,GAAIC,KAAKC,MAAO,OAAOD,KAAKC,MAC5B,GAAID,KAAKE,WAAY,OAAOF,KAAKE,WAEjC,OAAO,I,CAIT,oBAAAC,GACEH,KAAKI,UAAYJ,KAAKI,Q,CAGxB,YAAAC,GACE,IAAIC,EAAQ,CAAC,OAAQ,WAAY,MAAO,MAAO,SAAU,SAAU,QAAS,OAAQ,iBAAkB,QAAS,OAAQ,QAEvH,OAAOA,EAAMC,SAASP,KAAKQ,QAAUR,KAAKI,SAAWJ,KAAKQ,KAAO,M,CAGnE,MAAAC,CAAOC,GACL,MAAMC,EAA2BD,EAAEE,iBAAiB,GACpDZ,KAAKa,MAAQF,EAAOE,K,CAGtB,aAAAC,GACE,IAAIC,EAAa,YACjB,GAAIf,KAAKC,MAAMe,OAAS,GAAKhB,KAAKiB,QAASF,GAAc,SACzD,GAAIf,KAAKkB,MAAOH,GAAc,SAC9B,GAAIf,KAAKQ,OAAS,WAAYO,GAAc,YAC5C,GAAIf,KAAKC,OAASD,KAAKiB,SAAWjB,KAAKkB,MAAOH,GAAc,QAE5D,OAAOA,C,CAGT,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOvB,KAAKc,kBACdd,KAAKwB,OAASxB,KAAKyB,YACnBL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACRvB,KAAKwB,OAASJ,EAAA,SAAAE,IAAA,2CAAOI,QAAS1B,KAAK2B,SAAU3B,KAAKwB,OAClDI,SAAS5B,KAAKyB,WAAa,GAC1BL,EAAA,SAAAE,IAAA,2CAAOC,MAAM,aAAaG,QAAS1B,KAAK2B,SACrC,GAAG3B,KAAKa,MAAMG,UAAUhB,KAAKyB,cAKtCL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACTH,EAAA,SAAAE,IAAA,2CACEd,KAAMR,KAAKK,eACXQ,MAAOb,KAAKa,MACZgB,GAAI7B,KAAK2B,QACTG,KAAM9B,KAAK8B,KACXC,YAAa/B,KAAK+B,YAClBC,SAAUhC,KAAKgC,SACfC,SAAUjC,KAAKiC,SACfC,aAAclC,KAAKkC,aACnBC,QAASzB,GAAKV,KAAKS,OAAOC,GAC1Be,UAAWzB,KAAKyB,UAAYzB,KAAKyB,UAAY,KAC7CW,IAAKpC,KAAKoC,IAAMpC,KAAKoC,IAAM,KAC3BC,IAAKrC,KAAKqC,IAAMrC,KAAKqC,IAAM,KAC3BC,KAAMtC,KAAKsC,KAAOtC,KAAKsC,KAAO,KAC9BC,QAASvC,KAAKuC,QAAUvC,KAAKuC,QAAU,OAEzCnB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBAAqBiB,MAAM,6BAA6BC,QAAQ,YAAYC,KAAK,QAC1FtB,EAAA,YAAAE,IAAA,2CAAUC,MAAM,iBAAiBoB,OAAO,iBAAgB,eAAc,OAGvE3C,KAAKQ,OAAS,aAAeR,KAAKgC,UAAYZ,EAAA,UAAAE,IAAA,2CAAQsB,QAAS,IAAM5C,KAAKG,wBAAsB,SAGlGH,KAAKD,kBACJqB,EAAA,SAAAE,IAAA,4CACGtB,KAAKC,OAASmB,EAAA,WAAAE,IAAA,2CAASuB,KAAMC,EAA0BC,MAAK,KAACC,MAAM,YACnEhD,KAAKD,kB","ignoreList":[]}

package/pn-market-web-components/p-9a7abcee.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as i,h as t,d as n}from"./p-06555615.js";import{s as o}from"./p-07edd5e4.js";import{a as s}from"./p-36b39340.js";import"./p-3f8aa7d1.js";const r=e=>{const i="(?:se|dk|no|fi|com|de|tpl|group)-(?:integration|preproduction|production|inte|prep|prod).(?:postnord.com)";const t="(?:www(?:.tpl|.group)?.postnord.(?:se|dk|no|fi|com|de))";const n="(?:local)(?:host|.postnord.)(?:se|dk|no|fi|com|de|)";const o="(?:dev|at)(?:portal.postnord.com)";if(e.match(i)||e.match(t)||e.match(n)){return"/login?returnUrl="}else if(e.match(o)){return"https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl="}else{return"https://portal.postnord.com/api/unified-login/backend/authorization?redirectionUrl="}};const l="";const a=l;const d=class{constructor(i){e(this,i);this.label="Log in"}get hostElement(){return i(this)}loginUrl;componentWillLoad(){this.loginUrl=r(window.location.host)}nagivateToLoginUrl(){const e=`${this.loginUrl}${window.location.href}`;return e}render(){return t(n,{key:"8d567a6ce7abea7dffa5e2c2f8d5c9421aea50d0"},t("pn-button",{key:"fada479c257142616a3543c1a29d1dd27c18ff32",href:this.nagivateToLoginUrl()},this.label))}};d.style=a;const c="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}";const h=c;const p=class{constructor(i){e(this,i);this.loginDialog=null;this.idNamespace="";this.loggedin=false;this.username="";this.showUnifiedLogin=false}get hostElement(){return i(this)}componentWillLoad(){this.init()}async init(){this.adjustLoginLinks()}adjustLoginLinks(){if(!this.loginDialog){return}const e=(e,i)=>{if(!e.isLogoutLink){e.isLogoutLink=e.pageLink.indexOf("location.href")!==-1&&e.pageLink.indexOf("logout")!==-1}if(e.isLogoutLink){e.href=o.loginManager.getLogoutUrl(e.href)}e.href=e.href.replace("window.location.href",window.location.href);if(i===0&&!e.href){e.href=o.loginManager.getLoginUrl();e.linkType="primary"}if(e.primaryLinkApperance&&!e.linkType){e.linkType="primary"}};if(this.loginDialog?.loginMenuLinks){this.loginDialog?.loginMenuLinks.forEach(e)}if(this.loginDialog?.loggedInLinks){this.loginDialog?.loggedInLinks.forEach(e)}this.loginDialog.legacyLoginLinks=[{href:o.loginManager.getLoginUrl(this.loginDialog.loginUrl),linkText:this.loginDialog.loginLinkText,openInNewWindow:false,isLogoutLink:false,pageLink:null,linkType:"primary",primaryLinkApperance:true},{href:o.loginManager.getLoginUrl(this.loginDialog.registerUrl),linkText:this.loginDialog.createLoginLinkText,openInNewWindow:false,isLogoutLink:false,pageLink:null,primaryLinkApperance:false}]}render(){if(!this.loginDialog){return}let e={username:null,loggedin:false};if(this.username){e.username=this.username;e.loggedin=this.loggedin}return t(n,{...e},!this.loginDialog.overrideLoginMenu?t("div",{"data-loggedin":this.loggedin+""},this.loggedin?t("pn-marketweb-siteheader-login-linklist",{links:this.loginDialog.loggedInLinks,idNamespace:this.idNamespace}):t("div",null,this.loginDialog.loginMenuLinks?.length>0?t("pn-marketweb-siteheader-login-linklist",{heading:this.loginDialog.loginTitle,links:this.loginDialog.loginMenuLinks,idNamespace:this.idNamespace,showUnifiedLogin:this.showUnifiedLogin}):t("pn-marketweb-siteheader-login-linklist",{links:this.loginDialog.legacyLoginLinks,idNamespace:this.idNamespace}))):null,this.loginDialog.overrideLoginMenu?t("pn-marketweb-siteheader-login-linklist",{links:this.loginDialog.loginMenuLinks,idNamespace:this.idNamespace}):null)}static get watchers(){return{loginDialog:["init"]}}};p.style=h;const f="";const u=f;const m=class{constructor(i){e(this,i);this.label="Mina sidor!";this.myPageUrl=undefined}get hostElement(){return i(this)}render(){return t(n,{key:"d53805280bd2c5d30dc6a2678d3cf387ce3b1911"},t("pn-button",{key:"5ce39edac0b459b336a4e892a8511c47cb6df105",href:this.myPageUrl},this.label))}};m.style=u;const g='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.pn-marketweb-siteheader-login-profileselection-heading{display:block;padding:0.5rem 0 1rem}.pn-marketweb-siteheader-login-profileselection-user,.pn-marketweb-siteheader-login-profileselection-currentprofile{margin-top:1rem;margin-bottom:1rem}.pn-marketweb-siteheader-login-profileselection-user-name,.pn-marketweb-siteheader-login-profileselection-currentprofile-name{line-height:1}.pn-marketweb-siteheader-login-profileselection-user-description,.pn-marketweb-siteheader-login-profileselection-currentprofile-description{font-weight:400;white-space:normal;word-break:break-all;color:#5e554a;font-size:0.75em}.pn-marketweb-siteheader-login-profileselection-divider{height:1rem;width:100%;background:#00a0d6;position:relative;margin-left:-1em;margin-top:1.6rem;margin-bottom:1.6rem;border-radius:0 0.6em 0.6em 0;padding:0}.pn-marketweb-siteheader-login-profileselection-divider::after{content:"";width:0.6em;height:0.6em;border-radius:50%;position:absolute;right:0;top:0;background:inherit;transform:translateX(calc(100% + 0.2em))}.pn-marketweb-siteheader-login-profileselection-profileoption-link{display:flex;background:#ffffff;transition:background 0.15s ease-in-out;margin:0 -1em;padding:0.6rem 1.6rem;text-decoration:none;color:#005d92;align-items:center}.pn-marketweb-siteheader-login-profileselection-profileoption-link:hover,.pn-marketweb-siteheader-login-profileselection-profileoption-link:focus,.pn-marketweb-siteheader-login-profileselection-profileoption-link:active{background:#f3f2f2}.pn-marketweb-siteheader-login-profileselection-profileoption-content{flex-grow:1}.pn-marketweb-siteheader-login-profileselection-profileoption-name{font-weight:700}.pn-marketweb-siteheader-login-profileselection-profileoption-description{font-weight:400;white-space:normal;word-break:break-all;color:#5e554a;font-size:0.75em}.pn-marketweb-siteheader-login-profileselection-logout{padding:1.6rem;text-align:center;width:100%}.pn-marketweb-siteheader-login-profileselection-logout-link{display:inline-block;font-weight:500;color:#005d92;text-decoration:none}.pn-marketweb-siteheader-login-profileselection-logout-link:hover,.pn-marketweb-siteheader-login-profileselection-logout-link:focus,.pn-marketweb-siteheader-login-profileselection-logout-link:active{text-decoration:underline}';const b=g;const k=class{constructor(i){e(this,i);this.loginDialog=null;this.endpoint="";this.loggedin=false;this.idNamespace="";this.heading=null;this.i18n={searchlabel:"",searchplaceholder:"",searchbuttontext:"",menuHomeButton:"",menuGoBackButton:"",mainMenuButton:"",menuStartButton:"",profileSelectionFlyoutHeading:""};this.user=null;this.logoutLink=null;this.userName=null;this.userEmail="";this.currentProfile=null;this.profileoptions=[]}get hostElement(){return i(this)}componentWillLoad(){if(this.heading===null&&this.i18n?.profileSelectionFlyoutHeading){this.heading=this.i18n.profileSelectionFlyoutHeading}this.init()}init(){this.updateUserInfo();this.adjustLoginLinks();this.fetchProfiles()}async fetchProfiles(){if(!this.loggedin||this.profileoptions.length>0){return}let e=`${this.endpoint}${this.endpoint.lastIndexOf("/")>-1&&this.endpoint.lastIndexOf("/")===this.endpoint.length-1?"":"/"}api/user/parentorganizations`;const i=await fetch(e);const t=await i.json();const n={loggedin:true,organizations:[{name:"Forsheda Livs AB",customerNumber:"5564513603",id:"dbba867d-1dff-3dbb-b420-c57b4b828b73",selected:true,profiles:[{name:"Forsheda Livs AB",customerNumber:"20685482",id:"f757ba28-9a73-15a2-f128-4b394d970f3f",ssid:"",selected:false,customerGroup:"Business"},{name:"ICA MAXI KUNGSBACKA",customerNumber:"20831191",id:"5aea41df-32b0-3f7e-2946-78598360177d",ssid:"259686",selected:true,customerGroup:"Agent"}]},{name:"Hem Livs i Kungsbacka AB",customerNumber:"5565271250",id:"97ca363c-40ef-cca9-7a3c-9e7f025567c2",selected:false,profiles:[{name:"ICA KVANTUM KUNGSBACKA",customerNumber:"20831193",id:"fbd61ffd-41c6-2206-b88e-cfef91e1dc39",ssid:"259691",selected:false,customerGroup:"Agent"}]},{name:"ICA SUPERMARKET TORGET",customerNumber:"5568902679",id:"7cb76a94-e1a5-5f57-58fd-bc563851b28e",selected:false,profiles:[{name:"ICA SUPERMARKET TORGET",customerNumber:"20831212",id:"3a2db017-b68f-6fa0-fe70-542c08cd97ce",ssid:"",selected:false,customerGroup:"Agent"}]}]};const o=window.location.href.indexOf("localhost:6008")!==-1?n:t;if(!o||!o.organizations||!o.organizations.length){return}o.organizations.forEach((e=>{if(e.selected===true&&e.profiles){const i=e.profiles.filter((e=>e.selected===true));if(i&&i[0]&&i[0].customerGroup.toLocaleLowerCase()==="agent"&&i[0].ssid){e.customerNumber=i[0].ssid}}else{if(e.customerNumber.length===10&&e.customerNumber.substring(0,2)==="55"){e.customerNumber=e.customerNumber.substring(0,6)+"-"+e.customerNumber.substring(6)}this.profileoptions.push(e)}}));let s=o.organizations.filter((e=>e.selected===true))[0];const r={name:this.userName,customerNumber:"",id:"",selected:!s,profiles:[]};if(!s){s=r}if(s&&s.name){this.currentProfile=s}this.profileoptions.push(r)}adjustLoginLinks(){const e=(e,i)=>{if(!e.isLogoutLink){e.isLogoutLink=e.pageLink.indexOf("location.href")!==-1&&e.pageLink.indexOf("logout")!==-1}if(e.isLogoutLink){e.href=o.loginManager.getLogoutUrl(e.href)}if(i===0&&!e.href){e.href=o.loginManager.getLoginUrl();e.linkType="primary"}if(e.primaryLinkApperance&&!e.linkType){e.linkType="primary"}};if(this.loginDialog?.loggedInLinks){this.loginDialog?.loggedInLinks.forEach(e)}this.logoutLink=this.loginDialog?.loggedInLinks.filter((e=>e.isLogoutLink))[0]??null}updateUserInfo(){const e=o.loginManager.getUserInfo();this.user=e;if(!e){return}if(e&&e.email){this.userEmail=e.email}if(e&&e.given_name){this.userName=e.given_name+(e?.family_name?` ${e?.family_name}`:"")}if(e&&e.given_name){this.userName=e.given_name;return}if(e&&e.family_name){this.userName=e.family_name;return}if(e&&e.username){this.userName=e.username;return}}filterLogoutLink(e){return e.filter((e=>!e.isLogoutLink))}render(){if(!this.loginDialog){return}let e={};return t(n,{...e},this.heading?t("strong",{class:"pn-marketweb-siteheader-login-profileselection-heading"},this.heading):null,this.currentProfile!==null&&this.currentProfile.name?t("div",{class:"pn-marketweb-siteheader-login-profileselection-currentprofile"},t("div",{class:"pn-marketweb-siteheader-login-profileselection-currentprofile-name"},this.currentProfile.name),t("div",{class:"pn-marketweb-siteheader-login-profileselection-currentprofile-description"},this.currentProfile.customerNumber?this.currentProfile.customerNumber:this.userEmail)):null,t("pn-marketweb-siteheader-login-linklist",{links:this.filterLogoutLink(this.loginDialog.loggedInLinks),idNamespace:this.idNamespace}),t("div",{class:"pn-marketweb-siteheader-login-profileselection-divider"}),this.profileoptions.filter((e=>e.selected!==true)).map((e=>{let i=e.profiles.length>0?e.profiles[0].customerNumber:e.customerNumber;return t("div",{class:"pn-marketweb-siteheader-login-profileselection-profileoption"},t("a",{href:`${this.endpoint}/api/user/setprofile?customernumber=${i}&returnUrl=${window.location.href}`,class:"pn-marketweb-siteheader-login-profileselection-profileoption-link"},t("div",{class:"pn-marketweb-siteheader-login-profileselection-profileoption-content"},t("div",{class:"pn-marketweb-siteheader-login-profileselection-profileoption-name"},e.name),t("div",{class:"pn-marketweb-siteheader-login-profileselection-profileoption-description"},e.customerNumber?e.customerNumber:this.userEmail)),t("pn-icon",{icon:s,small:"false",color:"blue700"})))})),this.logoutLink?t("div",{class:"pn-marketweb-siteheader-login-profileselection-logout"},t("a",{href:this.logoutLink.href,rel:"nofollower noopener",id:"pn-marketweb-header-logoutlink",onClick:()=>o.loginManager.clearUserData(),class:"pn-marketweb-siteheader-login-profileselection-logout-link"},this.logoutLink.linkText)):null)}};k.style=b;const w="";const v=w;const L=class{constructor(i){e(this,i);this.loggedIn=false;this.myPageLabel=undefined;this.myPageUrl=undefined;this.logInLabel=undefined}get hostElement(){return i(this)}render(){return t(n,{key:"458e5de23d33889976b5d892f75a22a1248b693f"},this.loggedIn?t("pn-marketweb-siteheader-login-mypage-button",{label:this.myPageLabel,myPageUrl:this.myPageUrl}):t("pn-marketweb-siteheader-login-button",{label:this.logInLabel}))}};L.style=v;export{d as pn_marketweb_siteheader_login_button,p as pn_marketweb_siteheader_login_links,m as pn_marketweb_siteheader_login_mypage_button,k as pn_marketweb_siteheader_login_profileselection,L as pn_marketweb_siteheader_unified_login};
+//# sourceMappingURL=p-9a7abcee.entry.js.map