@postnord/pn-marketweb-components 3.3.3 → 3.3.5

package/pn-market-web-components/p-781ef432.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,g as s,h as e,d as n}from"./p-06555615.js";import{d as l}from"./p-aed52bc1.js";import{p as h}from"./p-df8bfe03.js";import{v as o}from"./p-4ed69de7.js";const d="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-elemet__row{margin-bottom:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-elemet__delete{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background-color:#f9f8f8}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-elemet__delete pn-button{margin-top:0.9rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-elemet__label-row{display:flex;gap:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-elemet__label{width:30%;font-size:0.875em;color:#5e554a}pn-dropdown-with-multi-input-rows .sum-row{display:flex;justify-content:space-between}";const r=d;const a=class{constructor(s){t(this,s);this.allFormValues=i(this,"allFormValues",7);this.dropdownData=null;this.languageCode=null;this.firstDropdownLabel=null;this.firstDropdownHelperText=null;this.secondDropdownLabel=null;this.secondDropdownHelperText=null;this.secondDropdownMax=null;this.deleteMultipleRowsWarningText=null;this.confirmDeleteButtonText=null;this.abortDeleteButtonText=null;this.fristInputLabel=null;this.fristInputPlaceholder=null;this.firstInputMin=null;this.firstInputMax=null;this.firstInputWarning=null;this.firstInputWarningText=null;this.firstInputLowErrorText=null;this.firstInputHighErrorText=null;this.secondInputLabel=null;this.secondInputPlaceholder=null;this.secondInputMin=null;this.secondInputMax=null;this.secondInputWarning=null;this.secondInputWarningText=null;this.secondInputLowErrorText=null;this.secondInputHighErrorText=null;this.dateLabel=null;this.datePlaceholder=null;this.dateDaysFromToday=1;this.yearsToAddToEndDate=null;this.sumFieldLabel=null;this.addRowText=null;this.elementHelperText=null;this.dropdownDataRoot=null;this.secondDropdownArr=[];this.rowCount=null;this.rowData=null;this.formValues=null;this.firstValidDateString="";this.lastValidDateString="";this.rowSum=null;this.minRowCount=null;this.showDelteConfirm=false}get hostElement(){return s(this)}pnFirstDropdown=null;pnSecondDropdown=null;pnSumField=null;pnConfirmDeleteButton=null;pnAbortDeleteButton=null;allFormValues;_firstDropdownSelection=null;_secondDropdownSelection=null;_defaultRow={id:this.generateUniqueId(),firstInput:"",secondInput:this.secondInputWarning.toString(),date:""};componentWillLoad(){this.formValues=[];this.setDropDownData();this.updateSecondDropdown();this.setRowData();this.setFirstValidDate()}componentDidLoad(){this.updateSum()}setDropDownData(){if(typeof this.dropdownData==="string"){this.dropdownDataRoot=JSON.parse(this.dropdownData)}else{this.dropdownDataRoot=this.dropdownData}if(this.dropdownDataRoot?.length){this.dropdownDataRoot.forEach((t=>{if(!t.value){t.value=0}}))}if(this.dropdownDataRoot.length>0){this.dropdownDataRoot[0].checked=true;this._firstDropdownSelection=this.dropdownDataRoot[0].label;this._secondDropdownSelection=this.dropdownDataRoot[0].value;this.minRowCount=this.dropdownDataRoot[0].value}}updateSecondDropdown(){const t=this.dropdownDataRoot.find((t=>t.checked===true));this.secondDropdownArr=[];for(let i=t.value;i<=this.secondDropdownMax;i++){this.secondDropdownArr.push(i)}}updateSelectItemArr(t,i){t.forEach((t=>{if(t.label===i){t.checked=!t.checked}else{t.checked=false}}));return t}setRowData(){this.rowData=[];for(let t=0;t<this._secondDropdownSelection;t++){const t=Object.assign({},this._defaultRow);t.id=this.generateUniqueId();this.rowData=[...this.rowData,t]}this.rowCount=this.rowData.length}generateUniqueId(){return o()}setFirstValidDate(){const t=this.yearsToAddToEndDate?this.yearsToAddToEndDate:2;const i=new Date;i.setDate(i.getDate()+this.dateDaysFromToday??0);const s=i.getFullYear();const e=(i.getMonth()+1).toString().padStart(2,"0");const n=i.getDate().toString().padStart(2,"0");const l=s+t;this.firstValidDateString=`${s.toString()}-${e}-${n}`;this.lastValidDateString=`${l.toString()}-${e}-${n}`}addRow(t){const i=Object.assign({},this.rowData[0]);i.id=t?t:this.generateUniqueId();i.date="";this.rowData=[...this.rowData,i];this.rowCount=this.rowData.length;this._secondDropdownSelection=this.rowCount;this.secondDropdownArr=[...this.secondDropdownArr];this.updateSum();this.emitValuesIfValid()}handleFirstDropdown(){const t=this.pnFirstDropdown.querySelector("[aria-selected=true]");const i=t?.textContent;if(!i?.length){return}this.dropdownDataRoot.forEach((t=>{t.checked=false}));const s=this.dropdownDataRoot.find((t=>t.label===i));s.checked=true;this._firstDropdownSelection=s.label;this.minRowCount=s.value;if(s.value>this._secondDropdownSelection){this.dropdownDataRoot=[...this.dropdownDataRoot];for(let t=this.rowCount;t<s.value;t++){this.addRow(this.generateUniqueId())}}this.updateSecondDropdown();this.updateSum();this.emitValuesIfValid()}handleSecondDropdown(){const t=this.pnSecondDropdown.querySelector("[aria-selected=true]");const i=t?.textContent;if(!i?.length){return}const s=parseInt(i);if(s<this._secondDropdownSelection){this.showDelteConfirm=true}else{for(let t=this.rowCount;t<s;t++){this.addRow(this.generateUniqueId())}}this.updateSum();this.emitValuesIfValid()}predefinedValueChange(t){const i=this.rowData.findIndex((i=>i.id===t.detail.id));const s=t.detail;this.rowData[i]={...this.rowData[i],firstInput:s.firstInput,secondInput:s.secondInput,date:s.date};if(t.type==="firstInputChange"&&i===0){this.updateFirstInputOfRows(s.firstInput)}if(t.type==="secondInputChange"&&i===0){this.updateSecondInputOfRows(s.secondInput)}this.rowData=[...this.rowData];this.emitValuesIfValid();this.updateSum()}updateFirstInputOfRows(t){for(let i=1;i<this.rowCount;i++){this.rowData[i]={...this.rowData[i],firstInput:t}}}updateSecondInputOfRows(t){for(let i=1;i<this.rowCount;i++){this.rowData[i]={...this.rowData[i],secondInput:t}}}deleteRowEvent(t){const i=this.rowData.findIndex((i=>i.id===t.detail));if(i<0){return}this.rowData.splice(i,1);this.rowData=[...this.rowData];this.rowCount=this.rowData.length;this._secondDropdownSelection=this.rowCount;this.secondDropdownArr=[...this.secondDropdownArr];this.emitValuesIfValid();this.updateSum()}updateSum(){this.rowSum="";let t=0;this.rowData.forEach((i=>{if(i?.firstInput?.length){t+=parseInt(i.firstInput)}}));this.rowSum=t.toString()}deleteExcessRows(){const t=this.pnSecondDropdown.querySelector("[aria-selected=true]");const i=t?.textContent;if(!i?.length){return}const s=this.rowCount-parseInt(i);for(let t=0;t<s;t++){this.rowData.pop()}this.rowData=[...this.rowData];this.showDelteConfirm=false;this.updateSum()}abortDeleteRows(){this.showDelteConfirm=false}emitValuesIfValid(){this.formValues=[];this.rowData.forEach((t=>{const i={row:[]};if(this._firstDropdownSelection?.length){const t={name:this.firstDropdownLabel,value:this._firstDropdownSelection};i.row.push(t)}if(t.firstInput?.length){const s={name:this.fristInputLabel,value:t.firstInput};i.row.push(s)}if(t.secondInput?.length){const s={name:this.secondInputLabel,value:t.secondInput};i.row.push(s)}if(t.date?.length){const s={name:this.dateLabel,value:t.date};i.row.push(s)}if(i.row.length===4){this.formValues.push(i)}}));if(this.formValues.length===this.rowData.length){const t=JSON.stringify(this.formValues);this.allFormValues.emit(t)}else{this.allFormValues.emit("")}}render(){return e(n,{key:"db917d14641b4a13e6ed4d3a56f4b9ea52a8e0c1",class:"dropdown-with-multi-input-elemet"},e("div",{key:"bdc73044cdb1e6a791b9965086971ecbb796719d",class:"dropdown-with-multi-input-elemet__row"},e("div",{key:"b605ca3179d5884577c78abddf1b9a572a78b927"},e("pn-select",{key:"285e9e9af4ed230b3f854b565ff7e56ef0b6dafe",ref:t=>this.pnFirstDropdown=t,class:"pn-row-select-dropdown dropDown1-dropdown",label:this.firstDropdownLabel,"empty-option":"true",language:this.languageCode},this.dropdownDataRoot?.map(((t,i)=>e("pn-option",{index:i,label:t.value,value:t.value,selected:t.checked,onClick:l(this.handleFirstDropdown.bind(this),500)})))),this.firstDropdownHelperText?.length?e("small",null,this.firstDropdownHelperText):null)),e("div",{key:"5f3e0a81ac3d2588d5ed1f00626459f24c0ef935",class:"dropdown-with-multi-input-elemet__row"},e("div",{key:"f6294437827f047a391ff6d9270108510030aba7"},e("pn-select",{key:"145d9f5a698a03ff3334752446f0b5d6d4d7f7b9",ref:t=>this.pnSecondDropdown=t,class:"pn-row-select-dropdown dropDown2-dropdown",label:this.secondDropdownLabel,"empty-option":"true",language:this.languageCode},this.secondDropdownArr?.map(((t,i)=>e("pn-option",{index:i,label:t,value:t,selected:t===this._secondDropdownSelection,onClick:l(this.handleSecondDropdown.bind(this),500)})))),this.secondDropdownHelperText?.length?e("small",null,this.secondDropdownHelperText):null)),this.showDelteConfirm?e("div",{class:"dropdown-with-multi-input-elemet__delete"},e("p",null,this.deleteMultipleRowsWarningText),e("pn-button",{ref:t=>this.pnConfirmDeleteButton=t,small:"true",appearance:"warning",onClick:this.deleteExcessRows.bind(this)},this.confirmDeleteButtonText),e("pn-button",{ref:t=>this.pnAbortDeleteButton=t,small:"true",appearance:"light",onClick:this.abortDeleteRows.bind(this)},this.abortDeleteButtonText)):null,e("div",{key:"47bf41463c9cc5610af5b0b55b359fa999f5e310",class:"dropdown-with-multi-input-elemet__label-row"},e("div",{key:"042ca6ea6e592855d2bad4a0c4b5805b7558615f",class:"dropdown-with-multi-input-elemet__label"},e("label",{key:"c83575c3261780ae981bcc4a258a1a32e929e22a"},this.fristInputLabel)),e("div",{key:"08cb056b391c65a347f35b813c12b8b79c46376d",class:"dropdown-with-multi-input-elemet__label"},e("label",{key:"595f9d11e057363dbe21ed9bcdee704554d5b989"},this.secondInputLabel)),e("div",{key:"d41c98201f1c3c8d758e9ee89517b56a15c968ad",class:"dropdown-with-multi-input-elemet__label"},e("label",{key:"9bab0729cad8b23b599bcafd3e71659bdb7b23ed"},this.dateLabel))),this.rowData?.map(((t,i)=>e("div",{class:"dropdown-with-multi-input-elemet__row generated-row-"+i,id:"generated-row-"+i},e("pn-dropdown-with-multi-input-rows-row",{"language-code":this.languageCode,"frist-input-placeholder":this.fristInputPlaceholder,"first-input-min":this.firstInputMin,"first-input-max":this.firstInputMax,"first-input-warning":this.firstInputWarning,"first-input-warning-text":this.firstInputWarningText,"first-input-low-error-text":this.firstInputLowErrorText,"first-input-high-error-text":this.firstInputHighErrorText,"second-input-placeholder":this.secondInputPlaceholder,"second-input-min":this.secondInputMin,"second-input-max":this.secondInputMax,"second-input-warning":this.secondInputWarning,"second-input-warning-text":this.secondInputWarningText,"second-input-low-error-text":this.secondInputLowErrorText,"second-input-high-error-text":this.secondInputHighErrorText,datePlaceholder:this.datePlaceholder,firstValidDate:this.firstValidDateString,lastValidDate:this.lastValidDateString,"predefined-value":JSON.stringify(t),"min-row-count":this.minRowCount,"row-index":i})))),e("div",{key:"42c184b29e1bad6f15ebc5fe3d68f67d9a5ad8d1",class:"dropdown-with-multi-input-elemet__row sum-row"},e("pn-marketweb-input",{key:"225bb8ad477257903a6fcc18b2d72824536f0609",disabled:true,ref:t=>this.pnSumField=t,type:"number",value:this.rowSum,label:this.sumFieldLabel}),e("pn-button",{key:"4ecc69b7350ddc7792160c46ec9acff12c4c8482",tooltip:this.addRowText?this.addRowText:null,"left-icon":"true",arialabel:"Add",icon:h,appearance:"light",variant:"borderless",class:"connected-dropdown__button-right",onClick:()=>{this.addRow(this.generateUniqueId())}},this.addRowText)),this.elementHelperText?.length?e("div",{class:"dropdown-with-multi-input-elemet__row"},this.elementHelperText):null)}};a.style=r;export{a as pn_dropdown_with_multi_input_rows};
-//# sourceMappingURL=p-781ef432.entry.js.map

package/pn-market-web-components/p-781ef432.entry.js.map

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

package/pn-market-web-components/p-b2dcce7c.entry.js

@@ -1,2 +0,0 @@
-import{r as t,g as i,h as e,d as n}from"./p-06555615.js";import{s as l}from"./p-07edd5e4.js";import{a}from"./p-36b39340.js";import"./p-3f8aa7d1.js";const r='<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="M21.78 11.375a1 1 0 0 1 0 1.25l-4 5a1 1 0 1 1-1.56-1.25L18.92 13H7a1 1 0 1 1 0-2h11.92l-2.7-3.375a1 1 0 1 1 1.56-1.25zM11 3a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 1 1 2 0v2a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3z" clip-rule="evenodd"/></svg>';const s=r;const o="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-marketweb-siteheader-login-linklist{display:flex;flex-direction:column}pn-marketweb-siteheader-login-linklist strong{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul{list-style-type:none;padding:0;margin:0}pn-marketweb-siteheader-login-linklist ul>li{margin-bottom:2.4rem}pn-marketweb-siteheader-login-linklist ul>li a:not(.pn-button){color:#005d92}pn-marketweb-siteheader-login-linklist ul>li a{text-decoration:none;font-size:1.6rem;line-height:1.5;font-weight:500}pn-marketweb-siteheader-login-linklist ul>li pn-icon{padding-left:0.8rem}pn-marketweb-siteheader-login-linklist ul>li pn-icon svg>path{fill:#005d92 !important}pn-marketweb-siteheader-login-linklist ul>li:hover a{text-decoration:underline}pn-marketweb-siteheader-login-linklist ul>li:last-of-type{margin-bottom:0}";const p=o;const d=class{constructor(i){t(this,i);this.heading=null;this.links=[];this.idNamespace="";this.showUnifiedLogin=false}get hostElement(){return i(this)}componentWillLoad(){}uniqueId(t){return"loginlink-"+t.replace(/[^A-Za-z0-9.\\\/]/gim,"")+"-"+this.idNamespace}linkAppearanceAttributes(t){let i={};if(t.linkType){switch(t.linkType){case"primary":i={appearance:"",variant:""};break;case"secondary":i={appearance:"light",variant:"outlined"};break;case"regularlink":default:i={appearance:"light",variant:"borderless",icon:a};break}return i}if(!t.linkType){i={appearance:t.primaryLinkApperance?"dark":"light"}}return i}renderListAsButtons(t){return e("li",null,e("pn-button",{href:t.href,id:this.uniqueId(t.linkText),...t.openInNewWindow&&{target:"_blank"},...this.linkAppearanceAttributes(t),onClick:()=>{if(t.isLogoutLink){l.loginManager.clearUserData()}}},t.linkText))}renderListAsLinks(t){return e("li",null,e("a",{href:t.href,id:this.uniqueId(t.linkText),...t.openInNewWindow&&{target:"_blank"},onClick:()=>{if(t.isLogoutLink){l.loginManager.clearUserData()}}},t.linkText,t.isLogoutLink?e("pn-icon",{icon:s}):e("pn-icon",{icon:a})))}render(){if(!this.links||this.links.length===0){return}return e(n,null,this.heading?e("strong",null,this.heading):null,e("ul",null,this.links.map((t=>{{return this.showUnifiedLogin?this.renderListAsLinks(t):this.renderListAsButtons(t)}}))))}};d.style=p;export{d as pn_marketweb_siteheader_login_linklist};
-//# sourceMappingURL=p-b2dcce7c.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["icon","transfer","pnMarketwebSiteheaderLoginLinklistCss","PnMarketwebSiteheaderLoginLinklistStyle0","PnMarketwebSiteheaderLoginLinklist","componentWillLoad","uniqueId","text","replace","this","idNamespace","linkAppearanceAttributes","link","attributes","linkType","appearance","variant","arrow_right","primaryLinkApperance","renderListAsButtons","h","href","id","linkText","openInNewWindow","target","onClick","isLogoutLink","headerState","loginManager","clearUserData","renderListAsLinks","render","links","length","Host","heading","map","showUnifiedLogin"],"sources":["node_modules/pn-design-assets/pn-assets/icons/transfer.js","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.scss?tag=pn-marketweb-siteheader-login-linklist","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-linklist.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=\"M21.78 11.375a1 1 0 0 1 0 1.25l-4 5a1 1 0 1 1-1.56-1.25L18.92 13H7a1 1 0 1 1 0-2h11.92l-2.7-3.375a1 1 0 1 1 1.56-1.25zM11 3a3 3 0 0 1 3 3v2a1 1 0 1 1-2 0V6a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2a1 1 0 1 1 2 0v2a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3z\" clip-rule=\"evenodd\"/></svg>';\nexport const transfer = icon;\n","@import '../../../globals/main.scss';\n\n@import './pn-marketweb-siteheader-common.scss';\n\npn-marketweb-siteheader-login-linklist {\n  display: flex;\n  flex-direction: column;\n\n  strong {\n    margin-bottom: 2.4rem;\n  }\n\n  ul {\n    list-style-type: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  ul > li {\n    margin-bottom: 2.4rem;\n    a:not(.pn-button) {\n      color: $blue700;\n    }\n\n    a {\n      text-decoration: none;\n      font-size: 1.6rem;\n      line-height: 1.5;\n      font-weight: 500;\n    }\n\n    pn-icon {\n      padding-left: 0.8rem;\n      svg > path {\n        fill: $blue700 !important;\n      }\n    }\n\n    &:hover {\n      a {\n        text-decoration: underline;\n      }\n    }\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n  }\n}\n/* } */\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialogLink } from './pn-marketweb-siteheader-types';\nimport { arrow_right, transfer } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-linklist',\n  styleUrl: 'pn-marketweb-siteheader-login-linklist.scss',\n})\nexport class PnMarketwebSiteheaderLoginLinklist {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() heading: string = null;\n  @Prop() links: LoginDialogLink[] = [];\n  @Prop() idNamespace: string = '';\n  @Prop() showUnifiedLogin: boolean = false;\n\n  componentWillLoad() {}\n\n  uniqueId(text: string) {\n    return 'loginlink-' + text.replace(/[^A-Za-z0-9.\\\\\\/]/gim, '') + '-' + this.idNamespace;\n  }\n\n  linkAppearanceAttributes(link) {\n    let attributes = {};\n    if (link.linkType) {\n      switch (link.linkType) {\n        case 'primary':\n          attributes = {\n            appearance: '',\n            variant: '',\n          };\n          break;\n        case 'secondary':\n          attributes = {\n            appearance: 'light',\n            variant: 'outlined',\n          };\n          break;\n        case 'regularlink':\n        default:\n          attributes = {\n            appearance: 'light',\n            variant: 'borderless',\n            icon: arrow_right,\n          };\n          break;\n      }\n      return attributes;\n    }\n    if (!link.linkType) {\n      attributes = {\n        appearance: link.primaryLinkApperance ? 'dark' : 'light',\n      };\n    }\n    return attributes;\n  }\n\n  renderListAsButtons(link) {\n    return (\n      <li>\n        <pn-button\n          href={link.href}\n          id={this.uniqueId(link.linkText)}\n          {...(link.openInNewWindow && { target: '_blank' })}\n          {...this.linkAppearanceAttributes(link)}\n          onClick={() => {\n            if (link.isLogoutLink) {\n              headerState.loginManager.clearUserData();\n            }\n          }}\n        >\n          {link.linkText}\n        </pn-button>\n      </li>\n    );\n  }\n\n  renderListAsLinks(link) {\n    return (\n      <li>\n        <a\n          href={link.href}\n          id={this.uniqueId(link.linkText)}\n          {...(link.openInNewWindow && { target: '_blank' })}\n          onClick={() => {\n            if (link.isLogoutLink) {\n              headerState.loginManager.clearUserData();\n            }\n          }}\n        >\n          {link.linkText}\n          {link.isLogoutLink ? <pn-icon icon={transfer}></pn-icon> : <pn-icon icon={arrow_right}></pn-icon>}\n        </a>\n      </li>\n    );\n  }\n\n  render() {\n    if (!this.links || this.links.length === 0) {\n      return;\n    }\n    return (\n      <Host>\n        {this.heading ? <strong>{this.heading}</strong> : null}\n        <ul>\n          {this.links.map(link => {\n            {\n              return this.showUnifiedLogin ? this.renderListAsLinks(link) : this.renderListAsButtons(link);\n            }\n          })}\n        </ul>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oJAAA,MAAMA,EAAO,icACN,MAAMC,EAAWD,ECDxB,MAAME,EAAwC,62BAC9C,MAAAC,EAAeD,E,MCSFE,EAAkC,M,sCAGnB,K,WACS,G,iBACL,G,sBACM,K,kCAEpC,iBAAAC,GAAiB,CAEjB,QAAAC,CAASC,GACP,MAAO,aAAeA,EAAKC,QAAQ,uBAAwB,IAAM,IAAMC,KAAKC,W,CAG9E,wBAAAC,CAAyBC,GACvB,IAAIC,EAAa,GACjB,GAAID,EAAKE,SAAU,CACjB,OAAQF,EAAKE,UACX,IAAK,UACHD,EAAa,CACXE,WAAY,GACZC,QAAS,IAEX,MACF,IAAK,YACHH,EAAa,CACXE,WAAY,QACZC,QAAS,YAEX,MACF,IAAK,cACL,QACEH,EAAa,CACXE,WAAY,QACZC,QAAS,aACThB,KAAMiB,GAER,MAEJ,OAAOJ,C,CAET,IAAKD,EAAKE,SAAU,CAClBD,EAAa,CACXE,WAAYH,EAAKM,qBAAuB,OAAS,Q,CAGrD,OAAOL,C,CAGT,mBAAAM,CAAoBP,GAClB,OACEQ,EAAA,UACEA,EAAA,aACEC,KAAMT,EAAKS,KACXC,GAAIb,KAAKH,SAASM,EAAKW,aAClBX,EAAKY,iBAAmB,CAAEC,OAAQ,aACnChB,KAAKE,yBAAyBC,GAClCc,QAAS,KACP,GAAId,EAAKe,aAAc,CACrBC,EAAYC,aAAaC,e,IAI5BlB,EAAKW,U,CAMd,iBAAAQ,CAAkBnB,GAChB,OACEQ,EAAA,UACEA,EAAA,KACEC,KAAMT,EAAKS,KACXC,GAAIb,KAAKH,SAASM,EAAKW,aAClBX,EAAKY,iBAAmB,CAAEC,OAAQ,UACvCC,QAAS,KACP,GAAId,EAAKe,aAAc,CACrBC,EAAYC,aAAaC,e,IAI5BlB,EAAKW,SACLX,EAAKe,aAAeP,EAAA,WAASpB,KAAMC,IAAuBmB,EAAA,WAASpB,KAAMiB,K,CAMlF,MAAAe,GACE,IAAKvB,KAAKwB,OAASxB,KAAKwB,MAAMC,SAAW,EAAG,CAC1C,M,CAEF,OACEd,EAACe,EAAI,KACF1B,KAAK2B,QAAUhB,EAAA,cAASX,KAAK2B,SAAoB,KAClDhB,EAAA,UACGX,KAAKwB,MAAMI,KAAIzB,IACd,CACE,OAAOH,KAAK6B,iBAAmB7B,KAAKsB,kBAAkBnB,GAAQH,KAAKU,oBAAoBP,E","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["pnDropdownWithMultiInputRowsRowCss","PnDropdownWithMultiInputRowsRowStyle0","PnDropdownWithMultiInputRowsRow","_predefinedValue","pnFirstInputField","pnSecondInputField","pnDatePicker","pnDeleteRowButton","rowValueChange","deleteRowEvent","firstInputChange","secondInputChange","componentWillLoad","this","getPredefinedValues","setInitialValues","componentDidLoad","addEventHandlers","JSON","parse","predefinedValue","applyPredefinedValue","firstInputValue","length","validateFirstInput","parseInt","secondInputValue","validateSecondInput","rowIndex","minRowCount","addEventListener","deleteRow","bind","firstInput","secondInput","dateValue","date","emmitValues","debounce","emitRowValues","handleFirstInput","handleSecondInput","handleDateChange","e","elm","target","value","emit","id","input","showFirstInputWarning","showFirstInputLowError","showFirstInputHighError","firstInputWarning","firstInputMin","firstInputMax","showSecondInputWarning","showSecondInputLowError","showSecondInputHighError","secondInputWarning","secondInputMin","secondInputMax","detail","render","h","Host","key","class","ref","el","type","placeholder","fristInputPlaceholder","min","firstInputLowErrorText","firstInputHighErrorText","firstInputWarningText","secondInputPlaceholder","secondInputLowErrorText","secondInputHighErrorText","secondInputWarningText","range","firstValidDate","lastValidDate","language","languageCode","datePlaceholder","start","small","icon","minus","appearance","index","onClick"],"sources":["src/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows-row.scss?tag=pn-dropdown-with-multi-input-rows-row","src/components/input/pn-dropdown-with-multi-input-rows/pn-dropdown-with-multi-input-rows-row.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-dropdown-with-multi-input-rows-row {\n  .input-element-row {\n    display: flex;\n    gap: 1rem;\n    margin-bottom: 1rem;\n\n    .input-container {\n      width: 30%;\n\n      pn-marketweb-input {\n        .input-container {\n          width: 100%;\n        }\n      }\n\n      pn-date-picker {\n        width: 100%;\n      }\n\n      .input-element-message-container {\n        margin-top: 0.3rem;\n        &__error {\n          color: red;\n          line-height: 1;\n        }\n\n        &__warning {\n          line-height: 1;\n        }\n      }\n    }\n  }\n\n  .delete-button-contianer {\n    margin-top: 0.6rem;\n  }\n}\n","import { Component, Prop, h, Element, State, Host, Watch, Event, EventEmitter, Listen } from '@stencil/core';\nimport { FormValue, RowValue, Root, PredefinedValues } from './types';\nimport debounce from 'debounce';\nimport { minus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-dropdown-with-multi-input-rows-row',\n  styleUrl: 'pn-dropdown-with-multi-input-rows-row.scss',\n})\nexport class PnDropdownWithMultiInputRowsRow {\n  @Element() hostElement: Element;\n  private _predefinedValue: PredefinedValues;\n  pnFirstInputField: HTMLElement = null;\n  pnSecondInputField: HTMLElement = null;\n  pnDatePicker: HTMLElement = null;\n  pnDeleteRowButton: HTMLElement = null;\n\n  @Prop() languageCode: string = null;\n  @Prop() fristInputPlaceholder: string = null;\n  @Prop() firstInputMin: number = null;\n  @Prop() firstInputMax: number = null;\n  @Prop() firstInputWarning: number = null;\n  @Prop() firstInputWarningText: string = null;\n  @Prop() firstInputLowErrorText: string = null;\n  @Prop() firstInputHighErrorText: string = null;\n  @Prop() secondInputPlaceholder: string = null;\n  @Prop() secondInputMin: number = null;\n  @Prop() secondInputMax: number = null;\n  @Prop() secondInputWarning: number = null;\n  @Prop() secondInputWarningText: string = null;\n  @Prop() secondInputLowErrorText: string = null;\n  @Prop() secondInputHighErrorText: string = null;\n  @Prop() dateLabel: string = null;\n  @Prop() datePlaceholder: string = null;\n  @Prop() firstValidDate: string = null;\n  @Prop() lastValidDate: string = null;\n  @Prop() predefinedValue: string = null;\n  @Prop() rowIndex: number = null;\n  @Prop() minRowCount: number = null;\n\n  @State() showFirstInputWarning: boolean = false;\n  @State() showFirstInputLowError: boolean = false;\n  @State() showFirstInputHighError: boolean = false;\n  @State() showSecondInputWarning: boolean = false;\n  @State() showSecondInputLowError: boolean = false;\n  @State() showSecondInputHighError: boolean = false;\n\n  @State() firstInputValue: string = '';\n  @State() secondInputValue: string = '';\n  @State() dateValue: string = '';\n\n  @Event() rowValueChange: EventEmitter<PredefinedValues>;\n  @Event() deleteRowEvent: EventEmitter<string>;\n  @Event() firstInputChange: EventEmitter<PredefinedValues>;\n  @Event() secondInputChange: EventEmitter<PredefinedValues>;\n\n  componentWillLoad() {\n    this.getPredefinedValues();\n    this.setInitialValues();\n  }\n\n  componentDidLoad() {\n    this.addEventHandlers();\n  }\n\n  getPredefinedValues() {\n    this._predefinedValue = JSON.parse(this.predefinedValue);\n  }\n\n  @Watch('predefinedValue')\n  applyPredefinedValue() {\n    this.getPredefinedValues();\n    this.setInitialValues();\n\n    if (this.firstInputValue?.length) {\n      this.validateFirstInput(parseInt(this.firstInputValue));\n    }\n\n    if (this.secondInputValue?.length) {\n      this.validateSecondInput(parseInt(this.secondInputValue));\n    }\n\n    if (this.rowIndex >= this.minRowCount) {\n      this.pnDeleteRowButton.addEventListener('click', this.deleteRow.bind(this));\n    }\n  }\n\n  setInitialValues() {\n    this.firstInputValue = this._predefinedValue.firstInput;\n    this.secondInputValue = this._predefinedValue.secondInput;\n    this.dateValue = this._predefinedValue.date;\n  }\n\n  addEventHandlers() {\n    const emmitValues = debounce(this.emitRowValues.bind(this), 500);\n    this.pnFirstInputField.addEventListener('keyup', debounce(this.handleFirstInput.bind(this), 500));\n    this.pnSecondInputField.addEventListener('keyup', debounce(this.handleSecondInput.bind(this), 500));\n    this.pnDatePicker.addEventListener('dateselection', this.handleDateChange.bind(this));\n    this.pnDatePicker.addEventListener('dateselection', emmitValues);\n  }\n\n  handleFirstInput(e) {\n    const elm = e.target;\n    const value = parseInt(elm.value);\n\n    if (value > 0) {\n      this.firstInputValue = elm.value;\n      this.firstInputChange.emit({\n        id: this._predefinedValue.id,\n        firstInput: this.firstInputValue,\n        secondInput: this.secondInputValue,\n        date: this.dateValue,\n      });\n    }\n\n    this.validateFirstInput(value);\n    this.emitRowValues();\n  }\n\n  handleSecondInput(e) {\n    const elm = e.target;\n    const value = parseInt(elm.value);\n\n    if (value > 0) {\n      this.secondInputValue = elm.value;\n      this.secondInputChange.emit({\n        id: this._predefinedValue.id,\n        firstInput: this.firstInputValue,\n        secondInput: this.secondInputValue,\n        date: this.dateValue,\n      });\n    }\n\n    this.validateSecondInput(value);\n    this.emitRowValues();\n  }\n\n  validateFirstInput(input: number) {\n    this.showFirstInputWarning = false;\n    this.showFirstInputLowError = false;\n    this.showFirstInputHighError = false;\n\n    if (input < this.firstInputWarning) {\n      this.showFirstInputWarning = true;\n    }\n\n    if (input < this.firstInputMin) {\n      this.showFirstInputWarning = false;\n      this.showFirstInputLowError = true;\n    }\n\n    if (input > this.firstInputMax) {\n      this.showFirstInputWarning = false;\n      this.showFirstInputLowError = false;\n      this.showFirstInputHighError = true;\n    }\n  }\n\n  validateSecondInput(input: number) {\n    this.showSecondInputWarning = false;\n    this.showSecondInputLowError = false;\n    this.showSecondInputHighError = false;\n\n    if (input < this.secondInputWarning) {\n      this.showSecondInputWarning = true;\n    }\n\n    if (input < this.secondInputMin) {\n      this.showSecondInputWarning = false;\n      this.showSecondInputLowError = true;\n    }\n\n    if (input > this.secondInputMax) {\n      this.showSecondInputWarning = false;\n      this.showSecondInputLowError = false;\n      this.showSecondInputHighError = true;\n    }\n  }\n\n  handleDateChange(e) {\n    const elm = e.target;\n    if (elm === this.pnDatePicker) {\n      this.dateValue = e.detail;\n    }\n  }\n\n  emitRowValues() {\n    this.rowValueChange.emit({\n      id: this._predefinedValue.id,\n      firstInput: this.firstInputValue,\n      secondInput: this.secondInputValue,\n      date: this.dateValue,\n    });\n  }\n\n  deleteRow() {\n    this.deleteRowEvent.emit(this._predefinedValue.id);\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"input-element-row\">\n          <div class=\"input-container\">\n            <pn-marketweb-input\n              ref={el => (this.pnFirstInputField = el as HTMLElement)}\n              type=\"number\"\n              placeholder={this.fristInputPlaceholder}\n              value={this.firstInputValue}\n              min=\"1\"\n            ></pn-marketweb-input>\n            {this.showFirstInputLowError || this.showFirstInputHighError || this.showFirstInputWarning ? (\n              <div class=\"input-element-message-container\">\n                {this.showFirstInputLowError ? (\n                  <div class=\"input-element-message-container__error\">\n                    <small>{this.firstInputLowErrorText}</small>\n                  </div>\n                ) : null}\n\n                {this.showFirstInputHighError ? (\n                  <div class=\"input-element-message-container__error\">\n                    <small>{this.firstInputHighErrorText}</small>\n                  </div>\n                ) : null}\n\n                {this.showFirstInputWarning ? (\n                  <div class=\"input-element-message-container__warning\">\n                    <small>{this.firstInputWarningText}</small>\n                  </div>\n                ) : null}\n              </div>\n            ) : null}\n          </div>\n\n          <div class=\"input-container\">\n            <pn-marketweb-input\n              ref={el => (this.pnSecondInputField = el as HTMLElement)}\n              type=\"number\"\n              placeholder={this.secondInputPlaceholder}\n              value={this.secondInputValue}\n              min=\"1\"\n            ></pn-marketweb-input>\n            {this.showSecondInputLowError || this.showSecondInputHighError || this.showSecondInputWarning ? (\n              <div class=\"input-element-message-container\">\n                {this.showSecondInputLowError ? (\n                  <div class=\"input-element-message-container__error\">\n                    <small>{this.secondInputLowErrorText}</small>\n                  </div>\n                ) : null}\n\n                {this.showSecondInputHighError ? (\n                  <div class=\"input-element-message-container__error\">\n                    <small>{this.secondInputHighErrorText}</small>\n                  </div>\n                ) : null}\n\n                {this.showSecondInputWarning ? (\n                  <div class=\"input-element-message-container__warning\">\n                    <small>{this.secondInputWarningText}</small>\n                  </div>\n                ) : null}\n              </div>\n            ) : null}\n          </div>\n\n          <div class=\"input-container\">\n            <pn-date-picker\n              ref={el => (this.pnDatePicker = el as HTMLElement)}\n              range=\"false\"\n              disable-weekends={true}\n              min-date={this.firstValidDate}\n              max-date={this.lastValidDate}\n              language={this.languageCode}\n              placeholder={this.datePlaceholder}\n              start={this.dateValue?.length ? this.dateValue : null}\n            ></pn-date-picker>\n          </div>\n\n          {this.rowIndex >= this.minRowCount ? (\n            <div class=\"delete-button-contianer\">\n              <pn-button\n                ref={el => (this.pnDeleteRowButton = el as HTMLElement)}\n                small=\"true\"\n                icon={minus}\n                appearance=\"warning\"\n                index={this.rowIndex}\n                onClick={() => {\n                  this.deleteRow();\n                }}\n              >\n                Delete\n              </pn-button>\n            </div>\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/p-d8a57eba.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,g as s,h as i,d as a}from"./p-06555615.js";const n='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m0 8a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m1 2v4.5a1 1 0 1 1-2 0V12a1 1 0 1 1 2 0" clip-rule="evenodd"/></svg>';const d=n;const l="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-date-and-time label{color:#5e554a;font-size:1.4rem}pn-date-and-time .time-separator{margin-top:auto;margin-bottom:auto}pn-date-and-time .date-and-time-group{margin-bottom:1rem}pn-date-and-time .date-and-time-row{display:flex;gap:1rem}pn-date-and-time .helper-text{margin-top:0.2rem;color:#5e554a;display:block}pn-date-and-time .error-message{color:#a70707}";const h=l;const o=class{constructor(s){t(this,s);this.dateandtimerange=e(this,"dateandtimerange",7);this.languageCode=null;this.dateAndTimeLabel="";this.dateDaysFromToday=0;this.validTimeRangeMinutes=0;this.errorMessage="";this.dateHelperText="";this.timeHelperText="";this.disableWeekends=false;this.datePlacehodler="";this.language=null;this.hourArr=null;this.minuteArr=null;this.formValue=null;this.invalidTimespan=false;this.selectedDate=null;this.selectedFromHour=null;this.selectedFromMin=null;this.selectedToHour=null;this.selectedToMin=null;this.firstValidDateString="";this.lastValidDateString=""}get hostElement(){return s(this)}pnDatePicker=null;pnTimeFromHourDropdown=null;pnTimeFromMinuteDropdown=null;pnTimeToHourDropdown=null;pnTimeToMinuteDropdown=null;dateandtimerange;componentWillLoad(){this.setInitialValues()}componentDidLoad(){this.setDefaultHiddenValue();this.addEventHandlers()}async setInitialValues(){this.setLangugaeCode();this.setFirstValidDate();this.hourArr=this.getNumbersAsStringArr(6,22,1);this.minuteArr=this.getNumbersAsStringArr(0,50,10)}setFirstValidDate(){const t=new Date;t.setDate(t.getDate()+this.dateDaysFromToday??0);const e=t.getFullYear();const s=(t.getMonth()+1).toString().padStart(2,"0");const i=t.getDate().toString().padStart(2,"0");const a=e+2;this.firstValidDateString=`${e.toString()}-${s}-${i}`;this.lastValidDateString=`${a.toString()}-${s}-${i}`}setLangugaeCode(){if(typeof this.languageCode==="string"&&this.languageCode.trim()===""){this.language=document.querySelector("html").lang}else{this.language=this.languageCode}}setDefaultHiddenValue(){this.selectedFromHour=parseInt(this.hourArr[8]);this.selectedFromMin=0;this.selectedToHour=parseInt(this.hourArr[12]);this.selectedToMin=0;this.updateHiddenValue()}addEventHandlers(){this.pnDatePicker.addEventListener("dateselection",this.handleChange.bind(this));this.pnTimeFromHourDropdown.addEventListener("selectOption",this.handleChange.bind(this));this.pnTimeFromMinuteDropdown.addEventListener("selectOption",this.handleChange.bind(this));this.pnTimeToHourDropdown.addEventListener("selectOption",this.handleChange.bind(this));this.pnTimeToMinuteDropdown.addEventListener("selectOption",this.handleChange.bind(this))}handleChange(t){const e=t.target;if(e===this.pnDatePicker){this.selectedDate=t.detail}if(e===this.pnTimeFromHourDropdown||e===this.pnTimeFromMinuteDropdown||e===this.pnTimeToHourDropdown||e===this.pnTimeToMinuteDropdown){this.handleTimeChange()}this.updateHiddenValue()}handleTimeChange(){const t=this.pnTimeFromHourDropdown.querySelector("[aria-selected=true]")?.textContent;const e=this.pnTimeFromMinuteDropdown.querySelector("[aria-selected=true]")?.textContent;const s=this.pnTimeToHourDropdown.querySelector("[aria-selected=true]")?.textContent;const i=this.pnTimeToMinuteDropdown.querySelector("[aria-selected=true]")?.textContent;this.selectedFromHour=parseInt(t);this.selectedFromMin=parseInt(e);this.selectedToHour=parseInt(s);this.selectedToMin=parseInt(i)}updateHiddenValue(){const t=new Date;const e=new Date(t.getFullYear(),t.getMonth(),t.getDate(),this.selectedFromHour,this.selectedFromMin,0,0);const s=new Date(t.getFullYear(),t.getMonth(),t.getDate(),this.selectedToHour,this.selectedToMin,0,0);this.validateTimeRange(e.getTime(),s.getTime());if(this.invalidTimespan||!this.selectedDate){this.formValue=""}else{const t=this.selectedFromMin.toString().padStart(2,"0");const e=this.selectedToMin.toString().padStart(2,"0");this.formValue=`${this.selectedDate}, ${this.selectedFromHour}:${t}-${this.selectedToHour}:${e}`}this.dateandtimerange.emit(this.formValue)}validateTimeRange(t,e){let s=(e-t)/1e3;s/=60;this.invalidTimespan=s<this.validTimeRangeMinutes?true:false}getNumbersAsStringArr(t,e,s){const i=Array.from({length:(e-t)/s+1},((e,i)=>t+i*s));const a=[];i.forEach((t=>{const e=t.toString().padStart(2,"0");a.push(e)}));return a}removePnOptionSelected(){const t=this.hostElement.querySelectorAll("pn-option");t.forEach((t=>{t.removeAttribute("selected")}))}render(){return i(a,{key:"6f7c0f1c403a98ceaadef017f6dfe94e4d09ab06"},i("div",{key:"c4f95d2e042277cd090fa8a8ce4dd6cd357943ad",class:"date-and-time-group"},this.dateAndTimeLabel?i("div",{class:"date-and-time-row"},i("label",null,this.dateAndTimeLabel)):null,i("div",{key:"2c772ab7b24783c634a06879cfede0eaf05952d6",class:"date-and-time-row"},i("pn-date-picker",{key:"6a427ea028bf55b067b0885e2d3b97a0349acdd3",ref:t=>this.pnDatePicker=t,range:"false","disable-weekends":this.disableWeekends,"min-date":this.firstValidDateString,"max-date":this.lastValidDateString,language:this.language,placeholder:this.datePlacehodler})),this.dateHelperText?i("small",{class:"date-and-time-row helper-text"},this.dateHelperText):null),i("div",{key:"7f74f041493bb4da72d070e90d24d38441c5ebb9",class:"date-and-time-group"},i("div",{key:"7b7b4b4ba67f36cf03c4ee6b80a3cdd55a5c8380",class:"date-and-time-row"},i("pn-select",{key:"d5d6fe2b881a8770fc1aec24bce38754b6a17db0",ref:t=>this.pnTimeFromHourDropdown=t,name:"date-and-time-from-houre",placeholder:this.hourArr[8],class:"date-and-time-dropdown--time",invalid:this.invalidTimespan},this.hourArr?.map((t=>i("pn-option",{label:t,value:t})))),i("pn-select",{key:"bb8dafe866a95e94e0e8a1e53ccff80d0729ec48",ref:t=>this.pnTimeFromMinuteDropdown=t,name:"date-and-time-from-minute",placeholder:this.minuteArr[0],class:"date-and-time-dropdown--time",invalid:this.invalidTimespan},this.minuteArr?.map((t=>i("pn-option",{label:t,value:t})))),i("div",{key:"8281bbfae49ca8ec35a1d651d61a1bd478b70c0a",class:"time-separator"},i("span",{key:"d7c895902ce3efac4816f21510444914012fca29"},"-")),i("pn-select",{key:"5fa29d4fc4d01a804427bd2119969ec0d6346df6",ref:t=>this.pnTimeToHourDropdown=t,name:"date-and-time-to-hour",placeholder:this.hourArr[12],class:"date-and-time-dropdown--time",invalid:this.invalidTimespan},this.hourArr?.map((t=>i("pn-option",{label:t,value:t})))),i("pn-select",{key:"968f33b37cad6d2528a789abd63a89c163642c53",ref:t=>this.pnTimeToMinuteDropdown=t,name:"date-and-time-to-minute",placeholder:this.minuteArr[0],class:"date-and-time-dropdown--time",invalid:this.invalidTimespan},this.minuteArr?.map((t=>i("pn-option",{label:t,value:t}))))),this.timeHelperText?i("small",{class:"date-and-time-row helper-text"},this.timeHelperText):null,this.invalidTimespan&&this.errorMessage?i("small",{class:"date-and-time-row error-message"},i("pn-icon",{icon:d,small:"false",color:"warning"}),this.errorMessage):null))}};o.style=h;export{o as pn_date_and_time};
-//# sourceMappingURL=p-d8a57eba.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["icon","alert_info_circle","pnDateAndTimeCss","PnDateAndTimeStyle0","PnDateAndTime","pnDatePicker","pnTimeFromHourDropdown","pnTimeFromMinuteDropdown","pnTimeToHourDropdown","pnTimeToMinuteDropdown","dateandtimerange","componentWillLoad","this","setInitialValues","componentDidLoad","setDefaultHiddenValue","addEventHandlers","setLangugaeCode","setFirstValidDate","hourArr","getNumbersAsStringArr","minuteArr","date","Date","setDate","getDate","dateDaysFromToday","year","getFullYear","month","getMonth","toString","padStart","day","endYear","firstValidDateString","lastValidDateString","languageCode","trim","language","document","querySelector","lang","selectedFromHour","parseInt","selectedFromMin","selectedToHour","selectedToMin","updateHiddenValue","addEventListener","handleChange","bind","e","target","selectedDate","detail","handleTimeChange","fromHourString","textContent","fromMinString","toHourString","toMinString","dateFrom","dateTo","validateTimeRange","getTime","invalidTimespan","formValue","fromMin","toMin","emit","from","to","differenceValue","validTimeRangeMinutes","start","stop","step","arr","Array","length","_","index","result","forEach","item","itemAsString","push","removePnOptionSelected","selectOptions","hostElement","querySelectorAll","elm","removeAttribute","render","h","Host","key","class","dateAndTimeLabel","ref","el","range","disableWeekends","placeholder","datePlacehodler","dateHelperText","name","invalid","map","hour","label","value","minute","timeHelperText","errorMessage","small","color"],"sources":["node_modules/pn-design-assets/pn-assets/icons/alert_info_circle.js","src/components/input/pn-date-and-time/pn-date-and-time.scss?tag=pn-date-and-time","src/components/input/pn-date-and-time/pn-date-and-time.tsx"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0m8-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m0 8a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m1 2v4.5a1 1 0 1 1-2 0V12a1 1 0 1 1 2 0\" clip-rule=\"evenodd\"/></svg>';\nexport const alert_info_circle = icon;\nexport const alertInfoCircle = icon;\n","@import '../../../globals/main.scss';\n\npn-date-and-time {\n  label {\n    color: $gray700;\n    font-size: 1.4rem;\n  }\n\n  .time-separator {\n    margin-top: auto;\n    margin-bottom: auto;\n  }\n\n  .date-and-time-group {\n    margin-bottom: 1rem;\n  }\n  .date-and-time-row {\n    display: flex;\n    gap: 1rem;\n  }\n\n  .helper-text {\n    margin-top: 0.2rem;\n    color: $gray700;\n    display: block;\n  }\n\n  .error-message {\n    color: #a70707;\n  }\n}\n","import { Component, Prop, h, Element, State, Host, Event, EventEmitter } from '@stencil/core';\nimport { alert_info_circle } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-date-and-time',\n  styleUrl: 'pn-date-and-time.scss',\n})\nexport class PnDateAndTime {\n  @Element() hostElement: Element;\n  pnDatePicker: HTMLElement = null;\n  pnTimeFromHourDropdown: HTMLElement = null;\n  pnTimeFromMinuteDropdown: HTMLElement = null;\n  pnTimeToHourDropdown: HTMLElement = null;\n  pnTimeToMinuteDropdown: HTMLElement = null;\n\n  @Prop() languageCode: string = null;\n  @Prop() dateAndTimeLabel: string = '';\n  @Prop() dateDaysFromToday: number = 0;\n  @Prop() validTimeRangeMinutes: number = 0;\n  @Prop() errorMessage: string = '';\n  @Prop() dateHelperText: string = '';\n  @Prop() timeHelperText: string = '';\n  @Prop() disableWeekends: boolean = false;\n  @Prop() datePlacehodler: string = '';\n\n  @State() language: string = null;\n  @State() hourArr: string[] = null;\n  @State() minuteArr: string[] = null;\n  @State() formValue: string = null;\n  @State() invalidTimespan: boolean = false;\n  @State() selectedDate: string = null;\n  @State() selectedFromHour: number = null;\n  @State() selectedFromMin: number = null;\n  @State() selectedToHour: number = null;\n  @State() selectedToMin: number = null;\n  @State() firstValidDateString: string = '';\n  @State() lastValidDateString: string = '';\n\n  @Event() dateandtimerange: EventEmitter<string>;\n\n  componentWillLoad() {\n    this.setInitialValues();\n  }\n\n  componentDidLoad() {\n    this.setDefaultHiddenValue();\n    this.addEventHandlers();\n  }\n\n  async setInitialValues() {\n    this.setLangugaeCode();\n    this.setFirstValidDate();\n\n    this.hourArr = this.getNumbersAsStringArr(6, 22, 1);\n    this.minuteArr = this.getNumbersAsStringArr(0, 50, 10);\n  }\n\n  setFirstValidDate() {\n    const date = new Date();\n    date.setDate(date.getDate() + this.dateDaysFromToday ?? 0);\n\n    const year = date.getFullYear();\n    const month = (date.getMonth() + 1).toString().padStart(2, '0');\n    const day = date.getDate().toString().padStart(2, '0');\n    const endYear = year + 2;\n\n    this.firstValidDateString = `${year.toString()}-${month}-${day}`;\n    this.lastValidDateString = `${endYear.toString()}-${month}-${day}`;\n  }\n\n  setLangugaeCode() {\n    if (typeof this.languageCode === 'string' && this.languageCode.trim() === '') {\n      this.language = document.querySelector('html').lang;\n    } else {\n      this.language = this.languageCode;\n    }\n  }\n\n  setDefaultHiddenValue() {\n    this.selectedFromHour = parseInt(this.hourArr[8]);\n    this.selectedFromMin = 0;\n    this.selectedToHour = parseInt(this.hourArr[12]);\n    this.selectedToMin = 0;\n\n    this.updateHiddenValue();\n  }\n\n  addEventHandlers() {\n    this.pnDatePicker.addEventListener('dateselection', this.handleChange.bind(this));\n\n    this.pnTimeFromHourDropdown.addEventListener('selectOption', this.handleChange.bind(this));\n    this.pnTimeFromMinuteDropdown.addEventListener('selectOption', this.handleChange.bind(this));\n    this.pnTimeToHourDropdown.addEventListener('selectOption', this.handleChange.bind(this));\n    this.pnTimeToMinuteDropdown.addEventListener('selectOption', this.handleChange.bind(this));\n  }\n\n  handleChange(e) {\n    const target = e.target;\n\n    if (target === this.pnDatePicker) {\n      this.selectedDate = e.detail;\n    }\n\n    if (target === this.pnTimeFromHourDropdown || target === this.pnTimeFromMinuteDropdown || target === this.pnTimeToHourDropdown || target === this.pnTimeToMinuteDropdown) {\n      this.handleTimeChange();\n    }\n\n    this.updateHiddenValue();\n  }\n\n  handleTimeChange() {\n    const fromHourString = this.pnTimeFromHourDropdown.querySelector('[aria-selected=true]')?.textContent;\n    const fromMinString = this.pnTimeFromMinuteDropdown.querySelector('[aria-selected=true]')?.textContent;\n    const toHourString = this.pnTimeToHourDropdown.querySelector('[aria-selected=true]')?.textContent;\n    const toMinString = this.pnTimeToMinuteDropdown.querySelector('[aria-selected=true]')?.textContent;\n\n    this.selectedFromHour = parseInt(fromHourString);\n    this.selectedFromMin = parseInt(fromMinString);\n    this.selectedToHour = parseInt(toHourString);\n    this.selectedToMin = parseInt(toMinString);\n  }\n\n  updateHiddenValue() {\n    const date = new Date();\n    const dateFrom = new Date(date.getFullYear(), date.getMonth(), date.getDate(), this.selectedFromHour, this.selectedFromMin, 0, 0);\n    const dateTo = new Date(date.getFullYear(), date.getMonth(), date.getDate(), this.selectedToHour, this.selectedToMin, 0, 0);\n    this.validateTimeRange(dateFrom.getTime(), dateTo.getTime());\n\n    if (this.invalidTimespan || !this.selectedDate) {\n      this.formValue = '';\n    } else {\n      const fromMin = this.selectedFromMin.toString().padStart(2, '0');\n      const toMin = this.selectedToMin.toString().padStart(2, '0');\n\n      this.formValue = `${this.selectedDate}, ${this.selectedFromHour}:${fromMin}-${this.selectedToHour}:${toMin}`;\n    }\n\n    this.dateandtimerange.emit(this.formValue);\n  }\n\n  validateTimeRange(from: number, to: number) {\n    let differenceValue = (to - from) / 1000;\n    differenceValue /= 60;\n    this.invalidTimespan = differenceValue < this.validTimeRangeMinutes ? true : false;\n  }\n\n  getNumbersAsStringArr(start: number, stop: number, step: number) {\n    const arr = Array.from({ length: (stop - start) / step + 1 }, (_, index: number) => start + index * step);\n    const result: string[] = [];\n\n    arr.forEach(item => {\n      const itemAsString = item.toString().padStart(2, '0');\n      result.push(itemAsString);\n    });\n\n    return result;\n  }\n\n  removePnOptionSelected() {\n    const selectOptions = this.hostElement.querySelectorAll('pn-option');\n    selectOptions.forEach(elm => {\n      elm.removeAttribute('selected');\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"date-and-time-group\">\n          {this.dateAndTimeLabel ? (\n            <div class=\"date-and-time-row\">\n              <label>{this.dateAndTimeLabel}</label>\n            </div>\n          ) : null}\n          <div class=\"date-and-time-row\">\n            <pn-date-picker\n              ref={el => (this.pnDatePicker = el as HTMLElement)}\n              range=\"false\"\n              disable-weekends={this.disableWeekends}\n              min-date={this.firstValidDateString}\n              max-date={this.lastValidDateString}\n              language={this.language}\n              placeholder={this.datePlacehodler}\n            ></pn-date-picker>\n          </div>\n\n          {this.dateHelperText ? <small class=\"date-and-time-row helper-text\">{this.dateHelperText}</small> : null}\n        </div>\n        <div class=\"date-and-time-group\">\n          <div class=\"date-and-time-row\">\n            <pn-select\n              ref={el => (this.pnTimeFromHourDropdown = el as HTMLElement)}\n              name=\"date-and-time-from-houre\"\n              placeholder={this.hourArr[8]}\n              class=\"date-and-time-dropdown--time\"\n              invalid={this.invalidTimespan}\n            >\n              {this.hourArr?.map((hour: string) => <pn-option label={hour} value={hour}></pn-option>)}\n            </pn-select>\n            <pn-select\n              ref={el => (this.pnTimeFromMinuteDropdown = el as HTMLElement)}\n              name=\"date-and-time-from-minute\"\n              placeholder={this.minuteArr[0]}\n              class=\"date-and-time-dropdown--time\"\n              invalid={this.invalidTimespan}\n            >\n              {this.minuteArr?.map((minute: string) => <pn-option label={minute} value={minute}></pn-option>)}\n            </pn-select>\n            <div class=\"time-separator\">\n              <span>-</span>\n            </div>\n            <pn-select\n              ref={el => (this.pnTimeToHourDropdown = el as HTMLElement)}\n              name=\"date-and-time-to-hour\"\n              placeholder={this.hourArr[12]}\n              class=\"date-and-time-dropdown--time\"\n              invalid={this.invalidTimespan}\n            >\n              {this.hourArr?.map((hour: string) => <pn-option label={hour} value={hour}></pn-option>)}\n            </pn-select>\n            <pn-select\n              ref={el => (this.pnTimeToMinuteDropdown = el as HTMLElement)}\n              name=\"date-and-time-to-minute\"\n              placeholder={this.minuteArr[0]}\n              class=\"date-and-time-dropdown--time\"\n              invalid={this.invalidTimespan}\n            >\n              {this.minuteArr?.map((minute: string) => <pn-option label={minute} value={minute}></pn-option>)}\n            </pn-select>\n          </div>\n          {this.timeHelperText ? <small class=\"date-and-time-row helper-text\">{this.timeHelperText}</small> : null}\n\n          {this.invalidTimespan && this.errorMessage ? (\n            <small class=\"date-and-time-row error-message\">\n              <pn-icon icon={alert_info_circle} small=\"false\" color=\"warning\" />\n              {this.errorMessage}\n            </small>\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAO,6VACN,MAAMC,EAAoBD,ECDjC,MAAME,EAAmB,ybACzB,MAAAC,EAAeD,E,MCMFE,EAAa,M,8FAQO,K,sBACI,G,uBACC,E,2BACI,E,kBACT,G,oBACE,G,oBACA,G,qBACE,M,qBACD,G,cAEN,K,aACC,K,eACE,K,eACF,K,qBACO,M,kBACJ,K,sBACI,K,qBACD,K,oBACD,K,mBACD,K,0BACO,G,yBACD,E,kCA3BvCC,aAA4B,KAC5BC,uBAAsC,KACtCC,yBAAwC,KACxCC,qBAAoC,KACpCC,uBAAsC,KAyB7BC,iBAET,iBAAAC,GACEC,KAAKC,kB,CAGP,gBAAAC,GACEF,KAAKG,wBACLH,KAAKI,kB,CAGP,sBAAMH,GACJD,KAAKK,kBACLL,KAAKM,oBAELN,KAAKO,QAAUP,KAAKQ,sBAAsB,EAAG,GAAI,GACjDR,KAAKS,UAAYT,KAAKQ,sBAAsB,EAAG,GAAI,G,CAGrD,iBAAAF,GACE,MAAMI,EAAO,IAAIC,KACjBD,EAAKE,QAAQF,EAAKG,UAAYb,KAAKc,mBAAqB,GAExD,MAAMC,EAAOL,EAAKM,cAClB,MAAMC,GAASP,EAAKQ,WAAa,GAAGC,WAAWC,SAAS,EAAG,KAC3D,MAAMC,EAAMX,EAAKG,UAAUM,WAAWC,SAAS,EAAG,KAClD,MAAME,EAAUP,EAAO,EAEvBf,KAAKuB,qBAAuB,GAAGR,EAAKI,cAAcF,KAASI,IAC3DrB,KAAKwB,oBAAsB,GAAGF,EAAQH,cAAcF,KAASI,G,CAG/D,eAAAhB,GACE,UAAWL,KAAKyB,eAAiB,UAAYzB,KAAKyB,aAAaC,SAAW,GAAI,CAC5E1B,KAAK2B,SAAWC,SAASC,cAAc,QAAQC,I,KAC1C,CACL9B,KAAK2B,SAAW3B,KAAKyB,Y,EAIzB,qBAAAtB,GACEH,KAAK+B,iBAAmBC,SAAShC,KAAKO,QAAQ,IAC9CP,KAAKiC,gBAAkB,EACvBjC,KAAKkC,eAAiBF,SAAShC,KAAKO,QAAQ,KAC5CP,KAAKmC,cAAgB,EAErBnC,KAAKoC,mB,CAGP,gBAAAhC,GACEJ,KAAKP,aAAa4C,iBAAiB,gBAAiBrC,KAAKsC,aAAaC,KAAKvC,OAE3EA,KAAKN,uBAAuB2C,iBAAiB,eAAgBrC,KAAKsC,aAAaC,KAAKvC,OACpFA,KAAKL,yBAAyB0C,iBAAiB,eAAgBrC,KAAKsC,aAAaC,KAAKvC,OACtFA,KAAKJ,qBAAqByC,iBAAiB,eAAgBrC,KAAKsC,aAAaC,KAAKvC,OAClFA,KAAKH,uBAAuBwC,iBAAiB,eAAgBrC,KAAKsC,aAAaC,KAAKvC,M,CAGtF,YAAAsC,CAAaE,GACX,MAAMC,EAASD,EAAEC,OAEjB,GAAIA,IAAWzC,KAAKP,aAAc,CAChCO,KAAK0C,aAAeF,EAAEG,M,CAGxB,GAAIF,IAAWzC,KAAKN,wBAA0B+C,IAAWzC,KAAKL,0BAA4B8C,IAAWzC,KAAKJ,sBAAwB6C,IAAWzC,KAAKH,uBAAwB,CACxKG,KAAK4C,kB,CAGP5C,KAAKoC,mB,CAGP,gBAAAQ,GACE,MAAMC,EAAiB7C,KAAKN,uBAAuBmC,cAAc,yBAAyBiB,YAC1F,MAAMC,EAAgB/C,KAAKL,yBAAyBkC,cAAc,yBAAyBiB,YAC3F,MAAME,EAAehD,KAAKJ,qBAAqBiC,cAAc,yBAAyBiB,YACtF,MAAMG,EAAcjD,KAAKH,uBAAuBgC,cAAc,yBAAyBiB,YAEvF9C,KAAK+B,iBAAmBC,SAASa,GACjC7C,KAAKiC,gBAAkBD,SAASe,GAChC/C,KAAKkC,eAAiBF,SAASgB,GAC/BhD,KAAKmC,cAAgBH,SAASiB,E,CAGhC,iBAAAb,GACE,MAAM1B,EAAO,IAAIC,KACjB,MAAMuC,EAAW,IAAIvC,KAAKD,EAAKM,cAAeN,EAAKQ,WAAYR,EAAKG,UAAWb,KAAK+B,iBAAkB/B,KAAKiC,gBAAiB,EAAG,GAC/H,MAAMkB,EAAS,IAAIxC,KAAKD,EAAKM,cAAeN,EAAKQ,WAAYR,EAAKG,UAAWb,KAAKkC,eAAgBlC,KAAKmC,cAAe,EAAG,GACzHnC,KAAKoD,kBAAkBF,EAASG,UAAWF,EAAOE,WAElD,GAAIrD,KAAKsD,kBAAoBtD,KAAK0C,aAAc,CAC9C1C,KAAKuD,UAAY,E,KACZ,CACL,MAAMC,EAAUxD,KAAKiC,gBAAgBd,WAAWC,SAAS,EAAG,KAC5D,MAAMqC,EAAQzD,KAAKmC,cAAchB,WAAWC,SAAS,EAAG,KAExDpB,KAAKuD,UAAY,GAAGvD,KAAK0C,iBAAiB1C,KAAK+B,oBAAoByB,KAAWxD,KAAKkC,kBAAkBuB,G,CAGvGzD,KAAKF,iBAAiB4D,KAAK1D,KAAKuD,U,CAGlC,iBAAAH,CAAkBO,EAAcC,GAC9B,IAAIC,GAAmBD,EAAKD,GAAQ,IACpCE,GAAmB,GACnB7D,KAAKsD,gBAAkBO,EAAkB7D,KAAK8D,sBAAwB,KAAO,K,CAG/E,qBAAAtD,CAAsBuD,EAAeC,EAAcC,GACjD,MAAMC,EAAMC,MAAMR,KAAK,CAAES,QAASJ,EAAOD,GAASE,EAAO,IAAK,CAACI,EAAGC,IAAkBP,EAAQO,EAAQL,IACpG,MAAMM,EAAmB,GAEzBL,EAAIM,SAAQC,IACV,MAAMC,EAAeD,EAAKtD,WAAWC,SAAS,EAAG,KACjDmD,EAAOI,KAAKD,EAAa,IAG3B,OAAOH,C,CAGT,sBAAAK,GACE,MAAMC,EAAgB7E,KAAK8E,YAAYC,iBAAiB,aACxDF,EAAcL,SAAQQ,IACpBA,EAAIC,gBAAgB,WAAW,G,CAInC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACRtF,KAAKuF,iBACJJ,EAAA,OAAKG,MAAM,qBACTH,EAAA,aAAQnF,KAAKuF,mBAEb,KACJJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBACTH,EAAA,kBAAAE,IAAA,2CACEG,IAAKC,GAAOzF,KAAKP,aAAegG,EAChCC,MAAM,QAAO,mBACK1F,KAAK2F,gBAAe,WAC5B3F,KAAKuB,qBAAoB,WACzBvB,KAAKwB,oBACfG,SAAU3B,KAAK2B,SACfiE,YAAa5F,KAAK6F,mBAIrB7F,KAAK8F,eAAiBX,EAAA,SAAOG,MAAM,iCAAiCtF,KAAK8F,gBAA0B,MAEtGX,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,qBACTH,EAAA,aAAAE,IAAA,2CACEG,IAAKC,GAAOzF,KAAKN,uBAAyB+F,EAC1CM,KAAK,2BACLH,YAAa5F,KAAKO,QAAQ,GAC1B+E,MAAM,+BACNU,QAAShG,KAAKsD,iBAEbtD,KAAKO,SAAS0F,KAAKC,GAAiBf,EAAA,aAAWgB,MAAOD,EAAME,MAAOF,OAEtEf,EAAA,aAAAE,IAAA,2CACEG,IAAKC,GAAOzF,KAAKL,yBAA2B8F,EAC5CM,KAAK,4BACLH,YAAa5F,KAAKS,UAAU,GAC5B6E,MAAM,+BACNU,QAAShG,KAAKsD,iBAEbtD,KAAKS,WAAWwF,KAAKI,GAAmBlB,EAAA,aAAWgB,MAAOE,EAAQD,MAAOC,OAE5ElB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kBACTH,EAAA,QAAAE,IAAA,kDAEFF,EAAA,aAAAE,IAAA,2CACEG,IAAKC,GAAOzF,KAAKJ,qBAAuB6F,EACxCM,KAAK,wBACLH,YAAa5F,KAAKO,QAAQ,IAC1B+E,MAAM,+BACNU,QAAShG,KAAKsD,iBAEbtD,KAAKO,SAAS0F,KAAKC,GAAiBf,EAAA,aAAWgB,MAAOD,EAAME,MAAOF,OAEtEf,EAAA,aAAAE,IAAA,2CACEG,IAAKC,GAAOzF,KAAKH,uBAAyB4F,EAC1CM,KAAK,0BACLH,YAAa5F,KAAKS,UAAU,GAC5B6E,MAAM,+BACNU,QAAShG,KAAKsD,iBAEbtD,KAAKS,WAAWwF,KAAKI,GAAmBlB,EAAA,aAAWgB,MAAOE,EAAQD,MAAOC,QAG7ErG,KAAKsG,eAAiBnB,EAAA,SAAOG,MAAM,iCAAiCtF,KAAKsG,gBAA0B,KAEnGtG,KAAKsD,iBAAmBtD,KAAKuG,aAC5BpB,EAAA,SAAOG,MAAM,mCACXH,EAAA,WAAS/F,KAAMC,EAAmBmH,MAAM,QAAQC,MAAM,YACrDzG,KAAKuG,cAEN,M","ignoreList":[]}