@postnord/pn-marketweb-components 3.5.2 → 4.0.0

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

@@ -0,0 +1,2 @@
+import{r as e,g as t,h as a,d as n}from"./p-82546a44.js";const r={sv:{sharelabel:"Dela med"},en:{sharelabel:"Share to"},da:{sharelabel:"Del med"},no:{sharelabel:"Dele med"},fi:{sharelabel:"Jakaa"},zh:{sharelabel:"Share to"},it:{sharelabel:"Share to"},nl:{sharelabel:"Share to"}};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-share .pn-share__container{display:flex;flex-direction:column;gap:0.8rem}pn-share .pn-share__heading{font-size:1.6rem;font-weight:500}pn-share .pn-share__heading:after{content:"";display:block;height:0.2rem;background-color:#f3f2f2;margin-top:0.4rem;margin-bottom:0.8rem}pn-share .pn-share__items{display:flex;flex-direction:row;gap:0.8rem;align-items:center}';const s=i;const o=[{platform:"linkedin",url:"https://www.linkedin.com/sharing/share-offsite/?url=",text:"LinkedIn"},{platform:"twitter",url:"https://twitter.com/intent/tweet?url=",text:"Twitter"},{platform:"facebook",url:"https://www.facebook.com/sharer/sharer.php?u=",text:"Facebook"}];const h=class{constructor(t){e(this,t);this.link=null;this.language="sv";this.i18n=undefined}get hostElement(){return t(this)}componentWillLoad(){this.setTranslations()}setTranslations(){if(this.language==="nb"){this.language="no"}if(this.language&&r[this.language]){this.i18n=r[this.language]}}onLanguageChange(){this.setTranslations()}render(){return a(n,{key:"64fc418773ad1694c97c3cead91687668d4d0a7d"},a("div",{key:"dedd71bce2dae6d868ea070c85fbb086f72d9ec8",class:"pn-share__container"},a("h3",{key:"a442ce3dcd201e1b9a1079ffc39b140b70e32f78",class:"pn-share__heading"},this.i18n.sharelabel,":"),a("div",{key:"88042477f52053ef2a839ad5b24d11c939a1ff06",class:"pn-share__items"},o.map((e=>a("pn-share-item",{link:`${e.url}${this.link}`,text:e.text},a("pn-icon",{slot:"icon",icon:e.platform})))))))}static get watchers(){return{language:["onLanguageChange"]}}};h.style=s;export{h as pn_share};
+//# sourceMappingURL=p-ce87ff8a.entry.js.map

package/pn-market-web-components/{p-e2e3ac2f.entry.js.map → p-ce87ff8a.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["translations","sv","sharelabel","en","da","no","fi","zh","it","nl","pnShareCss","PnShareStyle0","SHARE_URLS","platform","url","text","PnShare","componentWillLoad","this","setTranslations","language","i18n","onLanguageChange","render","h","Host","key","class","map","link","slot","icon"],"sources":["src/components/cta/pn-share/translations.ts","src/components/cta/pn-share/pn-share.scss?tag=pn-share","src/components/cta/pn-share/pn-share.tsx"],"sourcesContent":["export const translations = {\n  sv: {\n    sharelabel: 'Dela med',\n  },\n  en: {\n    sharelabel: 'Share to',\n  },\n  da: {\n    sharelabel: 'Del med',\n  },\n  no: {\n    sharelabel: 'Dele med',\n  },\n  fi: {\n    sharelabel: 'Jakaa',\n  },\n  zh: {\n    sharelabel: 'Share to',\n  },\n  it: {\n    sharelabel: 'Share to',\n  },\n  nl: {\n    sharelabel: 'Share to',\n  },\n};\n","@import '../../../globals/main.scss';\npn-share {\n  .pn-share__container {\n    display: flex;\n    flex-direction: column;\n    gap: 0.8rem;\n  }\n\n  .pn-share__heading {\n    font-size: 1.6rem;\n    font-weight: 500;\n    &:after {\n      content: '';\n      display: block;\n      height: 0.2rem;\n      background-color: $gray50;\n      margin-top: 0.4rem;\n      margin-bottom: 0.8rem;\n    }\n  }\n\n  .pn-share__items {\n    display: flex;\n    flex-direction: row;\n    gap: 0.8rem;\n    align-items: center;\n  }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translations } from './translations';\n\nconst SHARE_URLS = [\n  { platform: 'linkedin', url: 'https://www.linkedin.com/sharing/share-offsite/?url=', text: 'LinkedIn' },\n  { platform: 'twitter', url: 'https://twitter.com/intent/tweet?url=', text: 'Twitter' },\n  { platform: 'facebook', url: 'https://www.facebook.com/sharer/sharer.php?u=', text: 'Facebook' },\n];\n\n@Component({\n  tag: 'pn-share',\n  styleUrl: 'pn-share.scss',\n})\nexport class PnShare {\n  @Element() hostElement: HTMLElement;\n  @Prop() link: string = null;\n  @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n  @State() i18n: any;\n\n  componentWillLoad() {\n    this.setTranslations();\n  }\n\n  setTranslations() {\n    if (this.language === 'nb') {\n      this.language = 'no';\n    }\n    if (this.language && translations[this.language]) {\n      this.i18n = translations[this.language];\n    }\n  }\n\n  @Watch('language')\n  onLanguageChange() {\n    this.setTranslations();\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-share__container\">\n          <h3 class=\"pn-share__heading\">{this.i18n.sharelabel}:</h3>\n          <div class=\"pn-share__items\">\n            {SHARE_URLS.map(platform => {\n              return (\n                <pn-share-item link={`${platform.url}${this.link}`} text={platform.text}>\n                  <pn-icon slot=\"icon\" icon={platform.platform}></pn-icon>\n                </pn-share-item>\n              );\n            })}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAO,MAAMA,EAAe,CAC1BC,GAAI,CACFC,WAAY,YAEdC,GAAI,CACFD,WAAY,YAEdE,GAAI,CACFF,WAAY,WAEdG,GAAI,CACFH,WAAY,YAEdI,GAAI,CACFJ,WAAY,SAEdK,GAAI,CACFL,WAAY,YAEdM,GAAI,CACFN,WAAY,YAEdO,GAAI,CACFP,WAAY,aCvBhB,MAAMQ,EAAa,4bACnB,MAAAC,EAAeD,ECGf,MAAME,EAAa,CACjB,CAAEC,SAAU,WAAYC,IAAK,uDAAwDC,KAAM,YAC3F,CAAEF,SAAU,UAAWC,IAAK,wCAAyCC,KAAM,WAC3E,CAAEF,SAAU,WAAYC,IAAK,gDAAiDC,KAAM,a,MAOzEC,EAAO,M,mCAEK,K,cACoC,K,qDAG3D,iBAAAC,GACEC,KAAKC,iB,CAGP,eAAAA,GACE,GAAID,KAAKE,WAAa,KAAM,CAC1BF,KAAKE,SAAW,I,CAElB,GAAIF,KAAKE,UAAYpB,EAAakB,KAAKE,UAAW,CAChDF,KAAKG,KAAOrB,EAAakB,KAAKE,S,EAKlC,gBAAAE,GACEJ,KAAKC,iB,CAGP,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,MAAAE,IAAA,2CAAIC,MAAM,qBAAqBT,KAAKG,KAAKnB,WAAU,KACnDsB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACRf,EAAWgB,KAAIf,GAEZW,EAAA,iBAAeK,KAAM,GAAGhB,EAASC,MAAMI,KAAKW,OAAQd,KAAMF,EAASE,MACjES,EAAA,WAASM,KAAK,OAAOC,KAAMlB,EAASA,gB","ignoreList":[]}
+{"version":3,"names":["translations","sv","sharelabel","en","da","no","fi","zh","it","nl","pnShareCss","PnShareStyle0","SHARE_URLS","platform","url","text","PnShare","componentWillLoad","this","setTranslations","language","i18n","onLanguageChange","render","h","Host","key","class","map","link","slot","icon"],"sources":["src/components/cta/pn-share/translations.ts","src/components/cta/pn-share/pn-share.scss?tag=pn-share","src/components/cta/pn-share/pn-share.tsx"],"sourcesContent":["export const translations = {\n  sv: {\n    sharelabel: 'Dela med',\n  },\n  en: {\n    sharelabel: 'Share to',\n  },\n  da: {\n    sharelabel: 'Del med',\n  },\n  no: {\n    sharelabel: 'Dele med',\n  },\n  fi: {\n    sharelabel: 'Jakaa',\n  },\n  zh: {\n    sharelabel: 'Share to',\n  },\n  it: {\n    sharelabel: 'Share to',\n  },\n  nl: {\n    sharelabel: 'Share to',\n  },\n};\n","@import '../../../globals/main.scss';\npn-share {\n  .pn-share__container {\n    display: flex;\n    flex-direction: column;\n    gap: 0.8rem;\n  }\n\n  .pn-share__heading {\n    font-size: 1.6rem;\n    font-weight: 500;\n    &:after {\n      content: '';\n      display: block;\n      height: 0.2rem;\n      background-color: $gray50;\n      margin-top: 0.4rem;\n      margin-bottom: 0.8rem;\n    }\n  }\n\n  .pn-share__items {\n    display: flex;\n    flex-direction: row;\n    gap: 0.8rem;\n    align-items: center;\n  }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { translations } from './translations';\n\nconst SHARE_URLS = [\n  { platform: 'linkedin', url: 'https://www.linkedin.com/sharing/share-offsite/?url=', text: 'LinkedIn' },\n  { platform: 'twitter', url: 'https://twitter.com/intent/tweet?url=', text: 'Twitter' },\n  { platform: 'facebook', url: 'https://www.facebook.com/sharer/sharer.php?u=', text: 'Facebook' },\n];\n\n@Component({\n  tag: 'pn-share',\n  styleUrl: 'pn-share.scss',\n})\nexport class PnShare {\n  @Element() hostElement: HTMLElement;\n  @Prop() link: string = null;\n  @Prop({ mutable: true, reflect: true }) language: string = 'sv';\n  @State() i18n: any;\n\n  componentWillLoad() {\n    this.setTranslations();\n  }\n\n  setTranslations() {\n    if (this.language === 'nb') {\n      this.language = 'no';\n    }\n    if (this.language && translations[this.language]) {\n      this.i18n = translations[this.language];\n    }\n  }\n\n  @Watch('language')\n  onLanguageChange() {\n    this.setTranslations();\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-share__container\">\n          <h3 class=\"pn-share__heading\">{this.i18n.sharelabel}:</h3>\n          <div class=\"pn-share__items\">\n            {SHARE_URLS.map(platform => {\n              return (\n                <pn-share-item link={`${platform.url}${this.link}`} text={platform.text}>\n                  <pn-icon slot=\"icon\" icon={platform.platform}></pn-icon>\n                </pn-share-item>\n              );\n            })}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAO,MAAMA,EAAe,CAC1BC,GAAI,CACFC,WAAY,YAEdC,GAAI,CACFD,WAAY,YAEdE,GAAI,CACFF,WAAY,WAEdG,GAAI,CACFH,WAAY,YAEdI,GAAI,CACFJ,WAAY,SAEdK,GAAI,CACFL,WAAY,YAEdM,GAAI,CACFN,WAAY,YAEdO,GAAI,CACFP,WAAY,aCvBhB,MAAMQ,EAAa,qwBACnB,MAAAC,EAAeD,ECGf,MAAME,EAAa,CACjB,CAAEC,SAAU,WAAYC,IAAK,uDAAwDC,KAAM,YAC3F,CAAEF,SAAU,UAAWC,IAAK,wCAAyCC,KAAM,WAC3E,CAAEF,SAAU,WAAYC,IAAK,gDAAiDC,KAAM,a,MAOzEC,EAAO,M,mCAEK,K,cACoC,K,qDAG3D,iBAAAC,GACEC,KAAKC,iB,CAGP,eAAAA,GACE,GAAID,KAAKE,WAAa,KAAM,CAC1BF,KAAKE,SAAW,I,CAElB,GAAIF,KAAKE,UAAYpB,EAAakB,KAAKE,UAAW,CAChDF,KAAKG,KAAOrB,EAAakB,KAAKE,S,EAKlC,gBAAAE,GACEJ,KAAKC,iB,CAGP,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,MAAAE,IAAA,2CAAIC,MAAM,qBAAqBT,KAAKG,KAAKnB,WAAU,KACnDsB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACRf,EAAWgB,KAAIf,GAEZW,EAAA,iBAAeK,KAAM,GAAGhB,EAASC,MAAMI,KAAKW,OAAQd,KAAMF,EAASE,MACjES,EAAA,WAASM,KAAK,OAAOC,KAAMlB,EAASA,gB","ignoreList":[]}

package/pn-market-web-components/p-cf8a1fb9.js

@@ -0,0 +1,2 @@
+import{F as e}from"./p-3478f368.js";import{L as t}from"./p-8d78b631.js";class r{_endpoint;_levelupAuthorizePath=`/api/levelup/level-up-authorize`;_levelupTokenGrantPath=`/api/levelup/level-up-token-grant`;levelupLocalStorageKey="levelup";fetchHelper=new e("PnLevelUpService");_storage=new t;constructor(e){this._endpoint=this.formatEndpoint(e)}newLevelupUser(){let e=18e4;this._storage.set(this.levelupLocalStorageKey,{expire:Date.now()+e})}async levelupAuthorize(e,t){if(!e){return t}let r={system:e};const s=this._endpoint+this._levelupAuthorizePath;const n=await this.fetchHelper.fetchJson(s,this.getRequestInit(r),false);return this.handleResponse(n,t)}async levelupTokenGrant(e,t,r){if(!e){return r}let s={id:e,loopSeconds:t};const n=this._endpoint+this._levelupTokenGrantPath;const i=await this.fetchHelper.fetchJson(n,this.getRequestInit(s),false);return this.handleResponse(i,r)}formatEndpoint(e){return e.lastIndexOf("/")===e.length-1?e.substring(0,e.length-1):e}handleResponse(e,t,r=false){if(!e){return t}let s=JSON.parse(e);if(!s||r&&!Array.isArray(s)){return t}return s}getRequestInit(e,t="POST",r="cors",s="application/json"){return{mode:r,method:t,headers:{"Content-Type":s,CustomValidateAntiForgeryToken:"0111000001101110011000110110000101110100"},body:JSON.stringify(e)}}}export{r as P};
+//# sourceMappingURL=p-cf8a1fb9.js.map

package/pn-market-web-components/p-cf8a1fb9.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PnLevelUpService","_endpoint","_levelupAuthorizePath","_levelupTokenGrantPath","levelupLocalStorageKey","fetchHelper","FetchHelper","_storage","LocalStorageService","constructor","endpoint","this","formatEndpoint","newLevelupUser","threeMinutesInMilliseconds","set","expire","Date","now","levelupAuthorize","system","defaultReturn","model","fetchUrl","data","fetchJson","getRequestInit","handleResponse","levelupTokenGrant","id","loopSeconds","lastIndexOf","length","substring","checkForArray","parsedData","JSON","parse","Array","isArray","method","mode","contentTypes","headers","CustomValidateAntiForgeryToken","body","stringify"],"sources":["src/components/widgets/pn-level-up/pn-level-up.service.ts"],"sourcesContent":["import { FetchHelper } from '@/globals/FetchHelper';\nimport { LevelUpAuthorizeParameters, LevelUpAuthResponse, LevelUpTokenGrantParameters, LevelUpTokenGrantResponse } from './pn-level-up.models';\nimport { LocalStorageService } from '@/globals/LocalStorageService';\n\nexport class PnLevelUpService {\n  private readonly _endpoint;\n  private readonly _levelupAuthorizePath = `/api/levelup/level-up-authorize`;\n  private readonly _levelupTokenGrantPath = `/api/levelup/level-up-token-grant`;\n  private readonly levelupLocalStorageKey = 'levelup';\n  \n  private fetchHelper = new FetchHelper('PnLevelUpService');\n  private _storage: LocalStorageService = new LocalStorageService();\n\n  constructor(endpoint: string) {\n    this._endpoint = this.formatEndpoint(endpoint);\n  }\n\n  public newLevelupUser() {\n    let threeMinutesInMilliseconds = 180000;\n    this._storage.set(this.levelupLocalStorageKey, { expire: Date.now() + threeMinutesInMilliseconds });\n  }\n\n  public async levelupAuthorize(system: string, defaultReturn: LevelUpAuthResponse) : Promise<LevelUpAuthResponse> {\n    if (!system) {\n      return defaultReturn;\n    }\n\n    let model: LevelUpAuthorizeParameters = {\n      system: system\n    };\n\n    const fetchUrl = this._endpoint + this._levelupAuthorizePath;\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      this.getRequestInit(model),\n      false,\n    )) as string;\n\n    return this.handleResponse<LevelUpAuthResponse>(data, defaultReturn);\n  }\n  \n  public async levelupTokenGrant(id: string, loopSeconds: string, defaultReturn: LevelUpTokenGrantResponse) : Promise<LevelUpTokenGrantResponse> {\n    if (!id) {\n      return defaultReturn;\n    }\n\n    let model: LevelUpTokenGrantParameters = {\n      id: id,\n      loopSeconds: loopSeconds\n    };\n\n    const fetchUrl = this._endpoint + this._levelupTokenGrantPath;\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      this.getRequestInit(model),\n      false,\n    )) as string;\n\n    return this.handleResponse<LevelUpTokenGrantResponse>(data, defaultReturn);\n  }\n  \n  private formatEndpoint(endpoint: string) : string {\n    return endpoint.lastIndexOf('/') === endpoint.length - 1 ? endpoint.substring(0, endpoint.length - 1) : endpoint;\n  }\n\n  private handleResponse<T>(data : any, defaultReturn : any, checkForArray: boolean = false) {\n    if (!data) {\n      return defaultReturn;\n    }\n\n    let parsedData = JSON.parse(data) as T;\n    if (!parsedData || checkForArray && !Array.isArray(parsedData)) {\n      return defaultReturn;\n    }\n\n    return parsedData;\n  }\n  \n  private getRequestInit(model: any, method: string = 'POST', mode: RequestMode = 'cors', contentTypes: string = 'application/json'): RequestInit {\n    return {\n      mode: mode,\n      method: method,\n      headers: \n      {\n        'Content-Type': contentTypes,\n        'CustomValidateAntiForgeryToken': \"0111000001101110011000110110000101110100\"\n      },\n      body: JSON.stringify(model)\n    };\n  }\n}"],"mappings":"8EAIaA,EACMC,UACAC,sBAAwB,kCACxBC,uBAAyB,oCACzBC,uBAAyB,UAElCC,YAAc,IAAIC,EAAY,oBAC9BC,SAAgC,IAAIC,EAE5C,WAAAC,CAAYC,GACVC,KAAKV,UAAYU,KAAKC,eAAeF,E,CAGhC,cAAAG,GACL,IAAIC,EAA6B,KACjCH,KAAKJ,SAASQ,IAAIJ,KAAKP,uBAAwB,CAAEY,OAAQC,KAAKC,MAAQJ,G,CAGjE,sBAAMK,CAAiBC,EAAgBC,GAC5C,IAAKD,EAAQ,CACX,OAAOC,C,CAGT,IAAIC,EAAoC,CACtCF,OAAQA,GAGV,MAAMG,EAAWZ,KAAKV,UAAYU,KAAKT,sBACvC,MAAMsB,QAAcb,KAAKN,YAAYoB,UACnCF,EACAZ,KAAKe,eAAeJ,GACpB,OAGF,OAAOX,KAAKgB,eAAoCH,EAAMH,E,CAGjD,uBAAMO,CAAkBC,EAAYC,EAAqBT,GAC9D,IAAKQ,EAAI,CACP,OAAOR,C,CAGT,IAAIC,EAAqC,CACvCO,GAAIA,EACJC,YAAaA,GAGf,MAAMP,EAAWZ,KAAKV,UAAYU,KAAKR,uBACvC,MAAMqB,QAAcb,KAAKN,YAAYoB,UACnCF,EACAZ,KAAKe,eAAeJ,GACpB,OAGF,OAAOX,KAAKgB,eAA0CH,EAAMH,E,CAGtD,cAAAT,CAAeF,GACrB,OAAOA,EAASqB,YAAY,OAASrB,EAASsB,OAAS,EAAItB,EAASuB,UAAU,EAAGvB,EAASsB,OAAS,GAAKtB,C,CAGlG,cAAAiB,CAAkBH,EAAYH,EAAqBa,EAAyB,OAClF,IAAKV,EAAM,CACT,OAAOH,C,CAGT,IAAIc,EAAaC,KAAKC,MAAMb,GAC5B,IAAKW,GAAcD,IAAkBI,MAAMC,QAAQJ,GAAa,CAC9D,OAAOd,C,CAGT,OAAOc,C,CAGD,cAAAT,CAAeJ,EAAYkB,EAAiB,OAAQC,EAAoB,OAAQC,EAAuB,oBAC7G,MAAO,CACLD,KAAMA,EACND,OAAQA,EACRG,QACA,CACE,eAAgBD,EAChBE,+BAAkC,4CAEpCC,KAAMT,KAAKU,UAAUxB,G","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{g as t,r as i,c as e,h as s,d as n}from"./p-82546a44.js";import{d as l}from"./p-3e4d9396.js";import{p as o}from"./p-df8bfe03.js";import{v as h}from"./p-4ed69de7.js";const d={sv:{dropdownPlaceholder:"Välj ett alternativ"},en:{dropdownPlaceholder:"Select an option"},da:{dropdownPlaceholder:"Vælg en mulighed"}};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-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__row{margin-bottom:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__delete{display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;background-color:#f9f8f8}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__delete pn-button{margin-top:0.9rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__label-row{display:flex;gap:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__label{width:30%;font-size:0.875em;color:#5e554a}pn-dropdown-with-multi-input-rows .sum-row{display:flex;justify-content:space-between}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__dropdown{display:inline-flex;align-items:center}pn-dropdown-with-multi-input-rows small{max-width:70%;margin:1rem;align-self:center;position:relative;top:1rem}pn-dropdown-with-multi-input-rows .dropdown-with-multi-input-element__row .dropdown-with-multi-input-element__dropdown .pn-row-select-dropdown .pn-select .pn-select-input .pn-select-content{width:18rem}";const a=r;const u=class{get hostElement(){return t(this)}pnFirstDropdown=null;pnSecondDropdown=null;pnSumField=null;pnConfirmDeleteButton=null;pnAbortDeleteButton=null;allFormValues;_firstDropdownSelection=null;_secondDropdownSelection=null;_defaultRow;constructor(t){i(this,t);this.allFormValues=e(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.firstInputLabel=null;this.firstInputPlaceholder=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.disabledDates=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.rowData=null;this.formValues=null;this.firstValidDateString="";this.lastValidDateString="";this.rowSum=null;this.minRowCount=null;this.showDeleteConfirm=false;this.i18n=undefined;this._defaultRow={id:this.generateUniqueId(),firstInput:"",secondInput:this.secondInputWarning!==null?this.secondInputWarning.toString():"",date:""}}componentWillLoad(){this.formValues=[];this.setDropDownData();this.updateSecondDropdown();this.setRowData();this.setFirstValidDate();this.setTranslations()}setTranslations(){this.i18n=d[this.languageCode]||d["en"]}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]}}generateUniqueId(){return h()}setFirstValidDate(){const t=this.yearsToAddToEndDate?this.yearsToAddToEndDate:2;const i=new Date;i.setDate(i.getDate()+this.dateDaysFromToday);const e=i.getFullYear();const s=(i.getMonth()+1).toString().padStart(2,"0");const n=i.getDate().toString().padStart(2,"0");const l=e+t;this.firstValidDateString=`${e.toString()}-${s}-${n}`;this.lastValidDateString=`${l.toString()}-${s}-${n}`}addRow(t){const i=Object.assign({},this.rowData[0]);i.id=t?t:this.generateUniqueId();i.date="";this.rowData=[...this.rowData,i];this.secondDropdownArr=[...this.secondDropdownArr];this.updateSum();this.emitValuesIfValid()}handleFirstDropdown=l((t=>{const i=t.target;const e=i?.value;if(!e?.length){return}const s=this.dropdownDataRoot.find((t=>t.value.toString()===e));this.minRowCount=s.value;if(s.value>this._secondDropdownSelection){this.dropdownDataRoot=[...this.dropdownDataRoot];for(let t=this.rowData?.length;t<s.value;t++){this.addRow(this.generateUniqueId())}}this.updateSecondDropdown();this.updateSum();this.emitValuesIfValid()}));handleSecondDropdown=l((t=>{const i=t.target;const e=i?.value;if(!e){return}const s=e;if(!s?.length){return}const n=parseInt(s);if(n<this._secondDropdownSelection){this.showDeleteConfirm=true}else{for(let t=this.rowData?.length;t<n;t++){this.addRow(this.generateUniqueId())}}this._secondDropdownSelection=n;this.updateSum();this.emitValuesIfValid()}));predefinedValueChange(t){const i=this.rowData?.findIndex((i=>i.id===t.detail.id));const e=t.detail;this.rowData[i]={...this.rowData[i],firstInput:e.firstInput,secondInput:e.secondInput,date:e.date};if(t.type==="firstInputChange"&&i===0){this.updateFirstInputOfRows(e.firstInput)}if(t.type==="secondInputChange"&&i===0){this.updateSecondInputOfRows(e.secondInput)}this.rowData=[...this.rowData];this.emitValuesIfValid();this.updateSum()}updateFirstInputOfRows(t){for(let i=1;i<this.rowData?.length;i++){this.rowData[i]={...this.rowData[i],firstInput:t}}}updateSecondInputOfRows(t){for(let i=1;i<this.rowData?.length;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.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(){if(this._secondDropdownSelection===null){return}const t=this.rowData?.length-this._secondDropdownSelection;for(let i=0;i<t;i++){this.rowData?.pop()}this.rowData=[...this.rowData];this.showDeleteConfirm=false;this.updateSum()}abortDeleteRows(){this.showDeleteConfirm=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 e={name:this.firstInputLabel,value:t.firstInput};i.row.push(e)}if(t.secondInput?.length){const e={name:this.secondInputLabel,value:t.secondInput};i.row.push(e)}if(t.date){const e={name:this.dateLabel,value:t.date};i.row.push(e)}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 s(n,{key:"d9992e503344eb152be393b957716e25bd89171a",class:"dropdown-with-multi-input-element"},s("div",{key:"1fcee1e584d6f0687ad54f968750129e2ee87855",class:"dropdown-with-multi-input-element__row"},s("div",{key:"de06f80ae79b4a3f7dbd90a7c8fc984e431ad5e3",class:"dropdown-with-multi-input-element__dropdown"},s("pn-select",{key:"ff1d4ae35266f01206f9100d3eb48193f75c5f3a",ref:t=>this.pnFirstDropdown=t,onChange:l(this.handleFirstDropdown.bind(this),500),class:"pn-row-select-dropdown dropDown1-dropdown",label:this.firstDropdownLabel,language:this.languageCode},s("option",{key:"515bb0593a47aec2763f73798725bbf20db64b8c",value:"",disabled:true,selected:true},this.i18n.dropdownPlaceholder),this.dropdownDataRoot?.map((t=>s("option",{value:t.value},t.label)))),this.firstDropdownHelperText?.length?s("small",null,this.firstDropdownHelperText):null)),s("div",{key:"ddc383429253a9338d95542a73caf42d5d67ccd0",class:"dropdown-with-multi-input-element__row"},s("div",{key:"ae2087bfa6efb48882fbfcfd7fabfaa2e4aa195d",class:"dropdown-with-multi-input-element__dropdown"},s("pn-select",{key:"e4c79dde30b1c21ccd6265b72bdc8769b6f167de",ref:t=>this.pnSecondDropdown=t,onChange:l(this.handleSecondDropdown.bind(this),500),class:"pn-row-select-dropdown dropDown2-dropdown",label:this.secondDropdownLabel,language:this.languageCode},s("option",{key:"9384dc96252920c25606ab2db38c25c65340cd23",value:"",disabled:true,selected:true},this.i18n.dropdownPlaceholder),this.secondDropdownArr?.map((t=>s("option",{value:t},t)))),this.secondDropdownHelperText?.length?s("small",null,this.secondDropdownHelperText):null)),this.showDeleteConfirm?s("div",{class:"dropdown-with-multi-input-element__delete"},s("p",null,this.deleteMultipleRowsWarningText),s("pn-button",{ref:t=>this.pnConfirmDeleteButton=t,small:"true",appearance:"warning",onClick:this.deleteExcessRows.bind(this)},this.confirmDeleteButtonText),s("pn-button",{ref:t=>this.pnAbortDeleteButton=t,small:"true",appearance:"light",onClick:this.abortDeleteRows.bind(this)},this.abortDeleteButtonText)):null,s("div",{key:"e2a18a378964fc9e31f534a2d9432e002c674a48",class:"dropdown-with-multi-input-element__label-row"},s("div",{key:"9fce1185add5a750898aa75057263ea93ee050a7",class:"dropdown-with-multi-input-element__label"},s("label",{key:"4b33a863f16cf020282da9d7bad7dcd81a941e74"},this.firstInputLabel)),s("div",{key:"a28e0b57e3cc5c7cd3b5693b432665d684df1c7b",class:"dropdown-with-multi-input-element__label"},s("label",{key:"ed4580f6a1d0eb793c00e03078a0f9acc80ce3c8"},this.secondInputLabel)),s("div",{key:"a20a403e978d9ef0c8e63e6df3048f8d16c9a917",class:"dropdown-with-multi-input-element__label"},s("label",{key:"2be0daa6b5ef9cbef7af2ee2b2c23f537de8ec8d"},this.dateLabel))),this.rowData?.map(((t,i)=>s("div",{class:"dropdown-with-multi-input-element__row generated-row-"+i,id:"generated-row-"+i},s("pn-dropdown-with-multi-input-rows-row",{"language-code":this.languageCode,"first-input-placeholder":this.firstInputPlaceholder,"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,"disabled-dates":this.disabledDates})))),s("div",{key:"ac42ac72b4f63b207fd099406c4af82b7659f1e2",class:"dropdown-with-multi-input-element__row sum-row"},s("pn-input",{key:"966ce0ab3d9a40607898ea1121e17c9ab0a9f569",disabled:true,ref:t=>this.pnSumField=t,type:"number",value:this.rowSum,label:this.sumFieldLabel}),s("pn-button",{key:"b526f744b87020adfe852bbc68dd4ccc80cb17b8",tooltip:this.addRowText?this.addRowText:null,"left-icon":"true",arialabel:"Add",icon:o,appearance:"light",variant:"borderless",class:"connected-dropdown__button-right",onClick:()=>{this.addRow(this.generateUniqueId())}},this.addRowText)),this.elementHelperText?.length?s("div",{class:"dropdown-with-multi-input-element__row"},this.elementHelperText):null)}static get watchers(){return{languageCode:["setTranslations"]}}};u.style=a;export{u as pn_dropdown_with_multi_input_rows};
+//# sourceMappingURL=p-d17af75d.entry.js.map

package/pn-market-web-components/{p-b693f78a.entry.js.map → p-d17af75d.entry.js.map}

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

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

@@ -0,0 +1,2 @@
+import{r as t,c as e,g as n,h as o,d as i}from"./p-82546a44.js";import{d as s}from"./p-3e4d9396.js";import{m as d}from"./p-b2f2fbb6.js";import{v as r}from"./p-4ed69de7.js";const l="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-row{gap:1rem}pn-multi-row-connected-dropdown-row pn-date-picker .pn-date-picker{container-type:normal}pn-multi-row-connected-dropdown-row .connected-dropdown__row.input-row pn-select,pn-multi-row-connected-dropdown-row .connected-dropdown__row.input-row pn-input{width:25%}pn-multi-row-connected-dropdown-row .connected-dropdown-parent-element{margin-bottom:0.5rem}pn-multi-row-connected-dropdown-row pn-select{width:35%}pn-multi-row-connected-dropdown-row pn-marketweb-input{width:10%}pn-multi-row-connected-dropdown-row pn-marketweb-input input{height:4.3rem}pn-multi-row-connected-dropdown-row .connected-dropdown{padding:1rem;border-left:0.2rem solid #005d92}pn-multi-row-connected-dropdown-row .connected-dropdown:hover{background-color:#f9f8f8}pn-multi-row-connected-dropdown-row .connected-dropdown__toggle-date-button{width:20%;margin-bottom:0.5rem;align-self:center}pn-multi-row-connected-dropdown-row .connected-dropdown__row{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem;justify-content:space-between}pn-multi-row-connected-dropdown-row .connected-dropdown__row__no-margin{margin:0}pn-multi-row-connected-dropdown-row .connected-dropdown__multi-date-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}pn-multi-row-connected-dropdown-row .connected-dropdown__button-container{display:flex;align-items:flex-end;gap:1rem}pn-multi-row-connected-dropdown-row .connected-dropdown__button{background-color:#ffffff;border:solid;border-width:0.1rem;border-radius:0.8rem;border-color:#005d92;padding:0.4rem 0.8rem;color:#005d92;font-size:1.4rem;text-align:center;text-decoration:none;cursor:pointer}pn-multi-row-connected-dropdown-row .connected-dropdown__button:hover,pn-multi-row-connected-dropdown-row .connected-dropdown__button.active{background-color:#0d234b;border-color:#0d234b;color:#ffffff}pn-multi-row-connected-dropdown-row .connected-dropdown__buttom-container-right{display:flex}pn-multi-row-connected-dropdown-row .connected-dropdown__button-right{margin-left:auto}pn-multi-row-connected-dropdown-row .connected-dropdown__label-container{margin-bottom:0.4rem;color:#5e554a;font-size:0.875em;justify-content:space-between;align-items:flex-end}pn-multi-row-connected-dropdown-row .connected-dropdown__checkbox{display:flex;gap:0.5rem}pn-multi-row-connected-dropdown-row .connected-dropdown__date-slot{border:0.1rem solid #005d92;margin-bottom:1rem;padding:1rem}pn-multi-row-connected-dropdown-row .generated-date-row{border-bottom:0.1rem solid #005d92}";const h=l;const c=class{constructor(n){t(this,n);this.rowValueChange=e(this,"rowValueChange",7);this.deleteRowEvent=e(this,"deleteRowEvent",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=1;this.allowMultipleDates=null;this.startDateLabel=null;this.endDateLabel=null;this.multiDateHelperText=null;this.generateDatesButtonText=null;this.saveDateButtonText=null;this.noDatesText=null;this.index=null;this.predefinedValue=null;this.yearsToAddToEndDate=null;this.minAmount=null;this.errorMessageEmpty=undefined;this.errorMessageMinAmount=undefined;this.minWarningAmount=null;this.warningMessageMinAmount=undefined;this.buttonsArray=null;this.firstDropdownArr=null;this.secondDropdownArr=[];this.firstDropdownClass=null;this.secondDropdownClass=null;this.firstValidDateString="";this.lastValidDateString="";this.firstDropdownPlaceholder="-";this.secondDropdownPlaceholder="-";this.startDateValue="";this.endDateValue="";this.generatedDatesArr=[];this.selectedButtonValue="";this.inputFieldValue="";this.dateValue="";this.daysArr=null}get hostElement(){return n(this)}_dropdownData;_predefinedValue;pnConnectedDropdown=null;pnConnectedDropdownSlotElement=null;pnAddFieldButton=null;pnFirstDropdown=null;pnSecondDropdown=null;pnInputField=null;pnSingleDatePicker=null;pnStartDate=null;pnEndDate=null;pnShowDateRangeFiledButton=null;pnDateRangeContainer=null;pnGenerateDatesButton=null;pnDaysRow=null;pnGeneratedDatesSlot=null;pnSaveGeneratedDatesButton=null;pnDeleteRowButton=null;rowValueChange;deleteRowEvent;componentWillLoad(){this.getPredefinedValues();this.setDropDownData();this.setFirstValidDate();this.setInitialValues()}componentDidLoad(){this.addEventHandlers();this.emitRowValues()}setDropDownData(){if(typeof this.dropdownData==="string"){this._dropdownData=JSON.parse(this.dropdownData)}else{this._dropdownData=this.dropdownData}}getPredefinedValues(){this._predefinedValue=JSON.parse(this.predefinedValue)}applyPredefinedValue(){this.getPredefinedValues()}setInitialValues(){this.setButtonsValue();this.setFirstDropdownValues();this.setSecondDropdownValues();this.setInputField();this.setDateValue();this.setDateRangeDefaults();this.firstDropdownClass=this.firstDropdownLabel.replace(" ","_")+"-dropdown";this.secondDropdownClass=this.secondDropdownLabel.replace(" ","_")+"-dropdown"}setButtonsValue(){this.buttonsArray=[];if(this._predefinedValue.buttons?.length){this.buttonsArray=this._predefinedValue.buttons;this.buttonsArray.forEach((t=>{if(t.selected){this.selectedButtonValue=t.value}}))}else{this._dropdownData.forEach((t=>{const e={selected:false,value:t.label,label:t.label};this.buttonsArray.push(e)}))}}setFirstDropdownValues(){this.firstDropdownArr=[];if(this._predefinedValue.firstDropdown?.length){this.firstDropdownArr=[...this._predefinedValue.firstDropdown]}}setSecondDropdownValues(){this.secondDropdownArr=[];if(this._predefinedValue.secondDropdown?.length){this.secondDropdownArr=[...this._predefinedValue.secondDropdown]}}setInputField(){this.inputFieldValue=this._predefinedValue.input?.length?this._predefinedValue.input:""}setDateValue(){if(this.allowMultipleDates){if(this.pnDateRangeContainer){this.pnDateRangeContainer.style.display=this._predefinedValue.dates["start"]?.length?"":"none"}this.generatedDatesArr=this._predefinedValue.dates["start"]?.length?this._predefinedValue.dates["start"].split(","):[];this.saveGeneratedDates()}else{this.dateValue=this._predefinedValue.dates["start"]?.length?this._predefinedValue.dates["start"]:""}}setDateRangeDefaults(){this.daysArr=this._predefinedValue.dateRange.days;this.startDateValue=this._predefinedValue.dateRange.startDate?.length?this._predefinedValue.dateRange.startDate:"";this.endDateValue=this._predefinedValue.dateRange.endDate?.length?this._predefinedValue.dateRange.endDate:""}setFirstValidDate(){const t=this.yearsToAddToEndDate?this.yearsToAddToEndDate:2;const e=new Date;e.setDate(e.getDate()+this.dateDaysFromToday);const n=e.getFullYear();const o=(e.getMonth()+1).toString().padStart(2,"0");const i=e.getDate().toString().padStart(2,"0");const s=n+t;this.firstValidDateString=`${n.toString()}-${o}-${i}`;this.lastValidDateString=`${s.toString()}-${o}-${i}`}addEventHandlers(){const t=s(this.emitRowValues.bind(this),500);this.pnInputField.addEventListener("keyup",this.handleInput.bind(this));this.pnInputField.addEventListener("change",this.handleInput.bind(this));this.pnInputField.addEventListener("input",this.handleInput.bind(this));this.pnInputField.addEventListener("keyup",t);this.pnInputField.addEventListener("change",t);this.pnInputField.addEventListener("input",t);this.pnFirstDropdown.addEventListener("change",this.handleFirstDropdownChange.bind(this));this.pnSecondDropdown.addEventListener("change",this.handleSecondDropdownChange.bind(this));if(this.allowMultipleDates){this.pnShowDateRangeFiledButton.addEventListener("click",this.showDateRangeRow.bind(this));this.pnGenerateDatesButton.addEventListener("click",this.generateDates.bind(this));this.pnSaveGeneratedDatesButton.addEventListener("click",this.saveGeneratedDates.bind(this));this.pnSaveGeneratedDatesButton.addEventListener("click",t);this.pnStartDate.addEventListener("dateselection",this.handleDateSelection.bind(this));this.pnEndDate.addEventListener("dateselection",this.handleDateSelection.bind(this))}else{this.pnSingleDatePicker.addEventListener("dateselection",this.handleDateSelection.bind(this));this.pnSingleDatePicker.addEventListener("dateselection",t)}if(this.index>0){this.pnDeleteRowButton.addEventListener("click",this.deleteRow.bind(this))}}generateUniqueId(){return r()}updateSelectItemArr(t,e){t.forEach((t=>{if(t.value===e){t.selected=!t.selected}else{t.selected=false}}));return t}handleOptionButtonClick(t){t.preventDefault();const e=t.target.innerHTML;this.firstDropdownArr=[];this.secondDropdownArr=[];this.firstDropdownPlaceholder="-";this.secondDropdownPlaceholder="-";this.buttonsArray=[...this.updateSelectItemArr(this.buttonsArray,e)];this.selectedButtonValue=this.buttonsArray.some((t=>t.selected))?e:"";if(this.selectedButtonValue?.length){const t=this._dropdownData.find((t=>t.label===e));if(t){this.firstDropdownArr=t.values.map((t=>({selected:false,value:t.label,label:t.label})))}this.firstDropdownPlaceholder=this.dropdownPlaceholder;this.secondDropdownArr=[];this.secondDropdownPlaceholder="-"}else{this.firstDropdownArr=[];this.firstDropdownPlaceholder="-";this.secondDropdownArr=[];this.secondDropdownPlaceholder="-"}const n=this.pnFirstDropdown.querySelector("select");if(n){n.value=""}const o=this.pnSecondDropdown.querySelector("select");if(o){o.value=""}const i=this.pnFirstDropdown.querySelector(".pn-select option[disabled]");if(i){i.textContent=this.firstDropdownPlaceholder}const s=this.pnSecondDropdown.querySelector(".pn-select option[disabled]");if(s){s.textContent=this.secondDropdownPlaceholder}}handleFirstDropdownChange(t){var e=t.target;const n=e.value;this.firstDropdownArr=[...this.updateSelectItemArr(this.firstDropdownArr,n)];this.secondDropdownArr=[];const o=this.buttonsArray.findIndex((t=>t.selected===true));const i=this._dropdownData.find((t=>t.label===this.buttonsArray[o].value));const s=i.values.find((t=>t.label===n));s.values.forEach((t=>{this.secondDropdownArr.push({selected:false,value:t.label,label:t.label})}));const d=this.pnSecondDropdown.querySelector(".pn-select option[disabled]");if(d){d.textContent=this.dropdownPlaceholder}this.emitRowValues()}handleSecondDropdownChange(t){var e=t.target;const n=e.value;this.secondDropdownArr=[...this.updateSelectItemArr(this.secondDropdownArr,n)];this.emitRowValues()}handleInput(t){const e=t.target.value;const n=t.target.closest(".input-amount");if(!n){return}if(Number(e)===0){n.setAttribute("error",this.errorMessageEmpty||"Cannot be empty");n.removeAttribute("helpertext");this.inputFieldValue="";return}n.removeAttribute("error");n.removeAttribute("helpertext");if(Number(e)<this.minAmount){n.setAttribute("error",this.errorMessageMinAmount||"Amount too low");this.inputFieldValue="";return}if(Number(e)<this.minWarningAmount){n.setAttribute("helpertext",this.warningMessageMinAmount||"Amount too low")}this.inputFieldValue=e}showDateRangeRow(){if(this.pnDateRangeContainer.style.display==="none"){this.pnDateRangeContainer.style.display=""}else{this.pnDateRangeContainer.style.display="none"}}handleDateSelection(t){const e=t.target;if(e===this.pnSingleDatePicker){this.dateValue=e.value||e.start||""}if(e===this.pnStartDate){this.startDateValue=e.value||e.start||""}if(e===this.pnEndDate){this.endDateValue=e.value||e.start||""}}generateDates(t){t.preventDefault();const e=this.pnDaysRow.querySelectorAll("pn-filter-checkbox");const n=[];this.generatedDatesArr=[];e.forEach((t=>{const e=t.querySelector("input");if(e.value){n.push(e.value)}}));if(n.length&&this.startDateValue&&this.endDateValue){this.daysArr.forEach((t=>{t.selected=n.includes(t.value)}));const t=new Date(this.startDateValue);const e=new Date(this.endDateValue);const o=new Set(this.disabledDates.split(","));for(let i=new Date(t);i<=e;i.setDate(i.getDate()+1)){const t=i.getFullYear();const e=(i.getMonth()+1).toString().padStart(2,"0");const s=i.getDate().toString().padStart(2,"0");const d=`${t}-${e}-${s}`;if(o.has(d)){continue}const r=i.getDay()===0?"7":i.getDay().toString();if(n.includes(r)){this.generatedDatesArr.push(d)}}}}deleteGeneratedDateRow(t){this.generatedDatesArr.splice(t,1);this.generatedDatesArr=[...this.generatedDatesArr]}saveGeneratedDates(){if(this.generatedDatesArr?.length){this.dateValue=this.generatedDatesArr.join(",");const t=this.generatedDatesArr.length;const e=this.pnShowDateRangeFiledButton.querySelector(".pn-button-content");e.innerHTML=t>0?`${this.dateButtonText} (${t})`:this.dateButtonText;this.showDateRangeRow()}}emitRowValues(){this.rowValueChange.emit({id:this._predefinedValue.id,buttons:this.buttonsArray,firstDropdown:this.firstDropdownArr,secondDropdown:this.secondDropdownArr,input:this.inputFieldValue,dates:this.dateValue,dateRange:{days:this.daysArr,startDate:this.startDateValue,endDate:this.endDateValue}})}deleteRow(){this.deleteRowEvent.emit(this._predefinedValue.id)}setActive(t){return t?"connected-dropdown__button active":"connected-dropdown__button"}render(){return o(i,{key:"3be033df5e2edc072e18e40c6a6d37f3819b24a7"},o("div",{key:"6602ef69148d4ef7039535da7dd53577eb719b25",ref:t=>this.pnConnectedDropdownSlotElement=t,class:"connected-dropdown-slot-element"},o("div",{key:"ed1e95a309aec8aaf19436f6a49f42a82c023bc4",class:"connected-dropdown-parent-element connected-dropdown"},o("div",{key:"a89291b971da7187d42b460daea34df929711db1",class:"connected-dropdown__row__no-margin"},o("label",{key:"856d9c8b242b8c370a9cbd34d3d0990c8d8db421"},this.label)),o("div",{key:"5f53d80b080791a863597025e7188519673a53c3",class:"connected-dropdown__row button-row"},o("div",{key:"a598274d0e043aca1c89be26a230db668c20546b",class:"connected-dropdown__button-container option-buttons"},this.buttonsArray?.map((t=>o("button",{class:`${this.setActive(t.selected)}`,id:this.generateUniqueId(),onClick:this.handleOptionButtonClick.bind(this)},t.value)))),o("div",{key:"8ae7a14c1769d89506fa62e51b86b59b10189a5e",class:"connected-dropdown__button-container delete-button"},this.index>0?o("pn-button",{ref:t=>this.pnDeleteRowButton=t,small:"true",icon:d,appearance:"warning",index:this.index},"Delete"):null)),o("div",{key:"72c10a8a182e840a8032385ce27aae68ac84833d",class:"connected-dropdown__row input-row"},o("pn-select",{key:"3e29caeb46483b04ddf3ac5fb28949bb770a3e04",ref:t=>this.pnFirstDropdown=t,class:"pn-row-select-dropdown dropDown1-dropdown",label:this.firstDropdownLabel,language:this.languageCode},o("option",{key:"eb528f92d2117c7ef3e2f8ee7e4efd397da58259",value:"",selected:true,disabled:true},this.firstDropdownPlaceholder),this.firstDropdownArr?.map((t=>o("option",{value:t.value,selected:t.selected},t.label)))),o("pn-select",{key:"e37abf8454e0908717b123d542cc7f5066f9a73e",ref:t=>this.pnSecondDropdown=t,class:"pn-row-select-dropdown dropDown2-dropdown",label:this.secondDropdownLabel,language:this.languageCode},o("option",{key:"7d0d552bc1383afbf577d39e929e8422ac03c085",value:"",selected:true,disabled:true},this.secondDropdownPlaceholder),this.secondDropdownArr?.map((t=>o("option",{value:t.value,selected:t.selected},t.label)))),o("pn-input",{key:"afd24254729348dcbb75ae98259f973319196da5",ref:t=>this.pnInputField=t,class:"input-amount",type:"number",placeholder:"0",label:this.inputFieldLabel,value:this.inputFieldValue,min:this.minAmount}),this.allowMultipleDates?o("pn-button",{ref:t=>this.pnShowDateRangeFiledButton=t,class:"connected-dropdown__toggle-date-button",small:"true",appearance:"light"},this.dateButtonText):o("div",{class:"connected-dropdown__date-container"},o("pn-date-picker",{ref:t=>this.pnSingleDatePicker=t,range:"false","label-from":this.dateButtonText,"disable-weekends":true,"disabled-dates":this.disabledDates,"min-date":this.firstValidDateString,language:this.languageCode,placeholder:this.datePlaceholder,class:"connected-dropdown__date-picker",start:this.dateValue?.length?this.dateValue:null}))),this.allowMultipleDates?o("div",{ref:t=>this.pnDateRangeContainer=t,class:"connected-dropdown__date-container",style:{display:"none"}},this.multiDateHelperText?o("div",{class:"connected-dropdown__row"},o("p",null,this.multiDateHelperText)):null,o("div",{class:"connected-dropdown__multi-date-row"},o("div",{class:"connected-dropdown__date-container"},o("pn-date-picker",{ref:t=>this.pnStartDate=t,"label-from":this.startDateLabel,range:"false","disable-weekends":true,"disabled-dates":this.disabledDates,class:"connected-dropdown__date-picker","min-date":this.firstValidDateString,"max-date":this.lastValidDateString,language:this.languageCode,placeholder:this.datePlaceholder})),o("div",{class:"connected-dropdown__date-container"},o("pn-date-picker",{ref:t=>this.pnEndDate=t,"label-from":this.endDateLabel,range:"false","disable-weekends":true,"disabled-dates":this.disabledDates,class:"connected-dropdown__date-picker","min-date":this.firstValidDateString,"max-date":this.lastValidDateString,language:this.languageCode,placeholder:this.datePlaceholder}))),o("div",{ref:t=>this.pnDaysRow=t,class:"connected-dropdown__multi-date-row"},this.daysArr?.map((t=>o("div",{class:"connected-dropdown__checkbox"},o("pn-filter-checkbox",{checkboxid:"day-"+t.value,name:"__"+t.label,value:t.value,checked:t.selected}),o("label",{htmlFor:"day-"+t.value},t.label))))),o("div",{class:"connected-dropdown__row"},o("pn-button",{ref:t=>this.pnGenerateDatesButton=t,small:"true"},this.generateDatesButtonText)),o("div",{ref:t=>this.pnGeneratedDatesSlot=t,class:"connected-dropdown__date-slot"},this.generatedDatesArr?.map(((t,e)=>o("div",{class:"connected-dropdown__row generated-date-row"},o("p",null,t),o("pn-button",{index:e,small:"true",icon:d,appearance:"warning",id:"delete-date-"+e,onClick:this.deleteGeneratedDateRow.bind(this,e)},t)))),!this.generatedDatesArr?.length?o("p",null,this.noDatesText):null),o("div",{class:"connected-dropdown__row"},o("pn-button",{ref:t=>this.pnSaveGeneratedDatesButton=t,class:"connected-dropdown__button-right",small:"true"},this.saveDateButtonText))):null)))}static get watchers(){return{predefinedValue:["applyPredefinedValue"]}}};c.style=h;export{c as pn_multi_row_connected_dropdown_row};
+//# sourceMappingURL=p-d5c45da2.entry.js.map

package/pn-market-web-components/{p-e5ae757f.entry.js.map → p-d5c45da2.entry.js.map}

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

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

@@ -0,0 +1,2 @@
+import{r as t,g as n,h as o,d as e}from"./p-82546a44.js";import{c as i}from"./p-12360e4c.js";const a="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-spotlight .pn-spotlight__container{overflow:hidden}@media screen and (max-width: 991px){pn-spotlight .pn-spotlight__container{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}}pn-spotlight [slot=mobile-heading]{text-align:center;padding-bottom:1.6rem;font-weight:500;color:#0d234b}@media screen and (min-width: 769px){pn-spotlight [slot=mobile-heading]{display:none}}pn-spotlight .pn-spotlight__container__wrapper{position:relative;max-width:100%}@media screen and (min-width: 992px){pn-spotlight .pn-spotlight__container__wrapper{max-width:90%;margin:0 auto}}@media screen and (min-width: 1640px){pn-spotlight .pn-spotlight__container__wrapper{max-width:80%}}pn-spotlight .pn-spotlight__container__wrapper__content{position:relative;margin:0 auto;display:flex;flex-direction:row;left:-57.5px;width:calc(100% + 57.5px)}@media screen and (min-width: 768px){pn-spotlight .pn-spotlight__container__wrapper__content{left:-50px;width:calc(100% + 50px)}}@media screen and (min-width: 992px){pn-spotlight .pn-spotlight__container__wrapper__content{left:0;width:100%}}pn-spotlight .pn-spotlight__container__wrapper__content__ball{border-radius:50%;min-height:75px;aspect-ratio:1/1;margin-right:1.5rem}@media screen and (min-width: 768px){pn-spotlight .pn-spotlight__container__wrapper__content__ball{min-height:85px;margin-right:2.5rem}}pn-spotlight [slot=content]{display:flex;border-top-left-radius:10rem;border-bottom-left-radius:10rem;align-items:center;justify-content:right;padding:0 1.5rem;padding-left:50px;width:100%}@media screen and (min-width: 992px){pn-spotlight [slot=content]{padding:0 2rem;border-radius:10rem}}@media screen and (min-width: 992px){.pn-spotlight__container__wrapper.cta--dynamic{width:fit-content}}@media screen and (min-width: 992px){.pn-spotlight__container__wrapper.cta--dynamic [slot=content]{padding-left:4rem}}pn-spotlight[data-cta-color=green] [slot=content]{background-color:#dcf6e7}pn-spotlight[data-cta-color=green] .pn-spotlight__container__wrapper__content__ball{background-color:#dcf6e7}pn-spotlight[data-cta-color=coral] [slot=content]{background-color:#fdefee}pn-spotlight[data-cta-color=coral] .pn-spotlight__container__wrapper__content__ball{background-color:#fdefee}pn-spotlight[data-cta-color=blue] [slot=content]{background-color:#effbff}pn-spotlight[data-cta-color=blue] .pn-spotlight__container__wrapper__content__ball{background-color:#effbff}pn-spotlight[data-cta-color=business] [slot=content],pn-spotlight[data-cta-color=business] .pn-spotlight__container__wrapper__content__ball{background-color:#0d234b}pn-spotlight[data-cta-color=private] [slot=content],pn-spotlight[data-cta-color=private] .pn-spotlight__container__wrapper__content__ball{background-color:#00a0d6}pn-spotlight[data-cta-color=hybrid] [slot=content],pn-spotlight[data-cta-color=hybrid] .pn-spotlight__container__wrapper__content__ball{background-color:#e9e6e5}";const p=a;const r=class{constructor(n){t(this,n);this.heading=null;this.preamble=null;this.isDynamic=false;this.addDynamic=""}get hostElement(){return n(this)}componentDidLoad(){this.addDynamic=i({"cta--dynamic":this.isDynamic})}render(){return o(e,{key:"b1d831c63742021f8f180473beb71b44b1665447"},o("div",{key:"8abd3c2d5cd4e17675124cbabc971420e6be2960",class:"pn-spotlight__container"},o("slot",{key:"456fc111a6dbd235c087c6991bf517189cc08033",name:"mobile-heading"}),o("div",{key:"84ee92f9b62e61981149c298fa20708b09e6ffa4",class:`pn-spotlight__container__wrapper ${this.addDynamic}`},o("div",{key:"00e67b61996c7c9265652d7ff6d0cc29aaa3a685",class:"pn-spotlight__container__wrapper__content"},o("div",{key:"c417b1c80cd9518f9eb2620f1211d972f4da5c24",class:"pn-spotlight__container__wrapper__content__ball"}),o("slot",{key:"48817e2a5cb6d5c485be0485f4364fe9bef33742",name:"content"})))))}};r.style=p;export{r as pn_spotlight};
+//# sourceMappingURL=p-d7170c0e.entry.js.map

package/pn-market-web-components/{p-d0a085cc.entry.js.map → p-d7170c0e.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnSpotlightCss","PnSpotlightStyle0","PnSpotlight","componentDidLoad","this","addDynamic","classNames","isDynamic","render","h","Host","key","class","name"],"sources":["src/components/cta/pn-spotlight/pn-spotlight.scss?tag=pn-spotlight","src/components/cta/pn-spotlight/pn-spotlight.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-spotlight {\n  .pn-spotlight__container {\n    overflow: hidden;\n\n    @media screen and (max-width: 991px) {\n      //cover viewport width regardless of parent margins\n      margin-left: calc(-50vw + 50%);\n      margin-right: calc(-50vw + 50%);\n    }\n  }\n\n  [slot='mobile-heading'] {\n    text-align: center;\n    padding-bottom: 1.6rem;\n    font-weight: 500;\n    color: $blue900;\n    @media screen and (min-width: 769px) {\n      display: none;\n    }\n  }\n\n  .pn-spotlight__container__wrapper {\n    position: relative;\n    max-width: 100%;\n\n    @media screen and (min-width: $min-width-lg) {\n      max-width: 90%;\n      margin: 0 auto;\n    }\n\n    @media screen and (min-width: $min-width-xxl) {\n      max-width: 80%;\n    }\n  }\n\n  .pn-spotlight__container__wrapper__content {\n    position: relative;\n    margin: 0 auto;\n\n    display: flex;\n    flex-direction: row;\n    left: -57.5px;\n    width: calc(100% + 57.5px);\n\n    @media screen and (min-width: $min-width-md) {\n      left: -50px;\n      width: calc(100% + 50px);\n    }\n\n    @media screen and (min-width: $min-width-lg) {\n      left: 0;\n      width: 100%;\n    }\n  }\n\n  .pn-spotlight__container__wrapper__content__ball {\n    border-radius: 50%;\n    min-height: 75px;\n    aspect-ratio: 1 / 1;\n    margin-right: 1.5rem;\n\n    @media screen and (min-width: $min-width-md) {\n      min-height: 85px;\n      margin-right: 2.5rem;\n    }\n\n    @media screen and (min-width: $min-width-lg) {\n    }\n\n    @media screen and (min-width: $min-width-xl) {\n    }\n\n    @media screen and (min-width: $min-width-xxl) {\n    }\n  }\n\n  [slot='content'] {\n    display: flex;\n    border-top-left-radius: 10rem;\n    border-bottom-left-radius: 10rem;\n    align-items: center;\n    justify-content: right;\n    padding: 0 1.5rem;\n    padding-left: 50px;\n    width: 100%;\n\n    @media screen and (min-width: $min-width-md) {\n    }\n\n    @media screen and (min-width: $min-width-lg) {\n      padding: 0 2rem;\n      border-radius: 10rem;\n    }\n  }\n}\n\n//dynamic cta\n.pn-spotlight__container__wrapper.cta--dynamic {\n  @media screen and (min-width: $min-width-lg) {\n    width: fit-content;\n  }\n\n  [slot='content'] {\n    @media screen and (min-width: $min-width-lg) {\n      padding-left: 4rem;\n    }\n  }\n}\n\n//colors\n\npn-spotlight[data-cta-color='green'] {\n  [slot='content'] {\n    background-color: $green50;\n  }\n\n  .pn-spotlight__container__wrapper__content__ball {\n    background-color: $green50;\n  }\n}\n\npn-spotlight[data-cta-color='coral'] {\n  [slot='content'] {\n    background-color: $coral50;\n  }\n\n  .pn-spotlight__container__wrapper__content__ball {\n    background-color: $coral50;\n  }\n}\n\npn-spotlight[data-cta-color='blue'] {\n  [slot='content'] {\n    background-color: $blue25;\n  }\n\n  .pn-spotlight__container__wrapper__content__ball {\n    background-color: $blue25;\n  }\n}\n\npn-spotlight[data-cta-color='business'] {\n  [slot='content'],\n  .pn-spotlight__container__wrapper__content__ball {\n    background-color: $blue900;\n  }\n}\n\npn-spotlight[data-cta-color='private'] {\n  [slot='content'],\n  .pn-spotlight__container__wrapper__content__ball {\n    background-color: $blue400;\n  }\n}\n\npn-spotlight[data-cta-color='hybrid'] {\n  [slot='content'],\n  .pn-spotlight__container__wrapper__content__ball {\n    background-color: #e9e6e5;\n  }\n}\n","import classNames from 'classnames';\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'pn-spotlight',\n  styleUrl: 'pn-spotlight.scss',\n})\nexport class PnSpotlight {\n  @Element() hostElement: HTMLElement;\n  @Prop() heading: string = null;\n  @Prop() preamble: string = null;\n  @Prop() isDynamic: boolean = false;\n\n  @State() addDynamic: string = '';\n\n  componentDidLoad() {\n    this.addDynamic = classNames({ 'cta--dynamic': this.isDynamic });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-spotlight__container\">\n          <slot name=\"mobile-heading\" />\n          <div class={`pn-spotlight__container__wrapper ${this.addDynamic}`}>\n            <div class=\"pn-spotlight__container__wrapper__content\">\n              <div class=\"pn-spotlight__container__wrapper__content__ball\"></div>\n              <slot name=\"content\" />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAiB,g6FACvB,MAAAC,EAAeD,E,MCOFE,EAAW,M,sCAEI,K,cACC,K,eACE,M,gBAEC,E,kCAE9B,gBAAAC,GACEC,KAAKC,WAAaC,EAAW,CAAE,eAAgBF,KAAKG,W,CAGtD,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2BACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,mBACXJ,EAAA,OAAAE,IAAA,2CAAKC,MAAO,oCAAoCR,KAAKC,cACnDI,EAAA,OAAAE,IAAA,2CAAKC,MAAM,6CACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oDACXH,EAAA,QAAAE,IAAA,2CAAME,KAAK,e","ignoreList":[]}
+{"version":3,"names":["pnSpotlightCss","PnSpotlightStyle0","PnSpotlight","componentDidLoad","this","addDynamic","classNames","isDynamic","render","h","Host","key","class","name"],"sources":["src/components/cta/pn-spotlight/pn-spotlight.scss?tag=pn-spotlight","src/components/cta/pn-spotlight/pn-spotlight.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-spotlight {\n  .pn-spotlight__container {\n    overflow: hidden;\n\n    @media screen and (max-width: 991px) {\n      //cover viewport width regardless of parent margins\n      margin-left: calc(-50vw + 50%);\n      margin-right: calc(-50vw + 50%);\n    }\n  }\n\n  [slot='mobile-heading'] {\n    text-align: center;\n    padding-bottom: 1.6rem;\n    font-weight: 500;\n    color: $blue900;\n    @media screen and (min-width: 769px) {\n      display: none;\n    }\n  }\n\n  .pn-spotlight__container__wrapper {\n    position: relative;\n    max-width: 100%;\n\n    @media screen and (min-width: $min-width-lg) {\n      max-width: 90%;\n      margin: 0 auto;\n    }\n\n    @media screen and (min-width: $min-width-xxl) {\n      max-width: 80%;\n    }\n  }\n\n  .pn-spotlight__container__wrapper__content {\n    position: relative;\n    margin: 0 auto;\n\n    display: flex;\n    flex-direction: row;\n    left: -57.5px;\n    width: calc(100% + 57.5px);\n\n    @media screen and (min-width: $min-width-md) {\n      left: -50px;\n      width: calc(100% + 50px);\n    }\n\n    @media screen and (min-width: $min-width-lg) {\n      left: 0;\n      width: 100%;\n    }\n  }\n\n  .pn-spotlight__container__wrapper__content__ball {\n    border-radius: 50%;\n    min-height: 75px;\n    aspect-ratio: 1 / 1;\n    margin-right: 1.5rem;\n\n    @media screen and (min-width: $min-width-md) {\n      min-height: 85px;\n      margin-right: 2.5rem;\n    }\n\n    @media screen and (min-width: $min-width-lg) {\n    }\n\n    @media screen and (min-width: $min-width-xl) {\n    }\n\n    @media screen and (min-width: $min-width-xxl) {\n    }\n  }\n\n  [slot='content'] {\n    display: flex;\n    border-top-left-radius: 10rem;\n    border-bottom-left-radius: 10rem;\n    align-items: center;\n    justify-content: right;\n    padding: 0 1.5rem;\n    padding-left: 50px;\n    width: 100%;\n\n    @media screen and (min-width: $min-width-md) {\n    }\n\n    @media screen and (min-width: $min-width-lg) {\n      padding: 0 2rem;\n      border-radius: 10rem;\n    }\n  }\n}\n\n//dynamic cta\n.pn-spotlight__container__wrapper.cta--dynamic {\n  @media screen and (min-width: $min-width-lg) {\n    width: fit-content;\n  }\n\n  [slot='content'] {\n    @media screen and (min-width: $min-width-lg) {\n      padding-left: 4rem;\n    }\n  }\n}\n\n//colors\n\npn-spotlight[data-cta-color='green'] {\n  [slot='content'] {\n    background-color: $green50;\n  }\n\n  .pn-spotlight__container__wrapper__content__ball {\n    background-color: $green50;\n  }\n}\n\npn-spotlight[data-cta-color='coral'] {\n  [slot='content'] {\n    background-color: $coral50;\n  }\n\n  .pn-spotlight__container__wrapper__content__ball {\n    background-color: $coral50;\n  }\n}\n\npn-spotlight[data-cta-color='blue'] {\n  [slot='content'] {\n    background-color: $blue25;\n  }\n\n  .pn-spotlight__container__wrapper__content__ball {\n    background-color: $blue25;\n  }\n}\n\npn-spotlight[data-cta-color='business'] {\n  [slot='content'],\n  .pn-spotlight__container__wrapper__content__ball {\n    background-color: $blue900;\n  }\n}\n\npn-spotlight[data-cta-color='private'] {\n  [slot='content'],\n  .pn-spotlight__container__wrapper__content__ball {\n    background-color: $blue400;\n  }\n}\n\npn-spotlight[data-cta-color='hybrid'] {\n  [slot='content'],\n  .pn-spotlight__container__wrapper__content__ball {\n    background-color: #e9e6e5;\n  }\n}\n","import classNames from 'classnames';\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'pn-spotlight',\n  styleUrl: 'pn-spotlight.scss',\n})\nexport class PnSpotlight {\n  @Element() hostElement: HTMLElement;\n  @Prop() heading: string = null;\n  @Prop() preamble: string = null;\n  @Prop() isDynamic: boolean = false;\n\n  @State() addDynamic: string = '';\n\n  componentDidLoad() {\n    this.addDynamic = classNames({ 'cta--dynamic': this.isDynamic });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-spotlight__container\">\n          <slot name=\"mobile-heading\" />\n          <div class={`pn-spotlight__container__wrapper ${this.addDynamic}`}>\n            <div class=\"pn-spotlight__container__wrapper__content\">\n              <div class=\"pn-spotlight__container__wrapper__content__ball\"></div>\n              <slot name=\"content\" />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAiB,yuGACvB,MAAAC,EAAeD,E,MCOFE,EAAW,M,sCAEI,K,cACC,K,eACE,M,gBAEC,E,kCAE9B,gBAAAC,GACEC,KAAKC,WAAaC,EAAW,CAAE,eAAgBF,KAAKG,W,CAGtD,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2BACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,mBACXJ,EAAA,OAAAE,IAAA,2CAAKC,MAAO,oCAAoCR,KAAKC,cACnDI,EAAA,OAAAE,IAAA,2CAAKC,MAAM,6CACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oDACXH,EAAA,QAAAE,IAAA,2CAAME,KAAK,e","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,c as o,g as t,h as n,d}from"./p-82546a44.js";import{d as r}from"./p-3e4d9396.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-dropdown-choice-adds-row{display:block;width:80rem}pn-dropdown-choice-adds-row .pn-row-select-dropdown{width:50%;margin-bottom:1rem}@media only screen and (max-width: 640px){pn-dropdown-choice-adds-row .pn-row-select-dropdown{width:100%}}pn-dropdown-choice-adds-row .pn-dropdown-choice-table{width:100%;border-spacing:0rem;border:none !important}pn-dropdown-choice-adds-row .pn-dropdown-choice-table thead th{text-align:left;padding:1rem 0.5rem}pn-dropdown-choice-adds-row .pn-dropdown-choice-table thead th label{color:#5e554a;font-size:1.4rem;font-weight:400}pn-dropdown-choice-adds-row .pn-dropdown-choice-table .generated-table-row{display:flex;margin-bottom:2rem}pn-dropdown-choice-adds-row .pn-dropdown-choice-table .table-header{display:flex;margin:2rem 0 3rem 0;font-weight:500}pn-dropdown-choice-adds-row .pn-dropdown-choice-table .table-header-dropdown,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .table-header-column,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .table-header-name,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .tr-dropdown,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .tr-column,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .tr-name{padding-right:0.5rem;width:35%}pn-dropdown-choice-adds-row .pn-dropdown-choice-table .table-header-dropdown pn-select,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .table-header-column pn-select,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .table-header-name pn-select,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .tr-dropdown pn-select,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .tr-column pn-select,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .tr-name pn-select{width:95%}pn-dropdown-choice-adds-row .pn-dropdown-choice-table .table-header-input,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .tr-input{width:15%}pn-dropdown-choice-adds-row .pn-dropdown-choice-table .table-header-input pn-input,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .tr-input pn-input{width:100%}pn-dropdown-choice-adds-row .pn-dropdown-choice-table .table-header-delete,pn-dropdown-choice-adds-row .pn-dropdown-choice-table .tr-delete{margin:1rem;width:15%}pn-dropdown-choice-adds-row .pn-dropdown-choice-table tbody td{padding:0.5rem}pn-dropdown-choice-adds-row .pn-dropdown-choice-table tbody tr:nth-child(even){background-color:#effbff}pn-dropdown-choice-adds-row .pn-dropdown-choice-table tbody .tr-delete{text-align:center}pn-dropdown-choice-adds-row .pn-dropdown-choice-table tfoot td small{color:#a70707;vertical-align:middle}pn-dropdown-choice-adds-row .pn-dropdown-choice-table tfoot td pn-icon{margin-right:0.25em;vertical-align:middle}";const s=i;const c=class{constructor(t){e(this,t);this.rowvalues=o(this,"rowvalues",7);this.dropdownData=null;this.languageCode=null;this.addRowDropdownName="";this.addRowDropdownPlaceholder="";this.addRowDropdownLabel="";this.rowNameLabel="";this.rowHasDropdown=true;this.rowDropdownLabel="";this.rowDropdownPlaceholder="";this.rowInputLabel="";this.rowDeleteButtonText="";this.totalInputLimit=0;this.inputLimitWarning=null;this.inputEmptyWarning=null;this.dropdownEmptyWarning=null;this.nextRowIndex=null;this.rowSelectDropdownArr=null;this.formValue=null}get hostElement(){return t(this)}pnRowSelectDropdown=null;tableHead=null;tableBody=null;_dropdownData;rowvalues;dropdownDataWatcher(){if(typeof this.dropdownData==="string"){this._dropdownData=JSON.parse(this.dropdownData)}else{this._dropdownData=this.dropdownData}}componentWillLoad(){this.dropdownDataWatcher()}componentDidLoad(){this.setInitialValues();this.addEventHandlers()}addEventHandlers(){this.pnRowSelectDropdown.addEventListener("change",r(this.addRowElement.bind(this),500))}setInitialValues(){this.nextRowIndex=0;this.setRowSelectDropdownArr()}setRowSelectDropdownArr(){this.rowSelectDropdownArr=[];this._dropdownData.forEach((e=>{this.rowSelectDropdownArr.push(e.label)}))}formRowEvent=e=>{const o=r(this.updateHiddenFieldValue.bind(this),500);if(e.target.matches("input")){["change","keyup"].forEach((t=>{e.target.addEventListener(t,o)}))}else{const t=e.target.closest(".generated-table-row")?.querySelector("pn-select");if(t){t.addEventListener("change",o)}}};updateHiddenFieldValue(){try{const e=[...this.tableBody.querySelectorAll(".generated-table-row")];const o=this.hostElement.querySelector(".pn-row-select-dropdown");if(!o){return}if(!e.length){o.setAttribute("error",`${this.dropdownEmptyWarning||"This field cannot be empty"}`);this.formValue="";this.rowvalues.emit("");return}let t=true;const n=e.map((e=>{const o=e.querySelector(".tr-name");const n=e.querySelector(".tr-dropdown");const d=e.querySelector(".tr-input");if(!o||!d){t=false;return null}const r={row:[{name:this.rowNameLabel,value:o.innerHTML}]};if(n&&n.querySelector("pn-select")){const e=n.querySelector("pn-select");const o=e?.querySelector("select");const d=o?.value||"";if(!d){t=false}else{r.row.push({name:this.rowDropdownLabel,value:d})}}const i=d.querySelector("input");const s=parseInt(i?.value||"0",10);if(s>0){r.row.push({name:this.rowInputLabel,value:s.toString()})}else{t=false}return r}));if(!t||!n.length||n.includes(null)){this.formValue="";this.rowvalues.emit("");return}this.formValue=`PN-JSON|${JSON.stringify(n)}`;if(this.validateInputs()){this.rowvalues.emit(this.formValue)}else{this.rowvalues.emit("")}}catch(e){console.error("Error updating field value: ",e);this.formValue=""}}addRowElement(e){const o=e.target;const t=o?.value;if(!t){return}const n=this.hostElement.querySelector(".pn-row-select-dropdown");n?.removeAttribute("error");if(!this.tableBody){console.error("tableBody is not defined.");return}const d=document.createElement("div");d.setAttribute("index",`${this.nextRowIndex}`);d.className="generated-table-row";d.onclick=e=>this.formRowEvent(e);const r=document.createElement("div");r.className="tr-name";r.innerHTML=t;r.dataset.name=t;d.appendChild(r);const i=this._dropdownData?.find((e=>e.label===t));if(i?.values?.length){this.rowHasDropdown=true;const e=this.createDropdownColumn(t);d.appendChild(e)}else{this.rowHasDropdown=false;const e=document.createElement("div");e.className="tr-column";d.appendChild(e)}const s=this.createInputColumn(t);d.appendChild(s);const c=this.createDeleteButtonColumn();d.appendChild(c);this.tableBody.appendChild(d);this.updateRowSelectDropdown();this.nextRowIndex++;o.value=""}getCurrentRow(e){return this.hostElement.querySelectorAll(`.tr-name[data-name='${e}'`)}createDropdownColumn(e){const o=document.createElement("div");o.setAttribute("class","tr-dropdown");const t=this._dropdownData.find((o=>o.label===e));const n=[];const d=this.getCurrentRow(e);d.forEach((e=>{n.push(e.parentElement?.querySelector(".tr-dropdown [aria-selected=true]")?.textContent)}));if(t.values.length){const n=document.createElement("pn-select");n.setAttribute("name",`${e}-dropdown`);n.setAttribute("placeholder",this.rowDropdownPlaceholder);n.setAttribute("required","true");n.setAttribute("error","");const d=document.createElement("option");d.setAttribute("value","");d.textContent=this.rowDropdownPlaceholder;d.selected=true;d.disabled=true;n.appendChild(d);t.values.forEach((e=>{const o=document.createElement("option");o.setAttribute("label",e.label);o.setAttribute("value",e.label);o.textContent=e.label;n.appendChild(o)}));o.appendChild(n)}return o}createInputColumn(e){const o=document.createElement("div");o.setAttribute("class","tr-input");const t=document.createElement("pn-input");t.setAttribute("type","number");t.setAttribute("name",`${e}-input`);t.setAttribute("placeholder","0");if(this.totalInputLimit>0){t.setAttribute("max",`${this.totalInputLimit}`)}t.setAttribute("min","0");t.setAttribute("error","");o.appendChild(t);return o}createDeleteButtonColumn(){const e=document.createElement("div");e.setAttribute("class","tr-delete");const o=document.createElement("pn-button");o.onclick=e=>this.deleteRow(e);o.setAttribute("appearance","warning");o.setAttribute("small","true");o.appendChild(document.createTextNode(this.rowDeleteButtonText));e.appendChild(o);return e}updateRowSelectDropdown(){[].map.call(this.tableBody.querySelectorAll(".tr-name"),(e=>{const o=e?.parentElement?.querySelector(".tr-dropdown");const t=o?.querySelector(".pn-select-content span")?.textContent;const n={rowName:e?.innerHTML,selectedValue:o?.querySelector("[aria-selected=true]")?.textContent,placeholder:t};return n}));const e=this.pnRowSelectDropdown.querySelectorAll("option");e.forEach((e=>{e.removeAttribute("selected")}))}deleteRow(e){e.preventDefault();this.nextRowIndex--;const o=e.currentTarget;const t=o.closest(".generated-table-row");t.remove();const n=[...this.tableBody.querySelectorAll(".generated-table-row")];n.map(((e,o)=>{e.setAttribute("index",`${o}`)}));this.updateHiddenFieldValue();this.updateRowSelectDropdown()}validateInputs(){const e=this.tableBody.querySelectorAll("pn-select");const o=this.tableBody.querySelectorAll("pn-input");let t=false;let n=false;if(e){e.forEach((e=>{if(!e){return}const o=e.querySelector("select");const n=o?.value||"";if(n===null||n===""){e.setAttribute("error",`${this.dropdownEmptyWarning||"This field cannot be empty"}`);t=true}else{e.setAttribute("error","")}}))}if(o){o.forEach((e=>{if(e){const o=e.querySelector("input");let t=parseInt(o.value);if(this.totalInputLimit<t&&e.hasAttribute("max")){e.setAttribute("error",`${this.inputLimitWarning||"Amount too high"}`);n=true}else if(t<=0||isNaN(t)){e.setAttribute("error",`${this.inputEmptyWarning||"This field cannot be empty"}`);n=true}else{e.setAttribute("error","");n=false}}}))}if(t||n){return false}return true}render(){return n(d,{key:"4d75a1a804885406d9bf70647ee031b283001316"},n("div",{key:"4db2eab15b25d322bd8081f22fa0dfb4e40ff1d8",class:"dropdown-choice-form-row"},n("pn-select",{key:"34479df6fd80391a95628b34a9d3d4007a43700a",ref:e=>this.pnRowSelectDropdown=e,name:this.addRowDropdownName,label:this.addRowDropdownLabel,class:"pn-row-select-dropdown",language:this.languageCode},n("option",{key:"c445488973b9c7127a55f0f83cfb46276f3a165e",value:"",selected:true,disabled:true},this.addRowDropdownPlaceholder),this.rowSelectDropdownArr?.map((e=>n("option",{label:e,value:e},e))))),n("div",{key:"15abdc5dae3056d3e81069c01e67245aacba5c59",class:"dropdown-choice-form-row"},n("div",{key:"2386cfc37b14b5769e095596f191054b2fb3e0af",class:"pn-dropdown-choice-table"},n("div",{key:"123b39e0fc0dba53aa35da0dea41178f77633c76",ref:e=>this.tableHead=e},this.nextRowIndex===0?null:n("div",{class:"table-header"},n("div",{class:"table-header-name"},n("label",null,this.rowNameLabel)),n("div",{class:"table-header-dropdown"},n("label",null,this.rowDropdownLabel)),n("div",{class:"table-header-input"},n("label",null,this.rowInputLabel)),n("div",{class:"table-header-delete"}))),n("div",{key:"8d6e932979cd2065cbf77a70e74e30d087351b24",ref:e=>this.tableBody=e,class:"pn-dropdown-choice-table-slot"},n("slot",{key:"8957b9b3b30d090c51bc993ff4676f91a2846a15"})))))}static get watchers(){return{dropdownData:["dropdownDataWatcher"]}}};c.style=s;export{c as pn_dropdown_choice_adds_row};
+//# sourceMappingURL=p-d75a2f7c.entry.js.map