@postnord/pn-marketweb-components 3.5.2 → 4.0.0

package/pn-market-web-components/p-619f2143.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as o,h as t,d as n}from"./p-82546a44.js";const r="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-customernumber-selector-option{display:flex;flex-direction:column;width:100%;overflow:hidden}pn-customernumber-selector-option:last-of-type{border-bottom-left-radius:0.8rem;border-bottom-right-radius:0.8rem}.customernumberoption{overflow:hidden;max-width:100%;text-decoration:none;background:#ffffff;transition:background 0.15s ease;padding:1.6rem 1rem}.customernumberoption:hover,.customernumberoption:focus,.customernumberoption:active{background:#e0f8ff;text-decoration:none}.customernumberoption-text{font-weight:700;color:#2d2013}.customernumberoption-title{display:block;font-size:1em;color:#005d92;font-weight:700}.customernumberoption-description{font-size:0.75em;color:#5e554a;font-weight:normal}";const i=r;const s=class{constructor(o){e(this,o);this.heading="";this.description="";this.url=""}get hostElement(){return o(this)}render(){return t(n,{key:"a94e11a5d9dcbbb3bf34859580e1558bc60d792b"},t("a",{key:"ee1ce3a458cc9d1183b54b0a3a4dd4e25ec00d50",class:"customernumberoption",href:this.url},t("span",{key:"a18d09b415c74f9620db5c17123c70cdab2e802f",class:"customernumberoption-text"},t("span",{key:"c81c2ffa9b370d571d538895b290c8e88a0efaff",class:"customernumberoption-title"},this.heading),t("span",{key:"d857c919e31d13dfe542f95a5f3251578b9ffa47",class:"customernumberoption-description"},this.description),t("slot",{key:"d5feb780cf0e638667975a81de5e90f4c0c793a8"}))))}};s.style=i;export{s as pn_customernumber_selector_option};
+//# sourceMappingURL=p-619f2143.entry.js.map

package/pn-market-web-components/{p-a6866467.entry.js.map → p-619f2143.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnCustomernumberSelectorOptionCss","PnCustomernumberSelectorOptionStyle0","PnProfileSelectorOption","render","h","Host","key","class","href","this","url","heading","description"],"sources":["src/components/profile/pn-customernumber-selector/pn-customernumber-selector-option.scss?tag=pn-customernumber-selector-option","src/components/profile/pn-customernumber-selector/pn-customernumber-selector-option.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-customernumber-selector-option {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  overflow: hidden;\n  &:last-of-type {\n    border-bottom-left-radius: 0.8rem;\n    border-bottom-right-radius: 0.8rem;\n  }\n}\n.customernumberoption {\n  overflow: hidden;\n  max-width: 100%;\n  text-decoration: none;\n  background: $white;\n  transition: background 0.15s ease;\n  padding: 1.6rem 1rem;\n  &:hover,\n  &:focus,\n  &:active {\n    background: $blue50;\n    text-decoration: none;\n  }\n}\n.customernumberoption-text {\n  font-weight: 700;\n  color: $gray900;\n}\n\n.customernumberoption-title {\n  display: block;\n  font-size: 1em;\n  color: $blue700;\n  font-weight: 700;\n}\n\n.customernumberoption-description {\n  font-size: 0.75em;\n  color: $gray700;\n  font-weight: normal;\n}\n","import { Component, Prop, h, State, Element, Host } from '@stencil/core';\n@Component({\n  tag: 'pn-customernumber-selector-option',\n  styleUrl: 'pn-customernumber-selector-option.scss',\n})\nexport class PnProfileSelectorOption {\n  @Element() hostElement: Element;\n\n  @Prop() heading: string = '';\n  @Prop() description: string = '';\n  @Prop() url: string = '';\n\n  render() {\n    return (\n      <Host>\n        <a class=\"customernumberoption\" href={this.url}>\n          <span class=\"customernumberoption-text\">\n            <span class=\"customernumberoption-title\">{this.heading}</span>\n            <span class=\"customernumberoption-description\">{this.description}</span>\n            <slot />\n          </span>\n        </a>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAoC,sxBAC1C,MAAAC,EAAeD,E,MCIFE,EAAuB,M,sCAGR,G,iBACI,G,SACR,E,kCAEtB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,KAAAE,IAAA,2CAAGC,MAAM,uBAAuBC,KAAMC,KAAKC,KACzCN,EAAA,QAAAE,IAAA,2CAAMC,MAAM,6BACVH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,8BAA8BE,KAAKE,SAC/CP,EAAA,QAAAE,IAAA,2CAAMC,MAAM,oCAAoCE,KAAKG,aACrDR,EAAA,QAAAE,IAAA,+C","ignoreList":[]}
+{"version":3,"names":["pnCustomernumberSelectorOptionCss","PnCustomernumberSelectorOptionStyle0","PnProfileSelectorOption","render","h","Host","key","class","href","this","url","heading","description"],"sources":["src/components/profile/pn-customernumber-selector/pn-customernumber-selector-option.scss?tag=pn-customernumber-selector-option","src/components/profile/pn-customernumber-selector/pn-customernumber-selector-option.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-customernumber-selector-option {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  overflow: hidden;\n  &:last-of-type {\n    border-bottom-left-radius: 0.8rem;\n    border-bottom-right-radius: 0.8rem;\n  }\n}\n.customernumberoption {\n  overflow: hidden;\n  max-width: 100%;\n  text-decoration: none;\n  background: $white;\n  transition: background 0.15s ease;\n  padding: 1.6rem 1rem;\n  &:hover,\n  &:focus,\n  &:active {\n    background: $blue50;\n    text-decoration: none;\n  }\n}\n.customernumberoption-text {\n  font-weight: 700;\n  color: $gray900;\n}\n\n.customernumberoption-title {\n  display: block;\n  font-size: 1em;\n  color: $blue700;\n  font-weight: 700;\n}\n\n.customernumberoption-description {\n  font-size: 0.75em;\n  color: $gray700;\n  font-weight: normal;\n}\n","import { Component, Prop, h, State, Element, Host } from '@stencil/core';\n@Component({\n  tag: 'pn-customernumber-selector-option',\n  styleUrl: 'pn-customernumber-selector-option.scss',\n})\nexport class PnProfileSelectorOption {\n  @Element() hostElement: Element;\n\n  @Prop() heading: string = '';\n  @Prop() description: string = '';\n  @Prop() url: string = '';\n\n  render() {\n    return (\n      <Host>\n        <a class=\"customernumberoption\" href={this.url}>\n          <span class=\"customernumberoption-text\">\n            <span class=\"customernumberoption-title\">{this.heading}</span>\n            <span class=\"customernumberoption-description\">{this.description}</span>\n            <slot />\n          </span>\n        </a>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAoC,+lCAC1C,MAAAC,EAAeD,E,MCIFE,EAAuB,M,sCAGR,G,iBACI,G,SACR,E,kCAEtB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,KAAAE,IAAA,2CAAGC,MAAM,uBAAuBC,KAAMC,KAAKC,KACzCN,EAAA,QAAAE,IAAA,2CAAMC,MAAM,6BACVH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,8BAA8BE,KAAKE,SAC/CP,EAAA,QAAAE,IAAA,2CAAMC,MAAM,oCAAoCE,KAAKG,aACrDR,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/pn-market-web-components/p-61bd81d7.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,g as l,h as s,d as a}from"./p-82546a44.js";import{p as i}from"./p-df8bfe03.js";import{v as n}from"./p-4ed69de7.js";const d="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-multi-row-connected-dropdown{gap:1rem}pn-multi-row-connected-dropdown .connected-dropdown__row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;justify-content:space-between}pn-multi-row-connected-dropdown .connected-dropdown__row__no-margin{margin:0}pn-multi-row-connected-dropdown .connected-dropdown__button-right{margin-left:auto}";const o=d;const h=class{constructor(l){e(this,l);this.allFormValues=t(this,"allFormValues",7);this.dropdownData=null;this.languageCode=null;this.label=null;this.firstDropdownLabel=null;this.secondDropdownLabel=null;this.dropdownPlaceholder=null;this.addRowText=null;this.inputFieldLabel=null;this.inputFieldPlaceholder=null;this.disabledDates=null;this.dateButtonText=null;this.datePlaceholder=null;this.dateDaysFromToday=null;this.allowMultipleRows=false;this.allowMultipleDates=false;this.startDateLabel=null;this.endDateLabel=null;this.multiDateHelperText=null;this.generateDatesButtonText=null;this.saveDateButtonText=null;this.noDatesText=null;this.yearsToAddToEndDate=null;this.minAmount=1;this.errorMessageEmpty=undefined;this.errorMessageMinAmount=undefined;this.minWarningAmount=null;this.warningMessageMinAmount=undefined;this.rowCount=null;this.rowData=null;this.formValues=null}get hostElement(){return l(this)}_buttonValueName=null;_firstDropdownValueName=null;_secondDropdownValueName=null;_inputValueName=null;_dateValueName=null;allFormValues;_defaultRow={id:this.generateUniqueId(),buttons:[],firstDropdown:[],secondDropdown:[],input:"",dates:"",dateRange:{days:[],startDate:"",endDate:""}};componentWillLoad(){this.setDaysArr();this.formValues=[];this.rowData=[this._defaultRow];this.rowCount=this.rowData.length;this._buttonValueName=this.label?.length?this.label:"value0";this._firstDropdownValueName=this.firstDropdownLabel?.length?this.firstDropdownLabel:"value1";this._secondDropdownValueName=this.secondDropdownLabel?.length?this.secondDropdownLabel:"value2";this._inputValueName=this.inputFieldLabel?.length?this.inputFieldLabel:"value3";this._dateValueName=this.dateButtonText?.length?this.dateButtonText:"value4"}componentDidLoad(){}emitValuesIfValid(){this.formValues=[];this.rowData.forEach((e=>{const t={row:[]};const l=e.buttons.find((e=>e.selected===true));if(l){const e={name:this._buttonValueName,value:l.label};t.row.push(e)}const s=e.firstDropdown.find((e=>e.selected===true));if(s){const e={name:this._firstDropdownValueName,value:s.label};t.row.push(e)}const a=e.secondDropdown.find((e=>e.selected===true));if(a){const e={name:this._secondDropdownValueName,value:a.label};t.row.push(e)}const i=e.input;if(i?.length){const e={name:this._inputValueName,value:i};t.row.push(e)}const n=e.dates;if(n?.length){const e={name:this._dateValueName,value:n};t.row.push(e)}if(t.row.length===5){this.formValues.push(t)}}));if(this.formValues.length===this.rowData.length){const e=JSON.stringify(this.formValues);this.allFormValues.emit(e)}else{this.allFormValues.emit("")}}predefinedValueChange(e){const t=this.rowData.findIndex((t=>t.id===e.detail.id));const l=e.detail;this.rowData[t]={...this.rowData[t],buttons:l.buttons,firstDropdown:l.firstDropdown,secondDropdown:l.secondDropdown,input:l.input,dates:l.dates,dateRange:l.dateRange};this.emitValuesIfValid()}deleteRowEvent(e){const t=this.rowData.findIndex((t=>t.id===e.detail));this.rowData.splice(t,1);this.rowData=[...this.rowData];this.rowCount=this.rowData.length;this.emitValuesIfValid()}generateUniqueId(){return n()}addRow(){const e=this._defaultRow;e.id=this.generateUniqueId();this.rowData=[...this.rowData,e];this.rowCount=this.rowData.length}setDaysArr(){const e=this.languageCode.toLowerCase();switch(e){case"en":this._defaultRow.dateRange.days=[{label:"Monday",value:"1",selected:false},{label:"Tuesday",value:"2",selected:false},{label:"Wednesday",value:"3",selected:false},{label:"Thursday",value:"4",selected:false},{label:"Friday",value:"5",selected:false}];break;case"sv":this._defaultRow.dateRange.days=[{label:"Måndag",value:"1",selected:false},{label:"Tisdag",value:"2",selected:false},{label:"Onsdag",value:"3",selected:false},{label:"Torsdag",value:"4",selected:false},{label:"Fredag",value:"5",selected:false}];break;case"da":this._defaultRow.dateRange.days=[{label:"Mandag",value:"1",selected:false},{label:"Tirsdag",value:"2",selected:false},{label:"Onsdag",value:"3",selected:false},{label:"Torsdag",value:"4",selected:false},{label:"Fredag",value:"5",selected:false}];break;case"fi":this._defaultRow.dateRange.days=[{label:"Maanantai",value:"1",selected:false},{label:"Tiistai",value:"2",selected:false},{label:"Keskiviikko",value:"3",selected:false},{label:"Torstai",value:"4",selected:false},{label:"Perjantai",value:"5",selected:false}];break;case"no":this._defaultRow.dateRange.days=[{label:"Mandag",value:"1",selected:false},{label:"Tirsdag",value:"2",selected:false},{label:"Onsdag",value:"3",selected:false},{label:"Torsdag",value:"4",selected:false},{label:"Fredag",value:"5",selected:false}];break;default:this._defaultRow.dateRange.days=[{label:"Monday",value:"1",selected:false},{label:"Tuesday",value:"2",selected:false},{label:"Wednesday",value:"3",selected:false},{label:"Thursday",value:"4",selected:false},{label:"Friday",value:"5",selected:false}];break}}render(){return s(a,{key:"301a4cc1ef3e54bd28919b871ae8af510d8a0f49"},this.rowData?.map(((e,t)=>s("div",{class:"generated-row-"+t,id:"generated-row-connected-dropdown-"+t},s("pn-multi-row-connected-dropdown-row",{"dropdown-data":this.dropdownData,"language-code":this.languageCode,label:this.label,"first-dropdown-label":this.firstDropdownLabel,"second-dropdown-label":this.secondDropdownLabel,"dropdown-placeholder":this.dropdownPlaceholder,"add-row-text":this.addRowText,"input-field-label":this.inputFieldLabel,"input-field-placeholder":this.inputFieldPlaceholder,"disabled-dates":this.disabledDates,"date-button-text":this.dateButtonText,"date-placeholder":this.datePlaceholder,"date-days-from-today":this.dateDaysFromToday,"allow-multiple-dates":this.allowMultipleDates,"start-date-label":this.startDateLabel,"end-date-label":this.endDateLabel,"multi-date-helper-text":this.multiDateHelperText,"generate-dates-button-text":this.generateDatesButtonText,"save-date-button-text":this.saveDateButtonText,"no-dates-text":this.noDatesText,index:t,"predefined-value":JSON.stringify(e),"years-to-add-to-end-date":this.yearsToAddToEndDate,"min-amount":this.minAmount,"error-message-empty":this.errorMessageEmpty,"error-message-min-amount":this.errorMessageMinAmount,"min-warning-amount":this.minWarningAmount,"warning-message-min-amount":this.warningMessageMinAmount})))),this.allowMultipleRows?s("div",{class:"connected-dropdown__row"},s("pn-button",{tooltip:this.addRowText?this.addRowText:null,"left-icon":"true",arialabel:"Add",icon:i,appearance:"light",variant:"borderless",class:"connected-dropdown__button-right",onClick:()=>{this.addRow()}},this.addRowText)):null)}};h.style=o;export{h as pn_multi_row_connected_dropdown};
+//# sourceMappingURL=p-61bd81d7.entry.js.map

package/pn-market-web-components/{p-8c26b98d.entry.js.map → p-61bd81d7.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnMultiRowConnectedDropdownCss","PnMultiRowConnectedDropdownStyle0","PnMultiRowConnectedDropdown","_buttonValueName","_firstDropdownValueName","_secondDropdownValueName","_inputValueName","_dateValueName","allFormValues","_defaultRow","id","this","generateUniqueId","buttons","firstDropdown","secondDropdown","input","dates","dateRange","days","startDate","endDate","componentWillLoad","setDaysArr","formValues","rowData","rowCount","length","label","firstDropdownLabel","secondDropdownLabel","inputFieldLabel","dateButtonText","componentDidLoad","emitValuesIfValid","forEach","item","rowValue","row","buttonSelection","find","x","selected","buttonValue","name","value","push","firstDropdownSelection","firstDropdownValue","secondDropdownSelection","secondDropdownValue","inputValue","datestValue","valueJsonString","JSON","stringify","emit","predefinedValueChange","e","indexToUpdate","findIndex","data","detail","val","deleteRowEvent","indexToRemove","splice","uuidv4","addRow","newRow","language","languageCode","toLowerCase","render","h","Host","key","map","i","class","dropdownData","dropdownPlaceholder","addRowText","inputFieldPlaceholder","disabledDates","datePlaceholder","dateDaysFromToday","allowMultipleDates","startDateLabel","endDateLabel","multiDateHelperText","generateDatesButtonText","saveDateButtonText","noDatesText","index","yearsToAddToEndDate","minAmount","errorMessageEmpty","errorMessageMinAmount","minWarningAmount","warningMessageMinAmount","allowMultipleRows","tooltip","arialabel","icon","plus","appearance","variant","onClick"],"sources":["src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown.scss?tag=pn-multi-row-connected-dropdown","src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-multi-row-connected-dropdown {\n  gap: 1rem;\n\n  .connected-dropdown {\n    &__row {\n      display: flex;\n      align-items: flex-start;\n      gap: 1rem;\n      margin-bottom: 1rem;\n      justify-content: space-between;\n\n      &__no-margin {\n        margin: 0;\n      }\n    }\n\n    &__button-right {\n      margin-left: auto;\n    }\n  }\n}\n","import { Component, Prop, h, Element, State, Host, Watch, Event, EventEmitter, Listen } from '@stencil/core';\nimport { FormValue, PredefinedValues, Root, RowValue, SelectItem } from './types';\nimport { v4 as uuidv4 } from 'uuid';\nimport { plus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-multi-row-connected-dropdown',\n  styleUrl: 'pn-multi-row-connected-dropdown.scss',\n})\nexport class PnMultiRowConnectedDropdown {\n  @Element() hostElement: Element;\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() inputFieldLabel: string = null;\n  @Prop() inputFieldPlaceholder: string = null;\n  @Prop() disabledDates: string = null;\n  @Prop() dateButtonText: string = null;\n  @Prop() datePlaceholder: string = null;\n  @Prop() dateDaysFromToday: number = null;\n  @Prop() allowMultipleRows: boolean = false;\n  @Prop() allowMultipleDates: boolean = false;\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() yearsToAddToEndDate: number = null;\n  @Prop() minAmount: number = 1;\n  @Prop() errorMessageEmpty: string;\n  @Prop() errorMessageMinAmount: string;\n  @Prop() minWarningAmount: number = null;\n  @Prop() warningMessageMinAmount: string;\n\n  @State() rowCount: number = null;\n  @State() rowData: PredefinedValues[] = null;\n  @State() formValues: FormValue[] = null;\n\n  private _buttonValueName: string = null;\n  private _firstDropdownValueName: string = null;\n  private _secondDropdownValueName: string = null;\n  private _inputValueName: string = null;\n  private _dateValueName: string = null;\n\n  @Event() allFormValues: EventEmitter<string>;\n\n  private _defaultRow: PredefinedValues = {\n    id: this.generateUniqueId(),\n    buttons: [],\n    firstDropdown: [],\n    secondDropdown: [],\n    input: '',\n    dates: '',\n    dateRange: {\n      days: [],\n      startDate: '',\n      endDate: '',\n    },\n  };\n\n  componentWillLoad() {\n    this.setDaysArr();\n    this.formValues = [];\n    this.rowData = [this._defaultRow];\n    this.rowCount = this.rowData.length;\n\n    this._buttonValueName = this.label?.length ? this.label : 'value0';\n    this._firstDropdownValueName = this.firstDropdownLabel?.length ? this.firstDropdownLabel : 'value1';\n    this._secondDropdownValueName = this.secondDropdownLabel?.length ? this.secondDropdownLabel : 'value2';\n    this._inputValueName = this.inputFieldLabel?.length ? this.inputFieldLabel : 'value3';\n    this._dateValueName = this.dateButtonText?.length ? this.dateButtonText : 'value4';\n  }\n\n  componentDidLoad() {}\n\n  emitValuesIfValid() {\n    this.formValues = [];\n    this.rowData.forEach(item => {\n      const rowValue: FormValue = { row: [] };\n\n      const buttonSelection = item.buttons.find(x => x.selected === true);\n      if (buttonSelection) {\n        const buttonValue: RowValue = { name: this._buttonValueName, value: buttonSelection.label };\n        rowValue.row.push(buttonValue);\n      }\n\n      const firstDropdownSelection = item.firstDropdown.find(x => x.selected === true);\n      if (firstDropdownSelection) {\n        const firstDropdownValue: RowValue = { name: this._firstDropdownValueName, value: firstDropdownSelection.label };\n        rowValue.row.push(firstDropdownValue);\n      }\n\n      const secondDropdownSelection = item.secondDropdown.find(x => x.selected === true);\n      if (secondDropdownSelection) {\n        const secondDropdownValue: RowValue = { name: this._secondDropdownValueName, value: secondDropdownSelection.label };\n        rowValue.row.push(secondDropdownValue);\n      }\n\n      const input = item.input;\n      if (input?.length) {\n        const inputValue: RowValue = { name: this._inputValueName, value: input };\n        rowValue.row.push(inputValue);\n      }\n\n      const dates = item.dates;\n      if (dates?.length) {\n        const datestValue: RowValue = { name: this._dateValueName, value: dates };\n        rowValue.row.push(datestValue);\n      }\n\n      if (rowValue.row.length === 5) {\n        this.formValues.push(rowValue);\n      }\n    });\n\n    if (this.formValues.length === this.rowData.length) {\n      const valueJsonString = JSON.stringify(this.formValues);\n      this.allFormValues.emit(valueJsonString);\n    } else {\n      this.allFormValues.emit('');\n    }\n  }\n\n  @Listen('rowValueChange')\n  predefinedValueChange(e) {\n    const indexToUpdate = this.rowData.findIndex(data => data.id === e.detail.id);\n    const val: PredefinedValues = e.detail;\n    this.rowData[indexToUpdate] = {\n      ...this.rowData[indexToUpdate],\n      buttons: val.buttons,\n      firstDropdown: val.firstDropdown,\n      secondDropdown: val.secondDropdown,\n      input: val.input,\n      dates: val.dates,\n      dateRange: val.dateRange,\n    };\n    this.emitValuesIfValid();\n  }\n\n  @Listen('deleteRowEvent')\n  deleteRowEvent(e) {\n    const indexToRemove = this.rowData.findIndex(data => data.id === e.detail);\n    this.rowData.splice(indexToRemove, 1);\n    this.rowData = [...this.rowData];\n    this.rowCount = this.rowData.length;\n    this.emitValuesIfValid();\n  }\n\n  generateUniqueId() {\n    return uuidv4();\n  }\n\n  addRow() {\n    const newRow = this._defaultRow;\n    newRow.id = this.generateUniqueId();\n\n    this.rowData = [...this.rowData, newRow];\n    this.rowCount = this.rowData.length;\n  }\n\n  setDaysArr() {\n    const language = this.languageCode.toLowerCase();\n\n    switch (language) {\n      case 'en':\n        this._defaultRow.dateRange.days = [\n          { label: 'Monday', value: '1', selected: false },\n          { label: 'Tuesday', value: '2', selected: false },\n          { label: 'Wednesday', value: '3', selected: false },\n          { label: 'Thursday', value: '4', selected: false },\n          { label: 'Friday', value: '5', selected: false },\n        ];\n        break;\n\n      case 'sv':\n        this._defaultRow.dateRange.days = [\n          { label: 'Måndag', value: '1', selected: false },\n          { label: 'Tisdag', value: '2', selected: false },\n          { label: 'Onsdag', value: '3', selected: false },\n          { label: 'Torsdag', value: '4', selected: false },\n          { label: 'Fredag', value: '5', selected: false },\n        ];\n        break;\n\n      case 'da':\n        this._defaultRow.dateRange.days = [\n          { label: 'Mandag', value: '1', selected: false },\n          { label: 'Tirsdag', value: '2', selected: false },\n          { label: 'Onsdag', value: '3', selected: false },\n          { label: 'Torsdag', value: '4', selected: false },\n          { label: 'Fredag', value: '5', selected: false },\n        ];\n        break;\n\n      case 'fi':\n        this._defaultRow.dateRange.days = [\n          { label: 'Maanantai', value: '1', selected: false },\n          { label: 'Tiistai', value: '2', selected: false },\n          { label: 'Keskiviikko', value: '3', selected: false },\n          { label: 'Torstai', value: '4', selected: false },\n          { label: 'Perjantai', value: '5', selected: false },\n        ];\n        break;\n\n      case 'no':\n        this._defaultRow.dateRange.days = [\n          { label: 'Mandag', value: '1', selected: false },\n          { label: 'Tirsdag', value: '2', selected: false },\n          { label: 'Onsdag', value: '3', selected: false },\n          { label: 'Torsdag', value: '4', selected: false },\n          { label: 'Fredag', value: '5', selected: false },\n        ];\n        break;\n\n      default:\n        this._defaultRow.dateRange.days = [\n          { label: 'Monday', value: '1', selected: false },\n          { label: 'Tuesday', value: '2', selected: false },\n          { label: 'Wednesday', value: '3', selected: false },\n          { label: 'Thursday', value: '4', selected: false },\n          { label: 'Friday', value: '5', selected: false },\n        ];\n        break;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.rowData?.map((data, i) => {\n          return (\n            <div class={'generated-row-' + i} id={'generated-row-connected-dropdown-' + i}>\n              <pn-multi-row-connected-dropdown-row\n                dropdown-data={this.dropdownData}\n                language-code={this.languageCode}\n                label={this.label}\n                first-dropdown-label={this.firstDropdownLabel}\n                second-dropdown-label={this.secondDropdownLabel}\n                dropdown-placeholder={this.dropdownPlaceholder}\n                add-row-text={this.addRowText}\n                input-field-label={this.inputFieldLabel}\n                input-field-placeholder={this.inputFieldPlaceholder}\n                disabled-dates={this.disabledDates}\n                date-button-text={this.dateButtonText}\n                date-placeholder={this.datePlaceholder}\n                date-days-from-today={this.dateDaysFromToday}\n                allow-multiple-dates={this.allowMultipleDates}\n                start-date-label={this.startDateLabel}\n                end-date-label={this.endDateLabel}\n                multi-date-helper-text={this.multiDateHelperText}\n                generate-dates-button-text={this.generateDatesButtonText}\n                save-date-button-text={this.saveDateButtonText}\n                no-dates-text={this.noDatesText}\n                index={i}\n                predefined-value={JSON.stringify(data)}\n                years-to-add-to-end-date={this.yearsToAddToEndDate}\n                min-amount={this.minAmount}\n                error-message-empty={this.errorMessageEmpty}\n                error-message-min-amount={this.errorMessageMinAmount}\n                min-warning-amount={this.minWarningAmount}\n                warning-message-min-amount={this.warningMessageMinAmount}\n              ></pn-multi-row-connected-dropdown-row>\n            </div>\n          );\n        })}\n\n        {this.allowMultipleRows ? (\n          <div class=\"connected-dropdown__row\">\n            <pn-button\n              tooltip={this.addRowText ? this.addRowText : null}\n              left-icon=\"true\"\n              arialabel=\"Add\"\n              icon={plus}\n              appearance=\"light\"\n              variant=\"borderless\"\n              class=\"connected-dropdown__button-right\"\n              onClick={() => {\n                this.addRow();\n              }}\n            >\n              {this.addRowText}\n            </pn-button>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["pnMultiRowConnectedDropdownCss","PnMultiRowConnectedDropdownStyle0","PnMultiRowConnectedDropdown","_buttonValueName","_firstDropdownValueName","_secondDropdownValueName","_inputValueName","_dateValueName","allFormValues","_defaultRow","id","this","generateUniqueId","buttons","firstDropdown","secondDropdown","input","dates","dateRange","days","startDate","endDate","componentWillLoad","setDaysArr","formValues","rowData","rowCount","length","label","firstDropdownLabel","secondDropdownLabel","inputFieldLabel","dateButtonText","componentDidLoad","emitValuesIfValid","forEach","item","rowValue","row","buttonSelection","find","x","selected","buttonValue","name","value","push","firstDropdownSelection","firstDropdownValue","secondDropdownSelection","secondDropdownValue","inputValue","datestValue","valueJsonString","JSON","stringify","emit","predefinedValueChange","e","indexToUpdate","findIndex","data","detail","val","deleteRowEvent","indexToRemove","splice","uuidv4","addRow","newRow","language","languageCode","toLowerCase","render","h","Host","key","map","i","class","dropdownData","dropdownPlaceholder","addRowText","inputFieldPlaceholder","disabledDates","datePlaceholder","dateDaysFromToday","allowMultipleDates","startDateLabel","endDateLabel","multiDateHelperText","generateDatesButtonText","saveDateButtonText","noDatesText","index","yearsToAddToEndDate","minAmount","errorMessageEmpty","errorMessageMinAmount","minWarningAmount","warningMessageMinAmount","allowMultipleRows","tooltip","arialabel","icon","plus","appearance","variant","onClick"],"sources":["src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown.scss?tag=pn-multi-row-connected-dropdown","src/components/input/pn-multi-row-connected-dropdown/pn-multi-row-connected-dropdown.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-multi-row-connected-dropdown {\n  gap: 1rem;\n\n  .connected-dropdown {\n    &__row {\n      display: flex;\n      align-items: flex-start;\n      gap: 1rem;\n      margin-bottom: 1rem;\n      justify-content: space-between;\n\n      &__no-margin {\n        margin: 0;\n      }\n    }\n\n    &__button-right {\n      margin-left: auto;\n    }\n  }\n}\n","import { Component, Prop, h, Element, State, Host, Watch, Event, EventEmitter, Listen } from '@stencil/core';\nimport { FormValue, PredefinedValues, Root, RowValue, SelectItem } from './types';\nimport { v4 as uuidv4 } from 'uuid';\nimport { plus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-multi-row-connected-dropdown',\n  styleUrl: 'pn-multi-row-connected-dropdown.scss',\n})\nexport class PnMultiRowConnectedDropdown {\n  @Element() hostElement: Element;\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() inputFieldLabel: string = null;\n  @Prop() inputFieldPlaceholder: string = null;\n  @Prop() disabledDates: string = null;\n  @Prop() dateButtonText: string = null;\n  @Prop() datePlaceholder: string = null;\n  @Prop() dateDaysFromToday: number = null;\n  @Prop() allowMultipleRows: boolean = false;\n  @Prop() allowMultipleDates: boolean = false;\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() yearsToAddToEndDate: number = null;\n  @Prop() minAmount: number = 1;\n  @Prop() errorMessageEmpty: string;\n  @Prop() errorMessageMinAmount: string;\n  @Prop() minWarningAmount: number = null;\n  @Prop() warningMessageMinAmount: string;\n\n  @State() rowCount: number = null;\n  @State() rowData: PredefinedValues[] = null;\n  @State() formValues: FormValue[] = null;\n\n  private _buttonValueName: string = null;\n  private _firstDropdownValueName: string = null;\n  private _secondDropdownValueName: string = null;\n  private _inputValueName: string = null;\n  private _dateValueName: string = null;\n\n  @Event() allFormValues: EventEmitter<string>;\n\n  private _defaultRow: PredefinedValues = {\n    id: this.generateUniqueId(),\n    buttons: [],\n    firstDropdown: [],\n    secondDropdown: [],\n    input: '',\n    dates: '',\n    dateRange: {\n      days: [],\n      startDate: '',\n      endDate: '',\n    },\n  };\n\n  componentWillLoad() {\n    this.setDaysArr();\n    this.formValues = [];\n    this.rowData = [this._defaultRow];\n    this.rowCount = this.rowData.length;\n\n    this._buttonValueName = this.label?.length ? this.label : 'value0';\n    this._firstDropdownValueName = this.firstDropdownLabel?.length ? this.firstDropdownLabel : 'value1';\n    this._secondDropdownValueName = this.secondDropdownLabel?.length ? this.secondDropdownLabel : 'value2';\n    this._inputValueName = this.inputFieldLabel?.length ? this.inputFieldLabel : 'value3';\n    this._dateValueName = this.dateButtonText?.length ? this.dateButtonText : 'value4';\n  }\n\n  componentDidLoad() {}\n\n  emitValuesIfValid() {\n    this.formValues = [];\n    this.rowData.forEach(item => {\n      const rowValue: FormValue = { row: [] };\n\n      const buttonSelection = item.buttons.find(x => x.selected === true);\n      if (buttonSelection) {\n        const buttonValue: RowValue = { name: this._buttonValueName, value: buttonSelection.label };\n        rowValue.row.push(buttonValue);\n      }\n\n      const firstDropdownSelection = item.firstDropdown.find(x => x.selected === true);\n      if (firstDropdownSelection) {\n        const firstDropdownValue: RowValue = { name: this._firstDropdownValueName, value: firstDropdownSelection.label };\n        rowValue.row.push(firstDropdownValue);\n      }\n\n      const secondDropdownSelection = item.secondDropdown.find(x => x.selected === true);\n      if (secondDropdownSelection) {\n        const secondDropdownValue: RowValue = { name: this._secondDropdownValueName, value: secondDropdownSelection.label };\n        rowValue.row.push(secondDropdownValue);\n      }\n\n      const input = item.input;\n      if (input?.length) {\n        const inputValue: RowValue = { name: this._inputValueName, value: input };\n        rowValue.row.push(inputValue);\n      }\n\n      const dates = item.dates;\n      if (dates?.length) {\n        const datestValue: RowValue = { name: this._dateValueName, value: dates };\n        rowValue.row.push(datestValue);\n      }\n\n      if (rowValue.row.length === 5) {\n        this.formValues.push(rowValue);\n      }\n    });\n\n    if (this.formValues.length === this.rowData.length) {\n      const valueJsonString = JSON.stringify(this.formValues);\n      this.allFormValues.emit(valueJsonString);\n    } else {\n      this.allFormValues.emit('');\n    }\n  }\n\n  @Listen('rowValueChange')\n  predefinedValueChange(e) {\n    const indexToUpdate = this.rowData.findIndex(data => data.id === e.detail.id);\n    const val: PredefinedValues = e.detail;\n    this.rowData[indexToUpdate] = {\n      ...this.rowData[indexToUpdate],\n      buttons: val.buttons,\n      firstDropdown: val.firstDropdown,\n      secondDropdown: val.secondDropdown,\n      input: val.input,\n      dates: val.dates,\n      dateRange: val.dateRange,\n    };\n    this.emitValuesIfValid();\n  }\n\n  @Listen('deleteRowEvent')\n  deleteRowEvent(e) {\n    const indexToRemove = this.rowData.findIndex(data => data.id === e.detail);\n    this.rowData.splice(indexToRemove, 1);\n    this.rowData = [...this.rowData];\n    this.rowCount = this.rowData.length;\n    this.emitValuesIfValid();\n  }\n\n  generateUniqueId() {\n    return uuidv4();\n  }\n\n  addRow() {\n    const newRow = this._defaultRow;\n    newRow.id = this.generateUniqueId();\n\n    this.rowData = [...this.rowData, newRow];\n    this.rowCount = this.rowData.length;\n  }\n\n  setDaysArr() {\n    const language = this.languageCode.toLowerCase();\n\n    switch (language) {\n      case 'en':\n        this._defaultRow.dateRange.days = [\n          { label: 'Monday', value: '1', selected: false },\n          { label: 'Tuesday', value: '2', selected: false },\n          { label: 'Wednesday', value: '3', selected: false },\n          { label: 'Thursday', value: '4', selected: false },\n          { label: 'Friday', value: '5', selected: false },\n        ];\n        break;\n\n      case 'sv':\n        this._defaultRow.dateRange.days = [\n          { label: 'Måndag', value: '1', selected: false },\n          { label: 'Tisdag', value: '2', selected: false },\n          { label: 'Onsdag', value: '3', selected: false },\n          { label: 'Torsdag', value: '4', selected: false },\n          { label: 'Fredag', value: '5', selected: false },\n        ];\n        break;\n\n      case 'da':\n        this._defaultRow.dateRange.days = [\n          { label: 'Mandag', value: '1', selected: false },\n          { label: 'Tirsdag', value: '2', selected: false },\n          { label: 'Onsdag', value: '3', selected: false },\n          { label: 'Torsdag', value: '4', selected: false },\n          { label: 'Fredag', value: '5', selected: false },\n        ];\n        break;\n\n      case 'fi':\n        this._defaultRow.dateRange.days = [\n          { label: 'Maanantai', value: '1', selected: false },\n          { label: 'Tiistai', value: '2', selected: false },\n          { label: 'Keskiviikko', value: '3', selected: false },\n          { label: 'Torstai', value: '4', selected: false },\n          { label: 'Perjantai', value: '5', selected: false },\n        ];\n        break;\n\n      case 'no':\n        this._defaultRow.dateRange.days = [\n          { label: 'Mandag', value: '1', selected: false },\n          { label: 'Tirsdag', value: '2', selected: false },\n          { label: 'Onsdag', value: '3', selected: false },\n          { label: 'Torsdag', value: '4', selected: false },\n          { label: 'Fredag', value: '5', selected: false },\n        ];\n        break;\n\n      default:\n        this._defaultRow.dateRange.days = [\n          { label: 'Monday', value: '1', selected: false },\n          { label: 'Tuesday', value: '2', selected: false },\n          { label: 'Wednesday', value: '3', selected: false },\n          { label: 'Thursday', value: '4', selected: false },\n          { label: 'Friday', value: '5', selected: false },\n        ];\n        break;\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.rowData?.map((data, i) => {\n          return (\n            <div class={'generated-row-' + i} id={'generated-row-connected-dropdown-' + i}>\n              <pn-multi-row-connected-dropdown-row\n                dropdown-data={this.dropdownData}\n                language-code={this.languageCode}\n                label={this.label}\n                first-dropdown-label={this.firstDropdownLabel}\n                second-dropdown-label={this.secondDropdownLabel}\n                dropdown-placeholder={this.dropdownPlaceholder}\n                add-row-text={this.addRowText}\n                input-field-label={this.inputFieldLabel}\n                input-field-placeholder={this.inputFieldPlaceholder}\n                disabled-dates={this.disabledDates}\n                date-button-text={this.dateButtonText}\n                date-placeholder={this.datePlaceholder}\n                date-days-from-today={this.dateDaysFromToday}\n                allow-multiple-dates={this.allowMultipleDates}\n                start-date-label={this.startDateLabel}\n                end-date-label={this.endDateLabel}\n                multi-date-helper-text={this.multiDateHelperText}\n                generate-dates-button-text={this.generateDatesButtonText}\n                save-date-button-text={this.saveDateButtonText}\n                no-dates-text={this.noDatesText}\n                index={i}\n                predefined-value={JSON.stringify(data)}\n                years-to-add-to-end-date={this.yearsToAddToEndDate}\n                min-amount={this.minAmount}\n                error-message-empty={this.errorMessageEmpty}\n                error-message-min-amount={this.errorMessageMinAmount}\n                min-warning-amount={this.minWarningAmount}\n                warning-message-min-amount={this.warningMessageMinAmount}\n              ></pn-multi-row-connected-dropdown-row>\n            </div>\n          );\n        })}\n\n        {this.allowMultipleRows ? (\n          <div class=\"connected-dropdown__row\">\n            <pn-button\n              tooltip={this.addRowText ? this.addRowText : null}\n              left-icon=\"true\"\n              arialabel=\"Add\"\n              icon={plus}\n              appearance=\"light\"\n              variant=\"borderless\"\n              class=\"connected-dropdown__button-right\"\n              onClick={() => {\n                this.addRow();\n              }}\n            >\n              {this.addRowText}\n            </pn-button>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/p-64851da0.entry.js

@@ -0,0 +1,2 @@
+import{r as n,g as e,h as t,d as a}from"./p-82546a44.js";const i="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-hero-block-international{width:100%}.hero-international{width:100%;min-height:unset;position:relative;background:#0d234b;display:flex}@media screen and (min-width: 1200px){.hero-international{min-height:44rem}}.hero-international .hero-international__content{width:100%;margin-bottom:1.6rem;overflow-x:hidden}@media screen and (min-width: 1640px){.hero-international .hero-international__content{display:grid;grid-template-columns:1fr 1440px 1fr}}.hero-international .hero-international__content .flex-wrapper{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;grid-column:2/3;border-bottom:1px solid rgba(255, 255, 255, 0.2);display:flex;flex-direction:row;height:100%;justify-content:space-between}@media (min-width: 576px){.hero-international .hero-international__content .flex-wrapper{max-width:540px}}@media (min-width: 768px){.hero-international .hero-international__content .flex-wrapper{max-width:720px}}@media (min-width: 992px){.hero-international .hero-international__content .flex-wrapper{max-width:960px}}@media (min-width: 1200px){.hero-international .hero-international__content .flex-wrapper{max-width:1140px}}@media (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper{max-width:1440px}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper{justify-content:unset;padding:0}}.hero-international .hero-international__content .flex-wrapper .content-col{display:flex;flex-direction:column;justify-content:center;padding:4rem 0 4rem 0}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .content-col{min-width:60.2rem}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .content-col{min-width:100.6rem;padding:5rem 2rem 5rem 0}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__site-tag{display:block;color:#00a0d6;font-size:1.6rem}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__site-tag{font-size:1.8rem}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__site-tag{display:none}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading{color:#00a0d6;font-size:3.2rem;font-weight:500;line-height:1.12;font-smooth:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:1rem}.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading span{margin-top:-0.3rem;display:block;color:white;font-weight:700}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading{font-size:4rem}}@media screen and (min-width: 992px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__heading{font-size:5.6rem;margin-bottom:1.6rem}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__preamble{color:white;margin-bottom:0;font-weight:500;font-size:1.6rem}@media screen and (min-width: 768px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__preamble{font-size:1.8rem}}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__preamble{font-size:2rem}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__cta{margin-top:2.4rem}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__cta{margin-top:3.2rem}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col{max-width:60rem;display:none}@media screen and (min-width: 1640px){.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col{max-width:unset;display:flex;width:100%;flex-direction:column;justify-content:center}}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image{height:32rem}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg{height:100%}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg .cls-1{fill:#083a67;stroke-width:0}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg .svg-path-style1{fill:#00a0d6;stroke-width:0}.hero-international .hero-international__content .flex-wrapper .hero-international__content__logo-col .hero-international__content__logo-col__image svg .svg-path-style2{fill:#fff;stroke-width:0}.hero-international .hero-international__side-loader{grid-column:3/-1;display:none;flex-direction:column;justify-content:center;border-bottom:1px solid transparent;padding-left:8.8rem}@media screen and (min-width: 1640px){.hero-international .hero-international__side-loader{display:flex}}.hero-international .hero-international__side-loader .shape{background-color:rgb(8, 58, 103);height:32rem}.hero-international .hero-international__side-loader--animate{transition:transform 0.8s ease-out;transform:translateX(100%)}.hero-international .hero-international__side-loader--animate.animate-in{transform:translateX(0)}.hero-international.hero-international--centered-layout .hero-international__content .flex-wrapper .hero-international__content__site-tag{display:block}@media screen and (min-width: 1200px){.hero-international.hero-international--centered-layout .hero-international__content .flex-wrapper .content-col{width:100%;display:flex;align-items:center;padding-right:0}}@media screen and (min-width: 1200px){.hero-international.hero-international--centered-layout .hero-international__content__heading{text-align:center}}.hero-international.hero-international--animate .hero-international__content__logo-col__image{transform:translateX(100%);transition:transform 0.5s ease-out}.hero-international.hero-international--animate .hero-international__content__logo-col__image.animate-in{transform:translateX(0)}";const o=i;const r=class{constructor(e){n(this,e);this.heading=null;this.subHeading=null;this.preamble=null;this.animateLogo=false;this.showSideLoader=true;this.centeredLayout=false}get hostElement(){return e(this)}hasCtaButtonSlot=false;animateSideloader=false;async componentWillLoad(){this.hasCtaButtonSlot=!!this.hostElement.querySelector('[slot="hero-international-cta"]')}componentDidLoad(){if(this.animateLogo){const n=this.hostElement.querySelector(".hero-international__content__logo-col__image");const e=this.hostElement.querySelector(".hero-international__side-loader--animate");this.animateSideloader=true;if(n){n.classList.add("animate-in")}if(e){e.classList.add("animate-in")}}}render(){return t(a,{key:"29a1cbf6af742f1c9a7b5cc3554600c46e8d9385",class:`hero-international ${this.centeredLayout?"hero-international--centered-layout":""} ${this.animateLogo?"hero-international--animate":""}`},t("div",{key:"80efe44f05675ceaba7533ff198f8697565c5638",class:"hero-international__content"},t("div",{key:"8a7523d6354528218e36c98ad9445c13b4637f80",class:"flex-wrapper"},t("div",{key:"9cf9f7758c031b2ff7f54c07c9467894cc5d8ffe",class:"content-col"},t("span",{key:"cdca9a270bb61f15cde5da19bf7dda780e4895bf",class:"hero-international__content__site-tag"},"International"),t("h1",{key:"4068c56efd71f7692ba3341899e6820b77ca12ab",class:"hero-international__content__heading"},this.heading," ",t("span",{key:"dd74bfe566c7225f8f30d786512e23f3b5bdb209"},this.subHeading)),t("p",{key:"aeb3a5b81b381c4306aea57b28c9fc32f4e845ad",class:"hero-international__content__preamble"},this.preamble),this.hasCtaButtonSlot&&t("div",{key:"3c00c3fbc7fd42a08735f17ba1ef8dc56bc5cb7b",class:"hero-international__content__cta"},t("slot",{key:"58f9a63a04f29170126425029625c477c31cd73b",name:"hero-international-cta"}))),!this.centeredLayout&&t("div",{key:"0a659dcad26ebd0a6ac1e7d9f86c7968eda41df0",class:"hero-international__content__logo-col"},t("div",{key:"8261a17c77ee5b18874c56a41361d7d3e4dd772d",class:"hero-international__content__logo-col__image"},t("svg",{key:"d404ad512ea0bebc2cc5b5e0df4404c6125dadfa",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 919 336"},t("circle",{key:"28106848da1e8364bc43fe8d591154342f71e75b",class:"cls-1",cx:"168",cy:"168",r:"168"}),t("circle",{key:"565176e62b896455941315643289d97a39baf62b",class:"cls-1",cx:"519",cy:"168",r:"168"}),t("path",{key:"0da027ee8c90501749291a00b37b2df8879e8632",class:"cls-1",d:"M510 0h409v336H510z"}),t("path",{key:"cb1637d901d59f116557a9b134929bf0988e3192",d:"M235.51 155.55c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.02-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.65.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.48 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm-147.53 0c0 8.53-5.91 15.56-15.1 15.56-5.64 0-8.27-2.77-8.27-2.77v10.34H42v-37.89h10.96V144s2.85-3.84 9.08-3.84c9.13 0 14.29 6.98 14.29 15.72Zm-11.6 0c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm184.35.47c0-4.47 2.74-5.86 6.4-5.86 2.25 0 3.71.53 3.71.53l.27-10.02s-.7-.32-2.58-.32c-6.12 0-7.79 3.84-7.79 3.84v-3.41h-10.96v29.42h10.96v-14.18ZM294 132v38.53h-10.96v-2.88s-2.85 3.84-9.08 3.84c-9.13 0-14.29-6.98-14.29-15.72s5.91-15.56 15.1-15.56c5.64 0 8.27 2.77 8.27 2.77v-8.85L294 132Zm-10.64 23.77c0-3.47-2.47-6.02-6.07-6.02s-6.02 2.56-6.02 6.02c0 3.67 2.42 6.18 6.02 6.18s6.07-2.51 6.07-6.18Zm-96.71-15.62c-6.39 0-8.71 3.84-8.71 3.84v-2.88h-10.96v29.42h10.96v-15.08c0-3.73 1.4-5.44 4.78-5.44s3.87 2.77 3.87 6.29v14.23h11.07v-18.07c0-8.1-3.92-12.31-11.01-12.31Zm-30.74-5.65h-10.96v36.03h10.96v-20.25h5.16l5-9.17h-10.16v-6.61Zm-24.55 17.27c-3.55-.53-5.11-.53-5.11-1.92 0-1.17 1.45-1.65 4.3-1.65 4.83 0 9.08 1.6 9.08 1.6l1.93-8.26s-4.67-1.33-10.91-1.33c-10.48 0-15.96 4-15.96 10.39 0 4.96 2.96 7.89 11.61 9 3.65.48 5 .69 5 2.03s-1.45 1.7-3.98 1.7c-5.48 0-10.64-2.29-10.64-2.29l-2.2 8.53s5.16 1.81 11.88 1.81c11.28 0 16.49-3.95 16.49-10.39 0-5.11-2.79-7.88-11.49-9.22Zm-17.9 3.78c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.03-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.66.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Z",class:"svg-path-style2"}),t("path",{key:"258b567b1f39d98caea0e082ae372336ee19ef59",d:"M167 197.67v-15.01h2.71v15.01H167Zm15.27-7.02c0-2.41-1.92-4.08-4.24-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm8-3.8h-2.8v-3.62H185v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.9 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm11.93 6.2c0-.15.04-.71.04-.97 0-3.31-2.25-5.56-5.49-5.56s-5.56 2.56-5.56 5.74 2.49 5.74 5.73 5.74c2.12 0 3.86-.84 4.98-2.58l-2.05-1.1c-.6.88-1.52 1.48-2.93 1.48-1.68 0-3-1.04-3.33-2.74h8.6m-8.53-1.94c.37-1.48 1.52-2.47 3.07-2.47 1.7 0 2.78.95 3.09 2.47h-6.16Zm16.03-4.26c-1.61 0-2.62.84-3.09 1.83v-1.83h-2.32v10.81h2.47v-5.25c0-1.68 1.1-3 2.71-3h1.08v-2.56h-.86Zm12.55 3.79c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.56 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.27-1.48-3.27-3.35 1.3-3.38 3.27-3.38 3.29 1.5 3.29 3.38Zm10.31-5.39h-2.8v-3.62h-2.47v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.91 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm1.84-3.22c0 .84.68 1.52 1.54 1.52s1.57-.68 1.57-1.52-.71-1.5-1.57-1.5-1.54.69-1.54 1.5Zm2.78 14.04v-10.81h-2.47v10.81h2.47Zm2.12-5.41c0 3.18 2.49 5.74 5.78 5.74s5.76-2.56 5.76-5.74-2.49-5.74-5.76-5.74-5.78 2.54-5.78 5.74Zm9.06 0c0 1.88-1.39 3.38-3.29 3.38s-3.29-1.5-3.29-3.38 1.37-3.38 3.29-3.38 3.29 1.48 3.29 3.38Zm14.41-1.61c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.52-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.57 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.26-1.48-3.26-3.35 1.3-3.38 3.26-3.38 3.29 1.5 3.29 3.38Zm9.12 3.2h-.46c-.77 0-1.15-.4-1.15-1.17V182h-2.47v12.69c0 1.81 1.23 2.98 3.13 2.98h.95v-2.23Z",class:"svg-path-style1"}))))),this.showSideLoader&&!this.centeredLayout&&t("div",{key:"63b24b9a3b124781977bd6026511bf5fdb30c105",class:`hero-international__side-loader ${this.animateSideloader?"hero-international__side-loader--animate":""}`},t("div",{key:"17ba19d5ced4d5cf6a000c01742a31cd91a5c877",class:"shape"}))))}};r.style=o;export{r as pn_hero_block_international};
+//# sourceMappingURL=p-64851da0.entry.js.map

package/pn-market-web-components/{p-776f3d51.entry.js.map → p-64851da0.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnHeroBlockInternationalCss","PnHeroBlockInternationalStyle0","PnHeroBlockInternational","hasCtaButtonSlot","animateSideloader","componentWillLoad","this","hostElement","querySelector","componentDidLoad","animateLogo","image","sideLoader","classList","add","render","h","Host","key","class","centeredLayout","heading","subHeading","preamble","name","xmlns","viewBox","cx","cy","r","d","showSideLoader"],"sources":["src/components/widgets/pn-hero-block-international/pn-hero-block-international.scss?tag=pn-hero-block-international","src/components/widgets/pn-hero-block-international/pn-hero-block-international.tsx"],"sourcesContent":["@import \"../../../globals/main.scss\";\n\n$animationTransitionTime: .8s;\n$internationalAlternativeBlue: rgba(8, 58, 103, 1);\n\npn-hero-block-international {\n  width: 100%;\n}\n\n.hero-international {\n  width: 100%;\n  min-height: unset;\n  position: relative;\n  background: $blue900;\n  display: flex;\n\n  @media screen and (min-width: $min-width-xl) {\n    min-height: 44rem;\n  }\n\n  .hero-international__content {\n    width: 100%;\n    margin-bottom: 1.6rem;\n    overflow-x: hidden;\n\n    @media screen and (min-width: $min-width-xxl) {\n      display: grid;\n      grid-template-columns: 1fr $max-width-xxl 1fr;\n    }\n\n    .flex-wrapper {\n      @include inner-container;\n      grid-column: 2 / 3;\n      border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n      display: flex;\n      flex-direction: row;\n      height: 100%;\n      justify-content: space-between;\n\n      @media screen and (min-width: $min-width-xxl) {\n        justify-content: unset;\n        padding: 0;\n      }\n\n      .content-col {\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          padding: 4rem 0 4rem 0;\n\n          @media screen and (min-width: $min-width-md) {\n            min-width: 60.2rem;\n          }\n\n          @media screen and (min-width: $min-width-xxl) {\n            min-width: 100.6rem;\n            padding: 5rem 2rem 5rem 0;\n          }\n      }\n\n      .hero-international__content__site-tag {\n        display: block;\n        color: $blue400;\n        font-size: 1.6rem;\n\n        @media screen and (min-width: $min-width-md) {\n          font-size: 1.8rem\n        }\n\n        @media screen and (min-width: $min-width-xxl) {\n          display: none;\n        }\n      }\n\n      .hero-international__content__heading {\n        color: $blue400;\n        font-size: 3.2rem;\n        font-weight: 500;\n        line-height: 1.12;\n        font-smooth: never;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n        margin-bottom: 1rem;\n\n        span {\n          margin-top: -0.3rem;\n          display: block;\n          color: white;\n          font-weight: 700;\n        }\n\n        @media screen and (min-width: $min-width-md) {\n          font-size: 4rem;\n        }\n        @media screen and (min-width: $min-width-lg) {\n          font-size: 5.6rem;\n          margin-bottom: 1.6rem;\n        }\n      }\n\n      .hero-international__content__preamble {\n          color: white;\n          margin-bottom: 0;\n          font-weight: 500;\n          font-size: 1.6rem;\n\n          @media screen and (min-width: $min-width-md) {\n            font-size: 1.8rem\n          }\n          @media screen and (min-width: $min-width-xxl) {\n            font-size: 2rem\n          }\n      }\n\n      .hero-international__content__cta {\n        margin-top: 2.4rem;\n\n        @media screen and (min-width: $min-width-xxl) {\n          margin-top: 3.2rem;\n        }\n      }\n\n      .hero-international__content__logo-col {\n        max-width: 60rem;\n        display: none;\n\n        @media screen and (min-width: $min-width-xxl) {\n          max-width: unset;\n          display: flex;\n          width: 100%;\n          flex-direction: column;\n          justify-content: center;\n        }\n\n        .hero-international__content__logo-col__image {\n          height: 32rem;\n\n          svg {\n            height: 100%;\n\n            .cls-1 {\n              fill:#083a67;\n              stroke-width:0;\n            }\n            .svg-path-style1 {\n              fill:#00a0d6;\n              stroke-width:0;\n            }\n            .svg-path-style2 {\n              fill:#fff;\n              stroke-width:0;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .hero-international__side-loader {\n    grid-column: 3 / -1;\n    display: none;\n    flex-direction: column;\n    justify-content: center;\n    border-bottom: 1px solid transparent;\n    padding-left: 8.8rem;\n\n    @media screen and (min-width: $min-width-xxl) {\n      display: flex;\n    }\n\n    .shape {\n      background-color: $internationalAlternativeBlue;\n      height: 32rem;\n    }\n  }\n\n  .hero-international__side-loader--animate {\n    transition: transform $animationTransitionTime ease-out;\n    transform: translateX(100%);\n\n    &.animate-in {\n      transform: translateX(0);\n    }\n  }\n}\n\n.hero-international.hero-international--centered-layout {\n  .hero-international__content .flex-wrapper {\n    .hero-international__content__site-tag {\n      display: block;\n    }\n  }\n\n  .hero-international__content .flex-wrapper .content-col {\n    @media screen and (min-width: $min-width-xl) {\n      width: 100%;\n      display: flex;\n      align-items: center;\n      padding-right: 0;\n    }\n  }\n\n  .hero-international__content__heading {\n    @media screen and (min-width: $min-width-xl) {\n      text-align: center;\n    }\n  }\n}\n\n.hero-international.hero-international--animate {\n  .hero-international__content__logo-col__image {\n    transform: translateX(100%);\n    transition: transform $animationTransitionTime - 0.3 ease-out;\n\n    &.animate-in {\n      transform: translateX(0);\n    }\n  }\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'pn-hero-block-international',\n  styleUrl: 'pn-hero-block-international.scss',\n})\nexport class PnHeroBlockInternational {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() heading: string = null;\n  @Prop() subHeading: string = null;\n  @Prop() preamble: string = null;\n  @Prop() animateLogo: boolean = false;\n  @Prop() showSideLoader: boolean = true;\n  @Prop() centeredLayout: boolean = false;\n\n  private hasCtaButtonSlot: boolean = false;\n  private animateSideloader: boolean = false;\n\n  async componentWillLoad() {\n    this.hasCtaButtonSlot = !!this.hostElement.querySelector('[slot=\"hero-international-cta\"]');\n  }\n\n  componentDidLoad() {\n    if (this.animateLogo) {\n      const image = this.hostElement.querySelector('.hero-international__content__logo-col__image');\n      const sideLoader = this.hostElement.querySelector('.hero-international__side-loader--animate');\n      this.animateSideloader = true;\n\n      if (image) {\n        image.classList.add('animate-in');\n      }\n      if (sideLoader) {\n        sideLoader.classList.add('animate-in');\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host class={`hero-international ${this.centeredLayout ? 'hero-international--centered-layout' : ''} ${this.animateLogo ? 'hero-international--animate' : ''}`}>\n        <div class=\"hero-international__content\">\n          <div class=\"flex-wrapper\">\n            <div class=\"content-col\">\n              <span class=\"hero-international__content__site-tag\">International</span>\n              <h1 class=\"hero-international__content__heading\">\n                {this.heading} <span>{this.subHeading}</span>\n              </h1>\n              <p class=\"hero-international__content__preamble\">{this.preamble}</p>\n\n              {this.hasCtaButtonSlot && (\n                <div class=\"hero-international__content__cta\">\n                  <slot name=\"hero-international-cta\"></slot>\n                </div>\n              )}\n            </div>\n\n            {!this.centeredLayout && (\n              <div class=\"hero-international__content__logo-col\">\n                <div class=\"hero-international__content__logo-col__image\">\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 919 336\">\n                    <circle class=\"cls-1\" cx=\"168\" cy=\"168\" r=\"168\"/>\n                    <circle class=\"cls-1\" cx=\"519\" cy=\"168\" r=\"168\"/>\n                    <path class=\"cls-1\" d=\"M510 0h409v336H510z\"/>\n                    <path d=\"M235.51 155.55c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.02-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.65.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.48 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm-147.53 0c0 8.53-5.91 15.56-15.1 15.56-5.64 0-8.27-2.77-8.27-2.77v10.34H42v-37.89h10.96V144s2.85-3.84 9.08-3.84c9.13 0 14.29 6.98 14.29 15.72Zm-11.6 0c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm184.35.47c0-4.47 2.74-5.86 6.4-5.86 2.25 0 3.71.53 3.71.53l.27-10.02s-.7-.32-2.58-.32c-6.12 0-7.79 3.84-7.79 3.84v-3.41h-10.96v29.42h10.96v-14.18ZM294 132v38.53h-10.96v-2.88s-2.85 3.84-9.08 3.84c-9.13 0-14.29-6.98-14.29-15.72s5.91-15.56 15.1-15.56c5.64 0 8.27 2.77 8.27 2.77v-8.85L294 132Zm-10.64 23.77c0-3.47-2.47-6.02-6.07-6.02s-6.02 2.56-6.02 6.02c0 3.67 2.42 6.18 6.02 6.18s6.07-2.51 6.07-6.18Zm-96.71-15.62c-6.39 0-8.71 3.84-8.71 3.84v-2.88h-10.96v29.42h10.96v-15.08c0-3.73 1.4-5.44 4.78-5.44s3.87 2.77 3.87 6.29v14.23h11.07v-18.07c0-8.1-3.92-12.31-11.01-12.31Zm-30.74-5.65h-10.96v36.03h10.96v-20.25h5.16l5-9.17h-10.16v-6.61Zm-24.55 17.27c-3.55-.53-5.11-.53-5.11-1.92 0-1.17 1.45-1.65 4.3-1.65 4.83 0 9.08 1.6 9.08 1.6l1.93-8.26s-4.67-1.33-10.91-1.33c-10.48 0-15.96 4-15.96 10.39 0 4.96 2.96 7.89 11.61 9 3.65.48 5 .69 5 2.03s-1.45 1.7-3.98 1.7c-5.48 0-10.64-2.29-10.64-2.29l-2.2 8.53s5.16 1.81 11.88 1.81c11.28 0 16.49-3.95 16.49-10.39 0-5.11-2.79-7.88-11.49-9.22Zm-17.9 3.78c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.03-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.66.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Z\" class=\"svg-path-style2\"/>\n                    <path d=\"M167 197.67v-15.01h2.71v15.01H167Zm15.27-7.02c0-2.41-1.92-4.08-4.24-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm8-3.8h-2.8v-3.62H185v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.9 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm11.93 6.2c0-.15.04-.71.04-.97 0-3.31-2.25-5.56-5.49-5.56s-5.56 2.56-5.56 5.74 2.49 5.74 5.73 5.74c2.12 0 3.86-.84 4.98-2.58l-2.05-1.1c-.6.88-1.52 1.48-2.93 1.48-1.68 0-3-1.04-3.33-2.74h8.6m-8.53-1.94c.37-1.48 1.52-2.47 3.07-2.47 1.7 0 2.78.95 3.09 2.47h-6.16Zm16.03-4.26c-1.61 0-2.62.84-3.09 1.83v-1.83h-2.32v10.81h2.47v-5.25c0-1.68 1.1-3 2.71-3h1.08v-2.56h-.86Zm12.55 3.79c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.56 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.27-1.48-3.27-3.35 1.3-3.38 3.27-3.38 3.29 1.5 3.29 3.38Zm10.31-5.39h-2.8v-3.62h-2.47v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.91 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm1.84-3.22c0 .84.68 1.52 1.54 1.52s1.57-.68 1.57-1.52-.71-1.5-1.57-1.5-1.54.69-1.54 1.5Zm2.78 14.04v-10.81h-2.47v10.81h2.47Zm2.12-5.41c0 3.18 2.49 5.74 5.78 5.74s5.76-2.56 5.76-5.74-2.49-5.74-5.76-5.74-5.78 2.54-5.78 5.74Zm9.06 0c0 1.88-1.39 3.38-3.29 3.38s-3.29-1.5-3.29-3.38 1.37-3.38 3.29-3.38 3.29 1.48 3.29 3.38Zm14.41-1.61c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.52-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.57 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.26-1.48-3.26-3.35 1.3-3.38 3.26-3.38 3.29 1.5 3.29 3.38Zm9.12 3.2h-.46c-.77 0-1.15-.4-1.15-1.17V182h-2.47v12.69c0 1.81 1.23 2.98 3.13 2.98h.95v-2.23Z\" class=\"svg-path-style1\"/>\n                  </svg>\n                </div>\n              </div>\n            )}\n          </div>\n\n          {this.showSideLoader && !this.centeredLayout && (\n            <div class={`hero-international__side-loader ${this.animateSideloader ? 'hero-international__side-loader--animate' : ''}`}>\n              <div class=\"shape\"></div>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAA8B,k7MACpC,MAAAC,EAAeD,E,MCKFE,EAAwB,M,sCAGT,K,gBACG,K,cACF,K,iBACI,M,oBACG,K,oBACA,K,kCAE1BC,iBAA4B,MAC5BC,kBAA6B,MAErC,uBAAMC,GACJC,KAAKH,mBAAqBG,KAAKC,YAAYC,cAAc,kC,CAG3D,gBAAAC,GACE,GAAIH,KAAKI,YAAa,CACpB,MAAMC,EAAQL,KAAKC,YAAYC,cAAc,iDAC7C,MAAMI,EAAaN,KAAKC,YAAYC,cAAc,6CAClDF,KAAKF,kBAAoB,KAEzB,GAAIO,EAAO,CACTA,EAAME,UAAUC,IAAI,a,CAEtB,GAAIF,EAAY,CACdA,EAAWC,UAAUC,IAAI,a,GAK/B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,sBAAsBb,KAAKc,eAAiB,sCAAwC,MAAMd,KAAKI,YAAc,8BAAgC,MACxJM,EAAA,OAAAE,IAAA,2CAAKC,MAAM,+BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,yCAAuC,iBACnDH,EAAA,MAAAE,IAAA,2CAAIC,MAAM,wCACPb,KAAKe,QAAO,IAAEL,EAAA,QAAAE,IAAA,4CAAOZ,KAAKgB,aAE7BN,EAAA,KAAAE,IAAA,2CAAGC,MAAM,yCAAyCb,KAAKiB,UAEtDjB,KAAKH,kBACJa,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oCACTH,EAAA,QAAAE,IAAA,2CAAMM,KAAK,8BAKflB,KAAKc,gBACLJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yCACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gDACTH,EAAA,OAAAE,IAAA,2CAAKO,MAAM,6BAA6BC,QAAQ,eAC9CV,EAAA,UAAAE,IAAA,2CAAQC,MAAM,QAAQQ,GAAG,MAAMC,GAAG,MAAMC,EAAE,QAC1Cb,EAAA,UAAAE,IAAA,2CAAQC,MAAM,QAAQQ,GAAG,MAAMC,GAAG,MAAMC,EAAE,QAC1Cb,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQW,EAAE,wBACtBd,EAAA,QAAAE,IAAA,2CAAMY,EAAE,moDAAmoDX,MAAM,oBACjpDH,EAAA,QAAAE,IAAA,2CAAMY,EAAE,67DAA67DX,MAAM,wBAOp9Db,KAAKyB,iBAAmBzB,KAAKc,gBAC5BJ,EAAA,OAAAE,IAAA,2CAAKC,MAAO,mCAAmCb,KAAKF,kBAAoB,2CAA6C,MACnHY,EAAA,OAAAE,IAAA,2CAAKC,MAAM,Y","ignoreList":[]}
+{"version":3,"names":["pnHeroBlockInternationalCss","PnHeroBlockInternationalStyle0","PnHeroBlockInternational","hasCtaButtonSlot","animateSideloader","componentWillLoad","this","hostElement","querySelector","componentDidLoad","animateLogo","image","sideLoader","classList","add","render","h","Host","key","class","centeredLayout","heading","subHeading","preamble","name","xmlns","viewBox","cx","cy","r","d","showSideLoader"],"sources":["src/components/widgets/pn-hero-block-international/pn-hero-block-international.scss?tag=pn-hero-block-international","src/components/widgets/pn-hero-block-international/pn-hero-block-international.tsx"],"sourcesContent":["@import \"../../../globals/main.scss\";\n\n$animationTransitionTime: .8s;\n$internationalAlternativeBlue: rgba(8, 58, 103, 1);\n\npn-hero-block-international {\n  width: 100%;\n}\n\n.hero-international {\n  width: 100%;\n  min-height: unset;\n  position: relative;\n  background: $blue900;\n  display: flex;\n\n  @media screen and (min-width: $min-width-xl) {\n    min-height: 44rem;\n  }\n\n  .hero-international__content {\n    width: 100%;\n    margin-bottom: 1.6rem;\n    overflow-x: hidden;\n\n    @media screen and (min-width: $min-width-xxl) {\n      display: grid;\n      grid-template-columns: 1fr $max-width-xxl 1fr;\n    }\n\n    .flex-wrapper {\n      @include inner-container;\n      grid-column: 2 / 3;\n      border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n      display: flex;\n      flex-direction: row;\n      height: 100%;\n      justify-content: space-between;\n\n      @media screen and (min-width: $min-width-xxl) {\n        justify-content: unset;\n        padding: 0;\n      }\n\n      .content-col {\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          padding: 4rem 0 4rem 0;\n\n          @media screen and (min-width: $min-width-md) {\n            min-width: 60.2rem;\n          }\n\n          @media screen and (min-width: $min-width-xxl) {\n            min-width: 100.6rem;\n            padding: 5rem 2rem 5rem 0;\n          }\n      }\n\n      .hero-international__content__site-tag {\n        display: block;\n        color: $blue400;\n        font-size: 1.6rem;\n\n        @media screen and (min-width: $min-width-md) {\n          font-size: 1.8rem\n        }\n\n        @media screen and (min-width: $min-width-xxl) {\n          display: none;\n        }\n      }\n\n      .hero-international__content__heading {\n        color: $blue400;\n        font-size: 3.2rem;\n        font-weight: 500;\n        line-height: 1.12;\n        font-smooth: never;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n        margin-bottom: 1rem;\n\n        span {\n          margin-top: -0.3rem;\n          display: block;\n          color: white;\n          font-weight: 700;\n        }\n\n        @media screen and (min-width: $min-width-md) {\n          font-size: 4rem;\n        }\n        @media screen and (min-width: $min-width-lg) {\n          font-size: 5.6rem;\n          margin-bottom: 1.6rem;\n        }\n      }\n\n      .hero-international__content__preamble {\n          color: white;\n          margin-bottom: 0;\n          font-weight: 500;\n          font-size: 1.6rem;\n\n          @media screen and (min-width: $min-width-md) {\n            font-size: 1.8rem\n          }\n          @media screen and (min-width: $min-width-xxl) {\n            font-size: 2rem\n          }\n      }\n\n      .hero-international__content__cta {\n        margin-top: 2.4rem;\n\n        @media screen and (min-width: $min-width-xxl) {\n          margin-top: 3.2rem;\n        }\n      }\n\n      .hero-international__content__logo-col {\n        max-width: 60rem;\n        display: none;\n\n        @media screen and (min-width: $min-width-xxl) {\n          max-width: unset;\n          display: flex;\n          width: 100%;\n          flex-direction: column;\n          justify-content: center;\n        }\n\n        .hero-international__content__logo-col__image {\n          height: 32rem;\n\n          svg {\n            height: 100%;\n\n            .cls-1 {\n              fill:#083a67;\n              stroke-width:0;\n            }\n            .svg-path-style1 {\n              fill:#00a0d6;\n              stroke-width:0;\n            }\n            .svg-path-style2 {\n              fill:#fff;\n              stroke-width:0;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .hero-international__side-loader {\n    grid-column: 3 / -1;\n    display: none;\n    flex-direction: column;\n    justify-content: center;\n    border-bottom: 1px solid transparent;\n    padding-left: 8.8rem;\n\n    @media screen and (min-width: $min-width-xxl) {\n      display: flex;\n    }\n\n    .shape {\n      background-color: $internationalAlternativeBlue;\n      height: 32rem;\n    }\n  }\n\n  .hero-international__side-loader--animate {\n    transition: transform $animationTransitionTime ease-out;\n    transform: translateX(100%);\n\n    &.animate-in {\n      transform: translateX(0);\n    }\n  }\n}\n\n.hero-international.hero-international--centered-layout {\n  .hero-international__content .flex-wrapper {\n    .hero-international__content__site-tag {\n      display: block;\n    }\n  }\n\n  .hero-international__content .flex-wrapper .content-col {\n    @media screen and (min-width: $min-width-xl) {\n      width: 100%;\n      display: flex;\n      align-items: center;\n      padding-right: 0;\n    }\n  }\n\n  .hero-international__content__heading {\n    @media screen and (min-width: $min-width-xl) {\n      text-align: center;\n    }\n  }\n}\n\n.hero-international.hero-international--animate {\n  .hero-international__content__logo-col__image {\n    transform: translateX(100%);\n    transition: transform $animationTransitionTime - 0.3 ease-out;\n\n    &.animate-in {\n      transform: translateX(0);\n    }\n  }\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'pn-hero-block-international',\n  styleUrl: 'pn-hero-block-international.scss',\n})\nexport class PnHeroBlockInternational {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() heading: string = null;\n  @Prop() subHeading: string = null;\n  @Prop() preamble: string = null;\n  @Prop() animateLogo: boolean = false;\n  @Prop() showSideLoader: boolean = true;\n  @Prop() centeredLayout: boolean = false;\n\n  private hasCtaButtonSlot: boolean = false;\n  private animateSideloader: boolean = false;\n\n  async componentWillLoad() {\n    this.hasCtaButtonSlot = !!this.hostElement.querySelector('[slot=\"hero-international-cta\"]');\n  }\n\n  componentDidLoad() {\n    if (this.animateLogo) {\n      const image = this.hostElement.querySelector('.hero-international__content__logo-col__image');\n      const sideLoader = this.hostElement.querySelector('.hero-international__side-loader--animate');\n      this.animateSideloader = true;\n\n      if (image) {\n        image.classList.add('animate-in');\n      }\n      if (sideLoader) {\n        sideLoader.classList.add('animate-in');\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host class={`hero-international ${this.centeredLayout ? 'hero-international--centered-layout' : ''} ${this.animateLogo ? 'hero-international--animate' : ''}`}>\n        <div class=\"hero-international__content\">\n          <div class=\"flex-wrapper\">\n            <div class=\"content-col\">\n              <span class=\"hero-international__content__site-tag\">International</span>\n              <h1 class=\"hero-international__content__heading\">\n                {this.heading} <span>{this.subHeading}</span>\n              </h1>\n              <p class=\"hero-international__content__preamble\">{this.preamble}</p>\n\n              {this.hasCtaButtonSlot && (\n                <div class=\"hero-international__content__cta\">\n                  <slot name=\"hero-international-cta\"></slot>\n                </div>\n              )}\n            </div>\n\n            {!this.centeredLayout && (\n              <div class=\"hero-international__content__logo-col\">\n                <div class=\"hero-international__content__logo-col__image\">\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 919 336\">\n                    <circle class=\"cls-1\" cx=\"168\" cy=\"168\" r=\"168\"/>\n                    <circle class=\"cls-1\" cx=\"519\" cy=\"168\" r=\"168\"/>\n                    <path class=\"cls-1\" d=\"M510 0h409v336H510z\"/>\n                    <path d=\"M235.51 155.55c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.02-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.65.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.48 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm-147.53 0c0 8.53-5.91 15.56-15.1 15.56-5.64 0-8.27-2.77-8.27-2.77v10.34H42v-37.89h10.96V144s2.85-3.84 9.08-3.84c9.13 0 14.29 6.98 14.29 15.72Zm-11.6 0c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm184.35.47c0-4.47 2.74-5.86 6.4-5.86 2.25 0 3.71.53 3.71.53l.27-10.02s-.7-.32-2.58-.32c-6.12 0-7.79 3.84-7.79 3.84v-3.41h-10.96v29.42h10.96v-14.18ZM294 132v38.53h-10.96v-2.88s-2.85 3.84-9.08 3.84c-9.13 0-14.29-6.98-14.29-15.72s5.91-15.56 15.1-15.56c5.64 0 8.27 2.77 8.27 2.77v-8.85L294 132Zm-10.64 23.77c0-3.47-2.47-6.02-6.07-6.02s-6.02 2.56-6.02 6.02c0 3.67 2.42 6.18 6.02 6.18s6.07-2.51 6.07-6.18Zm-96.71-15.62c-6.39 0-8.71 3.84-8.71 3.84v-2.88h-10.96v29.42h10.96v-15.08c0-3.73 1.4-5.44 4.78-5.44s3.87 2.77 3.87 6.29v14.23h11.07v-18.07c0-8.1-3.92-12.31-11.01-12.31Zm-30.74-5.65h-10.96v36.03h10.96v-20.25h5.16l5-9.17h-10.16v-6.61Zm-24.55 17.27c-3.55-.53-5.11-.53-5.11-1.92 0-1.17 1.45-1.65 4.3-1.65 4.83 0 9.08 1.6 9.08 1.6l1.93-8.26s-4.67-1.33-10.91-1.33c-10.48 0-15.96 4-15.96 10.39 0 4.96 2.96 7.89 11.61 9 3.65.48 5 .69 5 2.03s-1.45 1.7-3.98 1.7c-5.48 0-10.64-2.29-10.64-2.29l-2.2 8.53s5.16 1.81 11.88 1.81c11.28 0 16.49-3.95 16.49-10.39 0-5.11-2.79-7.88-11.49-9.22Zm-17.9 3.78c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.03-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.66.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Z\" class=\"svg-path-style2\"/>\n                    <path d=\"M167 197.67v-15.01h2.71v15.01H167Zm15.27-7.02c0-2.41-1.92-4.08-4.24-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm8-3.8h-2.8v-3.62H185v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.9 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm11.93 6.2c0-.15.04-.71.04-.97 0-3.31-2.25-5.56-5.49-5.56s-5.56 2.56-5.56 5.74 2.49 5.74 5.73 5.74c2.12 0 3.86-.84 4.98-2.58l-2.05-1.1c-.6.88-1.52 1.48-2.93 1.48-1.68 0-3-1.04-3.33-2.74h8.6m-8.53-1.94c.37-1.48 1.52-2.47 3.07-2.47 1.7 0 2.78.95 3.09 2.47h-6.16Zm16.03-4.26c-1.61 0-2.62.84-3.09 1.83v-1.83h-2.32v10.81h2.47v-5.25c0-1.68 1.1-3 2.71-3h1.08v-2.56h-.86Zm12.55 3.79c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.56 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.27-1.48-3.27-3.35 1.3-3.38 3.27-3.38 3.29 1.5 3.29 3.38Zm10.31-5.39h-2.8v-3.62h-2.47v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.91 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm1.84-3.22c0 .84.68 1.52 1.54 1.52s1.57-.68 1.57-1.52-.71-1.5-1.57-1.5-1.54.69-1.54 1.5Zm2.78 14.04v-10.81h-2.47v10.81h2.47Zm2.12-5.41c0 3.18 2.49 5.74 5.78 5.74s5.76-2.56 5.76-5.74-2.49-5.74-5.76-5.74-5.78 2.54-5.78 5.74Zm9.06 0c0 1.88-1.39 3.38-3.29 3.38s-3.29-1.5-3.29-3.38 1.37-3.38 3.29-3.38 3.29 1.48 3.29 3.38Zm14.41-1.61c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.52-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.57 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.26-1.48-3.26-3.35 1.3-3.38 3.26-3.38 3.29 1.5 3.29 3.38Zm9.12 3.2h-.46c-.77 0-1.15-.4-1.15-1.17V182h-2.47v12.69c0 1.81 1.23 2.98 3.13 2.98h.95v-2.23Z\" class=\"svg-path-style1\"/>\n                  </svg>\n                </div>\n              </div>\n            )}\n          </div>\n\n          {this.showSideLoader && !this.centeredLayout && (\n            <div class={`hero-international__side-loader ${this.animateSideloader ? 'hero-international__side-loader--animate' : ''}`}>\n              <div class=\"shape\"></div>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAA8B,2vNACpC,MAAAC,EAAeD,E,MCKFE,EAAwB,M,sCAGT,K,gBACG,K,cACF,K,iBACI,M,oBACG,K,oBACA,K,kCAE1BC,iBAA4B,MAC5BC,kBAA6B,MAErC,uBAAMC,GACJC,KAAKH,mBAAqBG,KAAKC,YAAYC,cAAc,kC,CAG3D,gBAAAC,GACE,GAAIH,KAAKI,YAAa,CACpB,MAAMC,EAAQL,KAAKC,YAAYC,cAAc,iDAC7C,MAAMI,EAAaN,KAAKC,YAAYC,cAAc,6CAClDF,KAAKF,kBAAoB,KAEzB,GAAIO,EAAO,CACTA,EAAME,UAAUC,IAAI,a,CAEtB,GAAIF,EAAY,CACdA,EAAWC,UAAUC,IAAI,a,GAK/B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,sBAAsBb,KAAKc,eAAiB,sCAAwC,MAAMd,KAAKI,YAAc,8BAAgC,MACxJM,EAAA,OAAAE,IAAA,2CAAKC,MAAM,+BACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,yCAAuC,iBACnDH,EAAA,MAAAE,IAAA,2CAAIC,MAAM,wCACPb,KAAKe,QAAO,IAAEL,EAAA,QAAAE,IAAA,4CAAOZ,KAAKgB,aAE7BN,EAAA,KAAAE,IAAA,2CAAGC,MAAM,yCAAyCb,KAAKiB,UAEtDjB,KAAKH,kBACJa,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oCACTH,EAAA,QAAAE,IAAA,2CAAMM,KAAK,8BAKflB,KAAKc,gBACLJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yCACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gDACTH,EAAA,OAAAE,IAAA,2CAAKO,MAAM,6BAA6BC,QAAQ,eAC9CV,EAAA,UAAAE,IAAA,2CAAQC,MAAM,QAAQQ,GAAG,MAAMC,GAAG,MAAMC,EAAE,QAC1Cb,EAAA,UAAAE,IAAA,2CAAQC,MAAM,QAAQQ,GAAG,MAAMC,GAAG,MAAMC,EAAE,QAC1Cb,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQW,EAAE,wBACtBd,EAAA,QAAAE,IAAA,2CAAMY,EAAE,moDAAmoDX,MAAM,oBACjpDH,EAAA,QAAAE,IAAA,2CAAMY,EAAE,67DAA67DX,MAAM,wBAOp9Db,KAAKyB,iBAAmBzB,KAAKc,gBAC5BJ,EAAA,OAAAE,IAAA,2CAAKC,MAAO,mCAAmCb,KAAKF,kBAAoB,2CAA6C,MACnHY,EAAA,OAAAE,IAAA,2CAAKC,MAAM,Y","ignoreList":[]}

package/pn-market-web-components/p-659a4db5.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i,d as s}from"./p-82546a44.js";import{c as l}from"./p-8836de82.js";import{s as n,a as e}from"./p-cd8db7cd.js";import{b as o,a}from"./p-4cb85336.js";const{state:r,onChange:c}=l({i18n:{maxweightlabel:"",weightlabel:"",maxmeasurementlabel:"",sizeheading:"",senddirectcta:"",stampshopcta:""},market:{currency:""}});const p="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}";const d=p;const h=class{constructor(i){t(this,i);this.item=null;this.description=[];this.shownitems=[];this.showMeasurement=false;this.weightText=""}componentWillLoad(){this.composeItems()}composeItems(){if(this.item.description){this.description=this.item.description.split("#bullet").filter((t=>t!==""))}this.showMeasurement=this.item.maxmått!==null||this.item.rulle!==null;this.shownitems=[this.item]}render(){return i(s,{key:"ddf1cea70f3cb701c4aab814d3b215fd7765017a"},this.shownitems.map((t=>i("pn-product-card",{"data-productid":t.id},i("pn-illustration",{slot:"illustration",illustration:this.item.illustration}),i("div",{slot:"title"},i("h2",null,t.name," "),this.item.highestrankusp?this.item.highestrankusp==="Billigast"?i("pn-titletag",{slot:"Billigast",icon:o},this.item.highestrankusp):i("pn-titletag",{slot:"Snabbast",icon:a,color:"blue700"},this.item.highestrankusp):null),i("div",{slot:"content"},i("div",{class:"content"},this.item.description?i("div",{class:"description"},this.description.map((t=>i("li",null,t)))):null,this.item.info?i("div",{class:"description"},this.item.info):null)),this.item.note?i("small",{slot:"note"},i("p",null,this.item.note)):null,this.item.additionalusp?i("div",{slot:"additionalUSP"}):null,this.showMeasurement?i("pn-product-card-info",{paket:this.item.maxmått,rulle:this.item.rulle}):null,i("div",{slot:"cardprice"},this.item.pricesenddirect?i("pn-product-card-price",{slot:"sendDirectPrice",label:r.i18n.senddirectcta,amount:this.item.pricesenddirect+"",currency:r.market.currency,url:n,service:this.item.name+"-portal"}):null,this.item.pricestamps?i("pn-product-card-price",{slot:"stampPrice",label:r.i18n.stampshopcta,amount:this.item.pricestamps+"",currency:r.market.currency,url:e,service:this.item.name+"-eshop"}):null)))))}static get watchers(){return{item:["composeItems"]}}};h.style=d;export{h as pn_product_pricelist_result};
+//# sourceMappingURL=p-659a4db5.entry.js.map

package/pn-market-web-components/{p-231b97e1.entry.js.map → p-659a4db5.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["state","onChange","createStore","i18n","maxweightlabel","weightlabel","maxmeasurementlabel","sizeheading","senddirectcta","stampshopcta","market","currency","pnProductPricelistResultCss","PnProductPricelistResultStyle0","PnFindProductPricelistResult","componentWillLoad","this","composeItems","item","description","split","filter","x","showMeasurement","rulle","shownitems","render","h","Host","key","map","id","slot","illustration","name","highestrankusp","icon","box_label","bolt","color","class","desc","info","note","additionalusp","paket","pricesenddirect","label","amount","url","sendDirectUrl","service","pricestamps","stampShopUrl"],"sources":["src/components/widgets/pn-product-pricelist/pn-product-pricelist-store.tsx","src/components/widgets/pn-product-pricelist/pn-product-pricelist-result.scss?tag=pn-product-pricelist-result","src/components/widgets/pn-product-pricelist/pn-product-pricelist-result.tsx"],"sourcesContent":["import { createStore } from '@stencil/store';\n// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store\n\nconst { state, onChange } = createStore({\n  i18n: {\n    maxweightlabel: '',\n    weightlabel: '',\n    maxmeasurementlabel: '',\n    sizeheading: '',\n    senddirectcta: '',\n    stampshopcta: '',\n  },\n  market: {\n    currency: '',\n  },\n});\n\nexport { state, onChange };\nexport default state;\n","@import '../../../globals/main.scss';\n\npn-find-service-and-price-result {\n}\n","import { Component, h, Prop, Host, State, Watch } from '@stencil/core';\nimport { ProductPriceItem } from '../../../globals/shared/productprice/product-price-types';\nimport { state } from './pn-product-pricelist-store';\nimport { sendDirectUrl, stampShopUrl } from './data.js';\nimport { bolt, box_label } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-product-pricelist-result',\n  styleUrl: 'pn-product-pricelist-result.scss',\n})\nexport class PnFindProductPricelistResult {\n  @Prop({ mutable: true }) item: ProductPriceItem = null;\n  @Prop() description?: string[] = [];\n  @Prop() shownitems: ProductPriceItem[] = [];\n  @Prop() showMeasurement?: boolean = false;\n  @State() weightText = '';\n  componentWillLoad() {\n    this.composeItems();\n  }\n\n  @Watch('item')\n  composeItems() {\n    if (this.item.description) {\n      this.description = this.item.description.split('#bullet').filter(x => x !== '');\n    }\n    this.showMeasurement = this.item.maxmått !== null || this.item.rulle !== null;\n    this.shownitems = [this.item];\n    // if (this.item.pricestamps) {\n    //   this.shownitems.push({...this.item, priceagent: null, pricesenddirect: null});\n    // }\n    // if (this.item.priceagent) {\n    //   this.shownitems.push({...this.item, pricestamps: null, pricesenddirect: null});\n    // }\n    // if (this.item.pricesenddirect) {\n    //   this.shownitems.push({...this.item, pricestamps: null, priceagent: null});\n    // }\n    // // Parcels are always in KG. Letter KG must be converted from grams\n    // this.weightText = (this.item.what === \"parcel\") ? this.item.maxweight + 'kg' :\n    // (this.item.what === \"letter\" && this.item.maxweight > 999) ? Math.round(this.item.maxweight/1000) + \" kg\" : this.item.maxweight + \" g\";\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.shownitems.map(item => (\n          <pn-product-card data-productid={item.id}>\n            <pn-illustration slot=\"illustration\" illustration={this.item.illustration}></pn-illustration>\n            <div slot=\"title\">\n              <h2>{item.name} </h2>\n\n              {this.item.highestrankusp ? (\n                this.item.highestrankusp === 'Billigast' ? (\n                  <pn-titletag slot=\"Billigast\" icon={box_label}>\n                    {this.item.highestrankusp}\n                  </pn-titletag>\n                ) : (\n                  <pn-titletag slot=\"Snabbast\" icon={bolt} color=\"blue700\">\n                    {this.item.highestrankusp}\n                  </pn-titletag>\n                )\n              ) : null}\n            </div>\n            <div slot=\"content\">\n              <div class=\"content\">\n                {this.item.description ? (\n                  <div class=\"description\">\n                    {this.description.map(desc => (\n                      <li>{desc}</li>\n                    ))}\n                  </div>\n                ) : null}\n                {this.item.info ? <div class=\"description\">{this.item.info}</div> : null}\n              </div>\n            </div>\n            {this.item.note ? (\n              <small slot=\"note\">\n                <p>{this.item.note}</p>\n              </small>\n            ) : null}\n            {this.item.additionalusp ? (\n              <div slot=\"additionalUSP\">\n                {/* {this.Usp1 ? (<span>{this.Usp1}</span>) : null } \n                 {this.Usp2 ? (<span>{this.Usp2}</span>) : null } \n                 {this.Usp3 ? (<span>{this.Usp3}</span>) : null } */}\n              </div>\n            ) : null}\n            {this.showMeasurement ? <pn-product-card-info paket={this.item.maxmått} rulle={this.item.rulle}></pn-product-card-info> : null}\n            <div slot=\"cardprice\">\n              {this.item.pricesenddirect ? (\n                <pn-product-card-price\n                  slot=\"sendDirectPrice\"\n                  label={state.i18n.senddirectcta}\n                  amount={this.item.pricesenddirect + ''}\n                  currency={state.market.currency}\n                  url={sendDirectUrl}\n                  service={this.item.name + '-portal'}\n                ></pn-product-card-price>\n              ) : null}\n              {this.item.pricestamps ? (\n                <pn-product-card-price\n                  slot=\"stampPrice\"\n                  label={state.i18n.stampshopcta}\n                  amount={this.item.pricestamps + ''}\n                  currency={state.market.currency}\n                  url={stampShopUrl}\n                  service={this.item.name + '-eshop'}\n                ></pn-product-card-price>\n              ) : null}\n            </div>\n          </pn-product-card>\n          // <pn-product-tile>\n          //   <pn-illustration slot=\"illustration\" illustration={ item.illustration }></pn-illustration>\n          //   <div slot=\"content\">\n          //     <div class=\"content\">\n          //       <h3>{item.name}</h3>\n          //       {(item.description) ? (<div class=\"description\">{item.description}</div>) : null}\n          //       {(item.info) ? (<div class=\"description\">{item.info}</div>) : null}\n          //     </div>\n          //   </div>\n\n          //   { item.maxweight ? (<pn-product-tile-info label={state.i18n.maxweightlabel} text={this.weightText}></pn-product-tile-info>) : null }\n          //   {/* { item.maximummeasurements ? (<pn-product-tile-info label={state.i18n.maxmeasurementlabel} text={item.maximummeasurements}></pn-product-tile-info>) : null } */}\n          //   { item.pricestamps ? (<pn-product-tile-price slot=\"price\" label={state.i18n.stampshopcta} amount={item.pricestamps+''} currency={ state.market.currency }></pn-product-tile-price>) : null }\n          //   {/* { item.priceagent ? (<pn-product-tile-price slot=\"price\" label=\"\" amount={item.priceagent+''} currency={ state.market.currency } url=\"https://shop.postnord.se/ebutik/default.aspx\"></pn-product-tile-price>) : null } */}\n          //   { item.pricesenddirect ? (<pn-product-tile-price slot=\"price\" label={state.i18n.senddirectcta} amount={item.pricesenddirect+''} currency={ state.market.currency } url=\"https://portal.postnord.com/skickadirekt/\"></pn-product-tile-price>) : null }\n          //   { item.note ? (<small slot=\"note\"><p>{item.note}</p></small>) : null }\n          // </pn-product-tile>\n        ))}\n      </Host>\n    );\n  }\n}\n"],"mappings":"uKAGA,MAAMA,MAAEA,EAAKC,SAAEA,GAAaC,EAAY,CACtCC,KAAM,CACJC,eAAgB,GAChBC,YAAa,GACbC,oBAAqB,GACrBC,YAAa,GACbC,cAAe,GACfC,aAAc,IAEhBC,OAAQ,CACNC,SAAU,MCbd,MAAMC,EAA8B,kFACpC,MAAAC,EAAeD,E,MCSFE,EAA4B,M,mCACW,K,iBACjB,G,gBACQ,G,qBACL,M,gBACd,E,CACtB,iBAAAC,GACEC,KAAKC,c,CAIP,YAAAA,GACE,GAAID,KAAKE,KAAKC,YAAa,CACzBH,KAAKG,YAAcH,KAAKE,KAAKC,YAAYC,MAAM,WAAWC,QAAOC,GAAKA,IAAM,I,CAE9EN,KAAKO,gBAAkBP,KAAKE,KAAK,UAAY,MAAQF,KAAKE,KAAKM,QAAU,KACzER,KAAKS,WAAa,CAACT,KAAKE,K,CAe1B,MAAAQ,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFb,KAAKS,WAAWK,KAAIZ,GACnBS,EAAA,oCAAiCT,EAAKa,IACpCJ,EAAA,mBAAiBK,KAAK,eAAeC,aAAcjB,KAAKE,KAAKe,eAC7DN,EAAA,OAAKK,KAAK,SACRL,EAAA,UAAKT,EAAKgB,KAAI,KAEblB,KAAKE,KAAKiB,eACTnB,KAAKE,KAAKiB,iBAAmB,YAC3BR,EAAA,eAAaK,KAAK,YAAYI,KAAMC,GACjCrB,KAAKE,KAAKiB,gBAGbR,EAAA,eAAaK,KAAK,WAAWI,KAAME,EAAMC,MAAM,WAC5CvB,KAAKE,KAAKiB,gBAGb,MAENR,EAAA,OAAKK,KAAK,WACRL,EAAA,OAAKa,MAAM,WACRxB,KAAKE,KAAKC,YACTQ,EAAA,OAAKa,MAAM,eACRxB,KAAKG,YAAYW,KAAIW,GACpBd,EAAA,UAAKc,MAGP,KACHzB,KAAKE,KAAKwB,KAAOf,EAAA,OAAKa,MAAM,eAAexB,KAAKE,KAAKwB,MAAc,OAGvE1B,KAAKE,KAAKyB,KACThB,EAAA,SAAOK,KAAK,QACVL,EAAA,SAAIX,KAAKE,KAAKyB,OAEd,KACH3B,KAAKE,KAAK0B,cACTjB,EAAA,OAAKK,KAAK,kBAKR,KACHhB,KAAKO,gBAAkBI,EAAA,wBAAsBkB,MAAO7B,KAAKE,KAAK,QAASM,MAAOR,KAAKE,KAAKM,QAAiC,KAC1HG,EAAA,OAAKK,KAAK,aACPhB,KAAKE,KAAK4B,gBACTnB,EAAA,yBACEK,KAAK,kBACLe,MAAO/C,EAAMG,KAAKK,cAClBwC,OAAQhC,KAAKE,KAAK4B,gBAAkB,GACpCnC,SAAUX,EAAMU,OAAOC,SACvBsC,IAAKC,EACLC,QAASnC,KAAKE,KAAKgB,KAAO,YAE1B,KACHlB,KAAKE,KAAKkC,YACTzB,EAAA,yBACEK,KAAK,aACLe,MAAO/C,EAAMG,KAAKM,aAClBuC,OAAQhC,KAAKE,KAAKkC,YAAc,GAChCzC,SAAUX,EAAMU,OAAOC,SACvBsC,IAAKI,EACLF,QAASnC,KAAKE,KAAKgB,KAAO,WAE1B,S","ignoreList":[]}
+{"version":3,"names":["state","onChange","createStore","i18n","maxweightlabel","weightlabel","maxmeasurementlabel","sizeheading","senddirectcta","stampshopcta","market","currency","pnProductPricelistResultCss","PnProductPricelistResultStyle0","PnFindProductPricelistResult","componentWillLoad","this","composeItems","item","description","split","filter","x","showMeasurement","rulle","shownitems","render","h","Host","key","map","id","slot","illustration","name","highestrankusp","icon","box_label","bolt","color","class","desc","info","note","additionalusp","paket","pricesenddirect","label","amount","url","sendDirectUrl","service","pricestamps","stampShopUrl"],"sources":["src/components/widgets/pn-product-pricelist/pn-product-pricelist-store.tsx","src/components/widgets/pn-product-pricelist/pn-product-pricelist-result.scss?tag=pn-product-pricelist-result","src/components/widgets/pn-product-pricelist/pn-product-pricelist-result.tsx"],"sourcesContent":["import { createStore } from '@stencil/store';\n// Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store\n\nconst { state, onChange } = createStore({\n  i18n: {\n    maxweightlabel: '',\n    weightlabel: '',\n    maxmeasurementlabel: '',\n    sizeheading: '',\n    senddirectcta: '',\n    stampshopcta: '',\n  },\n  market: {\n    currency: '',\n  },\n});\n\nexport { state, onChange };\nexport default state;\n","@import '../../../globals/main.scss';\n\npn-find-service-and-price-result {\n}\n","import { Component, h, Prop, Host, State, Watch } from '@stencil/core';\nimport { ProductPriceItem } from '../../../globals/shared/productprice/product-price-types';\nimport { state } from './pn-product-pricelist-store';\nimport { sendDirectUrl, stampShopUrl } from './data.js';\nimport { bolt, box_label } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-product-pricelist-result',\n  styleUrl: 'pn-product-pricelist-result.scss',\n})\nexport class PnFindProductPricelistResult {\n  @Prop({ mutable: true }) item: ProductPriceItem = null;\n  @Prop() description?: string[] = [];\n  @Prop() shownitems: ProductPriceItem[] = [];\n  @Prop() showMeasurement?: boolean = false;\n  @State() weightText = '';\n  componentWillLoad() {\n    this.composeItems();\n  }\n\n  @Watch('item')\n  composeItems() {\n    if (this.item.description) {\n      this.description = this.item.description.split('#bullet').filter(x => x !== '');\n    }\n    this.showMeasurement = this.item.maxmått !== null || this.item.rulle !== null;\n    this.shownitems = [this.item];\n    // if (this.item.pricestamps) {\n    //   this.shownitems.push({...this.item, priceagent: null, pricesenddirect: null});\n    // }\n    // if (this.item.priceagent) {\n    //   this.shownitems.push({...this.item, pricestamps: null, pricesenddirect: null});\n    // }\n    // if (this.item.pricesenddirect) {\n    //   this.shownitems.push({...this.item, pricestamps: null, priceagent: null});\n    // }\n    // // Parcels are always in KG. Letter KG must be converted from grams\n    // this.weightText = (this.item.what === \"parcel\") ? this.item.maxweight + 'kg' :\n    // (this.item.what === \"letter\" && this.item.maxweight > 999) ? Math.round(this.item.maxweight/1000) + \" kg\" : this.item.maxweight + \" g\";\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.shownitems.map(item => (\n          <pn-product-card data-productid={item.id}>\n            <pn-illustration slot=\"illustration\" illustration={this.item.illustration}></pn-illustration>\n            <div slot=\"title\">\n              <h2>{item.name} </h2>\n\n              {this.item.highestrankusp ? (\n                this.item.highestrankusp === 'Billigast' ? (\n                  <pn-titletag slot=\"Billigast\" icon={box_label}>\n                    {this.item.highestrankusp}\n                  </pn-titletag>\n                ) : (\n                  <pn-titletag slot=\"Snabbast\" icon={bolt} color=\"blue700\">\n                    {this.item.highestrankusp}\n                  </pn-titletag>\n                )\n              ) : null}\n            </div>\n            <div slot=\"content\">\n              <div class=\"content\">\n                {this.item.description ? (\n                  <div class=\"description\">\n                    {this.description.map(desc => (\n                      <li>{desc}</li>\n                    ))}\n                  </div>\n                ) : null}\n                {this.item.info ? <div class=\"description\">{this.item.info}</div> : null}\n              </div>\n            </div>\n            {this.item.note ? (\n              <small slot=\"note\">\n                <p>{this.item.note}</p>\n              </small>\n            ) : null}\n            {this.item.additionalusp ? (\n              <div slot=\"additionalUSP\">\n                {/* {this.Usp1 ? (<span>{this.Usp1}</span>) : null } \n                 {this.Usp2 ? (<span>{this.Usp2}</span>) : null } \n                 {this.Usp3 ? (<span>{this.Usp3}</span>) : null } */}\n              </div>\n            ) : null}\n            {this.showMeasurement ? <pn-product-card-info paket={this.item.maxmått} rulle={this.item.rulle}></pn-product-card-info> : null}\n            <div slot=\"cardprice\">\n              {this.item.pricesenddirect ? (\n                <pn-product-card-price\n                  slot=\"sendDirectPrice\"\n                  label={state.i18n.senddirectcta}\n                  amount={this.item.pricesenddirect + ''}\n                  currency={state.market.currency}\n                  url={sendDirectUrl}\n                  service={this.item.name + '-portal'}\n                ></pn-product-card-price>\n              ) : null}\n              {this.item.pricestamps ? (\n                <pn-product-card-price\n                  slot=\"stampPrice\"\n                  label={state.i18n.stampshopcta}\n                  amount={this.item.pricestamps + ''}\n                  currency={state.market.currency}\n                  url={stampShopUrl}\n                  service={this.item.name + '-eshop'}\n                ></pn-product-card-price>\n              ) : null}\n            </div>\n          </pn-product-card>\n          // <pn-product-tile>\n          //   <pn-illustration slot=\"illustration\" illustration={ item.illustration }></pn-illustration>\n          //   <div slot=\"content\">\n          //     <div class=\"content\">\n          //       <h3>{item.name}</h3>\n          //       {(item.description) ? (<div class=\"description\">{item.description}</div>) : null}\n          //       {(item.info) ? (<div class=\"description\">{item.info}</div>) : null}\n          //     </div>\n          //   </div>\n\n          //   { item.maxweight ? (<pn-product-tile-info label={state.i18n.maxweightlabel} text={this.weightText}></pn-product-tile-info>) : null }\n          //   {/* { item.maximummeasurements ? (<pn-product-tile-info label={state.i18n.maxmeasurementlabel} text={item.maximummeasurements}></pn-product-tile-info>) : null } */}\n          //   { item.pricestamps ? (<pn-product-tile-price slot=\"price\" label={state.i18n.stampshopcta} amount={item.pricestamps+''} currency={ state.market.currency }></pn-product-tile-price>) : null }\n          //   {/* { item.priceagent ? (<pn-product-tile-price slot=\"price\" label=\"\" amount={item.priceagent+''} currency={ state.market.currency } url=\"https://shop.postnord.se/ebutik/default.aspx\"></pn-product-tile-price>) : null } */}\n          //   { item.pricesenddirect ? (<pn-product-tile-price slot=\"price\" label={state.i18n.senddirectcta} amount={item.pricesenddirect+''} currency={ state.market.currency } url=\"https://portal.postnord.com/skickadirekt/\"></pn-product-tile-price>) : null }\n          //   { item.note ? (<small slot=\"note\"><p>{item.note}</p></small>) : null }\n          // </pn-product-tile>\n        ))}\n      </Host>\n    );\n  }\n}\n"],"mappings":"uKAGA,MAAMA,MAAEA,EAAKC,SAAEA,GAAaC,EAAY,CACtCC,KAAM,CACJC,eAAgB,GAChBC,YAAa,GACbC,oBAAqB,GACrBC,YAAa,GACbC,cAAe,GACfC,aAAc,IAEhBC,OAAQ,CACNC,SAAU,MCbd,MAAMC,EAA8B,2ZACpC,MAAAC,EAAeD,E,MCSFE,EAA4B,M,mCACW,K,iBACjB,G,gBACQ,G,qBACL,M,gBACd,E,CACtB,iBAAAC,GACEC,KAAKC,c,CAIP,YAAAA,GACE,GAAID,KAAKE,KAAKC,YAAa,CACzBH,KAAKG,YAAcH,KAAKE,KAAKC,YAAYC,MAAM,WAAWC,QAAOC,GAAKA,IAAM,I,CAE9EN,KAAKO,gBAAkBP,KAAKE,KAAK,UAAY,MAAQF,KAAKE,KAAKM,QAAU,KACzER,KAAKS,WAAa,CAACT,KAAKE,K,CAe1B,MAAAQ,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFb,KAAKS,WAAWK,KAAIZ,GACnBS,EAAA,oCAAiCT,EAAKa,IACpCJ,EAAA,mBAAiBK,KAAK,eAAeC,aAAcjB,KAAKE,KAAKe,eAC7DN,EAAA,OAAKK,KAAK,SACRL,EAAA,UAAKT,EAAKgB,KAAI,KAEblB,KAAKE,KAAKiB,eACTnB,KAAKE,KAAKiB,iBAAmB,YAC3BR,EAAA,eAAaK,KAAK,YAAYI,KAAMC,GACjCrB,KAAKE,KAAKiB,gBAGbR,EAAA,eAAaK,KAAK,WAAWI,KAAME,EAAMC,MAAM,WAC5CvB,KAAKE,KAAKiB,gBAGb,MAENR,EAAA,OAAKK,KAAK,WACRL,EAAA,OAAKa,MAAM,WACRxB,KAAKE,KAAKC,YACTQ,EAAA,OAAKa,MAAM,eACRxB,KAAKG,YAAYW,KAAIW,GACpBd,EAAA,UAAKc,MAGP,KACHzB,KAAKE,KAAKwB,KAAOf,EAAA,OAAKa,MAAM,eAAexB,KAAKE,KAAKwB,MAAc,OAGvE1B,KAAKE,KAAKyB,KACThB,EAAA,SAAOK,KAAK,QACVL,EAAA,SAAIX,KAAKE,KAAKyB,OAEd,KACH3B,KAAKE,KAAK0B,cACTjB,EAAA,OAAKK,KAAK,kBAKR,KACHhB,KAAKO,gBAAkBI,EAAA,wBAAsBkB,MAAO7B,KAAKE,KAAK,QAASM,MAAOR,KAAKE,KAAKM,QAAiC,KAC1HG,EAAA,OAAKK,KAAK,aACPhB,KAAKE,KAAK4B,gBACTnB,EAAA,yBACEK,KAAK,kBACLe,MAAO/C,EAAMG,KAAKK,cAClBwC,OAAQhC,KAAKE,KAAK4B,gBAAkB,GACpCnC,SAAUX,EAAMU,OAAOC,SACvBsC,IAAKC,EACLC,QAASnC,KAAKE,KAAKgB,KAAO,YAE1B,KACHlB,KAAKE,KAAKkC,YACTzB,EAAA,yBACEK,KAAK,aACLe,MAAO/C,EAAMG,KAAKM,aAClBuC,OAAQhC,KAAKE,KAAKkC,YAAc,GAChCzC,SAAUX,EAAMU,OAAOC,SACvBsC,IAAKI,EACLF,QAASnC,KAAKE,KAAKgB,KAAO,WAE1B,S","ignoreList":[]}

package/pn-market-web-components/p-65a046be.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i,d as s}from"./p-82546a44.js";import{s as l}from"./p-930e2943.js";import{a as e,b as n,R as a}from"./p-f49e0b32.js";import{a as r,b as o}from"./p-4cb85336.js";import"./p-8836de82.js";const h='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M12 2a8 8 0 0 0-6.857 12.124l.014.022 4.454 6.586a2.884 2.884 0 0 0 4.778 0l4.454-6.586.014-.022A8 8 0 0 0 12 2m-6 8a6 6 0 1 1 11.156 3.07l-4.424 6.541a.883.883 0 0 1-1.464 0L6.844 13.07A5.97 5.97 0 0 1 6 10m6-2.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5" clip-rule="evenodd"/></svg>';const d=h;const c="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-find-price-result .test{margin:3em 0}.resultcontent{display:flex;justify-content:center;flex-grow:1}";const p=c;const u=class{constructor(i){t(this,i);this.item=null;this.shownitems=[];this.Usp1=undefined;this.Usp2=undefined;this.Usp3=undefined;this.description=[];this.showMeasurement=false;this.weightText="";this.linkId="";this.shopLabel="";this.shopUrl="";this.shopId=""}componentWillLoad(){this.composeItems()}composeItems(){if(this.item.additionalusp){var t=this.item.additionalusp.split("/");this.Usp1=t.length>0?t[0]:null;this.Usp2=t.length>1?t[1]:null;this.Usp3=t.length>2?t[2]:null}if(this.item.description){this.description=this.item.description.split("#bullet").filter((t=>t!==""))}this.showMeasurement=this.item.maxmått!==null||this.item.rulle!==null;this.linkId=`${this.item.id}-${this.item.maxweight}-${this.item.sizecategory}-${this.item.name.toLocaleLowerCase().replace(/[^a-zA-Z0-9]/g,"")}`;var i=this.item.ombudpurchase==="Yes";this.shopLabel=i?l.i18n.ombudHeader:l.i18n.stampshopcta;this.shopUrl=i?l.market.servicePoint:e;this.shopId=i?"-servicepoint":"-stampshop"}render(){return i(s,{key:"59f4be6bf01f3122234c85c78d4f9373dbe22131"},i("pn-product-card",{key:"1d984dae6345bb05467989ef0705222d64e935fd","data-productid":this.item.id},i("pn-illustration",{key:"f610a8204aaf096eeb09959913c0bafcb8dfe0f1",slot:"illustration",illustration:this.item.illustration}),i("div",{key:"45584134fe586e2f336c89162d1efd3124a49314",slot:"title"},this.item.infopagelink?i("h2",null,i("a",{href:this.item.infopagelink,target:"_blank"},this.item.name)):i("h2",null,this.item.name),this.item.highestrankusp==="Snabbast"?i("pn-titletag",{slot:"Snabbast",icon:r,color:"blue700"},this.item.highestrankusp):this.item.highestrankusp==="Billigast"?i("pn-titletag",{slot:"Billigast",icon:o,color:"green700"},this.item.highestrankusp):null),i("div",{key:"524e826bdd0bcb6a5a56d3039ff6a4c1ee5f739c",slot:"content"},i("div",{key:"cb795559c19a0b54019dcf3cd8330a84082288b7",class:"content"},this.item.description?i("div",{class:"description"},this.description.map((t=>i("li",null,t)))):null,this.item.info?i("div",{class:"description"},this.item.info):null)),this.item.note?i("div",{slot:"note"},i("p",null,this.item.note)):null,this.item.additionalusp?i("div",{slot:"additionalUSP"},this.Usp1?i("span",null,this.Usp1):null,this.Usp2?i("span",null,this.Usp2):null,this.Usp3?i("span",null,this.Usp3):null):null,this.showMeasurement?i("pn-product-card-info",{paket:this.item.maxmått,rulle:this.item.rulle}):null,i("div",{key:"09427b8855ac9a1b844c4252d23a75e7470f0d88",slot:"cardprice"},this.item.pricesenddirect?i("pn-product-card-price",{slot:"sendDirectPrice",label:l.i18n.senddirectcta,amount:this.item.pricesenddirect+"",currency:l.market.currency,url:n,linkid:this.linkId+"-portal"}):null,this.item.pricestamps?this.item.name.toLocaleLowerCase()!=="riktiga vykort"?i("pn-product-card-price",{slot:"stampPrice",label:this.shopLabel,amount:this.item.pricestamps+"",currency:l.market.currency,url:this.shopUrl,linkid:this.linkId+this.shopId}):i("pn-product-card-price",{slot:"riktiga",label:l.i18n.realPostcard,amount:this.item.pricestamps+"",currency:l.market.currency,url:a["WebUrl"],linkid:this.linkId+"-riktiga"}):null),i("div",{key:"1ab3389414f947a15608f90c4a03462de0a50a4f",slot:"servicepoint"},this.item.showservicepointlink?i("a",{href:l.market.servicePoint,target:"_blank"},i("pn-icon",{icon:d,color:"blue700"}),l.i18n.servicePointLink):null),i("div",{key:"2e7072fd307f05839a20743e65e32b6be8941c95",slot:"mobiledownload"},this.item.name.toLocaleLowerCase()==="riktiga vykort"?i("div",{id:"riktiga"},i("h4",null,l.i18n.realPostcardMobile),i("div",null,i("a",{href:a["AndroidAppUrl"],target:"_blank"},i("img",{class:"riktigaAndroidImg",src:a["AndroidImg"]})),i("a",{href:a["IosAppUrl"],target:"_blank"},i("img",{class:"riktigaAppleImg",src:a["IosImg"]})))):null)))}static get watchers(){return{item:["composeItems"]}}};u.style=p;export{u as pn_find_price_result};
+//# sourceMappingURL=p-65a046be.entry.js.map

package/pn-market-web-components/{p-0ec8d040.entry.js.map → p-65a046be.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icon","map_marker","pnFindPriceResultCss","PnFindPriceResultStyle0","PnfindPriceResult","componentWillLoad","this","composeItems","item","additionalusp","x","split","Usp1","length","Usp2","Usp3","description","filter","showMeasurement","rulle","linkId","id","maxweight","sizecategory","name","toLocaleLowerCase","replace","showServicepointLink","ombudpurchase","shopLabel","state","i18n","ombudHeader","stampshopcta","shopUrl","market","servicePoint","stampShopUrl","shopId","render","h","Host","key","slot","illustration","infopagelink","href","target","highestrankusp","bolt","color","box_label","class","map","desc","info","note","paket","pricesenddirect","label","senddirectcta","amount","currency","url","sendDirectUrl","linkid","pricestamps","realPostcard","RealValues","showservicepointlink","servicePointLink","realPostcardMobile","src"],"sources":["node_modules/pn-design-assets/pn-assets/icons/map_marker.js","src/components/widgets/pn-find-price/pn-find-price-result.scss?tag=pn-find-price-result","src/components/widgets/pn-find-price/pn-find-price-result.tsx"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M12 2a8 8 0 0 0-6.857 12.124l.014.022 4.454 6.586a2.884 2.884 0 0 0 4.778 0l4.454-6.586.014-.022A8 8 0 0 0 12 2m-6 8a6 6 0 1 1 11.156 3.07l-4.424 6.541a.883.883 0 0 1-1.464 0L6.844 13.07A5.97 5.97 0 0 1 6 10m6-2.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5\" clip-rule=\"evenodd\"/></svg>';\nexport const map_marker = icon;\nexport const mapMarker = icon;\n","@import '../../../globals/main.scss';\n\npn-find-price-result {\n  .test {\n    margin: 3em 0;\n  }\n}\n\n.resultcontent {\n  display: flex;\n  // flex-wrap: wrap;\n  // flex-direction: row;\n  //align-items: flex-start;\n  justify-content: center;\n  flex-grow: 1;\n}\n","import { Component, h, Prop, Host, Watch, State } from '@stencil/core';\nimport { ProductPriceItem } from './pn-find-price-types';\nimport { state } from './pn-find-price-store';\nimport { sendDirectUrl, stampShopUrl, RealValues } from './data.js';\nimport { bolt, box_label, map_marker } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-find-price-result',\n  styleUrl: 'pn-find-price-result.scss',\n})\nexport class PnfindPriceResult {\n  @Prop({ mutable: true }) item: ProductPriceItem = null;\n\n  @Prop() shownitems: ProductPriceItem[] = [];\n  @Prop() Usp1?: string;\n  @Prop() Usp2?: string;\n  @Prop() Usp3?: string;\n  @Prop() description?: string[] = [];\n  @Prop() showMeasurement?: boolean = false;\n  @State() weightText = '';\n  @State() linkId: string = '';\n  @State() shopLabel: string = '';\n  @State() shopUrl: string = '';\n  @State() shopId: string = '';\n\n  componentWillLoad() {\n    this.composeItems();\n  }\n\n  @Watch('item')\n  composeItems() {\n    if (this.item.additionalusp) {\n      var x = this.item.additionalusp.split('/');\n      this.Usp1 = x.length > 0 ? x[0] : null;\n      this.Usp2 = x.length > 1 ? x[1] : null;\n      this.Usp3 = x.length > 2 ? x[2] : null;\n    }\n    if (this.item.description) {\n      this.description = this.item.description.split('#bullet').filter(x => x !== '');\n    }\n\n    this.showMeasurement = this.item.maxmått !== null || this.item.rulle !== null;\n    this.linkId = `${this.item.id}-${this.item.maxweight}-${this.item.sizecategory}-${this.item.name.toLocaleLowerCase().replace(/[^a-zA-Z0-9]/g, '')}`;\n\n    var showServicepointLink = this.item.ombudpurchase === 'Yes';\n\n    this.shopLabel = showServicepointLink ? state.i18n.ombudHeader : state.i18n.stampshopcta;\n    this.shopUrl = showServicepointLink ? state.market.servicePoint : stampShopUrl;\n    this.shopId = showServicepointLink ? '-servicepoint' : '-stampshop';\n  }\n\n  render() {\n    return (\n      <Host>\n        {\n          <pn-product-card data-productid={this.item.id}>\n            <pn-illustration slot=\"illustration\" illustration={this.item.illustration}></pn-illustration>\n            <div slot=\"title\">\n              {this.item.infopagelink ? (\n                <h2>\n                  <a href={this.item.infopagelink} target=\"_blank\">\n                    {this.item.name}\n                  </a>\n                </h2>\n              ) : (\n                <h2>{this.item.name}</h2>\n              )}\n              {this.item.highestrankusp === 'Snabbast' ? (\n                <pn-titletag slot=\"Snabbast\" icon={bolt} color=\"blue700\">\n                  {this.item.highestrankusp}\n                </pn-titletag>\n              ) : this.item.highestrankusp === 'Billigast' ? (\n                <pn-titletag slot=\"Billigast\" icon={box_label} color=\"green700\">\n                  {this.item.highestrankusp}\n                </pn-titletag>\n              ) : null}\n            </div>\n            <div slot=\"content\">\n              <div class=\"content\">\n                {this.item.description ? (\n                  <div class=\"description\">\n                    {this.description.map(desc => (\n                      <li>{desc}</li>\n                    ))}\n                  </div>\n                ) : null}\n                {this.item.info ? <div class=\"description\">{this.item.info}</div> : null}\n              </div>\n            </div>\n            {this.item.note ? (\n              <div slot=\"note\">\n                <p>{this.item.note}</p>\n              </div>\n            ) : null}\n            {this.item.additionalusp ? (\n              <div slot=\"additionalUSP\">\n                {this.Usp1 ? <span>{this.Usp1}</span> : null}\n                {this.Usp2 ? <span>{this.Usp2}</span> : null}\n                {this.Usp3 ? <span>{this.Usp3}</span> : null}\n              </div>\n            ) : null}\n            {this.showMeasurement ? <pn-product-card-info paket={this.item.maxmått} rulle={this.item.rulle}></pn-product-card-info> : null}\n            <div slot=\"cardprice\">\n              {this.item.pricesenddirect ? (\n                <pn-product-card-price\n                  slot=\"sendDirectPrice\"\n                  label={state.i18n.senddirectcta}\n                  amount={this.item.pricesenddirect + ''}\n                  currency={state.market.currency}\n                  url={sendDirectUrl}\n                  linkid={this.linkId + '-portal'}\n                ></pn-product-card-price>\n              ) : null}\n              {this.item.pricestamps ? (\n                this.item.name.toLocaleLowerCase() !== 'riktiga vykort' ? (\n                  <pn-product-card-price\n                    slot=\"stampPrice\"\n                    label={this.shopLabel}\n                    amount={this.item.pricestamps + ''}\n                    currency={state.market.currency}\n                    url={this.shopUrl}\n                    linkid={this.linkId + this.shopId}\n                  ></pn-product-card-price>\n                ) : (\n                  <pn-product-card-price\n                    slot=\"riktiga\"\n                    label={state.i18n.realPostcard}\n                    amount={this.item.pricestamps + ''}\n                    currency={state.market.currency}\n                    url={RealValues['WebUrl']}\n                    linkid={this.linkId + '-riktiga'}\n                  ></pn-product-card-price>\n                )\n              ) : null}\n            </div>\n            <div slot=\"servicepoint\">\n              {this.item.showservicepointlink ? (\n                <a href={state.market.servicePoint} target=\"_blank\">\n                  <pn-icon icon={map_marker} color=\"blue700\"></pn-icon>\n                  {state.i18n.servicePointLink}\n                </a>\n              ) : null}\n            </div>\n\n            <div slot=\"mobiledownload\">\n              {this.item.name.toLocaleLowerCase() === 'riktiga vykort' ? (\n                <div id=\"riktiga\">\n                  <h4>{state.i18n.realPostcardMobile}</h4>\n                  <div>\n                    <a href={RealValues['AndroidAppUrl']} target=\"_blank\">\n                      <img class=\"riktigaAndroidImg\" src={RealValues['AndroidImg']}></img>\n                    </a>\n                    <a href={RealValues['IosAppUrl']} target=\"_blank\">\n                      <img class=\"riktigaAppleImg\" src={RealValues['IosImg']}></img>\n                    </a>\n                  </div>\n                </div>\n              ) : null}\n            </div>\n          </pn-product-card>\n        }\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["icon","map_marker","pnFindPriceResultCss","PnFindPriceResultStyle0","PnfindPriceResult","componentWillLoad","this","composeItems","item","additionalusp","x","split","Usp1","length","Usp2","Usp3","description","filter","showMeasurement","rulle","linkId","id","maxweight","sizecategory","name","toLocaleLowerCase","replace","showServicepointLink","ombudpurchase","shopLabel","state","i18n","ombudHeader","stampshopcta","shopUrl","market","servicePoint","stampShopUrl","shopId","render","h","Host","key","slot","illustration","infopagelink","href","target","highestrankusp","bolt","color","box_label","class","map","desc","info","note","paket","pricesenddirect","label","senddirectcta","amount","currency","url","sendDirectUrl","linkid","pricestamps","realPostcard","RealValues","showservicepointlink","servicePointLink","realPostcardMobile","src"],"sources":["node_modules/pn-design-assets/pn-assets/icons/map_marker.js","src/components/widgets/pn-find-price/pn-find-price-result.scss?tag=pn-find-price-result","src/components/widgets/pn-find-price/pn-find-price-result.tsx"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M12 2a8 8 0 0 0-6.857 12.124l.014.022 4.454 6.586a2.884 2.884 0 0 0 4.778 0l4.454-6.586.014-.022A8 8 0 0 0 12 2m-6 8a6 6 0 1 1 11.156 3.07l-4.424 6.541a.883.883 0 0 1-1.464 0L6.844 13.07A5.97 5.97 0 0 1 6 10m6-2.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5\" clip-rule=\"evenodd\"/></svg>';\nexport const map_marker = icon;\nexport const mapMarker = icon;\n","@import '../../../globals/main.scss';\n\npn-find-price-result {\n  .test {\n    margin: 3em 0;\n  }\n}\n\n.resultcontent {\n  display: flex;\n  // flex-wrap: wrap;\n  // flex-direction: row;\n  //align-items: flex-start;\n  justify-content: center;\n  flex-grow: 1;\n}\n","import { Component, h, Prop, Host, Watch, State } from '@stencil/core';\nimport { ProductPriceItem } from './pn-find-price-types';\nimport { state } from './pn-find-price-store';\nimport { sendDirectUrl, stampShopUrl, RealValues } from './data.js';\nimport { bolt, box_label, map_marker } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-find-price-result',\n  styleUrl: 'pn-find-price-result.scss',\n})\nexport class PnfindPriceResult {\n  @Prop({ mutable: true }) item: ProductPriceItem = null;\n\n  @Prop() shownitems: ProductPriceItem[] = [];\n  @Prop() Usp1?: string;\n  @Prop() Usp2?: string;\n  @Prop() Usp3?: string;\n  @Prop() description?: string[] = [];\n  @Prop() showMeasurement?: boolean = false;\n  @State() weightText = '';\n  @State() linkId: string = '';\n  @State() shopLabel: string = '';\n  @State() shopUrl: string = '';\n  @State() shopId: string = '';\n\n  componentWillLoad() {\n    this.composeItems();\n  }\n\n  @Watch('item')\n  composeItems() {\n    if (this.item.additionalusp) {\n      var x = this.item.additionalusp.split('/');\n      this.Usp1 = x.length > 0 ? x[0] : null;\n      this.Usp2 = x.length > 1 ? x[1] : null;\n      this.Usp3 = x.length > 2 ? x[2] : null;\n    }\n    if (this.item.description) {\n      this.description = this.item.description.split('#bullet').filter(x => x !== '');\n    }\n\n    this.showMeasurement = this.item.maxmått !== null || this.item.rulle !== null;\n    this.linkId = `${this.item.id}-${this.item.maxweight}-${this.item.sizecategory}-${this.item.name.toLocaleLowerCase().replace(/[^a-zA-Z0-9]/g, '')}`;\n\n    var showServicepointLink = this.item.ombudpurchase === 'Yes';\n\n    this.shopLabel = showServicepointLink ? state.i18n.ombudHeader : state.i18n.stampshopcta;\n    this.shopUrl = showServicepointLink ? state.market.servicePoint : stampShopUrl;\n    this.shopId = showServicepointLink ? '-servicepoint' : '-stampshop';\n  }\n\n  render() {\n    return (\n      <Host>\n        {\n          <pn-product-card data-productid={this.item.id}>\n            <pn-illustration slot=\"illustration\" illustration={this.item.illustration}></pn-illustration>\n            <div slot=\"title\">\n              {this.item.infopagelink ? (\n                <h2>\n                  <a href={this.item.infopagelink} target=\"_blank\">\n                    {this.item.name}\n                  </a>\n                </h2>\n              ) : (\n                <h2>{this.item.name}</h2>\n              )}\n              {this.item.highestrankusp === 'Snabbast' ? (\n                <pn-titletag slot=\"Snabbast\" icon={bolt} color=\"blue700\">\n                  {this.item.highestrankusp}\n                </pn-titletag>\n              ) : this.item.highestrankusp === 'Billigast' ? (\n                <pn-titletag slot=\"Billigast\" icon={box_label} color=\"green700\">\n                  {this.item.highestrankusp}\n                </pn-titletag>\n              ) : null}\n            </div>\n            <div slot=\"content\">\n              <div class=\"content\">\n                {this.item.description ? (\n                  <div class=\"description\">\n                    {this.description.map(desc => (\n                      <li>{desc}</li>\n                    ))}\n                  </div>\n                ) : null}\n                {this.item.info ? <div class=\"description\">{this.item.info}</div> : null}\n              </div>\n            </div>\n            {this.item.note ? (\n              <div slot=\"note\">\n                <p>{this.item.note}</p>\n              </div>\n            ) : null}\n            {this.item.additionalusp ? (\n              <div slot=\"additionalUSP\">\n                {this.Usp1 ? <span>{this.Usp1}</span> : null}\n                {this.Usp2 ? <span>{this.Usp2}</span> : null}\n                {this.Usp3 ? <span>{this.Usp3}</span> : null}\n              </div>\n            ) : null}\n            {this.showMeasurement ? <pn-product-card-info paket={this.item.maxmått} rulle={this.item.rulle}></pn-product-card-info> : null}\n            <div slot=\"cardprice\">\n              {this.item.pricesenddirect ? (\n                <pn-product-card-price\n                  slot=\"sendDirectPrice\"\n                  label={state.i18n.senddirectcta}\n                  amount={this.item.pricesenddirect + ''}\n                  currency={state.market.currency}\n                  url={sendDirectUrl}\n                  linkid={this.linkId + '-portal'}\n                ></pn-product-card-price>\n              ) : null}\n              {this.item.pricestamps ? (\n                this.item.name.toLocaleLowerCase() !== 'riktiga vykort' ? (\n                  <pn-product-card-price\n                    slot=\"stampPrice\"\n                    label={this.shopLabel}\n                    amount={this.item.pricestamps + ''}\n                    currency={state.market.currency}\n                    url={this.shopUrl}\n                    linkid={this.linkId + this.shopId}\n                  ></pn-product-card-price>\n                ) : (\n                  <pn-product-card-price\n                    slot=\"riktiga\"\n                    label={state.i18n.realPostcard}\n                    amount={this.item.pricestamps + ''}\n                    currency={state.market.currency}\n                    url={RealValues['WebUrl']}\n                    linkid={this.linkId + '-riktiga'}\n                  ></pn-product-card-price>\n                )\n              ) : null}\n            </div>\n            <div slot=\"servicepoint\">\n              {this.item.showservicepointlink ? (\n                <a href={state.market.servicePoint} target=\"_blank\">\n                  <pn-icon icon={map_marker} color=\"blue700\"></pn-icon>\n                  {state.i18n.servicePointLink}\n                </a>\n              ) : null}\n            </div>\n\n            <div slot=\"mobiledownload\">\n              {this.item.name.toLocaleLowerCase() === 'riktiga vykort' ? (\n                <div id=\"riktiga\">\n                  <h4>{state.i18n.realPostcardMobile}</h4>\n                  <div>\n                    <a href={RealValues['AndroidAppUrl']} target=\"_blank\">\n                      <img class=\"riktigaAndroidImg\" src={RealValues['AndroidImg']}></img>\n                    </a>\n                    <a href={RealValues['IosAppUrl']} target=\"_blank\">\n                      <img class=\"riktigaAppleImg\" src={RealValues['IosImg']}></img>\n                    </a>\n                  </div>\n                </div>\n              ) : null}\n            </div>\n          </pn-product-card>\n        }\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/p-66da6e15.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as a,h as t,d}from"./p-82546a44.js";import{c as i}from"./p-cfaf2eec.js";const n="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-app-banner .pn-app-banner__wrapper{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;background-color:#f3f2f2;padding:1rem;margin:0 auto}pn-app-banner .pn-app-banner__sticky{position:relative;top:0;width:100%;z-index:999}pn-app-banner .icon-close:hover{cursor:pointer}pn-app-banner .pn-app-banner__icon{height:3.2rem}pn-app-banner .pn-app-banner__text{font-size:1.2rem;line-height:1}pn-app-banner .pn-app-banner__text span{font-weight:600}pn-app-banner .pn-app-banner__cta{margin-left:auto}pn-app-banner[data-is-closed=true]{display:none}";const c=n;const f=class{constructor(a){e(this,a);this.appName=undefined;this.appDescription=undefined;this.ctaText=undefined;this.appleStoreLink=undefined;this.googleStoreLink=undefined;this.isClosed=false;this.storeLink=undefined;this.isLocalStorageAvailable=true}get hostElement(){return a(this)}CLOSED_STORAGE_KEY="SmartAppBannerClosed";CLOSED_COOKIE_EXPIRY_DAYS=7;checkLocalStorage(){try{const e="__test__";localStorage.setItem(e,e);localStorage.removeItem(e)}catch(e){this.isLocalStorageAvailable=false}}detectDeviceAndSetStoreLink(){const e=navigator.userAgent;if(e.match(/Android/i)){this.storeLink=this.googleStoreLink}else if(e.match(/iPhone|iPad|iPod/i)){this.storeLink=this.appleStoreLink}else{this.storeLink=null;this.isClosed=true}}handleOnClose=()=>{this.isClosed=true;if(this.isLocalStorageAvailable){localStorage.setItem(this.CLOSED_STORAGE_KEY,"true")}else{const e=new Date;e.setDate(e.getDate()+this.CLOSED_COOKIE_EXPIRY_DAYS);document.cookie=`${this.CLOSED_STORAGE_KEY}=true; expires=${e.toUTCString()}`}};componentWillLoad(){this.checkLocalStorage();if(this.isLocalStorageAvailable){this.isClosed=localStorage.getItem(this.CLOSED_STORAGE_KEY)==="true"}else{const e=document.cookie.split(";");for(const a of e){const[e,t]=a.trim().split("=");if(e===this.CLOSED_STORAGE_KEY&&t==="true"){this.isClosed=true;break}}}if(!this.isClosed){this.detectDeviceAndSetStoreLink()}}render(){return t(d,{key:"aa4ccc65cfddf6254fa2bee60dcf1f84d176492f","data-is-closed":this.isClosed?"true":"false"},t("div",{key:"a4bef0d99ccca0bec130064460b9d57c40a8df94",class:"pn-app-banner__wrapper pn-app-banner__sticky"},t("div",{key:"ff16610bf30b8c05e27d2af0050ce4017438441e",class:"icon-close",onClick:this.handleOnClose},t("pn-icon",{key:"15287f7f109300bcfd6c42cec9f4bf7903a785cc",icon:i,small:"false",color:"black"})),t("div",{key:"421f21422af77d38cd0fa7b0890e898fa8e63f5b",class:"pn-app-banner__icon"},t("svg",{key:"3a2e5452ab2c46c6c54cc028b72a053891f3d8a6",width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("g",{key:"d2338754ef20115da55002838312caf63297db50","clip-path":"url(#clip0_17800_45416)"},t("path",{key:"8e0a4a62d29e75d9eaa0c31851a588ae850eff42",d:"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z",fill:"#F18D8D"}),t("mask",{key:"274956fd28262f122f9be10de690356e62f952a1",id:"mask0_17800_45416",style:{"mask-type":"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"32",height:"32"},t("path",{key:"146420a1376c6af4dd2085f2c38163513617f5eb",d:"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z",fill:"#0D234B"})),t("g",{key:"be649da72e8cf1f4be2e5a1a1e65ddd09fc662f1",mask:"url(#mask0_17800_45416)"},t("path",{key:"d59bc0926ed55c4ed3422c8f3da0229b20d71c93",d:"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z",fill:"#0D234B"}),t("path",{key:"73dcb4f50ad15fabdc0025439906b6e505042b50",d:"M50.8125 14.1562H18.8125V46.1562H50.8125V14.1562Z",fill:"url(#paint0_linear_17800_45416)"}),t("path",{key:"bd4676761d9b5fe50338df5663ab535405dcdb15",d:"M2.09375 31.375C2.09375 15.2379 15.1754 2.15625 31.3125 2.15625H31.9844V31.9844H2.09998C2.09583 31.7819 2.09375 31.5788 2.09375 31.375Z",fill:"#00A0D6"}),t("g",{key:"c11aaa8c2785fd28d1041c9b2982dfd43fee0d09",filter:"url(#filter0_d_17800_45416)"},t("path",{key:"671c15a7022e93d7eb2bca947ede2ccc46d58b17",d:"M7.40625 11.8062C7.40625 10.2661 7.40625 9.49603 7.70597 8.90778C7.96963 8.39034 8.39034 7.96963 8.90778 7.70597C9.49603 7.40625 10.2661 7.40625 11.8062 7.40625H20.1938C21.7339 7.40625 22.504 7.40625 23.0922 7.70597C23.6097 7.96963 24.0304 8.39034 24.294 8.90778C24.5938 9.49603 24.5938 10.2661 24.5938 11.8062V20.1938C24.5938 21.7339 24.5938 22.504 24.294 23.0922C24.0304 23.6097 23.6097 24.0304 23.0922 24.294C22.504 24.5938 21.7339 24.5938 20.1938 24.5938H11.8062C10.2661 24.5938 9.49603 24.5938 8.90778 24.294C8.39034 24.0304 7.96963 23.6097 7.70597 23.0922C7.40625 22.504 7.40625 21.7339 7.40625 20.1938V11.8062Z",fill:"#F1F7FA"}),t("path",{key:"16fa12f8285f18c2a0f2936649772c0034dd8908",opacity:"0.6","fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.5938 10.0625C10.3176 10.0625 10.0938 10.2863 10.0938 10.5625C10.0938 10.8387 10.3176 11.0625 10.5938 11.0625H12.875C13.1512 11.0625 13.375 10.8387 13.375 10.5625C13.375 10.2863 13.1512 10.0625 12.875 10.0625H10.5938ZM10.5938 12.3125C10.3176 12.3125 10.0938 12.5363 10.0938 12.8125C10.0938 13.0887 10.3176 13.3125 10.5938 13.3125H15.3125C15.5887 13.3125 15.8125 13.0887 15.8125 12.8125C15.8125 12.5363 15.5887 12.3125 15.3125 12.3125H10.5938ZM10.0938 14.75C10.0938 14.4738 10.3176 14.25 10.5938 14.25H13.5625C13.8387 14.25 14.0625 14.4738 14.0625 14.75C14.0625 15.0262 13.8387 15.25 13.5625 15.25H10.5938C10.3176 15.25 10.0938 15.0262 10.0938 14.75ZM15.1875 14.25C14.9113 14.25 14.6875 14.4738 14.6875 14.75C14.6875 15.0262 14.9113 15.25 15.1875 15.25C15.4637 15.25 15.6875 15.0262 15.6875 14.75C15.6875 14.4738 15.4637 14.25 15.1875 14.25Z",fill:"#A5C0CA"}),t("path",{key:"cb4aa62e3eb5a558ddb0145565fe6e772fb2ab0d",d:"M17.9375 10.5938C17.9375 10.3176 18.1613 10.0938 18.4375 10.0938H21.75C22.0262 10.0938 22.25 10.3176 22.25 10.5938C22.25 10.8699 22.0262 11.0938 21.75 11.0938H18.4375C18.1613 11.0938 17.9375 10.8699 17.9375 10.5938Z",fill:"#00A0D6"}),t("path",{key:"5452596cd7f6dd046bd57965181f2f5fc13cf46b","fill-rule":"evenodd","clip-rule":"evenodd",d:"M10.0938 19.3125C10.0938 18.8983 10.4295 18.5625 10.8438 18.5625C11.258 18.5625 11.5938 18.8983 11.5938 19.3125V21.25C11.5938 21.6642 11.258 22 10.8438 22C10.4295 22 10.0938 21.6642 10.0938 21.25V19.3125ZM19.3438 19.3125C19.3438 18.8983 19.6795 18.5625 20.0938 18.5625C20.508 18.5625 20.8438 18.8983 20.8438 19.3125V21.25C20.8438 21.6642 20.508 22 20.0938 22C19.6795 22 19.3438 21.6642 19.3438 21.25V19.3125ZM14.5938 18.5625C14.1795 18.5625 13.8438 18.8983 13.8438 19.3125V21.25C13.8438 21.6642 14.1795 22 14.5938 22C15.008 22 15.3438 21.6642 15.3438 21.25V19.3125C15.3438 18.8983 15.008 18.5625 14.5938 18.5625ZM12.5938 18.9375C12.5938 18.7304 12.7617 18.5625 12.9688 18.5625C13.1758 18.5625 13.3438 18.7304 13.3438 18.9375V21.625C13.3438 21.8321 13.1758 22 12.9688 22C12.7617 22 12.5938 21.8321 12.5938 21.625V18.9375ZM21.5938 18.5625C21.3867 18.5625 21.2188 18.7304 21.2188 18.9375V21.625C21.2188 21.8321 21.3867 22 21.5938 22C21.8008 22 21.9688 21.8321 21.9688 21.625V18.9375C21.9688 18.7304 21.8008 18.5625 21.5938 18.5625ZM17.5938 18.9375C17.5938 18.7304 17.7617 18.5625 17.9688 18.5625C18.1758 18.5625 18.3438 18.7304 18.3438 18.9375V21.625C18.3438 21.8321 18.1758 22 17.9688 22C17.7617 22 17.5938 21.8321 17.5938 21.625V18.9375ZM16.5938 18.5625C16.3176 18.5625 16.0938 18.7863 16.0938 19.0625V21.5C16.0938 21.7762 16.3176 22 16.5938 22C16.8699 22 17.0938 21.7762 17.0938 21.5V19.0625C17.0938 18.7863 16.8699 18.5625 16.5938 18.5625Z",fill:"#0D234B"})))),t("defs",{key:"95dbcf013b136cbd7a2369816aa7bd6de41d4ea4"},t("filter",{key:"9e29ee08a057c242ea1f9a55ec041fc53ca770a7",id:"filter0_d_17800_45416",x:"-52.5938",y:"-48.5938",width:"137.188",height:"137.188",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB"},t("feFlood",{key:"ce37ad938fc01cbdf0f704eaffb1d411bb15409b","flood-opacity":"0",result:"BackgroundImageFix"}),t("feColorMatrix",{key:"90421fa516e3928718cfa4738886d02e575ed21a",in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),t("feOffset",{key:"ddfda9c1e241945baf64eabcf298c06056a74883",dy:"4"}),t("feGaussianBlur",{key:"6b2326a2466a4e0cf39f9421c4de65ce615ce697",stdDeviation:"30"}),t("feColorMatrix",{key:"a6d0804083ab49c3f71f94386e546fcd60b63ee6",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"}),t("feBlend",{key:"555e9059e1bc399a4eecae7c40ac6555a493ccd2",mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_17800_45416"}),t("feBlend",{key:"8fc0bc39324718e53fa208045317381973b5de9e",mode:"normal",in:"SourceGraphic",in2:"effect1_dropShadow_17800_45416",result:"shape"})),t("linearGradient",{key:"147321cd95cfdc06a5db9524e68c1b63a308679b",id:"paint0_linear_17800_45416",x1:"29.2305",y1:"44.3441",x2:"51.5694",y2:"15.1782",gradientUnits:"userSpaceOnUse"},t("stop",{key:"36b6fbffde2bc5524958b90665b5032e4667b995",offset:"0.0800778","stop-color":"#0D244C"}),t("stop",{key:"7c7aec3f90ea7669da6488416033db8e885d19a0",offset:"1","stop-color":"#0D234B"})),t("clipPath",{key:"1a90b2e7240198b2056cf88e0254d2d947d2904b",id:"clip0_17800_45416"},t("rect",{key:"04affbe3c4c1404b93cc452404f67d09d125f070",width:"32",height:"32",fill:"white"}))))),t("div",{key:"b899700b2d5d8a77d0e09a1d7ba4c4fa09d40645",class:"pn-app-banner__text"},t("span",{key:"e7c48023ec62e5ae4ddf0cbbf82b0f0b4428d244"},this.appName),t("br",{key:"636a6663eacdeea5ab325767214fe4136272ef12"}),this.appDescription),t("div",{key:"4999ade3072ec0115cf25b776b7d6f2441d4ef06",class:"pn-app-banner__cta"},t("pn-button",{key:"be4a91971df6588b59b9e7ac0c1888a997934583",small:true,href:this.storeLink},this.ctaText))))}};f.style=c;export{f as pn_app_banner};
+//# sourceMappingURL=p-66da6e15.entry.js.map

package/pn-market-web-components/{p-62cabd1e.entry.js.map → p-66da6e15.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnAppBannerCss","PnAppBannerStyle0","PnAppBanner","CLOSED_STORAGE_KEY","CLOSED_COOKIE_EXPIRY_DAYS","checkLocalStorage","testKey","localStorage","setItem","removeItem","e","this","isLocalStorageAvailable","detectDeviceAndSetStoreLink","userAgent","navigator","match","storeLink","googleStoreLink","appleStoreLink","isClosed","handleOnClose","expirationDate","Date","setDate","getDate","document","cookie","toUTCString","componentWillLoad","getItem","cookies","split","name","value","trim","render","h","Host","key","class","onClick","icon","close_small","small","color","width","height","viewBox","fill","xmlns","d","id","style","maskUnits","x","y","mask","filter","opacity","filterUnits","result","in","type","values","dy","stdDeviation","mode","in2","x1","y1","x2","y2","gradientUnits","offset","appName","appDescription","href","ctaText"],"sources":["src/components/minor/pn-app-banner/pn-app-banner.scss?tag=pn-app-banner","src/components/minor/pn-app-banner/pn-app-banner.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-app-banner {\n  .pn-app-banner__wrapper {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 1rem;\n\n    background-color: $gray50;\n    padding: 1rem;\n    margin: 0 auto;\n  }\n\n  .pn-app-banner__sticky {\n    position: relative;\n\n    top: 0;\n    width: 100%;\n\n    z-index: 999;\n  }\n\n  .icon-close {\n    &:hover {\n      cursor: pointer;\n    }\n  }\n\n  .pn-app-banner__icon {\n    height: 3.2rem;\n  }\n\n  .pn-app-banner__text {\n    font-size: 1.2rem;\n    line-height: 1;\n\n    span {\n      font-weight: 600;\n    }\n  }\n\n  .pn-app-banner__cta {\n    margin-left: auto;\n  }\n\n  &[data-is-closed='true'] {\n    display: none;\n  }\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\nimport { close_small } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-app-banner',\n  styleUrl: 'pn-app-banner.scss',\n})\nexport class PnAppBanner {\n  @Element() hostElement: HTMLElement;\n  @Prop() appName: string;\n  @Prop() appDescription: string;\n  @Prop() ctaText: string;\n  @Prop() appleStoreLink: string;\n  @Prop() googleStoreLink: string;\n\n  @State() isClosed: boolean = false;\n  @State() storeLink: string;\n  @State() isLocalStorageAvailable = true;\n\n  CLOSED_STORAGE_KEY = 'SmartAppBannerClosed';\n  CLOSED_COOKIE_EXPIRY_DAYS = 7;\n\n  checkLocalStorage() {\n    try {\n      const testKey = '__test__';\n      localStorage.setItem(testKey, testKey);\n      localStorage.removeItem(testKey);\n    } catch (e) {\n      this.isLocalStorageAvailable = false;\n    }\n  }\n\n  detectDeviceAndSetStoreLink() {\n    const userAgent = navigator.userAgent;\n\n    if (userAgent.match(/Android/i)) {\n      this.storeLink = this.googleStoreLink;\n    } else if (userAgent.match(/iPhone|iPad|iPod/i)) {\n      this.storeLink = this.appleStoreLink;\n    } else {\n      this.storeLink = null;\n      this.isClosed = true; // -> data-is-closed = true\n    }\n  }\n\n  handleOnClose = () => {\n    this.isClosed = true;\n\n    // Handle storage based on availability\n    if (this.isLocalStorageAvailable) {\n      localStorage.setItem(this.CLOSED_STORAGE_KEY, 'true');\n    } else {\n      const expirationDate = new Date();\n      expirationDate.setDate(expirationDate.getDate() + this.CLOSED_COOKIE_EXPIRY_DAYS);\n      document.cookie = `${this.CLOSED_STORAGE_KEY}=true; expires=${expirationDate.toUTCString()}`;\n    }\n  };\n\n  componentWillLoad() {\n    this.checkLocalStorage();\n    // Handle storage based on availability\n    if (this.isLocalStorageAvailable) {\n      this.isClosed = localStorage.getItem(this.CLOSED_STORAGE_KEY) === 'true';\n    } else {\n      const cookies = document.cookie.split(';');\n      for (const cookie of cookies) {\n        const [name, value] = cookie.trim().split('=');\n        if (name === this.CLOSED_STORAGE_KEY && value === 'true') {\n          this.isClosed = true;\n          break;\n        }\n      }\n    }\n\n    if (!this.isClosed) {\n      this.detectDeviceAndSetStoreLink();\n    }\n  }\n\n  render() {\n    return (\n      <Host data-is-closed={this.isClosed ? 'true' : 'false'}>\n        <div class=\"pn-app-banner__wrapper pn-app-banner__sticky\">\n          <div class=\"icon-close\" onClick={this.handleOnClose}>\n            <pn-icon icon={close_small} small=\"false\" color=\"black\" />\n          </div>\n          <div class=\"pn-app-banner__icon\">\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <g clip-path=\"url(#clip0_17800_45416)\">\n                <path\n                  d=\"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z\"\n                  fill=\"#F18D8D\"\n                />\n                <mask id=\"mask0_17800_45416\" style={{ 'mask-type': 'alpha' }} maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"32\" height=\"32\">\n                  <path\n                    d=\"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z\"\n                    fill=\"#0D234B\"\n                  />\n                </mask>\n                <g mask=\"url(#mask0_17800_45416)\">\n                  <path\n                    d=\"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z\"\n                    fill=\"#0D234B\"\n                  />\n                  <path d=\"M50.8125 14.1562H18.8125V46.1562H50.8125V14.1562Z\" fill=\"url(#paint0_linear_17800_45416)\" />\n                  <path\n                    d=\"M2.09375 31.375C2.09375 15.2379 15.1754 2.15625 31.3125 2.15625H31.9844V31.9844H2.09998C2.09583 31.7819 2.09375 31.5788 2.09375 31.375Z\"\n                    fill=\"#00A0D6\"\n                  />\n                  <g filter=\"url(#filter0_d_17800_45416)\">\n                    <path\n                      d=\"M7.40625 11.8062C7.40625 10.2661 7.40625 9.49603 7.70597 8.90778C7.96963 8.39034 8.39034 7.96963 8.90778 7.70597C9.49603 7.40625 10.2661 7.40625 11.8062 7.40625H20.1938C21.7339 7.40625 22.504 7.40625 23.0922 7.70597C23.6097 7.96963 24.0304 8.39034 24.294 8.90778C24.5938 9.49603 24.5938 10.2661 24.5938 11.8062V20.1938C24.5938 21.7339 24.5938 22.504 24.294 23.0922C24.0304 23.6097 23.6097 24.0304 23.0922 24.294C22.504 24.5938 21.7339 24.5938 20.1938 24.5938H11.8062C10.2661 24.5938 9.49603 24.5938 8.90778 24.294C8.39034 24.0304 7.96963 23.6097 7.70597 23.0922C7.40625 22.504 7.40625 21.7339 7.40625 20.1938V11.8062Z\"\n                      fill=\"#F1F7FA\"\n                    />\n                    <path\n                      opacity=\"0.6\"\n                      fill-rule=\"evenodd\"\n                      clip-rule=\"evenodd\"\n                      d=\"M10.5938 10.0625C10.3176 10.0625 10.0938 10.2863 10.0938 10.5625C10.0938 10.8387 10.3176 11.0625 10.5938 11.0625H12.875C13.1512 11.0625 13.375 10.8387 13.375 10.5625C13.375 10.2863 13.1512 10.0625 12.875 10.0625H10.5938ZM10.5938 12.3125C10.3176 12.3125 10.0938 12.5363 10.0938 12.8125C10.0938 13.0887 10.3176 13.3125 10.5938 13.3125H15.3125C15.5887 13.3125 15.8125 13.0887 15.8125 12.8125C15.8125 12.5363 15.5887 12.3125 15.3125 12.3125H10.5938ZM10.0938 14.75C10.0938 14.4738 10.3176 14.25 10.5938 14.25H13.5625C13.8387 14.25 14.0625 14.4738 14.0625 14.75C14.0625 15.0262 13.8387 15.25 13.5625 15.25H10.5938C10.3176 15.25 10.0938 15.0262 10.0938 14.75ZM15.1875 14.25C14.9113 14.25 14.6875 14.4738 14.6875 14.75C14.6875 15.0262 14.9113 15.25 15.1875 15.25C15.4637 15.25 15.6875 15.0262 15.6875 14.75C15.6875 14.4738 15.4637 14.25 15.1875 14.25Z\"\n                      fill=\"#A5C0CA\"\n                    />\n                    <path\n                      d=\"M17.9375 10.5938C17.9375 10.3176 18.1613 10.0938 18.4375 10.0938H21.75C22.0262 10.0938 22.25 10.3176 22.25 10.5938C22.25 10.8699 22.0262 11.0938 21.75 11.0938H18.4375C18.1613 11.0938 17.9375 10.8699 17.9375 10.5938Z\"\n                      fill=\"#00A0D6\"\n                    />\n                    <path\n                      fill-rule=\"evenodd\"\n                      clip-rule=\"evenodd\"\n                      d=\"M10.0938 19.3125C10.0938 18.8983 10.4295 18.5625 10.8438 18.5625C11.258 18.5625 11.5938 18.8983 11.5938 19.3125V21.25C11.5938 21.6642 11.258 22 10.8438 22C10.4295 22 10.0938 21.6642 10.0938 21.25V19.3125ZM19.3438 19.3125C19.3438 18.8983 19.6795 18.5625 20.0938 18.5625C20.508 18.5625 20.8438 18.8983 20.8438 19.3125V21.25C20.8438 21.6642 20.508 22 20.0938 22C19.6795 22 19.3438 21.6642 19.3438 21.25V19.3125ZM14.5938 18.5625C14.1795 18.5625 13.8438 18.8983 13.8438 19.3125V21.25C13.8438 21.6642 14.1795 22 14.5938 22C15.008 22 15.3438 21.6642 15.3438 21.25V19.3125C15.3438 18.8983 15.008 18.5625 14.5938 18.5625ZM12.5938 18.9375C12.5938 18.7304 12.7617 18.5625 12.9688 18.5625C13.1758 18.5625 13.3438 18.7304 13.3438 18.9375V21.625C13.3438 21.8321 13.1758 22 12.9688 22C12.7617 22 12.5938 21.8321 12.5938 21.625V18.9375ZM21.5938 18.5625C21.3867 18.5625 21.2188 18.7304 21.2188 18.9375V21.625C21.2188 21.8321 21.3867 22 21.5938 22C21.8008 22 21.9688 21.8321 21.9688 21.625V18.9375C21.9688 18.7304 21.8008 18.5625 21.5938 18.5625ZM17.5938 18.9375C17.5938 18.7304 17.7617 18.5625 17.9688 18.5625C18.1758 18.5625 18.3438 18.7304 18.3438 18.9375V21.625C18.3438 21.8321 18.1758 22 17.9688 22C17.7617 22 17.5938 21.8321 17.5938 21.625V18.9375ZM16.5938 18.5625C16.3176 18.5625 16.0938 18.7863 16.0938 19.0625V21.5C16.0938 21.7762 16.3176 22 16.5938 22C16.8699 22 17.0938 21.7762 17.0938 21.5V19.0625C17.0938 18.7863 16.8699 18.5625 16.5938 18.5625Z\"\n                      fill=\"#0D234B\"\n                    />\n                  </g>\n                </g>\n              </g>\n              <defs>\n                <filter id=\"filter0_d_17800_45416\" x=\"-52.5938\" y=\"-48.5938\" width=\"137.188\" height=\"137.188\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                  <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n                  <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\n                  <feOffset dy=\"4\" />\n                  <feGaussianBlur stdDeviation=\"30\" />\n                  <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0\" />\n                  <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_17800_45416\" />\n                  <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_17800_45416\" result=\"shape\" />\n                </filter>\n                <linearGradient id=\"paint0_linear_17800_45416\" x1=\"29.2305\" y1=\"44.3441\" x2=\"51.5694\" y2=\"15.1782\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.0800778\" stop-color=\"#0D244C\" />\n                  <stop offset=\"1\" stop-color=\"#0D234B\" />\n                </linearGradient>\n                <clipPath id=\"clip0_17800_45416\">\n                  <rect width=\"32\" height=\"32\" fill=\"white\" />\n                </clipPath>\n              </defs>\n            </svg>\n          </div>\n          <div class=\"pn-app-banner__text\">\n            <span>{this.appName}</span>\n            <br />\n            {this.appDescription}\n          </div>\n          <div class=\"pn-app-banner__cta\">\n            <pn-button small={true} href={this.storeLink}>\n              {this.ctaText}\n            </pn-button>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["pnAppBannerCss","PnAppBannerStyle0","PnAppBanner","CLOSED_STORAGE_KEY","CLOSED_COOKIE_EXPIRY_DAYS","checkLocalStorage","testKey","localStorage","setItem","removeItem","e","this","isLocalStorageAvailable","detectDeviceAndSetStoreLink","userAgent","navigator","match","storeLink","googleStoreLink","appleStoreLink","isClosed","handleOnClose","expirationDate","Date","setDate","getDate","document","cookie","toUTCString","componentWillLoad","getItem","cookies","split","name","value","trim","render","h","Host","key","class","onClick","icon","close_small","small","color","width","height","viewBox","fill","xmlns","d","id","style","maskUnits","x","y","mask","filter","opacity","filterUnits","result","in","type","values","dy","stdDeviation","mode","in2","x1","y1","x2","y2","gradientUnits","offset","appName","appDescription","href","ctaText"],"sources":["src/components/minor/pn-app-banner/pn-app-banner.scss?tag=pn-app-banner","src/components/minor/pn-app-banner/pn-app-banner.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-app-banner {\n  .pn-app-banner__wrapper {\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 1rem;\n\n    background-color: $gray50;\n    padding: 1rem;\n    margin: 0 auto;\n  }\n\n  .pn-app-banner__sticky {\n    position: relative;\n\n    top: 0;\n    width: 100%;\n\n    z-index: 999;\n  }\n\n  .icon-close {\n    &:hover {\n      cursor: pointer;\n    }\n  }\n\n  .pn-app-banner__icon {\n    height: 3.2rem;\n  }\n\n  .pn-app-banner__text {\n    font-size: 1.2rem;\n    line-height: 1;\n\n    span {\n      font-weight: 600;\n    }\n  }\n\n  .pn-app-banner__cta {\n    margin-left: auto;\n  }\n\n  &[data-is-closed='true'] {\n    display: none;\n  }\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\nimport { close_small } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-app-banner',\n  styleUrl: 'pn-app-banner.scss',\n})\nexport class PnAppBanner {\n  @Element() hostElement: HTMLElement;\n  @Prop() appName: string;\n  @Prop() appDescription: string;\n  @Prop() ctaText: string;\n  @Prop() appleStoreLink: string;\n  @Prop() googleStoreLink: string;\n\n  @State() isClosed: boolean = false;\n  @State() storeLink: string;\n  @State() isLocalStorageAvailable = true;\n\n  CLOSED_STORAGE_KEY = 'SmartAppBannerClosed';\n  CLOSED_COOKIE_EXPIRY_DAYS = 7;\n\n  checkLocalStorage() {\n    try {\n      const testKey = '__test__';\n      localStorage.setItem(testKey, testKey);\n      localStorage.removeItem(testKey);\n    } catch (e) {\n      this.isLocalStorageAvailable = false;\n    }\n  }\n\n  detectDeviceAndSetStoreLink() {\n    const userAgent = navigator.userAgent;\n\n    if (userAgent.match(/Android/i)) {\n      this.storeLink = this.googleStoreLink;\n    } else if (userAgent.match(/iPhone|iPad|iPod/i)) {\n      this.storeLink = this.appleStoreLink;\n    } else {\n      this.storeLink = null;\n      this.isClosed = true; // -> data-is-closed = true\n    }\n  }\n\n  handleOnClose = () => {\n    this.isClosed = true;\n\n    // Handle storage based on availability\n    if (this.isLocalStorageAvailable) {\n      localStorage.setItem(this.CLOSED_STORAGE_KEY, 'true');\n    } else {\n      const expirationDate = new Date();\n      expirationDate.setDate(expirationDate.getDate() + this.CLOSED_COOKIE_EXPIRY_DAYS);\n      document.cookie = `${this.CLOSED_STORAGE_KEY}=true; expires=${expirationDate.toUTCString()}`;\n    }\n  };\n\n  componentWillLoad() {\n    this.checkLocalStorage();\n    // Handle storage based on availability\n    if (this.isLocalStorageAvailable) {\n      this.isClosed = localStorage.getItem(this.CLOSED_STORAGE_KEY) === 'true';\n    } else {\n      const cookies = document.cookie.split(';');\n      for (const cookie of cookies) {\n        const [name, value] = cookie.trim().split('=');\n        if (name === this.CLOSED_STORAGE_KEY && value === 'true') {\n          this.isClosed = true;\n          break;\n        }\n      }\n    }\n\n    if (!this.isClosed) {\n      this.detectDeviceAndSetStoreLink();\n    }\n  }\n\n  render() {\n    return (\n      <Host data-is-closed={this.isClosed ? 'true' : 'false'}>\n        <div class=\"pn-app-banner__wrapper pn-app-banner__sticky\">\n          <div class=\"icon-close\" onClick={this.handleOnClose}>\n            <pn-icon icon={close_small} small=\"false\" color=\"black\" />\n          </div>\n          <div class=\"pn-app-banner__icon\">\n            <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <g clip-path=\"url(#clip0_17800_45416)\">\n                <path\n                  d=\"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z\"\n                  fill=\"#F18D8D\"\n                />\n                <mask id=\"mask0_17800_45416\" style={{ 'mask-type': 'alpha' }} maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"32\" height=\"32\">\n                  <path\n                    d=\"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z\"\n                    fill=\"#0D234B\"\n                  />\n                </mask>\n                <g mask=\"url(#mask0_17800_45416)\">\n                  <path\n                    d=\"M23.875 0H8.125C3.63769 0 0 3.63769 0 8.125V23.875C0 28.3623 3.63769 32 8.125 32H23.875C28.3623 32 32 28.3623 32 23.875V8.125C32 3.63769 28.3623 0 23.875 0Z\"\n                    fill=\"#0D234B\"\n                  />\n                  <path d=\"M50.8125 14.1562H18.8125V46.1562H50.8125V14.1562Z\" fill=\"url(#paint0_linear_17800_45416)\" />\n                  <path\n                    d=\"M2.09375 31.375C2.09375 15.2379 15.1754 2.15625 31.3125 2.15625H31.9844V31.9844H2.09998C2.09583 31.7819 2.09375 31.5788 2.09375 31.375Z\"\n                    fill=\"#00A0D6\"\n                  />\n                  <g filter=\"url(#filter0_d_17800_45416)\">\n                    <path\n                      d=\"M7.40625 11.8062C7.40625 10.2661 7.40625 9.49603 7.70597 8.90778C7.96963 8.39034 8.39034 7.96963 8.90778 7.70597C9.49603 7.40625 10.2661 7.40625 11.8062 7.40625H20.1938C21.7339 7.40625 22.504 7.40625 23.0922 7.70597C23.6097 7.96963 24.0304 8.39034 24.294 8.90778C24.5938 9.49603 24.5938 10.2661 24.5938 11.8062V20.1938C24.5938 21.7339 24.5938 22.504 24.294 23.0922C24.0304 23.6097 23.6097 24.0304 23.0922 24.294C22.504 24.5938 21.7339 24.5938 20.1938 24.5938H11.8062C10.2661 24.5938 9.49603 24.5938 8.90778 24.294C8.39034 24.0304 7.96963 23.6097 7.70597 23.0922C7.40625 22.504 7.40625 21.7339 7.40625 20.1938V11.8062Z\"\n                      fill=\"#F1F7FA\"\n                    />\n                    <path\n                      opacity=\"0.6\"\n                      fill-rule=\"evenodd\"\n                      clip-rule=\"evenodd\"\n                      d=\"M10.5938 10.0625C10.3176 10.0625 10.0938 10.2863 10.0938 10.5625C10.0938 10.8387 10.3176 11.0625 10.5938 11.0625H12.875C13.1512 11.0625 13.375 10.8387 13.375 10.5625C13.375 10.2863 13.1512 10.0625 12.875 10.0625H10.5938ZM10.5938 12.3125C10.3176 12.3125 10.0938 12.5363 10.0938 12.8125C10.0938 13.0887 10.3176 13.3125 10.5938 13.3125H15.3125C15.5887 13.3125 15.8125 13.0887 15.8125 12.8125C15.8125 12.5363 15.5887 12.3125 15.3125 12.3125H10.5938ZM10.0938 14.75C10.0938 14.4738 10.3176 14.25 10.5938 14.25H13.5625C13.8387 14.25 14.0625 14.4738 14.0625 14.75C14.0625 15.0262 13.8387 15.25 13.5625 15.25H10.5938C10.3176 15.25 10.0938 15.0262 10.0938 14.75ZM15.1875 14.25C14.9113 14.25 14.6875 14.4738 14.6875 14.75C14.6875 15.0262 14.9113 15.25 15.1875 15.25C15.4637 15.25 15.6875 15.0262 15.6875 14.75C15.6875 14.4738 15.4637 14.25 15.1875 14.25Z\"\n                      fill=\"#A5C0CA\"\n                    />\n                    <path\n                      d=\"M17.9375 10.5938C17.9375 10.3176 18.1613 10.0938 18.4375 10.0938H21.75C22.0262 10.0938 22.25 10.3176 22.25 10.5938C22.25 10.8699 22.0262 11.0938 21.75 11.0938H18.4375C18.1613 11.0938 17.9375 10.8699 17.9375 10.5938Z\"\n                      fill=\"#00A0D6\"\n                    />\n                    <path\n                      fill-rule=\"evenodd\"\n                      clip-rule=\"evenodd\"\n                      d=\"M10.0938 19.3125C10.0938 18.8983 10.4295 18.5625 10.8438 18.5625C11.258 18.5625 11.5938 18.8983 11.5938 19.3125V21.25C11.5938 21.6642 11.258 22 10.8438 22C10.4295 22 10.0938 21.6642 10.0938 21.25V19.3125ZM19.3438 19.3125C19.3438 18.8983 19.6795 18.5625 20.0938 18.5625C20.508 18.5625 20.8438 18.8983 20.8438 19.3125V21.25C20.8438 21.6642 20.508 22 20.0938 22C19.6795 22 19.3438 21.6642 19.3438 21.25V19.3125ZM14.5938 18.5625C14.1795 18.5625 13.8438 18.8983 13.8438 19.3125V21.25C13.8438 21.6642 14.1795 22 14.5938 22C15.008 22 15.3438 21.6642 15.3438 21.25V19.3125C15.3438 18.8983 15.008 18.5625 14.5938 18.5625ZM12.5938 18.9375C12.5938 18.7304 12.7617 18.5625 12.9688 18.5625C13.1758 18.5625 13.3438 18.7304 13.3438 18.9375V21.625C13.3438 21.8321 13.1758 22 12.9688 22C12.7617 22 12.5938 21.8321 12.5938 21.625V18.9375ZM21.5938 18.5625C21.3867 18.5625 21.2188 18.7304 21.2188 18.9375V21.625C21.2188 21.8321 21.3867 22 21.5938 22C21.8008 22 21.9688 21.8321 21.9688 21.625V18.9375C21.9688 18.7304 21.8008 18.5625 21.5938 18.5625ZM17.5938 18.9375C17.5938 18.7304 17.7617 18.5625 17.9688 18.5625C18.1758 18.5625 18.3438 18.7304 18.3438 18.9375V21.625C18.3438 21.8321 18.1758 22 17.9688 22C17.7617 22 17.5938 21.8321 17.5938 21.625V18.9375ZM16.5938 18.5625C16.3176 18.5625 16.0938 18.7863 16.0938 19.0625V21.5C16.0938 21.7762 16.3176 22 16.5938 22C16.8699 22 17.0938 21.7762 17.0938 21.5V19.0625C17.0938 18.7863 16.8699 18.5625 16.5938 18.5625Z\"\n                      fill=\"#0D234B\"\n                    />\n                  </g>\n                </g>\n              </g>\n              <defs>\n                <filter id=\"filter0_d_17800_45416\" x=\"-52.5938\" y=\"-48.5938\" width=\"137.188\" height=\"137.188\" filterUnits=\"userSpaceOnUse\" color-interpolation-filters=\"sRGB\">\n                  <feFlood flood-opacity=\"0\" result=\"BackgroundImageFix\" />\n                  <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\n                  <feOffset dy=\"4\" />\n                  <feGaussianBlur stdDeviation=\"30\" />\n                  <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0\" />\n                  <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_17800_45416\" />\n                  <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_17800_45416\" result=\"shape\" />\n                </filter>\n                <linearGradient id=\"paint0_linear_17800_45416\" x1=\"29.2305\" y1=\"44.3441\" x2=\"51.5694\" y2=\"15.1782\" gradientUnits=\"userSpaceOnUse\">\n                  <stop offset=\"0.0800778\" stop-color=\"#0D244C\" />\n                  <stop offset=\"1\" stop-color=\"#0D234B\" />\n                </linearGradient>\n                <clipPath id=\"clip0_17800_45416\">\n                  <rect width=\"32\" height=\"32\" fill=\"white\" />\n                </clipPath>\n              </defs>\n            </svg>\n          </div>\n          <div class=\"pn-app-banner__text\">\n            <span>{this.appName}</span>\n            <br />\n            {this.appDescription}\n          </div>\n          <div class=\"pn-app-banner__cta\">\n            <pn-button small={true} href={this.storeLink}>\n              {this.ctaText}\n            </pn-button>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/{p-65f243c1.js → p-6b1d045c.js}

@@ -1,2 +1,2 @@
-class t{href="";market="";language="";environment="";url=null;allowedLanguages=["sv","da","fi","no","en","de","zh","fr","es","it","nl"];allowedMarkets=["se","dk","fi","no","com","de","tpl","group"];wwwMarkets=["se","dk","fi","no","de","com"];developmentDomains=["localhost",".local","local.",".dev","dev."];markets={se:{fallbackLanguage:"sv",integration:"se-inte.postnord.com",preproduction:"se-prep.postnord.com",production:"se-prod.postnord.com",live:"www.postnord.se"},dk:{fallbackLanguage:"da",integration:"dk-inte.postnord.com",preproduction:"dk-prep.postnord.com",production:"dk-prod.postnord.com",live:"www.postnord.dk"},fi:{fallbackLanguage:"fi",integration:"fi-inte.postnord.com",preproduction:"fi-prep.postnord.com",production:"fi-prod.postnord.com",live:"www.postnord.fi"},no:{fallbackLanguage:"no",integration:"no-inte.postnord.com",preproduction:"no-prep.postnord.com",production:"no-prod.postnord.com",live:"www.postnord.no"},com:{fallbackLanguage:"en",integration:"com-inte.postnord.com",preproduction:"com-prep.postnord.com",production:"com-prod.postnord.com",live:"www.postnord.com"},de:{fallbackLanguage:"en",integration:"de-inte.postnord.com",preproduction:"de-prep.postnord.com",production:"de-prod.postnord.com",live:"www.postnord.de"},tpl:{fallbackLanguage:"sv",integration:"tpl-inte.postnord.com",preproduction:"tpl-prep.postnord.com",production:"tpl-prod.postnord.com",live:"www.tpl.postnord.com"},group:{fallbackLanguage:"en",integration:"group-inte.postnord.com",preproduction:"group-prep.postnord.com",production:"group-prod.postnord.com",live:"group.postnord.com"}};environmentTypes=["integration","preproduction","production","inte","prep","prod"];environments={production:{name:"production",url:"https://www.postnord.xx/"},preproduction:{name:"preproduction",url:"https://com-prep.postnord.com/"},integration:{name:"integration",url:"https://com-inte.postnord.com/"}};constructor(t=window.location.href){this.href=t;this.url=new URL(this.href)}async getLanguage(){if(this.language){return this.language}await this.resolveLanguage();return this.language}async getMarket(){if(this.market){return this.market}await this.resolveMarket();return this.market}async getEndpoint(t,o=""){let n=this.environments.production.url;if(this.markets[o]&&this.markets[o][t]){if(t==="production"&&window.location.hostname.indexOf(this.markets[o]["live"])===0){return`https://`+this.markets[o]["live"]}if(window.location.hostname.indexOf(this.markets[o][t])===0){return`https://`+this.markets[o][t]}}if(this.environments[t]){n=this.environments[t].url;if(t===this.environments.production.name){if(this.wwwMarkets.indexOf(o)!==-1){n=n.replace(".xx","."+o)}else{n=n.replace(".xx",".com");n=n.replace("www.",o+".");if(o==="tpl"){n=n.replace("tpl.","www.tpl.")}}}}return n}async getEnvironmentName(){const t=this.environmentTypes.filter((t=>this.url.hostname.indexOf("-"+t)!==-1))[0];if(t){this.environment=t;return this.environment}if(this.url.hostname.indexOf("www.")!==-1){this.environment=this.environments.production.name;return this.environment}this.environment=this.environments.integration.name;return this.environment}isDevEnvironment(){const t=this.developmentDomains.filter((t=>this.url.hostname.indexOf(t)!==-1))[0];return t.length>0}async resolveMarket(){if(this.href.indexOf("//www.")!==-1){const t=this.url.hostname.substring(this.url.hostname.lastIndexOf(".")+1,this.url.hostname.length);if(t&&this.markets[t]){this.market=t}else{console.warn("Unable to define market from www. domain",this.href)}}const t=this.environmentTypes.filter((t=>this.url.hostname.indexOf("-"+t)!==-1));if(!this.market&&t&&t.length>0){const o=t[0];const n=this.url.hostname.substring(0,this.url.hostname.indexOf("-"+o));if(n&&this.markets[n]){this.market=n}else{console.warn("Unable to define market from preset environment names",this.href)}}if(!this.market){if(this.url.hostname.indexOf("www")===-1&&this.url.hostname.indexOf(".postnord.")>0){const t=this.url.hostname.indexOf(".")!==this.url.hostname.indexOf(".postnord")?this.url.hostname.indexOf("."):0;const o=this.url.hostname.substring(t,this.url.hostname.indexOf(".postnord."));if(this.allowedMarkets.indexOf(o)!==-1){this.market=o;return}}}if(!this.market){const t=this.developmentDomains.filter((t=>this.url.hostname.indexOf(t)!==-1))[0];if(!t){this.market=this.allowedMarkets[0];return}const o=this.href.replace(t,"");let n=this.allowedMarkets.filter((t=>{const n=["."+t,t+".","/"+t+"/"];const i=n.filter((t=>o.indexOf(t)!==-1));return i.length>0}))[0];if(n){this.market=n}else{let t=Object.entries(this.markets).filter((t=>{const n=["."+t[1].fallbackLanguage,t[1].fallbackLanguage+".","/"+t[1].fallbackLanguage+"/"];const i=n.filter((t=>o.indexOf(t)!==-1));return i.length>0}))[0];if(t&&t[0]){this.market=t[0]}}}if(!this.market){console.info("Was unable to detect market, used fallback");this.market=this.allowedMarkets[0]}}async resolveLanguage(){if(this.language){return}const t=[document.querySelector("html[lang]")?.getAttribute("lang"),document.querySelector('[http-equiv="content-language"][content]')?.getAttribute("content"),document.querySelector('[property="og:locale"][content]')?.getAttribute("content"),document.querySelector("[lang]")?.getAttribute("lang")];t.filter((t=>t)).forEach((t=>{if(this.allowedLanguages.indexOf(t)){this.language=t;return}}));if(!this.language&&this.market){this.language=this.markets[this.market].fallbackLanguage}}}class o{storagePrefix="";constructor(t=""){this.storagePrefix=t}async fetchJson(t,o={},n=false,i=null){const e=typeof t==="string"?t:t.url;const s=e;let r=null;let p=null;if(n){p=this.store.get(s);if(p&&!p.permanent){if(p.data){return p.data}}}try{const e=await fetch(t,o);r=await e.json();if(n){if(typeof i==="function"&&p!=null){i(r)}this.store.set(s,this.wrapJson(r,true),true);this.store.set(s,this.wrapJson(r,false),false)}return r}catch(t){console.error(t);return null}}wrapJson(t,o=false){const n=new Date;return{timestamp:n.getTime(),time:n.toISOString(),data:t,permanent:o}}store={get:(t,o=false)=>{const n=o?window.localStorage:window.sessionStorage;const i=o?window.sessionStorage:window.localStorage;let e=n.getItem(`${this.storagePrefix}-${t}`);if(!e){e=i.getItem(`${this.storagePrefix}-${t}`)}if(!e){return e}if(e.indexOf("{")===0){try{return JSON.parse(e)}catch(t){}}if(e.indexOf(",")!==-1){return e.split(",")}return e},set:(t,o,n=false)=>{const i=n?window.localStorage:window.sessionStorage;if(typeof o==="object"&&typeof o.length==="undefined"){i.setItem(`${this.storagePrefix}-${t}`,JSON.stringify(o));return}i.setItem(`${this.storagePrefix}-${t}`,o)},remove:t=>{window.sessionStorage.removeItem(`${this.storagePrefix}-${t}`)}}}export{o as F,t as M};
-//# sourceMappingURL=p-65f243c1.js.map
+class t{href="";market="";language="";environment="";url=null;allowedLanguages=["sv","da","fi","no","en","de","zh","fr","es","it","nl"];allowedMarkets=["se","dk","fi","no","com","de","tpl","group"];wwwMarkets=["se","dk","fi","no","de","com"];developmentDomains=["localhost",".local","local.",".dev","dev."];markets={se:{fallbackLanguage:"sv",integration:"se-inte.postnord.com",preproduction:"se-prep.postnord.com",production:"se-prod.postnord.com",live:"www.postnord.se"},dk:{fallbackLanguage:"da",integration:"dk-inte.postnord.com",preproduction:"dk-prep.postnord.com",production:"dk-prod.postnord.com",live:"www.postnord.dk"},fi:{fallbackLanguage:"fi",integration:"fi-inte.postnord.com",preproduction:"fi-prep.postnord.com",production:"fi-prod.postnord.com",live:"www.postnord.fi"},no:{fallbackLanguage:"no",integration:"no-inte.postnord.com",preproduction:"no-prep.postnord.com",production:"no-prod.postnord.com",live:"www.postnord.no"},com:{fallbackLanguage:"en",integration:"com-inte.postnord.com",preproduction:"com-prep.postnord.com",production:"com-prod.postnord.com",live:"www.postnord.com"},de:{fallbackLanguage:"en",integration:"de-inte.postnord.com",preproduction:"de-prep.postnord.com",production:"de-prod.postnord.com",live:"www.postnord.de"},tpl:{fallbackLanguage:"sv",integration:"tpl-inte.postnord.com",preproduction:"tpl-prep.postnord.com",production:"tpl-prod.postnord.com",live:"www.tpl.postnord.com"},group:{fallbackLanguage:"en",integration:"group-inte.postnord.com",preproduction:"group-prep.postnord.com",production:"group-prod.postnord.com",live:"group.postnord.com"}};environmentTypes=["integration","preproduction","production","inte","prep","prod"];environments={production:{name:"production",url:"https://www.postnord.xx/"},preproduction:{name:"preproduction",url:"https://com-prep.postnord.com/"},integration:{name:"integration",url:"https://com-inte.postnord.com/"}};constructor(t=window.location.href){this.href=t;this.url=new URL(this.href)}async getLanguage(){if(this.language){return this.language}await this.resolveLanguage();return this.language}async getMarket(){if(this.market){return this.market}await this.resolveMarket();return this.market}async getEndpoint(t,o=""){let n=this.environments.production.url;if(this.markets[o]&&this.markets[o][t]){if(t==="production"&&window.location.hostname.indexOf(this.markets[o]["live"])===0){return`https://`+this.markets[o]["live"]}if(window.location.hostname.indexOf(this.markets[o][t])===0){return`https://`+this.markets[o][t]}}if(this.environments[t]){n=this.environments[t].url;if(t===this.environments.production.name){if(this.wwwMarkets.indexOf(o)!==-1){n=n.replace(".xx","."+o)}else{n=n.replace(".xx",".com");n=n.replace("www.",o+".");if(o==="tpl"){n=n.replace("tpl.","www.tpl.")}}}}return n}async getEnvironmentName(){const t=this.environmentTypes.filter((t=>this.url.hostname.indexOf("-"+t)!==-1))[0];if(t){this.environment=t;return this.environment}if(this.url.hostname.indexOf("www.")!==-1){this.environment=this.environments.production.name;return this.environment}this.environment=this.environments.integration.name;return this.environment}isDevEnvironment(){const t=this.developmentDomains.filter((t=>this.url.hostname.indexOf(t)!==-1))[0];return t.length>0}async resolveMarket(){if(this.href.indexOf("//www.")!==-1){const t=this.url.hostname.substring(this.url.hostname.lastIndexOf(".")+1,this.url.hostname.length);if(t&&this.markets[t]){this.market=t}else{console.warn("Unable to define market from www. domain",this.href)}}const t=this.environmentTypes.filter((t=>this.url.hostname.indexOf("-"+t)!==-1));if(!this.market&&t&&t.length>0){const o=t[0];const n=this.url.hostname.substring(0,this.url.hostname.indexOf("-"+o));if(n&&this.markets[n]){this.market=n}else{console.warn("Unable to define market from preset environment names",this.href)}}if(!this.market){if(this.url.hostname.indexOf("www")===-1&&this.url.hostname.indexOf(".postnord.")>0){const t=this.url.hostname.indexOf(".")!==this.url.hostname.indexOf(".postnord")?this.url.hostname.indexOf("."):0;const o=this.url.hostname.substring(t,this.url.hostname.indexOf(".postnord."));if(this.allowedMarkets.indexOf(o)!==-1){this.market=o;return}}}if(!this.market){const t=this.developmentDomains.filter((t=>this.url.hostname.indexOf(t)!==-1))[0];if(!t){this.market=this.allowedMarkets[0];return}const o=this.href.replace(t,"");let n=this.allowedMarkets.filter((t=>{const n=["."+t,t+".","/"+t+"/"];const i=n.filter((t=>o.indexOf(t)!==-1));return i.length>0}))[0];if(n){this.market=n}else{let t=Object.entries(this.markets).filter((t=>{const n=["."+t[1].fallbackLanguage,t[1].fallbackLanguage+".","/"+t[1].fallbackLanguage+"/"];const i=n.filter((t=>o.indexOf(t)!==-1));return i.length>0}))[0];if(t&&t[0]){this.market=t[0]}}}if(!this.market){console.info("Was unable to detect market, used fallback");this.market=this.allowedMarkets[0]}}async resolveLanguage(){if(this.language){return}const t=[document.querySelector("html[lang]")?.getAttribute("lang"),document.querySelector('[http-equiv="content-language"][content]')?.getAttribute("content"),document.querySelector('[property="og:locale"][content]')?.getAttribute("content"),document.querySelector("[lang]")?.getAttribute("lang")];t.filter((t=>t)).forEach((t=>{if(this.allowedLanguages.indexOf(t)){this.language=t;return}}));if(!this.language&&this.market){this.language=this.markets[this.market].fallbackLanguage}}}export{t as M};
+//# sourceMappingURL=p-6b1d045c.js.map