@postnord/pn-marketweb-components 3.0.2 → 3.0.4

package/pn-market-web-components/p-1535a09f.entry.js

@@ -0,0 +1,2 @@
+import{r as t,g as s,h as i,d as e}from"./p-06555615.js";import{s as n,o as a}from"./p-149fc63b.js";import"./p-3f8aa7d1.js";const h='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-sidenav-level{display:block;flex-basis:100%}pn-sidenav-level[data-level="2"]{padding-left:2.5em;overflow:hidden;transition:max-height ease 0.2s;max-height:40em}pn-sidenav-level[data-level="2"][aria-hidden=true]{max-height:0}';const d=h;const o=class{constructor(s){t(this,s);this.level=1;this.levelId="";this.isOpen=false;this.parentName="";this.parentHref="";this.parentLinkId="";this.alignment="right"}get hostElement(){return s(this)}async componentWillLoad(){const t=this.hostElement.parentElement;if(t.tagName.toLowerCase()!=="nav"){this.level=2}if(t.tagName.toLowerCase()==="pn-sidenav-link"){this.parentName=t.getAttribute("name")+"";this.parentHref=t.getAttribute("href")+"";this.parentLinkId=t.getAttribute("linkid")+"";const s=this.parentName.toLowerCase().replace(/\W/gi,"_");this.levelId=`sidenav-lvl${this.level}-${s}`;if(t.getAttribute("current")+""==="true"){n.openLevel=this.levelId;this.onChangeOpenLevel()}}a("openLevel",(()=>{this.onChangeOpenLevel()}))}onOpen(){}onChangeOpenLevel(){this.isOpen=n.openLevel===this.levelId}render(){const t={"aria-hidden":this.level>1?!this.isOpen+"":null,"data-level":this.level+"",id:this.levelId??""};return i(e,{key:"560c5756c5decd508f3dd0f0cafb608df89490cf",...t,"data-asdfasdf":this.isOpen},i("slot",{key:"d8afcc50d5f96bbd6323bb05dd33b1116d7f1941"}))}static get watchers(){return{isOpen:["onOpen"]}}};o.style=d;export{o as pn_sidenav_level};
+//# sourceMappingURL=p-1535a09f.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pnSidenavLevelCss","PnSidenavLevelStyle0","PnSidenavLevel","componentWillLoad","parent","this","hostElement","parentElement","tagName","toLowerCase","level","parentName","getAttribute","parentHref","parentLinkId","parentLinkName","replace","levelId","state","openLevel","onChangeOpenLevel","onChange","onOpen","isOpen","render","attributes","id","h","Host","key"],"sources":["src/components/navigation/pn-sidenav/pn-sidenav-level.scss?tag=pn-sidenav-level","src/components/navigation/pn-sidenav/pn-sidenav-level.tsx"],"sourcesContent":["@import './pn-sidenav-common.scss';\n@import '../../../globals/main.scss';\n\npn-sidenav-level {\n  display: block;\n  flex-basis: 100%;\n  &[data-level='2'] {\n    padding-left: 2.5em;\n    overflow: hidden;\n    transition: max-height ease 0.2s;\n    max-height: 40em;\n    &[aria-hidden='true'] {\n      max-height: 0;\n    }\n  }\n}\n","import { Component, State, h, Host, Element, Watch } from '@stencil/core';\nimport { state, onChange } from './pn-sidenav-store';\n\n@Component({\n  tag: 'pn-sidenav-level',\n  styleUrl: 'pn-sidenav-level.scss',\n  shadow: false,\n})\nexport class PnSidenavLevel {\n  @Element() hostElement: HTMLElement;\n  @State() level: number = 1;\n  @State() levelId: string = '';\n  @State() isOpen: boolean = false;\n  @State() parentName: string = '';\n  @State() parentHref: string = '';\n  @State() parentLinkId: string = '';\n  @State() alignment: string = 'right';\n\n  async componentWillLoad() {\n    const parent = this.hostElement.parentElement;\n    if (parent.tagName.toLowerCase() !== 'nav') {\n      this.level = 2;\n    }\n    if (parent.tagName.toLowerCase() === 'pn-sidenav-link') {\n      this.parentName = parent.getAttribute('name') + '';\n      this.parentHref = parent.getAttribute('href') + '';\n      this.parentLinkId = parent.getAttribute('linkid') + '';\n      const parentLinkName = this.parentName.toLowerCase().replace(/\\W/gi, '_');\n      this.levelId = `sidenav-lvl${this.level}-${parentLinkName}`;\n\n      if (parent.getAttribute('current') + '' === 'true') {\n        state.openLevel = this.levelId;\n        this.onChangeOpenLevel();\n      }\n    }\n    onChange('openLevel', () => {\n      this.onChangeOpenLevel();\n    });\n  }\n\n  @Watch('isOpen')\n  onOpen() {}\n  onChangeOpenLevel() {\n    this.isOpen = state.openLevel === this.levelId;\n  }\n\n  render() {\n    const attributes = {\n      'aria-hidden': this.level > 1 ? !this.isOpen + '' : null,\n      'data-level': this.level + '',\n      'id': this.levelId ?? '',\n    };\n    return (\n      <Host {...attributes} data-asdfasdf={this.isOpen}>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"4HAAA,MAAMA,EAAoB,qTAC1B,MAAAC,EAAeD,E,MCOFE,EAAc,M,oCAEA,E,aACE,G,YACA,M,gBACG,G,gBACA,G,kBACE,G,eACH,O,kCAE7B,uBAAMC,GACJ,MAAMC,EAASC,KAAKC,YAAYC,cAChC,GAAIH,EAAOI,QAAQC,gBAAkB,MAAO,CAC1CJ,KAAKK,MAAQ,C,CAEf,GAAIN,EAAOI,QAAQC,gBAAkB,kBAAmB,CACtDJ,KAAKM,WAAaP,EAAOQ,aAAa,QAAU,GAChDP,KAAKQ,WAAaT,EAAOQ,aAAa,QAAU,GAChDP,KAAKS,aAAeV,EAAOQ,aAAa,UAAY,GACpD,MAAMG,EAAiBV,KAAKM,WAAWF,cAAcO,QAAQ,OAAQ,KACrEX,KAAKY,QAAU,cAAcZ,KAAKK,SAASK,IAE3C,GAAIX,EAAOQ,aAAa,WAAa,KAAO,OAAQ,CAClDM,EAAMC,UAAYd,KAAKY,QACvBZ,KAAKe,mB,EAGTC,EAAS,aAAa,KACpBhB,KAAKe,mBAAmB,G,CAK5B,MAAAE,GAAM,CACN,iBAAAF,GACEf,KAAKkB,OAASL,EAAMC,YAAcd,KAAKY,O,CAGzC,MAAAO,GACE,MAAMC,EAAa,CACjB,cAAepB,KAAKK,MAAQ,GAAKL,KAAKkB,OAAS,GAAK,KACpD,aAAclB,KAAKK,MAAQ,GAC3BgB,GAAMrB,KAAKY,SAAW,IAExB,OACEU,EAACC,EAAI,CAAAC,IAAA,8CAAKJ,EAAU,gBAAiBpB,KAAKkB,QACxCI,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/pn-market-web-components/{p-470ca6e7.entry.js → p-1578e02e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as o,d as e,g as n}from"./p-06555615.js";const l="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-titletag{display:inline-flex;border-radius:0.4rem;min-height:2.5em;font-weight:normal;font-size:0.75em;text-align:center;vertical-align:bottom;padding:0.6rem;gap:0.6em}pn-titletag[color=green700],pn-titletag[color=green]{color:#005e41;background:#dcf6e7}pn-titletag[color=blue700],pn-titletag[color=blue]{background:#e0f8ff;color:#005d92}pn-titletag[color=coral700],pn-titletag[color=coral]{background:#fdefee;color:#9b1c2e}pn-titletag[color=gray900],pn-titletag[color=gray],pn-titletag[color=grey]{background:#d3cecb;color:#2d2013}pn-titletag[color=gray50],pn-titletag[color=lightgray],pn-titletag[color=lightgrey]{background:#f3f2f2;color:#2d2013}";const r=l;const c=class{constructor(o){t(this,o);this.icon=null;this.color="green700"}render(){return o(e,{key:"5bbfd9957602bef0ef9c38d911b1eb3cd977d3d5"},o("slot",{key:"59678c4d10fb45c1c341bb2545e69bd0d7443a77"}),this.icon?o("pn-icon",{icon:this.icon,small:"false",color:this.color}):null)}get hostElement(){return n(this)}};c.style=r;export{c as pn_titletag};
-//# sourceMappingURL=p-470ca6e7.entry.js.map
+import{r as t,g as o,h as e,d as n}from"./p-06555615.js";const l="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-titletag{display:inline-flex;border-radius:0.4rem;min-height:2.5em;font-weight:normal;font-size:0.75em;text-align:center;vertical-align:bottom;padding:0.6rem;gap:0.6em}pn-titletag[color=green700],pn-titletag[color=green]{color:#005e41;background:#dcf6e7}pn-titletag[color=blue700],pn-titletag[color=blue]{background:#e0f8ff;color:#005d92}pn-titletag[color=coral700],pn-titletag[color=coral]{background:#fdefee;color:#9b1c2e}pn-titletag[color=gray900],pn-titletag[color=gray],pn-titletag[color=grey]{background:#d3cecb;color:#2d2013}pn-titletag[color=gray50],pn-titletag[color=lightgray],pn-titletag[color=lightgrey]{background:#f3f2f2;color:#2d2013}";const r=l;const c=class{constructor(o){t(this,o);this.icon=null;this.color="green700"}get hostElement(){return o(this)}render(){return e(n,{key:"5bbfd9957602bef0ef9c38d911b1eb3cd977d3d5"},e("slot",{key:"59678c4d10fb45c1c341bb2545e69bd0d7443a77"}),this.icon?e("pn-icon",{icon:this.icon,small:"false",color:this.color}):null)}};c.style=r;export{c as pn_titletag};
+//# sourceMappingURL=p-1578e02e.entry.js.map

package/pn-market-web-components/{p-470ca6e7.entry.js.map → p-1578e02e.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnTitletagCss","PnTitletagStyle0","PnTiletag","render","h","Host","key","this","icon","small","color"],"sources":["src/components/minor/pn-titletag/pn-titletag.scss?tag=pn-titletag","src/components/minor/pn-titletag/pn-titletag.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-titletag {\n  display: inline-flex;\n  border-radius: 0.4rem;\n  min-height: 2.5em;\n  font-weight: normal;\n  font-size: 0.75em;\n  text-align: center;\n  vertical-align: bottom;\n  padding: 0.6rem;\n  gap: 0.6em;\n\n  pn-icon {\n  }\n\n  &[color='green700'],\n  &[color='green'] {\n    color: $green700;\n    background: $green50;\n  }\n\n  &[color='blue700'],\n  &[color='blue'] {\n    background: $blue50;\n    color: $blue700;\n  }\n\n  &[color='coral700'],\n  &[color='coral'] {\n    background: $coral50;\n    color: $coral700;\n  }\n\n  &[color='gray900'],\n  &[color='gray'],\n  &[color='grey'] {\n    background: $gray200;\n    color: $gray900;\n  }\n\n  &[color='gray50'],\n  &[color='lightgray'],\n  &[color='lightgrey'] {\n    background: $gray50;\n    color: $gray900;\n  }\n}\n","import { Component, Prop, h, Host, Element, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'pn-titletag',\n  styleUrl: 'pn-titletag.scss',\n})\nexport class PnTiletag {\n  /** Icon of the tag */\n  @Prop() icon: string = null;\n\n  /** Icon of the tag */\n  @Prop({ mutable: true, reflect: true }) color: string = 'green700';\n\n  @Element() hostElement: HTMLElement;\n\n  render() {\n    return (\n      <Host>\n        <slot />\n        {this.icon ? <pn-icon icon={this.icon} small=\"false\" color={this.color}></pn-icon> : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAgB,8tBACtB,MAAAC,EAAeD,E,MCKFE,EAAS,M,mCAEG,K,WAGiC,U,CAIxD,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6CACCC,KAAKC,KAAOJ,EAAA,WAASI,KAAMD,KAAKC,KAAMC,MAAM,QAAQC,MAAOH,KAAKG,QAAoB,K","ignoreList":[]}
+{"version":3,"names":["pnTitletagCss","PnTitletagStyle0","PnTiletag","render","h","Host","key","this","icon","small","color"],"sources":["src/components/minor/pn-titletag/pn-titletag.scss?tag=pn-titletag","src/components/minor/pn-titletag/pn-titletag.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-titletag {\n  display: inline-flex;\n  border-radius: 0.4rem;\n  min-height: 2.5em;\n  font-weight: normal;\n  font-size: 0.75em;\n  text-align: center;\n  vertical-align: bottom;\n  padding: 0.6rem;\n  gap: 0.6em;\n\n  pn-icon {\n  }\n\n  &[color='green700'],\n  &[color='green'] {\n    color: $green700;\n    background: $green50;\n  }\n\n  &[color='blue700'],\n  &[color='blue'] {\n    background: $blue50;\n    color: $blue700;\n  }\n\n  &[color='coral700'],\n  &[color='coral'] {\n    background: $coral50;\n    color: $coral700;\n  }\n\n  &[color='gray900'],\n  &[color='gray'],\n  &[color='grey'] {\n    background: $gray200;\n    color: $gray900;\n  }\n\n  &[color='gray50'],\n  &[color='lightgray'],\n  &[color='lightgrey'] {\n    background: $gray50;\n    color: $gray900;\n  }\n}\n","import { Component, Prop, h, Host, Element, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'pn-titletag',\n  styleUrl: 'pn-titletag.scss',\n})\nexport class PnTiletag {\n  /** Icon of the tag */\n  @Prop() icon: string = null;\n\n  /** Icon of the tag */\n  @Prop({ mutable: true, reflect: true }) color: string = 'green700';\n\n  @Element() hostElement: HTMLElement;\n\n  render() {\n    return (\n      <Host>\n        <slot />\n        {this.icon ? <pn-icon icon={this.icon} small=\"false\" color={this.color}></pn-icon> : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAgB,8tBACtB,MAAAC,EAAeD,E,MCKFE,EAAS,M,mCAEG,K,WAGiC,U,kCAIxD,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6CACCC,KAAKC,KAAOJ,EAAA,WAASI,KAAMD,KAAKC,KAAMC,MAAM,QAAQC,MAAOH,KAAKG,QAAoB,K","ignoreList":[]}

package/pn-market-web-components/p-16f70311.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as s,h as r,d as t}from"./p-06555615.js";const o="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-bonus-progressbar{width:100%}.bonusprogressbar-top{display:flex;align-items:center;margin-bottom:1.6rem}.bonusprogressbar-top-icon{border-radius:100%;height:5rem;width:5rem;padding:1rem;display:inline-flex;margin-right:1em;margin-left:0.5em;background-color:#e0f8ff}[theme=red] .bonusprogressbar-top-icon{background-color:#fbc2c1}.bonusprogressbar-top-icon pn-icon svg{width:100%;height:100%}.bonusprogressbar-sumtext{margin-top:0.4rem;font-size:1.3rem;color:#5e554a}.bonusprogressbar-top-percentage{margin-left:0.8rem;padding:0}.bonusprogressbar-wrapper{position:relative;display:flex;min-height:5em;align-items:center}.bonusprogressbar-currentlevel{position:absolute}.bonusprogressbar-progress[value]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.7rem;border:0.1rem solid #00a0d6;border-radius:1.7rem;padding:0;margin:0;overflow:hidden}[theme=red] .bonusprogressbar-progress[value]{border-color:#f06365}.bonusprogressbar-progress[value]::-webkit-progress-bar{border:0;border-radius:1.7rem;margin:0;padding:0;background:#e0f8ff}[theme=red] .bonusprogressbar-progress[value]::-webkit-progress-bar{background:#fdefee}.bonusprogressbar-progress[value]::-webkit-progress-value{margin:0;padding:0;border-radius:1.7rem;background:#00a0d6}[theme=red] .bonusprogressbar-progress[value]::-webkit-progress-value{background:#f06365}";const a=o;const i=class{constructor(s){e(this,s);this.icon=null;this.heading="";this.sumtext=null;this.theme="blue";this.bonuspercentage="0%";this.currency="kr";this.value=0;this.min=0;this.max=0;this.valuepercentage=0;this.progresspercentage=0;this.levelValues=[];this.currentLevelAdjustedValue=0}get hostElement(){return s(this)}componentWillLoad(){this.setInitialValues();this.setValuePercentage()}setInitialValues(){const e=Array.from(this.hostElement.querySelectorAll("pn-bonus-progressbar-level:not([current])"));this.currentLevelAdjustedValue=this.value;this.levelValues=e.map((e=>parseInt(e.getAttribute("value"),10)));if(!this.max){if(this.levelValues&&this.levelValues.length>0){const e=this.levelValues.slice(-1)[0];let s=1.05;if(this.value>e){s=1.2}this.max=Math.floor(e*s)}}if(this.value>this.max){this.currentLevelAdjustedValue=100}}setValuePercentage(){this.valuepercentage=this.value/this.max*100;this.progresspercentage=(this.value-this.min)/(this.max-this.min)*100;if(this.progresspercentage<0){if(this.levelValues&&this.levelValues.length&&this.levelValues[0]<this.value){this.min=Math.floor(this.levelValues[0]*.95)}else{this.min=Math.floor(this.value*.95)}}if(this.progresspercentage>100){this.progresspercentage=100;const e=this.levelValues.slice(-1)[0];let s=1.05;if(this.value>e){s=1.2}this.max=Math.floor(e*s)}}iconColor(){switch(this.theme){case"red":return"coral700";case"blue":default:return"blue700"}}render(){return r(t,{key:"89103fc6287e71d9ac12c7bcbb284959c0ea64bd"},r("div",{key:"9a0b60180dc43681d5f5e1b7376435afb583765e",class:"bonusprogressbar-top"},this.icon?r("div",{class:"bonusprogressbar-top-icon"},r("pn-icon",{icon:this.icon,small:"false",color:this.iconColor()})):{},r("div",{key:"97f7f703387b719ab11ca555e5f46de0a38b0dcf",class:"bonusprogressbar-top-heading"},r("h4",{key:"8127659ee7221eec13123fd0e07c1871a132fdf9",class:"bonusprogressbar-top-headline"},this.heading," ",r("strong",{key:"5883c56d6aa717e654634e4232e768e76b5f8236",class:"bonusprogressbar-top-percentage"},this.bonuspercentage)),this.sumtext?r("div",{class:"bonusprogressbar-sumtext"},this.sumtext):null)),r("div",{key:"9ca7943f007cfb8bf63c1c64032140ae158bed85",class:"bonusprogressbar-wrapper"},r("progress",{key:"db618cbeb83e9e6459c2db90da1806952b2b98b3",class:"bonusprogressbar-progress",value:this.progresspercentage,max:"100"}),r("slot",{key:"6954cfff8a350a37528f0529d1158b79b9abe499"})))}static get watchers(){return{currentLevelAdjustedValue:["setValuePercentage"],value:["setValuePercentage"],min:["setValuePercentage"],max:["setValuePercentage"]}}};i.style=a;export{i as pn_bonus_progressbar};
+//# sourceMappingURL=p-16f70311.entry.js.map

package/pn-market-web-components/{p-b7a5fb1b.entry.js.map → p-16f70311.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnBonusProgressbarCss","PnBonusProgressbarStyle0","PnBonusProgressbar","componentWillLoad","this","setInitialValues","setValuePercentage","levelElements","Array","from","hostElement","querySelectorAll","currentLevelAdjustedValue","value","levelValues","map","elm","parseInt","getAttribute","max","length","newMax","slice","modifier","Math","floor","valuepercentage","progresspercentage","min","iconColor","theme","render","h","Host","key","class","icon","small","color","heading","bonuspercentage","sumtext"],"sources":["src/components/input/pn-bonus-progressbar/pn-bonus-progressbar.scss?tag=pn-bonus-progressbar","src/components/input/pn-bonus-progressbar/pn-bonus-progressbar.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-bonus-progressbar {\n  width: 100%;\n}\n\n.bonusprogressbar-top {\n  display: flex;\n  align-items: center;\n  margin-bottom: 1.6rem;\n}\n\n.bonusprogressbar-top-icon {\n  border-radius: 100%;\n  height: 5rem;\n  width: 5rem;\n  padding: 1rem;\n  display: inline-flex;\n  margin-right: 1em;\n  margin-left: 0.5em;\n  background-color: #e0f8ff;\n  [theme='red'] & {\n    background-color: #fbc2c1;\n  }\n  pn-icon svg {\n    width: 100%;\n    height: 100%;\n  }\n}\n.bonusprogressbar-top-heading {\n}\n.bonusprogressbar-top-headline {\n}\n\n.bonusprogressbar-sumtext {\n  margin-top: 0.4rem;\n  font-size: 1.3rem;\n  color: $gray700;\n}\n.bonusprogressbar-top-percentage {\n  //margin-left:auto;\n  margin-left: 0.8rem;\n  padding: 0;\n}\n\n.bonusprogressbar-wrapper {\n  position: relative;\n  display: flex;\n  min-height: 5em;\n  align-items: center;\n}\n\n.bonusprogressbar-currentlevel {\n  position: absolute;\n}\n.bonusprogressbar-progress[value] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n\n  width: 100%;\n  height: 1.7rem;\n\n  border: 0.1rem solid #00a0d6;\n  [theme='red'] & {\n    border-color: #f06365;\n  }\n  border-radius: 1.7rem;\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n  &::-webkit-progress-bar {\n    border: 0;\n    border-radius: 1.7rem;\n    margin: 0;\n    padding: 0;\n    background: #e0f8ff;\n\n    [theme='red'] & {\n      background: #fdefee;\n    }\n  }\n  &::-webkit-progress-value {\n    margin: 0;\n    padding: 0;\n    border-radius: 1.7rem;\n    background: #00a0d6;\n    [theme='red'] & {\n      background: #f06365;\n    }\n  }\n}\n","import { Component, Prop, h, Host, State, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'pn-bonus-progressbar',\n  styleUrl: 'pn-bonus-progressbar.scss',\n})\nexport class PnBonusProgressbar {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() icon: string = null;\n  @Prop() heading: string = '';\n  @Prop({ reflect: true }) sumtext: string = null;\n  @Prop({ reflect: true }) theme: string = 'blue';\n  @Prop() bonuspercentage: string = '0%';\n  @Prop({ reflect: true }) currency: string = 'kr';\n  @Prop({ reflect: true, mutable: true }) value: number = 0;\n  @Prop({ reflect: true, mutable: true }) min: number = 0;\n  @Prop({ reflect: true, mutable: true }) max: number = 0;\n\n  @State() valuepercentage: number = 0;\n  @State() progresspercentage: number = 0;\n  @State() levelValues: number[] = [];\n  @State() currentLevelAdjustedValue: number = 0;\n\n  componentWillLoad() {\n    this.setInitialValues();\n    this.setValuePercentage();\n  }\n\n  setInitialValues() {\n    const levelElements = Array.from(this.hostElement.querySelectorAll('pn-bonus-progressbar-level:not([current])'));\n    this.currentLevelAdjustedValue = this.value;\n    this.levelValues = levelElements.map(elm => {\n      return parseInt(elm.getAttribute('value'), 10);\n    });\n    if (!this.max) {\n      if (this.levelValues && this.levelValues.length > 0) {\n        const newMax = this.levelValues.slice(-1)[0] as number;\n        let modifier = 1.05;\n        if (this.value > newMax) {\n          modifier = 1.2;\n        }\n        this.max = Math.floor(newMax * modifier); // This sets the max value which all levels are relative to\n      }\n    }\n\n    // if (!this.min) {\n    //   const suggestedMin = Math.floor(this.value * 0.9);\n    //   if (suggestedMin > 0) {\n    //     this.min = suggestedMin;\n    //   }\n    // }\n\n    if (this.value > this.max) {\n      this.currentLevelAdjustedValue = 100;\n    }\n  }\n\n  @Watch('currentLevelAdjustedValue')\n  @Watch('value')\n  @Watch('min')\n  @Watch('max')\n  setValuePercentage() {\n    this.valuepercentage = (this.value / this.max) * 100;\n    this.progresspercentage = ((this.value - this.min) / (this.max - this.min)) * 100;\n    if (this.progresspercentage < 0) {\n      if (this.levelValues && this.levelValues.length && this.levelValues[0] < this.value) {\n        this.min = Math.floor(this.levelValues[0] * 0.95);\n      } else {\n        this.min = Math.floor(this.value * 0.95);\n      }\n    }\n\n    if (this.progresspercentage > 100) {\n      this.progresspercentage = 100;\n      const newMax = this.levelValues.slice(-1)[0] as number;\n      let modifier = 1.05;\n      if (this.value > newMax) {\n        modifier = 1.2;\n      }\n      this.max = Math.floor(newMax * modifier); // This sets the max value which all levels are relative to\n      // this.max = Math.floor(newMax * 1.20);\n    }\n  }\n\n  iconColor() {\n    switch (this.theme) {\n      case 'red':\n        return 'coral700';\n      case 'blue':\n      default:\n        return 'blue700';\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"bonusprogressbar-top\">\n          {this.icon ? (\n            <div class=\"bonusprogressbar-top-icon\">\n              <pn-icon icon={this.icon} small=\"false\" color={this.iconColor()} />\n            </div>\n          ) : (\n            {}\n          )}\n          <div class=\"bonusprogressbar-top-heading\">\n            <h4 class=\"bonusprogressbar-top-headline\">\n              {this.heading} <strong class=\"bonusprogressbar-top-percentage\">{this.bonuspercentage}</strong>\n            </h4>\n            {this.sumtext ? <div class=\"bonusprogressbar-sumtext\">{this.sumtext}</div> : null}\n          </div>\n        </div>\n\n        <div class=\"bonusprogressbar-wrapper\">\n          <progress class=\"bonusprogressbar-progress\" value={this.progresspercentage} max=\"100\"></progress>\n          {/* <pn-bonus-progressbar-level current={true} value={this.value} visualpercentage={this.currentLevelAdjustedValue} bonuspercentage={this.bonuspercentage}></pn-bonus-progressbar-level> */}\n          {/* <div class=\"bonusprogressbar-currentlevel\" style={ {'left':`%`} }></div> */}\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAwB,k6CAC9B,MAAAC,EAAeD,E,MCKFE,EAAkB,M,mCAGN,K,aACG,G,aACiB,K,WACF,O,qBACP,K,cACU,K,WACY,E,SACF,E,SACA,E,qBAEnB,E,wBACG,E,iBACL,G,+BACY,C,CAE7C,iBAAAC,GACEC,KAAKC,mBACLD,KAAKE,oB,CAGP,gBAAAD,GACE,MAAME,EAAgBC,MAAMC,KAAKL,KAAKM,YAAYC,iBAAiB,8CACnEP,KAAKQ,0BAA4BR,KAAKS,MACtCT,KAAKU,YAAcP,EAAcQ,KAAIC,GAC5BC,SAASD,EAAIE,aAAa,SAAU,MAE7C,IAAKd,KAAKe,IAAK,CACb,GAAIf,KAAKU,aAAeV,KAAKU,YAAYM,OAAS,EAAG,CACnD,MAAMC,EAASjB,KAAKU,YAAYQ,OAAO,GAAG,GAC1C,IAAIC,EAAW,KACf,GAAInB,KAAKS,MAAQQ,EAAQ,CACvBE,EAAW,G,CAEbnB,KAAKe,IAAMK,KAAKC,MAAMJ,EAASE,E,EAWnC,GAAInB,KAAKS,MAAQT,KAAKe,IAAK,CACzBf,KAAKQ,0BAA4B,G,EAQrC,kBAAAN,GACEF,KAAKsB,gBAAmBtB,KAAKS,MAAQT,KAAKe,IAAO,IACjDf,KAAKuB,oBAAuBvB,KAAKS,MAAQT,KAAKwB,MAAQxB,KAAKe,IAAMf,KAAKwB,KAAQ,IAC9E,GAAIxB,KAAKuB,mBAAqB,EAAG,CAC/B,GAAIvB,KAAKU,aAAeV,KAAKU,YAAYM,QAAUhB,KAAKU,YAAY,GAAKV,KAAKS,MAAO,CACnFT,KAAKwB,IAAMJ,KAAKC,MAAMrB,KAAKU,YAAY,GAAK,I,KACvC,CACLV,KAAKwB,IAAMJ,KAAKC,MAAMrB,KAAKS,MAAQ,I,EAIvC,GAAIT,KAAKuB,mBAAqB,IAAK,CACjCvB,KAAKuB,mBAAqB,IAC1B,MAAMN,EAASjB,KAAKU,YAAYQ,OAAO,GAAG,GAC1C,IAAIC,EAAW,KACf,GAAInB,KAAKS,MAAQQ,EAAQ,CACvBE,EAAW,G,CAEbnB,KAAKe,IAAMK,KAAKC,MAAMJ,EAASE,E,EAKnC,SAAAM,GACE,OAAQzB,KAAK0B,OACX,IAAK,MACH,MAAO,WACT,IAAK,OACL,QACE,MAAO,U,CAIb,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wBACR/B,KAAKgC,KACJJ,EAAA,OAAKG,MAAM,6BACTH,EAAA,WAASI,KAAMhC,KAAKgC,KAAMC,MAAM,QAAQC,MAAOlC,KAAKyB,eAChD,CAEJ,EAEJG,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gCACTH,EAAA,MAAAE,IAAA,2CAAIC,MAAM,iCACP/B,KAAKmC,QAAO,IAAEP,EAAA,UAAAE,IAAA,2CAAQC,MAAM,mCAAmC/B,KAAKoC,kBAEtEpC,KAAKqC,QAAUT,EAAA,OAAKG,MAAM,4BAA4B/B,KAAKqC,SAAiB,OAIjFT,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,YAAAE,IAAA,2CAAUC,MAAM,4BAA4BtB,MAAOT,KAAKuB,mBAAoBR,IAAI,QAGhFa,EAAA,QAAAE,IAAA,8C","ignoreList":[]}
+{"version":3,"names":["pnBonusProgressbarCss","PnBonusProgressbarStyle0","PnBonusProgressbar","componentWillLoad","this","setInitialValues","setValuePercentage","levelElements","Array","from","hostElement","querySelectorAll","currentLevelAdjustedValue","value","levelValues","map","elm","parseInt","getAttribute","max","length","newMax","slice","modifier","Math","floor","valuepercentage","progresspercentage","min","iconColor","theme","render","h","Host","key","class","icon","small","color","heading","bonuspercentage","sumtext"],"sources":["src/components/input/pn-bonus-progressbar/pn-bonus-progressbar.scss?tag=pn-bonus-progressbar","src/components/input/pn-bonus-progressbar/pn-bonus-progressbar.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-bonus-progressbar {\n  width: 100%;\n}\n\n.bonusprogressbar-top {\n  display: flex;\n  align-items: center;\n  margin-bottom: 1.6rem;\n}\n\n.bonusprogressbar-top-icon {\n  border-radius: 100%;\n  height: 5rem;\n  width: 5rem;\n  padding: 1rem;\n  display: inline-flex;\n  margin-right: 1em;\n  margin-left: 0.5em;\n  background-color: #e0f8ff;\n  [theme='red'] & {\n    background-color: #fbc2c1;\n  }\n  pn-icon svg {\n    width: 100%;\n    height: 100%;\n  }\n}\n.bonusprogressbar-top-heading {\n}\n.bonusprogressbar-top-headline {\n}\n\n.bonusprogressbar-sumtext {\n  margin-top: 0.4rem;\n  font-size: 1.3rem;\n  color: $gray700;\n}\n.bonusprogressbar-top-percentage {\n  //margin-left:auto;\n  margin-left: 0.8rem;\n  padding: 0;\n}\n\n.bonusprogressbar-wrapper {\n  position: relative;\n  display: flex;\n  min-height: 5em;\n  align-items: center;\n}\n\n.bonusprogressbar-currentlevel {\n  position: absolute;\n}\n.bonusprogressbar-progress[value] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n\n  width: 100%;\n  height: 1.7rem;\n\n  border: 0.1rem solid #00a0d6;\n  [theme='red'] & {\n    border-color: #f06365;\n  }\n  border-radius: 1.7rem;\n  padding: 0;\n  margin: 0;\n  overflow: hidden;\n  &::-webkit-progress-bar {\n    border: 0;\n    border-radius: 1.7rem;\n    margin: 0;\n    padding: 0;\n    background: #e0f8ff;\n\n    [theme='red'] & {\n      background: #fdefee;\n    }\n  }\n  &::-webkit-progress-value {\n    margin: 0;\n    padding: 0;\n    border-radius: 1.7rem;\n    background: #00a0d6;\n    [theme='red'] & {\n      background: #f06365;\n    }\n  }\n}\n","import { Component, Prop, h, Host, State, Element, Listen, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'pn-bonus-progressbar',\n  styleUrl: 'pn-bonus-progressbar.scss',\n})\nexport class PnBonusProgressbar {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() icon: string = null;\n  @Prop() heading: string = '';\n  @Prop({ reflect: true }) sumtext: string = null;\n  @Prop({ reflect: true }) theme: string = 'blue';\n  @Prop() bonuspercentage: string = '0%';\n  @Prop({ reflect: true }) currency: string = 'kr';\n  @Prop({ reflect: true, mutable: true }) value: number = 0;\n  @Prop({ reflect: true, mutable: true }) min: number = 0;\n  @Prop({ reflect: true, mutable: true }) max: number = 0;\n\n  @State() valuepercentage: number = 0;\n  @State() progresspercentage: number = 0;\n  @State() levelValues: number[] = [];\n  @State() currentLevelAdjustedValue: number = 0;\n\n  componentWillLoad() {\n    this.setInitialValues();\n    this.setValuePercentage();\n  }\n\n  setInitialValues() {\n    const levelElements = Array.from(this.hostElement.querySelectorAll('pn-bonus-progressbar-level:not([current])'));\n    this.currentLevelAdjustedValue = this.value;\n    this.levelValues = levelElements.map(elm => {\n      return parseInt(elm.getAttribute('value'), 10);\n    });\n    if (!this.max) {\n      if (this.levelValues && this.levelValues.length > 0) {\n        const newMax = this.levelValues.slice(-1)[0] as number;\n        let modifier = 1.05;\n        if (this.value > newMax) {\n          modifier = 1.2;\n        }\n        this.max = Math.floor(newMax * modifier); // This sets the max value which all levels are relative to\n      }\n    }\n\n    // if (!this.min) {\n    //   const suggestedMin = Math.floor(this.value * 0.9);\n    //   if (suggestedMin > 0) {\n    //     this.min = suggestedMin;\n    //   }\n    // }\n\n    if (this.value > this.max) {\n      this.currentLevelAdjustedValue = 100;\n    }\n  }\n\n  @Watch('currentLevelAdjustedValue')\n  @Watch('value')\n  @Watch('min')\n  @Watch('max')\n  setValuePercentage() {\n    this.valuepercentage = (this.value / this.max) * 100;\n    this.progresspercentage = ((this.value - this.min) / (this.max - this.min)) * 100;\n    if (this.progresspercentage < 0) {\n      if (this.levelValues && this.levelValues.length && this.levelValues[0] < this.value) {\n        this.min = Math.floor(this.levelValues[0] * 0.95);\n      } else {\n        this.min = Math.floor(this.value * 0.95);\n      }\n    }\n\n    if (this.progresspercentage > 100) {\n      this.progresspercentage = 100;\n      const newMax = this.levelValues.slice(-1)[0] as number;\n      let modifier = 1.05;\n      if (this.value > newMax) {\n        modifier = 1.2;\n      }\n      this.max = Math.floor(newMax * modifier); // This sets the max value which all levels are relative to\n      // this.max = Math.floor(newMax * 1.20);\n    }\n  }\n\n  iconColor() {\n    switch (this.theme) {\n      case 'red':\n        return 'coral700';\n      case 'blue':\n      default:\n        return 'blue700';\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"bonusprogressbar-top\">\n          {this.icon ? (\n            <div class=\"bonusprogressbar-top-icon\">\n              <pn-icon icon={this.icon} small=\"false\" color={this.iconColor()} />\n            </div>\n          ) : (\n            {}\n          )}\n          <div class=\"bonusprogressbar-top-heading\">\n            <h4 class=\"bonusprogressbar-top-headline\">\n              {this.heading} <strong class=\"bonusprogressbar-top-percentage\">{this.bonuspercentage}</strong>\n            </h4>\n            {this.sumtext ? <div class=\"bonusprogressbar-sumtext\">{this.sumtext}</div> : null}\n          </div>\n        </div>\n\n        <div class=\"bonusprogressbar-wrapper\">\n          <progress class=\"bonusprogressbar-progress\" value={this.progresspercentage} max=\"100\"></progress>\n          {/* <pn-bonus-progressbar-level current={true} value={this.value} visualpercentage={this.currentLevelAdjustedValue} bonuspercentage={this.bonuspercentage}></pn-bonus-progressbar-level> */}\n          {/* <div class=\"bonusprogressbar-currentlevel\" style={ {'left':`%`} }></div> */}\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAwB,k6CAC9B,MAAAC,EAAeD,E,MCKFE,EAAkB,M,mCAGN,K,aACG,G,aACiB,K,WACF,O,qBACP,K,cACU,K,WACY,E,SACF,E,SACA,E,qBAEnB,E,wBACG,E,iBACL,G,+BACY,C,kCAE7C,iBAAAC,GACEC,KAAKC,mBACLD,KAAKE,oB,CAGP,gBAAAD,GACE,MAAME,EAAgBC,MAAMC,KAAKL,KAAKM,YAAYC,iBAAiB,8CACnEP,KAAKQ,0BAA4BR,KAAKS,MACtCT,KAAKU,YAAcP,EAAcQ,KAAIC,GAC5BC,SAASD,EAAIE,aAAa,SAAU,MAE7C,IAAKd,KAAKe,IAAK,CACb,GAAIf,KAAKU,aAAeV,KAAKU,YAAYM,OAAS,EAAG,CACnD,MAAMC,EAASjB,KAAKU,YAAYQ,OAAO,GAAG,GAC1C,IAAIC,EAAW,KACf,GAAInB,KAAKS,MAAQQ,EAAQ,CACvBE,EAAW,G,CAEbnB,KAAKe,IAAMK,KAAKC,MAAMJ,EAASE,E,EAWnC,GAAInB,KAAKS,MAAQT,KAAKe,IAAK,CACzBf,KAAKQ,0BAA4B,G,EAQrC,kBAAAN,GACEF,KAAKsB,gBAAmBtB,KAAKS,MAAQT,KAAKe,IAAO,IACjDf,KAAKuB,oBAAuBvB,KAAKS,MAAQT,KAAKwB,MAAQxB,KAAKe,IAAMf,KAAKwB,KAAQ,IAC9E,GAAIxB,KAAKuB,mBAAqB,EAAG,CAC/B,GAAIvB,KAAKU,aAAeV,KAAKU,YAAYM,QAAUhB,KAAKU,YAAY,GAAKV,KAAKS,MAAO,CACnFT,KAAKwB,IAAMJ,KAAKC,MAAMrB,KAAKU,YAAY,GAAK,I,KACvC,CACLV,KAAKwB,IAAMJ,KAAKC,MAAMrB,KAAKS,MAAQ,I,EAIvC,GAAIT,KAAKuB,mBAAqB,IAAK,CACjCvB,KAAKuB,mBAAqB,IAC1B,MAAMN,EAASjB,KAAKU,YAAYQ,OAAO,GAAG,GAC1C,IAAIC,EAAW,KACf,GAAInB,KAAKS,MAAQQ,EAAQ,CACvBE,EAAW,G,CAEbnB,KAAKe,IAAMK,KAAKC,MAAMJ,EAASE,E,EAKnC,SAAAM,GACE,OAAQzB,KAAK0B,OACX,IAAK,MACH,MAAO,WACT,IAAK,OACL,QACE,MAAO,U,CAIb,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,wBACR/B,KAAKgC,KACJJ,EAAA,OAAKG,MAAM,6BACTH,EAAA,WAASI,KAAMhC,KAAKgC,KAAMC,MAAM,QAAQC,MAAOlC,KAAKyB,eAChD,CAEJ,EAEJG,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gCACTH,EAAA,MAAAE,IAAA,2CAAIC,MAAM,iCACP/B,KAAKmC,QAAO,IAAEP,EAAA,UAAAE,IAAA,2CAAQC,MAAM,mCAAmC/B,KAAKoC,kBAEtEpC,KAAKqC,QAAUT,EAAA,OAAKG,MAAM,4BAA4B/B,KAAKqC,SAAiB,OAIjFT,EAAA,OAAAE,IAAA,2CAAKC,MAAM,4BACTH,EAAA,YAAAE,IAAA,2CAAUC,MAAM,4BAA4BtB,MAAOT,KAAKuB,mBAAoBR,IAAI,QAGhFa,EAAA,QAAAE,IAAA,8C","ignoreList":[]}

package/pn-market-web-components/{p-c8bbdd96.entry.js → p-190c671b.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,h as r,d as c,g as e}from"./p-06555615.js";import{a as n}from"./p-36b39340.js";const t="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-charts-card{width:100%;height:100%;display:flex}pn-charts-card .pn-charts-card__wrapper{width:100%;display:flex;flex-direction:column;border-radius:2.4rem;padding:2.4rem}@media screen and (min-width: 1200px){pn-charts-card .pn-charts-card__wrapper{padding:3.2rem}}pn-charts-card .pn-charts-card__heading__wrapper{display:flex;flex-direction:row;justify-content:space-between;gap:0.8rem}pn-charts-card .pn-charts-card__heading{font-weight:700;font-size:2.4rem;line-height:110%}@media screen and (min-width: 1640px){pn-charts-card .pn-charts-card__heading{font-size:3.2rem}}pn-charts-card .pn-charts-card__heading__highlight{font-weight:700;font-size:2.4rem;line-height:110%;color:#005d92}@media screen and (min-width: 1640px){pn-charts-card .pn-charts-card__heading__highlight{font-size:3.2rem}}pn-charts-card .pn-charts-card__content__wrapper{display:flex;flex-direction:column;height:100%}pn-charts-card .pn-charts-card__text__container{display:flex;flex-direction:column;justify-content:space-between;height:100%}pn-charts-card .pn-charts-card__heading__wrapper--horizontal{display:none}pn-charts-card .pn-charts-card__text__wrapper{display:flex;flex-direction:column;justify-content:space-between}pn-charts-card .pn-charts-card__text__wrapper span{display:block;margin-bottom:5.4rem}pn-charts-card .pn-charts-card__preamble{font-weight:400;font-size:1.6rem;line-height:140%;flex-grow:1;margin-bottom:1.6rem}@media screen and (min-width: 1640px){pn-charts-card .pn-charts-card__preamble{font-size:2rem}}pn-charts-card .pn-charts-card__source{display:flex;flex-direction:column}pn-charts-card .pn-charts-card__source label{background-color:#00a0d6;color:#ffffff;border-radius:0.4rem;font-weight:400;font-size:1rem;line-height:1;text-transform:uppercase;padding:0.4rem;margin-bottom:0.6rem;width:fit-content}@media screen and (min-width: 1640px){pn-charts-card .pn-charts-card__source label{font-size:1.2rem;padding:0.6rem}}pn-charts-card .pn-charts-card__source .pn-chart-card__text__heading{font-weight:400;font-size:1.6rem;line-height:140%;color:#005d92;margin-bottom:0}@media screen and (min-width: 1640px){pn-charts-card .pn-charts-card__source .pn-chart-card__text__heading{font-size:2rem}}pn-charts-card .pn-charts-card__source a{text-decoration:none;color:#005d92;font-weight:500;font-size:1.6rem;text-decoration:none;color:#005d92;font-weight:400}pn-charts-card .pn-charts-card__source a:hover{text-decoration:underline}@media screen and (min-width: 1640px){pn-charts-card .pn-charts-card__source a{font-size:2rem}}pn-charts-card .pn-charts-card__source a pn-icon svg path{fill:#005d92}pn-charts-card .pn-charts-card__source a[target=_blank]:not(.pn-button):after{display:none}.fullwidth>pn-charts-card .pn-charts-card__wrapper{padding:2.4rem}@media screen and (min-width: 992px){.fullwidth>pn-charts-card .pn-charts-card__wrapper{padding:4rem}}.fullwidth>pn-charts-card .pn-charts-card__heading__wrapper{margin-bottom:3.2rem;gap:1.6rem}@media screen and (min-width: 768px){.fullwidth>pn-charts-card .pn-charts-card__heading__wrapper{justify-content:flex-start}}.fullwidth>pn-charts-card .pn-charts-card__heading,.fullwidth>pn-charts-card .pn-charts-card__heading__highlight{font-size:2.4rem}@media screen and (min-width: 768px){.fullwidth>pn-charts-card .pn-charts-card__heading,.fullwidth>pn-charts-card .pn-charts-card__heading__highlight{font-size:3.2rem}}.fullwidth>pn-charts-card .pn-charts-card__content__wrapper{display:flex;flex-direction:column;justify-content:space-between}@media screen and (min-width: 992px){.fullwidth>pn-charts-card .pn-charts-card__content__wrapper{flex-direction:row-reverse;gap:5.6rem}}@media screen and (min-width: 1200px){.fullwidth>pn-charts-card .pn-charts-card__content__wrapper{gap:4rem}}@media screen and (min-width: 1640px){.fullwidth>pn-charts-card .pn-charts-card__content__wrapper{gap:3.2rem}}.fullwidth>pn-charts-card .pn-charts-card__text__container{justify-content:center}@media screen and (min-width: 768px){.fullwidth>pn-charts-card .pn-charts-card__text__container{width:100%}}.fullwidth>pn-charts-card .pn-charts-card__heading__wrapper--vertical{display:flex}@media screen and (min-width: 992px){.fullwidth>pn-charts-card .pn-charts-card__heading__wrapper--vertical{display:none}}.fullwidth>pn-charts-card .pn-charts-card__heading__wrapper--horizontal{display:none}@media screen and (min-width: 992px){.fullwidth>pn-charts-card .pn-charts-card__heading__wrapper--horizontal{display:flex}}@media screen and (min-width: 768px){.fullwidth>pn-charts-card .pn-charts-card__preamble{flex-grow:0;font-size:2rem}}pn-charts-card[data-chart-color=blue]>.pn-charts-card__wrapper{background-color:#effbff}pn-charts-card[data-chart-color=coral]>.pn-charts-card__wrapper{background-color:#fdefee}pn-charts-card[data-chart-color=green]>.pn-charts-card__wrapper{background-color:#dcf6e7}pn-charts-card[data-chart-color=white]>.pn-charts-card__wrapper{background-color:#ffffff}pn-charts-card[data-chart-color=gray]>.pn-charts-card__wrapper{background-color:#f9f8f8}";const d=t;const i=class{constructor(c){a(this,c);this.showCtaLinkText=()=>{if(this.ctaLinkText){return r("a",{class:"link--animated",href:this.sourceUrl,rel:this.openInNewWindow?"noopener nofollower noreferrer":null,target:this.openInNewWindow?"_blank":null},this.ctaLinkText," ",r("pn-icon",{icon:n}," "))}return null};this.header=undefined;this.highlight=undefined;this.preamble=undefined;this.label=undefined;this.source=undefined;this.sourceUrl=undefined;this.ctaLinkText=undefined;this.openInNewWindow=false}render(){return r(c,{key:"91447ac4f3c66c65a9c32357d1c15819529a47bf"},r("slot",{key:"885766168316b0126bfd4bbc0fa6831d50271ac8",name:"clickable-block-wrapper"}),r("div",{key:"c36f6da932a19fdf26331695fcff8f980ba9717f",class:"pn-charts-card__wrapper"},r("div",{key:"21a27ad5df39c1d7c410dd303f8d15d0e57e6a97",class:"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--vertical"},r("div",{key:"78a02d58749721eb9a7d3ff5cf5850051e6db6c3",class:"pn-charts-card__heading"},this.header),r("div",{key:"86e37c66d1bc07b116880ed67631e379cda81794",class:"pn-charts-card__heading__highlight"},this.highlight)),r("div",{key:"7be12f544ea812646e80e7f77bbfc235b92a1d57",class:"pn-charts-card__content__wrapper"},r("slot",{key:"22cf9818c897929d08ffa732a487600c7c45d4f4",name:"chart"}),r("div",{key:"3b04e1a9cf180090e2cdb43e6c61c8201ece9f7c",class:"pn-charts-card__text__container"},r("div",{key:"7f6b7a798ae08286bb35e7938c3f6c78176f2c6c",class:"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--horizontal"},r("div",{key:"a1048bbf22cd5cf3efb0d2a3e6d689166ce2b45e",class:"pn-charts-card__heading pn-charts-card__heading"},this.header),r("div",{key:"d4e8d1cf6e9f1242267d811ab72dd3cee8d74b86",class:"pn-charts-card__heading__highlight"},this.highlight)),r("span",{key:"ab93adf62d319525a0f46bbabf4f0cc5bd1a6291",class:"pn-charts-card__preamble"},this.preamble),r("div",{key:"e13eb63ad552134988650123c26293ad3507a312",class:"pn-charts-card__text__wrapper"},r("div",{key:"64901e491a8b7de6adfa60e04d39d13dc9b17551",class:"pn-charts-card__source"},r("label",{key:"2857102340c025aaf5a6f6229a29f3e5a76a3757"},this.label),r("h3",{key:"ebb5f05098fd21bc6da23e9aac3b0ba188404096",class:"pn-chart-card__text__heading"},this.source),this.showCtaLinkText()))))))}get hostElement(){return e(this)}};i.style=d;export{i as pn_charts_card};
-//# sourceMappingURL=p-c8bbdd96.entry.js.map
+import{r as a,g as r,h as c,d as e}from"./p-06555615.js";import{a as n}from"./p-36b39340.js";const t="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-charts-card{width:100%;height:100%;display:flex}pn-charts-card .pn-charts-card__wrapper{width:100%;display:flex;flex-direction:column;border-radius:2.4rem;padding:2.4rem}@media screen and (min-width: 1200px){pn-charts-card .pn-charts-card__wrapper{padding:3.2rem}}pn-charts-card .pn-charts-card__heading__wrapper{display:flex;flex-direction:row;justify-content:space-between;gap:0.8rem}pn-charts-card .pn-charts-card__heading{font-weight:700;font-size:2.4rem;line-height:110%}@media screen and (min-width: 1640px){pn-charts-card .pn-charts-card__heading{font-size:3.2rem}}pn-charts-card .pn-charts-card__heading__highlight{font-weight:700;font-size:2.4rem;line-height:110%;color:#005d92}@media screen and (min-width: 1640px){pn-charts-card .pn-charts-card__heading__highlight{font-size:3.2rem}}pn-charts-card .pn-charts-card__content__wrapper{display:flex;flex-direction:column;height:100%}pn-charts-card .pn-charts-card__text__container{display:flex;flex-direction:column;justify-content:space-between;height:100%}pn-charts-card .pn-charts-card__heading__wrapper--horizontal{display:none}pn-charts-card .pn-charts-card__text__wrapper{display:flex;flex-direction:column;justify-content:space-between}pn-charts-card .pn-charts-card__text__wrapper span{display:block;margin-bottom:5.4rem}pn-charts-card .pn-charts-card__preamble{font-weight:400;font-size:1.6rem;line-height:140%;flex-grow:1;margin-bottom:1.6rem}@media screen and (min-width: 1640px){pn-charts-card .pn-charts-card__preamble{font-size:2rem}}pn-charts-card .pn-charts-card__source{display:flex;flex-direction:column}pn-charts-card .pn-charts-card__source label{background-color:#00a0d6;color:#ffffff;border-radius:0.4rem;font-weight:400;font-size:1rem;line-height:1;text-transform:uppercase;padding:0.4rem;margin-bottom:0.6rem;width:fit-content}@media screen and (min-width: 1640px){pn-charts-card .pn-charts-card__source label{font-size:1.2rem;padding:0.6rem}}pn-charts-card .pn-charts-card__source .pn-chart-card__text__heading{font-weight:400;font-size:1.6rem;line-height:140%;color:#005d92;margin-bottom:0}@media screen and (min-width: 1640px){pn-charts-card .pn-charts-card__source .pn-chart-card__text__heading{font-size:2rem}}pn-charts-card .pn-charts-card__source a{text-decoration:none;color:#005d92;font-weight:500;font-size:1.6rem;text-decoration:none;color:#005d92;font-weight:400}pn-charts-card .pn-charts-card__source a:hover{text-decoration:underline}@media screen and (min-width: 1640px){pn-charts-card .pn-charts-card__source a{font-size:2rem}}pn-charts-card .pn-charts-card__source a pn-icon svg path{fill:#005d92}pn-charts-card .pn-charts-card__source a[target=_blank]:not(.pn-button):after{display:none}.fullwidth>pn-charts-card .pn-charts-card__wrapper{padding:2.4rem}@media screen and (min-width: 992px){.fullwidth>pn-charts-card .pn-charts-card__wrapper{padding:4rem}}.fullwidth>pn-charts-card .pn-charts-card__heading__wrapper{margin-bottom:3.2rem;gap:1.6rem}@media screen and (min-width: 768px){.fullwidth>pn-charts-card .pn-charts-card__heading__wrapper{justify-content:flex-start}}.fullwidth>pn-charts-card .pn-charts-card__heading,.fullwidth>pn-charts-card .pn-charts-card__heading__highlight{font-size:2.4rem}@media screen and (min-width: 768px){.fullwidth>pn-charts-card .pn-charts-card__heading,.fullwidth>pn-charts-card .pn-charts-card__heading__highlight{font-size:3.2rem}}.fullwidth>pn-charts-card .pn-charts-card__content__wrapper{display:flex;flex-direction:column;justify-content:space-between}@media screen and (min-width: 992px){.fullwidth>pn-charts-card .pn-charts-card__content__wrapper{flex-direction:row-reverse;gap:5.6rem}}@media screen and (min-width: 1200px){.fullwidth>pn-charts-card .pn-charts-card__content__wrapper{gap:4rem}}@media screen and (min-width: 1640px){.fullwidth>pn-charts-card .pn-charts-card__content__wrapper{gap:3.2rem}}.fullwidth>pn-charts-card .pn-charts-card__text__container{justify-content:center}@media screen and (min-width: 768px){.fullwidth>pn-charts-card .pn-charts-card__text__container{width:100%}}.fullwidth>pn-charts-card .pn-charts-card__heading__wrapper--vertical{display:flex}@media screen and (min-width: 992px){.fullwidth>pn-charts-card .pn-charts-card__heading__wrapper--vertical{display:none}}.fullwidth>pn-charts-card .pn-charts-card__heading__wrapper--horizontal{display:none}@media screen and (min-width: 992px){.fullwidth>pn-charts-card .pn-charts-card__heading__wrapper--horizontal{display:flex}}@media screen and (min-width: 768px){.fullwidth>pn-charts-card .pn-charts-card__preamble{flex-grow:0;font-size:2rem}}pn-charts-card[data-chart-color=blue]>.pn-charts-card__wrapper{background-color:#effbff}pn-charts-card[data-chart-color=coral]>.pn-charts-card__wrapper{background-color:#fdefee}pn-charts-card[data-chart-color=green]>.pn-charts-card__wrapper{background-color:#dcf6e7}pn-charts-card[data-chart-color=white]>.pn-charts-card__wrapper{background-color:#ffffff}pn-charts-card[data-chart-color=gray]>.pn-charts-card__wrapper{background-color:#f9f8f8}";const d=t;const i=class{constructor(r){a(this,r);this.header=undefined;this.highlight=undefined;this.preamble=undefined;this.label=undefined;this.source=undefined;this.sourceUrl=undefined;this.ctaLinkText=undefined;this.openInNewWindow=false}get hostElement(){return r(this)}showCtaLinkText=()=>{if(this.ctaLinkText){return c("a",{class:"link--animated",href:this.sourceUrl,rel:this.openInNewWindow?"noopener nofollower noreferrer":null,target:this.openInNewWindow?"_blank":null},this.ctaLinkText," ",c("pn-icon",{icon:n}," "))}return null};render(){return c(e,{key:"91447ac4f3c66c65a9c32357d1c15819529a47bf"},c("slot",{key:"885766168316b0126bfd4bbc0fa6831d50271ac8",name:"clickable-block-wrapper"}),c("div",{key:"c36f6da932a19fdf26331695fcff8f980ba9717f",class:"pn-charts-card__wrapper"},c("div",{key:"21a27ad5df39c1d7c410dd303f8d15d0e57e6a97",class:"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--vertical"},c("div",{key:"78a02d58749721eb9a7d3ff5cf5850051e6db6c3",class:"pn-charts-card__heading"},this.header),c("div",{key:"86e37c66d1bc07b116880ed67631e379cda81794",class:"pn-charts-card__heading__highlight"},this.highlight)),c("div",{key:"7be12f544ea812646e80e7f77bbfc235b92a1d57",class:"pn-charts-card__content__wrapper"},c("slot",{key:"22cf9818c897929d08ffa732a487600c7c45d4f4",name:"chart"}),c("div",{key:"3b04e1a9cf180090e2cdb43e6c61c8201ece9f7c",class:"pn-charts-card__text__container"},c("div",{key:"7f6b7a798ae08286bb35e7938c3f6c78176f2c6c",class:"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--horizontal"},c("div",{key:"a1048bbf22cd5cf3efb0d2a3e6d689166ce2b45e",class:"pn-charts-card__heading pn-charts-card__heading"},this.header),c("div",{key:"d4e8d1cf6e9f1242267d811ab72dd3cee8d74b86",class:"pn-charts-card__heading__highlight"},this.highlight)),c("span",{key:"ab93adf62d319525a0f46bbabf4f0cc5bd1a6291",class:"pn-charts-card__preamble"},this.preamble),c("div",{key:"e13eb63ad552134988650123c26293ad3507a312",class:"pn-charts-card__text__wrapper"},c("div",{key:"64901e491a8b7de6adfa60e04d39d13dc9b17551",class:"pn-charts-card__source"},c("label",{key:"2857102340c025aaf5a6f6229a29f3e5a76a3757"},this.label),c("h3",{key:"ebb5f05098fd21bc6da23e9aac3b0ba188404096",class:"pn-chart-card__text__heading"},this.source),this.showCtaLinkText()))))))}};i.style=d;export{i as pn_charts_card};
+//# sourceMappingURL=p-190c671b.entry.js.map

package/pn-market-web-components/{p-c8bbdd96.entry.js.map → p-190c671b.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnChartsCardCss","PnChartsCardStyle0","PnChartsCard","this","showCtaLinkText","ctaLinkText","h","class","href","sourceUrl","rel","openInNewWindow","target","icon","arrow_right","render","Host","key","name","header","highlight","preamble","label","source"],"sources":["src/components/charts/pn-charts-card/pn-charts-card.scss?tag=pn-charts-card","src/components/charts/pn-charts-card/pn-charts-card.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-charts-card {\n  width: 100%;\n  height: 100%;\n  display: flex;\n\n  .pn-charts-card__wrapper {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    border-radius: 2.4rem;\n    padding: 2.4rem;\n\n    @media screen and (min-width: 1200px) {\n      padding: 3.2rem;\n    }\n  }\n\n  .pn-charts-card__heading__wrapper {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    gap: 0.8rem;\n  }\n\n  .pn-charts-card__heading {\n    font-weight: 700;\n    font-size: 2.4rem;\n    line-height: 110%;\n\n    @media screen and (min-width: 1640px) {\n      font-size: 3.2rem;\n    }\n  }\n\n  .pn-charts-card__heading__highlight {\n    font-weight: 700;\n    font-size: 2.4rem;\n    line-height: 110%;\n    color: $blue700;\n\n    @media screen and (min-width: 1640px) {\n      font-size: 3.2rem;\n    }\n  }\n\n  .pn-charts-card__content__wrapper {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n\n  .pn-charts-card__text__container {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n  }\n\n  .pn-charts-card__heading__wrapper--horizontal {\n    display: none;\n  }\n\n  .pn-charts-card__text__wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n\n    span {\n      display: block;\n      margin-bottom: 5.4rem;\n    }\n  }\n\n  .pn-charts-card__preamble {\n    font-weight: 400;\n    font-size: 1.6rem;\n    line-height: 140%;\n    flex-grow: 1;\n    margin-bottom: 1.6rem;\n\n    @media screen and (min-width: 1640px) {\n      font-size: 2rem;\n    }\n  }\n\n  .pn-charts-card__source {\n    display: flex;\n    flex-direction: column;\n\n    label {\n      background-color: $blue400;\n      color: $white;\n      border-radius: 0.4rem;\n      font-weight: 400;\n      font-size: 1rem;\n      line-height: 1;\n      text-transform: uppercase;\n      padding: 0.4rem;\n      margin-bottom: 0.6rem;\n      width: fit-content;\n\n      @media screen and (min-width: 1640px) {\n        font-size: 1.2rem;\n        padding: 0.6rem;\n      }\n    }\n\n    .pn-chart-card__text__heading {\n      font-weight: 400;\n      font-size: 1.6rem;\n      line-height: 140%;\n      color: $blue700;\n      margin-bottom: 0;\n\n      @media screen and (min-width: 1640px) {\n        font-size: 2rem;\n      }\n    }\n\n    a {\n      text-decoration: none;\n      color: $blue700;\n      &:hover {\n        text-decoration: underline;\n      }\n\n      font-weight: 500;\n      font-size: 1.6rem;\n      text-decoration: none;\n      color: $blue700;\n      font-weight: 400;\n\n      @media screen and (min-width: 1640px) {\n        font-size: 2rem;\n      }\n\n      pn-icon svg {\n        path {\n          fill: $blue700;\n        }\n      }\n\n      &[target='_blank']:not(.pn-button):after {\n        display: none;\n      }\n    }\n  }\n}\n\n//horizontal layout\n.fullwidth {\n  & > pn-charts-card {\n    .pn-charts-card__wrapper {\n      padding: 2.4rem;\n      @media screen and (min-width: 992px) {\n        padding: 4rem;\n      }\n    }\n\n    .pn-charts-card__heading__wrapper {\n      margin-bottom: 3.2rem;\n      @media screen and (min-width: 768px) {\n        justify-content: flex-start;\n      }\n\n      gap: 1.6rem;\n    }\n\n    .pn-charts-card__heading,\n    .pn-charts-card__heading__highlight {\n      font-size: 2.4rem;\n      @media screen and (min-width: 768px) {\n        font-size: 3.2rem;\n      }\n    }\n\n    .pn-charts-card__content__wrapper {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n\n      @media screen and (min-width: 992px) {\n        flex-direction: row-reverse;\n        gap: 5.6rem;\n      }\n\n      @media screen and (min-width: 1200px) {\n        gap: 4rem;\n      }\n\n      @media screen and (min-width: 1640px) {\n        gap: 3.2rem;\n      }\n    }\n\n    .pn-charts-card__text__container {\n      justify-content: center;\n      @media screen and (min-width: 768px) {\n        width: 100%;\n      }\n    }\n\n    .pn-charts-card__heading__wrapper--vertical {\n      display: flex;\n\n      @media screen and (min-width: 992px) {\n        display: none;\n      }\n    }\n\n    .pn-charts-card__heading__wrapper--horizontal {\n      display: none;\n      @media screen and (min-width: 992px) {\n        display: flex;\n      }\n    }\n\n    .pn-charts-card__preamble {\n      @media screen and (min-width: 768px) {\n        flex-grow: 0;\n        font-size: 2rem;\n      }\n    }\n  }\n}\n\n//colors\npn-charts-card[data-chart-color='blue'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $blue25;\n  }\n}\n\npn-charts-card[data-chart-color='coral'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $coral50;\n  }\n}\n\npn-charts-card[data-chart-color='green'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $green50;\n  }\n}\n\npn-charts-card[data-chart-color='white'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $white;\n  }\n}\n\npn-charts-card[data-chart-color='gray'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $gray25;\n  }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-charts-card',\n  styleUrl: 'pn-charts-card.scss',\n})\nexport class PnChartsCard {\n  @Element() hostElement: HTMLElement;\n  //props\n  @Prop() header: string;\n  @Prop() highlight: string;\n  @Prop() preamble: string;\n  @Prop() label: string;\n  @Prop() source: string;\n  @Prop() sourceUrl: string;\n  @Prop() ctaLinkText: string;\n  @Prop() openInNewWindow: boolean = false;\n\n  showCtaLinkText = () => {\n    if (this.ctaLinkText) {\n      return (\n        <a class=\"link--animated\" href={this.sourceUrl} rel={this.openInNewWindow ? 'noopener nofollower noreferrer' : null} target={this.openInNewWindow ? '_blank' : null}>\n          {this.ctaLinkText} <pn-icon icon={arrow_right}> </pn-icon>\n        </a>\n      );\n    }\n    return null;\n  };\n\n  render() {\n    return (\n      <Host>\n        <slot name=\"clickable-block-wrapper\" />\n        <div class=\"pn-charts-card__wrapper\">\n          <div class=\"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--vertical\">\n            <div class=\"pn-charts-card__heading\">{this.header}</div>\n            <div class=\"pn-charts-card__heading__highlight\">{this.highlight}</div>\n          </div>\n\n          <div class=\"pn-charts-card__content__wrapper\">\n            <slot name=\"chart\"></slot>\n            <div class=\"pn-charts-card__text__container\">\n              <div class=\"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--horizontal\">\n                <div class=\"pn-charts-card__heading pn-charts-card__heading\">{this.header}</div>\n                <div class=\"pn-charts-card__heading__highlight\">{this.highlight}</div>\n              </div>\n              <span class=\"pn-charts-card__preamble\">{this.preamble}</span>\n              <div class=\"pn-charts-card__text__wrapper\">\n                <div class=\"pn-charts-card__source\">\n                  <label>{this.label}</label>\n                  <h3 class=\"pn-chart-card__text__heading\">{this.source}</h3>\n                  {this.showCtaLinkText()}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAkB,u+JACxB,MAAAC,EAAeD,E,MCMFE,EAAY,M,yBAYvBC,KAAAC,gBAAkB,KAChB,GAAID,KAAKE,YAAa,CACpB,OACEC,EAAA,KAAGC,MAAM,iBAAiBC,KAAML,KAAKM,UAAWC,IAAKP,KAAKQ,gBAAkB,iCAAmC,KAAMC,OAAQT,KAAKQ,gBAAkB,SAAW,MAC5JR,KAAKE,YAAW,IAAEC,EAAA,WAASO,KAAMC,GAAW,K,CAInD,OAAO,IAAI,E,2LAVsB,K,CAanC,MAAAC,GACE,OACET,EAACU,EAAI,CAAAC,IAAA,4CACHX,EAAA,QAAAW,IAAA,2CAAMC,KAAK,4BACXZ,EAAA,OAAAW,IAAA,2CAAKV,MAAM,2BACTD,EAAA,OAAAW,IAAA,2CAAKV,MAAM,+EACTD,EAAA,OAAAW,IAAA,2CAAKV,MAAM,2BAA2BJ,KAAKgB,QAC3Cb,EAAA,OAAAW,IAAA,2CAAKV,MAAM,sCAAsCJ,KAAKiB,YAGxDd,EAAA,OAAAW,IAAA,2CAAKV,MAAM,oCACTD,EAAA,QAAAW,IAAA,2CAAMC,KAAK,UACXZ,EAAA,OAAAW,IAAA,2CAAKV,MAAM,mCACTD,EAAA,OAAAW,IAAA,2CAAKV,MAAM,iFACTD,EAAA,OAAAW,IAAA,2CAAKV,MAAM,mDAAmDJ,KAAKgB,QACnEb,EAAA,OAAAW,IAAA,2CAAKV,MAAM,sCAAsCJ,KAAKiB,YAExDd,EAAA,QAAAW,IAAA,2CAAMV,MAAM,4BAA4BJ,KAAKkB,UAC7Cf,EAAA,OAAAW,IAAA,2CAAKV,MAAM,iCACTD,EAAA,OAAAW,IAAA,2CAAKV,MAAM,0BACTD,EAAA,SAAAW,IAAA,4CAAQd,KAAKmB,OACbhB,EAAA,MAAAW,IAAA,2CAAIV,MAAM,gCAAgCJ,KAAKoB,QAC9CpB,KAAKC,uB","ignoreList":[]}
+{"version":3,"names":["pnChartsCardCss","PnChartsCardStyle0","PnChartsCard","showCtaLinkText","this","ctaLinkText","h","class","href","sourceUrl","rel","openInNewWindow","target","icon","arrow_right","render","Host","key","name","header","highlight","preamble","label","source"],"sources":["src/components/charts/pn-charts-card/pn-charts-card.scss?tag=pn-charts-card","src/components/charts/pn-charts-card/pn-charts-card.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-charts-card {\n  width: 100%;\n  height: 100%;\n  display: flex;\n\n  .pn-charts-card__wrapper {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n\n    border-radius: 2.4rem;\n    padding: 2.4rem;\n\n    @media screen and (min-width: 1200px) {\n      padding: 3.2rem;\n    }\n  }\n\n  .pn-charts-card__heading__wrapper {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    gap: 0.8rem;\n  }\n\n  .pn-charts-card__heading {\n    font-weight: 700;\n    font-size: 2.4rem;\n    line-height: 110%;\n\n    @media screen and (min-width: 1640px) {\n      font-size: 3.2rem;\n    }\n  }\n\n  .pn-charts-card__heading__highlight {\n    font-weight: 700;\n    font-size: 2.4rem;\n    line-height: 110%;\n    color: $blue700;\n\n    @media screen and (min-width: 1640px) {\n      font-size: 3.2rem;\n    }\n  }\n\n  .pn-charts-card__content__wrapper {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n\n  .pn-charts-card__text__container {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    height: 100%;\n  }\n\n  .pn-charts-card__heading__wrapper--horizontal {\n    display: none;\n  }\n\n  .pn-charts-card__text__wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n\n    span {\n      display: block;\n      margin-bottom: 5.4rem;\n    }\n  }\n\n  .pn-charts-card__preamble {\n    font-weight: 400;\n    font-size: 1.6rem;\n    line-height: 140%;\n    flex-grow: 1;\n    margin-bottom: 1.6rem;\n\n    @media screen and (min-width: 1640px) {\n      font-size: 2rem;\n    }\n  }\n\n  .pn-charts-card__source {\n    display: flex;\n    flex-direction: column;\n\n    label {\n      background-color: $blue400;\n      color: $white;\n      border-radius: 0.4rem;\n      font-weight: 400;\n      font-size: 1rem;\n      line-height: 1;\n      text-transform: uppercase;\n      padding: 0.4rem;\n      margin-bottom: 0.6rem;\n      width: fit-content;\n\n      @media screen and (min-width: 1640px) {\n        font-size: 1.2rem;\n        padding: 0.6rem;\n      }\n    }\n\n    .pn-chart-card__text__heading {\n      font-weight: 400;\n      font-size: 1.6rem;\n      line-height: 140%;\n      color: $blue700;\n      margin-bottom: 0;\n\n      @media screen and (min-width: 1640px) {\n        font-size: 2rem;\n      }\n    }\n\n    a {\n      text-decoration: none;\n      color: $blue700;\n      &:hover {\n        text-decoration: underline;\n      }\n\n      font-weight: 500;\n      font-size: 1.6rem;\n      text-decoration: none;\n      color: $blue700;\n      font-weight: 400;\n\n      @media screen and (min-width: 1640px) {\n        font-size: 2rem;\n      }\n\n      pn-icon svg {\n        path {\n          fill: $blue700;\n        }\n      }\n\n      &[target='_blank']:not(.pn-button):after {\n        display: none;\n      }\n    }\n  }\n}\n\n//horizontal layout\n.fullwidth {\n  & > pn-charts-card {\n    .pn-charts-card__wrapper {\n      padding: 2.4rem;\n      @media screen and (min-width: 992px) {\n        padding: 4rem;\n      }\n    }\n\n    .pn-charts-card__heading__wrapper {\n      margin-bottom: 3.2rem;\n      @media screen and (min-width: 768px) {\n        justify-content: flex-start;\n      }\n\n      gap: 1.6rem;\n    }\n\n    .pn-charts-card__heading,\n    .pn-charts-card__heading__highlight {\n      font-size: 2.4rem;\n      @media screen and (min-width: 768px) {\n        font-size: 3.2rem;\n      }\n    }\n\n    .pn-charts-card__content__wrapper {\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n\n      @media screen and (min-width: 992px) {\n        flex-direction: row-reverse;\n        gap: 5.6rem;\n      }\n\n      @media screen and (min-width: 1200px) {\n        gap: 4rem;\n      }\n\n      @media screen and (min-width: 1640px) {\n        gap: 3.2rem;\n      }\n    }\n\n    .pn-charts-card__text__container {\n      justify-content: center;\n      @media screen and (min-width: 768px) {\n        width: 100%;\n      }\n    }\n\n    .pn-charts-card__heading__wrapper--vertical {\n      display: flex;\n\n      @media screen and (min-width: 992px) {\n        display: none;\n      }\n    }\n\n    .pn-charts-card__heading__wrapper--horizontal {\n      display: none;\n      @media screen and (min-width: 992px) {\n        display: flex;\n      }\n    }\n\n    .pn-charts-card__preamble {\n      @media screen and (min-width: 768px) {\n        flex-grow: 0;\n        font-size: 2rem;\n      }\n    }\n  }\n}\n\n//colors\npn-charts-card[data-chart-color='blue'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $blue25;\n  }\n}\n\npn-charts-card[data-chart-color='coral'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $coral50;\n  }\n}\n\npn-charts-card[data-chart-color='green'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $green50;\n  }\n}\n\npn-charts-card[data-chart-color='white'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $white;\n  }\n}\n\npn-charts-card[data-chart-color='gray'] {\n  & > .pn-charts-card__wrapper {\n    background-color: $gray25;\n  }\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-charts-card',\n  styleUrl: 'pn-charts-card.scss',\n})\nexport class PnChartsCard {\n  @Element() hostElement: HTMLElement;\n  //props\n  @Prop() header: string;\n  @Prop() highlight: string;\n  @Prop() preamble: string;\n  @Prop() label: string;\n  @Prop() source: string;\n  @Prop() sourceUrl: string;\n  @Prop() ctaLinkText: string;\n  @Prop() openInNewWindow: boolean = false;\n\n  showCtaLinkText = () => {\n    if (this.ctaLinkText) {\n      return (\n        <a class=\"link--animated\" href={this.sourceUrl} rel={this.openInNewWindow ? 'noopener nofollower noreferrer' : null} target={this.openInNewWindow ? '_blank' : null}>\n          {this.ctaLinkText} <pn-icon icon={arrow_right}> </pn-icon>\n        </a>\n      );\n    }\n    return null;\n  };\n\n  render() {\n    return (\n      <Host>\n        <slot name=\"clickable-block-wrapper\" />\n        <div class=\"pn-charts-card__wrapper\">\n          <div class=\"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--vertical\">\n            <div class=\"pn-charts-card__heading\">{this.header}</div>\n            <div class=\"pn-charts-card__heading__highlight\">{this.highlight}</div>\n          </div>\n\n          <div class=\"pn-charts-card__content__wrapper\">\n            <slot name=\"chart\"></slot>\n            <div class=\"pn-charts-card__text__container\">\n              <div class=\"pn-charts-card__heading__wrapper pn-charts-card__heading__wrapper--horizontal\">\n                <div class=\"pn-charts-card__heading pn-charts-card__heading\">{this.header}</div>\n                <div class=\"pn-charts-card__heading__highlight\">{this.highlight}</div>\n              </div>\n              <span class=\"pn-charts-card__preamble\">{this.preamble}</span>\n              <div class=\"pn-charts-card__text__wrapper\">\n                <div class=\"pn-charts-card__source\">\n                  <label>{this.label}</label>\n                  <h3 class=\"pn-chart-card__text__heading\">{this.source}</h3>\n                  {this.showCtaLinkText()}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAkB,u+JACxB,MAAAC,EAAeD,E,MCMFE,EAAY,M,oNAUY,K,kCAEnCC,gBAAkB,KAChB,GAAIC,KAAKC,YAAa,CACpB,OACEC,EAAA,KAAGC,MAAM,iBAAiBC,KAAMJ,KAAKK,UAAWC,IAAKN,KAAKO,gBAAkB,iCAAmC,KAAMC,OAAQR,KAAKO,gBAAkB,SAAW,MAC5JP,KAAKC,YAAW,IAAEC,EAAA,WAASO,KAAMC,GAAW,K,CAInD,OAAO,IAAI,EAGb,MAAAC,GACE,OACET,EAACU,EAAI,CAAAC,IAAA,4CACHX,EAAA,QAAAW,IAAA,2CAAMC,KAAK,4BACXZ,EAAA,OAAAW,IAAA,2CAAKV,MAAM,2BACTD,EAAA,OAAAW,IAAA,2CAAKV,MAAM,+EACTD,EAAA,OAAAW,IAAA,2CAAKV,MAAM,2BAA2BH,KAAKe,QAC3Cb,EAAA,OAAAW,IAAA,2CAAKV,MAAM,sCAAsCH,KAAKgB,YAGxDd,EAAA,OAAAW,IAAA,2CAAKV,MAAM,oCACTD,EAAA,QAAAW,IAAA,2CAAMC,KAAK,UACXZ,EAAA,OAAAW,IAAA,2CAAKV,MAAM,mCACTD,EAAA,OAAAW,IAAA,2CAAKV,MAAM,iFACTD,EAAA,OAAAW,IAAA,2CAAKV,MAAM,mDAAmDH,KAAKe,QACnEb,EAAA,OAAAW,IAAA,2CAAKV,MAAM,sCAAsCH,KAAKgB,YAExDd,EAAA,QAAAW,IAAA,2CAAMV,MAAM,4BAA4BH,KAAKiB,UAC7Cf,EAAA,OAAAW,IAAA,2CAAKV,MAAM,iCACTD,EAAA,OAAAW,IAAA,2CAAKV,MAAM,0BACTD,EAAA,SAAAW,IAAA,4CAAQb,KAAKkB,OACbhB,EAAA,MAAAW,IAAA,2CAAIV,MAAM,gCAAgCH,KAAKmB,QAC9CnB,KAAKD,uB","ignoreList":[]}

package/pn-market-web-components/{p-3e4208bb.entry.js → p-1bd5fa26.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as n,d as e}from"./p-06555615.js";import{v as a}from"./p-4ed69de7.js";const i=(t,n=0,e=100,a=1e3,i="Sv-SE",s)=>{const o=new Intl.NumberFormat(i,s);if(a<=0){t.textContent=o.format(e);return}let c=null;const d=i=>{if(!c)c=i;const s=Math.min((i-c)/a,1);if(s<1){const a=Math.round((s*(e-n)+n)*10)/10;t.textContent=o.format(a);window.requestAnimationFrame(d)}else{t.textContent=o.format(e)}};window.requestAnimationFrame(d)};const s={Sv:{lang:"Sv",code:"Sv-SE"},En:{lang:"En",code:"En-GB"}};const o={Decimal:{style:"decimal"},Currency:{style:"currency",currency:"SEK"},Percent:{style:"percent"},None:{style:"decimal",useGrouping:false}};const c=(t,n,e)=>{t.forEach((t=>{t.target.classList.toggle(n,t.isIntersecting);e(t)}))};const d="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-stats-info-data{width:50%}pn-stats-info-data .pn-stats-info-data__container{width:100%;background-color:transparent;color:#f06365;display:flex;flex-direction:column;align-items:center;padding:2rem}@media screen and (min-width: 768px){pn-stats-info-data .pn-stats-info-data__container{justify-content:center;min-height:102px;padding:0 2rem}}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container{min-height:125px}}pn-stats-info-data .pn-stats-info-data__container__content{display:flex;flex-direction:row;justify-content:center}pn-stats-info-data .pn-stats-info-data__container__content__data{font-weight:700;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container__content__data{font-size:5.6rem}}pn-stats-info-data .pn-stats-info-data__container__content__unit{font-weight:700;font-size:3rem;line-height:110%;margin-left:0.8rem}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container__content__unit{font-size:5.6rem}}pn-stats-info-data .pn-stats-info-data__container__content__preamble{text-align:center;font-weight:400;font-size:1.4rem;line-height:110%;color:#ffffff}";const r=d;const f=class{constructor(n){t(this,n);this.inViewPortCallback=t=>{if(t.isIntersecting){this.hasBeenShown=true}};this.format="En";this.formatStyle="Decimal";this.startValue=0;this.data=0;this.unit=null;this.preamble=null;this.duration=1e3;this.index=null;this.hasBeenShown=false;this.compId=null}generateUniqueId(){return a()}componentWillLoad(){this.compId=this.generateUniqueId()}watchStateHandlder(t,n){const e=document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);if(e.classList.contains("is-inViewport")&&t!==n){i(e,this.startValue,this.data,this.duration,s[this.format].code,o[this.formatStyle])}}render(){return n(e,{key:"76ba8987c10c1134632d1d14e835e2d151e40d7d"},n("div",{key:"cfca356710ab65efc3332390b9ff2c9d6e90543f",class:"pn-stats-info-data__container"},n("div",{key:"fca178d07e51036cb8b63e064686572588069304",class:"pn-stats-info-data__container__content"},n("div",{key:"2bd549f1408aec0487e7cb7e0498141685e2d18c",class:"pn-stats-info-data__container__content__data",id:`pn-stats-info-data-${this.compId}-${this.index}`}),this.unit&&n("div",{key:"1c8913969b0eed7e98e6045c7b6320d6a6391517",class:"pn-stats-info-data__container__content__unit"},this.unit)),n("div",{key:"e7c7f90a4661fbe22600946d8343e1d98e5cfaec",class:"pn-stats-info-data__container__content__preamble"},this.preamble)))}componentDidRender(){const t=new IntersectionObserver((t=>c(t,"is-inViewport",this.inViewPortCallback)));const n=document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);t.observe(n)}static get watchers(){return{hasBeenShown:["watchStateHandlder"]}}};f.style=r;export{f as pn_stats_info_data};
-//# sourceMappingURL=p-3e4208bb.entry.js.map
+import{r as t,h as n,d as e}from"./p-06555615.js";import{v as a}from"./p-4ed69de7.js";const i=(t,n=0,e=100,a=1e3,i="Sv-SE",s)=>{const o=new Intl.NumberFormat(i,s);if(a<=0){t.textContent=o.format(e);return}let c=null;const d=i=>{if(!c)c=i;const s=Math.min((i-c)/a,1);if(s<1){const a=Math.round((s*(e-n)+n)*10)/10;t.textContent=o.format(a);window.requestAnimationFrame(d)}else{t.textContent=o.format(e)}};window.requestAnimationFrame(d)};const s={Sv:{lang:"Sv",code:"Sv-SE"},En:{lang:"En",code:"En-GB"}};const o={Decimal:{style:"decimal"},Currency:{style:"currency",currency:"SEK"},Percent:{style:"percent"},None:{style:"decimal",useGrouping:false}};const c=(t,n,e)=>{t.forEach((t=>{t.target.classList.toggle(n,t.isIntersecting);e(t)}))};const d="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-stats-info-data{width:50%}pn-stats-info-data .pn-stats-info-data__container{width:100%;background-color:transparent;color:#f06365;display:flex;flex-direction:column;align-items:center;padding:2rem}@media screen and (min-width: 768px){pn-stats-info-data .pn-stats-info-data__container{justify-content:center;min-height:102px;padding:0 2rem}}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container{min-height:125px}}pn-stats-info-data .pn-stats-info-data__container__content{display:flex;flex-direction:row;justify-content:center}pn-stats-info-data .pn-stats-info-data__container__content__data{font-weight:700;font-size:3rem;line-height:110%}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container__content__data{font-size:5.6rem}}pn-stats-info-data .pn-stats-info-data__container__content__unit{font-weight:700;font-size:3rem;line-height:110%;margin-left:0.8rem}@media screen and (min-width: 1200px){pn-stats-info-data .pn-stats-info-data__container__content__unit{font-size:5.6rem}}pn-stats-info-data .pn-stats-info-data__container__content__preamble{text-align:center;font-weight:400;font-size:1.4rem;line-height:110%;color:#ffffff}";const r=d;const f=class{constructor(n){t(this,n);this.format="En";this.formatStyle="Decimal";this.startValue=0;this.data=0;this.unit=null;this.preamble=null;this.duration=1e3;this.index=null;this.hasBeenShown=false;this.compId=null}inViewPortCallback=t=>{if(t.isIntersecting){this.hasBeenShown=true}};generateUniqueId(){return a()}componentWillLoad(){this.compId=this.generateUniqueId()}watchStateHandlder(t,n){const e=document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);if(e.classList.contains("is-inViewport")&&t!==n){i(e,this.startValue,this.data,this.duration,s[this.format].code,o[this.formatStyle])}}render(){return n(e,{key:"76ba8987c10c1134632d1d14e835e2d151e40d7d"},n("div",{key:"cfca356710ab65efc3332390b9ff2c9d6e90543f",class:"pn-stats-info-data__container"},n("div",{key:"fca178d07e51036cb8b63e064686572588069304",class:"pn-stats-info-data__container__content"},n("div",{key:"2bd549f1408aec0487e7cb7e0498141685e2d18c",class:"pn-stats-info-data__container__content__data",id:`pn-stats-info-data-${this.compId}-${this.index}`}),this.unit&&n("div",{key:"1c8913969b0eed7e98e6045c7b6320d6a6391517",class:"pn-stats-info-data__container__content__unit"},this.unit)),n("div",{key:"e7c7f90a4661fbe22600946d8343e1d98e5cfaec",class:"pn-stats-info-data__container__content__preamble"},this.preamble)))}componentDidRender(){const t=new IntersectionObserver((t=>c(t,"is-inViewport",this.inViewPortCallback)));const n=document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);t.observe(n)}static get watchers(){return{hasBeenShown:["watchStateHandlder"]}}};f.style=r;export{f as pn_stats_info_data};
+//# sourceMappingURL=p-1bd5fa26.entry.js.map

package/pn-market-web-components/{p-3e4208bb.entry.js.map → p-1bd5fa26.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["animateValue","obj","start","end","duration","numberFormat","formatStyle","formatter","Intl","NumberFormat","textContent","format","startTimestamp","step","timestamp","progress","Math","min","animatedValue","round","window","requestAnimationFrame","NumberFormatList","Sv","lang","code","En","NumberFormatStyle","Decimal","style","Currency","currency","Percent","None","useGrouping","inViewport","entries","toggleClass","isEntryIntersectingCallBack","forEach","entry","target","classList","toggle","isIntersecting","pnStatsInfoDataCss","PnStatsInfoDataStyle0","PnStatsInfoData","this","inViewPortCallback","hasBeenShown","generateUniqueId","uuidv4","componentWillLoad","compId","watchStateHandlder","newValue","oldValue","document","getElementById","index","contains","startValue","data","render","h","Host","key","class","id","unit","preamble","componentDidRender","observer","IntersectionObserver","observe"],"sources":["src/components/data-visualization/pn-stats-info/pn-stats-info-data/animationHelper.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/numberFormats.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/viewIntersectionHelper.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.scss?tag=pn-stats-info-data","src/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.tsx"],"sourcesContent":["export const animateValue = (\n  obj: HTMLElement,\n  start: number = 0,\n  end: number = 100,\n  duration: number = 1000,\n  numberFormat: string = 'Sv-SE',\n  formatStyle: { style: string; currency?: string; useGrouping?: boolean },\n) => {\n  const formatter = new Intl.NumberFormat(numberFormat, formatStyle);\n\n  if (duration <= 0) {\n    obj.textContent = formatter.format(end);\n    return;\n  }\n\n  let startTimestamp = null;\n\n  const step = (timestamp: number) => {\n    if (!startTimestamp) startTimestamp = timestamp;\n\n    const progress = Math.min((timestamp - startTimestamp) / duration, 1);\n\n    if (progress < 1) {\n      const animatedValue = Math.round((progress * (end - start) + start) * 10) / 10;\n      obj.textContent = formatter.format(animatedValue);\n      window.requestAnimationFrame(step);\n    } else {\n      obj.textContent = formatter.format(end);\n    }\n  };\n  window.requestAnimationFrame(step);\n};\n","const NumberFormatList = {\n  Sv: { lang: 'Sv', code: 'Sv-SE' },\n  En: { lang: 'En', code: 'En-GB' },\n};\n\nconst NumberFormatStyle = {\n  Decimal: { style: 'decimal' },\n  Currency: { style: 'currency', currency: 'SEK' },\n  Percent: { style: 'percent' },\n  None: { style: 'decimal', useGrouping: false },\n};\n\nexport { NumberFormatList, NumberFormatStyle };\n","export const inViewport = (entries: IntersectionObserverEntry[], toggleClass: string, isEntryIntersectingCallBack: (entry: IntersectionObserverEntry) => any) => {\n  entries.forEach(entry => {\n    entry.target.classList.toggle(toggleClass, entry.isIntersecting);\n    isEntryIntersectingCallBack(entry);\n  });\n};\n","@import '../../../../globals/main.scss';\n\n$stats-info-media-tablet: 768px; // 768px\n$stats-info-media-desktop: 1200px; //1200px\n$stats-info-media-large-desktop: 1640px; //1640\n\npn-stats-info-data {\n  width: 50%;\n\n  .pn-stats-info-data__container {\n    width: 100%;\n\n    background-color: transparent;\n    color: $coral400;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 2rem;\n\n    @media screen and (min-width: 768px) {\n      justify-content: center;\n      min-height: 102px;\n      padding: 0 2rem;\n    }\n\n    @media screen and (min-width: 1200px) {\n      min-height: 125px;\n    }\n  }\n\n  .pn-stats-info-data__container__content {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n  }\n\n  .pn-stats-info-data__container__content__data {\n    font-weight: 700;\n    font-size: 3rem;\n    line-height: 110%;\n\n    @media screen and (min-width: $stats-info-media-desktop) {\n      font-size: 5.6rem;\n    }\n  }\n\n  .pn-stats-info-data__container__content__unit {\n    font-weight: 700;\n    font-size: 3rem;\n    line-height: 110%;\n\n    margin-left: 0.8rem;\n\n    @media screen and (min-width: $stats-info-media-desktop) {\n      font-size: 5.6rem;\n    }\n  }\n\n  .pn-stats-info-data__container__content__preamble {\n    text-align: center;\n    font-weight: 400;\n    font-size: 1.4rem;\n    line-height: 110%;\n    color: $white;\n  }\n}\n","import { v4 as uuidv4 } from 'uuid';\n\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { animateValue } from './animationHelper';\nimport { NumberFormatList, NumberFormatStyle } from './numberFormats';\nimport { inViewport } from './viewIntersectionHelper';\n\n@Component({\n  tag: 'pn-stats-info-data',\n  styleUrl: 'pn-stats-info-data.scss',\n})\nexport class PnStatsInfoData {\n  @Prop() format: string = 'En';\n  @Prop() formatStyle: string = 'Decimal';\n  @Prop() startValue: number = 0;\n  @Prop() data: number = 0;\n  @Prop() unit: string = null;\n  @Prop() preamble: string = null;\n  @Prop() duration?: number = 1000; //ms;\n  @Prop() index: number = null;\n\n  @State() hasBeenShown: boolean = false;\n  @State() compId: string = null;\n\n  inViewPortCallback = (entry: IntersectionObserverEntry) => {\n    if (entry.isIntersecting) {\n      this.hasBeenShown = true;\n    }\n  };\n\n  generateUniqueId() {\n    return uuidv4();\n  }\n\n  componentWillLoad() {\n    this.compId = this.generateUniqueId();\n  }\n\n  @Watch('hasBeenShown')\n  watchStateHandlder(newValue: boolean, oldValue: boolean) {\n    const obj = document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);\n    if (obj.classList.contains('is-inViewport') && newValue !== oldValue) {\n      animateValue(obj, this.startValue, this.data, this.duration, NumberFormatList[this.format].code, NumberFormatStyle[this.formatStyle]);\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-stats-info-data__container\">\n          <div class=\"pn-stats-info-data__container__content\">\n            <div class=\"pn-stats-info-data__container__content__data\" id={`pn-stats-info-data-${this.compId}-${this.index}`}></div>\n            {this.unit && <div class=\"pn-stats-info-data__container__content__unit\">{this.unit}</div>}\n          </div>\n          <div class=\"pn-stats-info-data__container__content__preamble\">{this.preamble}</div>\n        </div>\n      </Host>\n    );\n  }\n\n  componentDidRender() {\n    const observer = new IntersectionObserver(entries => inViewport(entries, 'is-inViewport', this.inViewPortCallback));\n    const obj = document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);\n    observer.observe(obj);\n  }\n}\n"],"mappings":"sFAAO,MAAMA,EAAe,CAC1BC,EACAC,EAAgB,EAChBC,EAAc,IACdC,EAAmB,IACnBC,EAAuB,QACvBC,KAEA,MAAMC,EAAY,IAAIC,KAAKC,aAAaJ,EAAcC,GAEtD,GAAIF,GAAY,EAAG,CACjBH,EAAIS,YAAcH,EAAUI,OAAOR,GACnC,M,CAGF,IAAIS,EAAiB,KAErB,MAAMC,EAAQC,IACZ,IAAKF,EAAgBA,EAAiBE,EAEtC,MAAMC,EAAWC,KAAKC,KAAKH,EAAYF,GAAkBR,EAAU,GAEnE,GAAIW,EAAW,EAAG,CAChB,MAAMG,EAAgBF,KAAKG,OAAOJ,GAAYZ,EAAMD,GAASA,GAAS,IAAM,GAC5ED,EAAIS,YAAcH,EAAUI,OAAOO,GACnCE,OAAOC,sBAAsBR,E,KACxB,CACLZ,EAAIS,YAAcH,EAAUI,OAAOR,E,GAGvCiB,OAAOC,sBAAsBR,EAAK,EC9BpC,MAAMS,EAAmB,CACvBC,GAAI,CAAEC,KAAM,KAAMC,KAAM,SACxBC,GAAI,CAAEF,KAAM,KAAMC,KAAM,UAG1B,MAAME,EAAoB,CACxBC,QAAS,CAAEC,MAAO,WAClBC,SAAU,CAAED,MAAO,WAAYE,SAAU,OACzCC,QAAS,CAAEH,MAAO,WAClBI,KAAM,CAAEJ,MAAO,UAAWK,YAAa,QCTlC,MAAMC,EAAa,CAACC,EAAsCC,EAAqBC,KACpFF,EAAQG,SAAQC,IACdA,EAAMC,OAAOC,UAAUC,OAAON,EAAaG,EAAMI,gBACjDN,EAA4BE,EAAM,GAClC,ECJJ,MAAMK,EAAqB,mwCAC3B,MAAAC,EAAeD,E,MCWFE,EAAe,M,yBAa1BC,KAAAC,mBAAsBT,IACpB,GAAIA,EAAMI,eAAgB,CACxBI,KAAKE,aAAe,I,eAdC,K,iBACK,U,gBACD,E,UACN,E,UACA,K,cACI,K,cACC,I,WACJ,K,kBAES,M,YACP,I,CAQ1B,gBAAAC,GACE,OAAOC,G,CAGT,iBAAAC,GACEL,KAAKM,OAASN,KAAKG,kB,CAIrB,kBAAAI,CAAmBC,EAAmBC,GACpC,MAAMxD,EAAMyD,SAASC,eAAe,sBAAsBX,KAAKM,UAAUN,KAAKY,SAC9E,GAAI3D,EAAIyC,UAAUmB,SAAS,kBAAoBL,IAAaC,EAAU,CACpEzD,EAAaC,EAAK+C,KAAKc,WAAYd,KAAKe,KAAMf,KAAK5C,SAAUkB,EAAiB0B,KAAKrC,QAAQc,KAAME,EAAkBqB,KAAK1C,a,EAI5H,MAAA0D,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iCACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0CACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,+CAA+CC,GAAI,sBAAsBrB,KAAKM,UAAUN,KAAKY,UACvGZ,KAAKsB,MAAQL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gDAAgDpB,KAAKsB,OAEhFL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oDAAoDpB,KAAKuB,W,CAM5E,kBAAAC,GACE,MAAMC,EAAW,IAAIC,sBAAqBtC,GAAWD,EAAWC,EAAS,gBAAiBY,KAAKC,sBAC/F,MAAMhD,EAAMyD,SAASC,eAAe,sBAAsBX,KAAKM,UAAUN,KAAKY,SAC9Ea,EAASE,QAAQ1E,E","ignoreList":[]}
+{"version":3,"names":["animateValue","obj","start","end","duration","numberFormat","formatStyle","formatter","Intl","NumberFormat","textContent","format","startTimestamp","step","timestamp","progress","Math","min","animatedValue","round","window","requestAnimationFrame","NumberFormatList","Sv","lang","code","En","NumberFormatStyle","Decimal","style","Currency","currency","Percent","None","useGrouping","inViewport","entries","toggleClass","isEntryIntersectingCallBack","forEach","entry","target","classList","toggle","isIntersecting","pnStatsInfoDataCss","PnStatsInfoDataStyle0","PnStatsInfoData","inViewPortCallback","this","hasBeenShown","generateUniqueId","uuidv4","componentWillLoad","compId","watchStateHandlder","newValue","oldValue","document","getElementById","index","contains","startValue","data","render","h","Host","key","class","id","unit","preamble","componentDidRender","observer","IntersectionObserver","observe"],"sources":["src/components/data-visualization/pn-stats-info/pn-stats-info-data/animationHelper.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/numberFormats.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/viewIntersectionHelper.ts","src/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.scss?tag=pn-stats-info-data","src/components/data-visualization/pn-stats-info/pn-stats-info-data/pn-stats-info-data.tsx"],"sourcesContent":["export const animateValue = (\n  obj: HTMLElement,\n  start: number = 0,\n  end: number = 100,\n  duration: number = 1000,\n  numberFormat: string = 'Sv-SE',\n  formatStyle: { style: string; currency?: string; useGrouping?: boolean },\n) => {\n  const formatter = new Intl.NumberFormat(numberFormat, formatStyle);\n\n  if (duration <= 0) {\n    obj.textContent = formatter.format(end);\n    return;\n  }\n\n  let startTimestamp = null;\n\n  const step = (timestamp: number) => {\n    if (!startTimestamp) startTimestamp = timestamp;\n\n    const progress = Math.min((timestamp - startTimestamp) / duration, 1);\n\n    if (progress < 1) {\n      const animatedValue = Math.round((progress * (end - start) + start) * 10) / 10;\n      obj.textContent = formatter.format(animatedValue);\n      window.requestAnimationFrame(step);\n    } else {\n      obj.textContent = formatter.format(end);\n    }\n  };\n  window.requestAnimationFrame(step);\n};\n","const NumberFormatList = {\n  Sv: { lang: 'Sv', code: 'Sv-SE' },\n  En: { lang: 'En', code: 'En-GB' },\n};\n\nconst NumberFormatStyle = {\n  Decimal: { style: 'decimal' },\n  Currency: { style: 'currency', currency: 'SEK' },\n  Percent: { style: 'percent' },\n  None: { style: 'decimal', useGrouping: false },\n};\n\nexport { NumberFormatList, NumberFormatStyle };\n","export const inViewport = (entries: IntersectionObserverEntry[], toggleClass: string, isEntryIntersectingCallBack: (entry: IntersectionObserverEntry) => any) => {\n  entries.forEach(entry => {\n    entry.target.classList.toggle(toggleClass, entry.isIntersecting);\n    isEntryIntersectingCallBack(entry);\n  });\n};\n","@import '../../../../globals/main.scss';\n\n$stats-info-media-tablet: 768px; // 768px\n$stats-info-media-desktop: 1200px; //1200px\n$stats-info-media-large-desktop: 1640px; //1640\n\npn-stats-info-data {\n  width: 50%;\n\n  .pn-stats-info-data__container {\n    width: 100%;\n\n    background-color: transparent;\n    color: $coral400;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 2rem;\n\n    @media screen and (min-width: 768px) {\n      justify-content: center;\n      min-height: 102px;\n      padding: 0 2rem;\n    }\n\n    @media screen and (min-width: 1200px) {\n      min-height: 125px;\n    }\n  }\n\n  .pn-stats-info-data__container__content {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n  }\n\n  .pn-stats-info-data__container__content__data {\n    font-weight: 700;\n    font-size: 3rem;\n    line-height: 110%;\n\n    @media screen and (min-width: $stats-info-media-desktop) {\n      font-size: 5.6rem;\n    }\n  }\n\n  .pn-stats-info-data__container__content__unit {\n    font-weight: 700;\n    font-size: 3rem;\n    line-height: 110%;\n\n    margin-left: 0.8rem;\n\n    @media screen and (min-width: $stats-info-media-desktop) {\n      font-size: 5.6rem;\n    }\n  }\n\n  .pn-stats-info-data__container__content__preamble {\n    text-align: center;\n    font-weight: 400;\n    font-size: 1.4rem;\n    line-height: 110%;\n    color: $white;\n  }\n}\n","import { v4 as uuidv4 } from 'uuid';\n\nimport { Component, h, Host, Prop, State, Watch } from '@stencil/core';\n\nimport { animateValue } from './animationHelper';\nimport { NumberFormatList, NumberFormatStyle } from './numberFormats';\nimport { inViewport } from './viewIntersectionHelper';\n\n@Component({\n  tag: 'pn-stats-info-data',\n  styleUrl: 'pn-stats-info-data.scss',\n})\nexport class PnStatsInfoData {\n  @Prop() format: string = 'En';\n  @Prop() formatStyle: string = 'Decimal';\n  @Prop() startValue: number = 0;\n  @Prop() data: number = 0;\n  @Prop() unit: string = null;\n  @Prop() preamble: string = null;\n  @Prop() duration?: number = 1000; //ms;\n  @Prop() index: number = null;\n\n  @State() hasBeenShown: boolean = false;\n  @State() compId: string = null;\n\n  inViewPortCallback = (entry: IntersectionObserverEntry) => {\n    if (entry.isIntersecting) {\n      this.hasBeenShown = true;\n    }\n  };\n\n  generateUniqueId() {\n    return uuidv4();\n  }\n\n  componentWillLoad() {\n    this.compId = this.generateUniqueId();\n  }\n\n  @Watch('hasBeenShown')\n  watchStateHandlder(newValue: boolean, oldValue: boolean) {\n    const obj = document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);\n    if (obj.classList.contains('is-inViewport') && newValue !== oldValue) {\n      animateValue(obj, this.startValue, this.data, this.duration, NumberFormatList[this.format].code, NumberFormatStyle[this.formatStyle]);\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-stats-info-data__container\">\n          <div class=\"pn-stats-info-data__container__content\">\n            <div class=\"pn-stats-info-data__container__content__data\" id={`pn-stats-info-data-${this.compId}-${this.index}`}></div>\n            {this.unit && <div class=\"pn-stats-info-data__container__content__unit\">{this.unit}</div>}\n          </div>\n          <div class=\"pn-stats-info-data__container__content__preamble\">{this.preamble}</div>\n        </div>\n      </Host>\n    );\n  }\n\n  componentDidRender() {\n    const observer = new IntersectionObserver(entries => inViewport(entries, 'is-inViewport', this.inViewPortCallback));\n    const obj = document.getElementById(`pn-stats-info-data-${this.compId}-${this.index}`);\n    observer.observe(obj);\n  }\n}\n"],"mappings":"sFAAO,MAAMA,EAAe,CAC1BC,EACAC,EAAgB,EAChBC,EAAc,IACdC,EAAmB,IACnBC,EAAuB,QACvBC,KAEA,MAAMC,EAAY,IAAIC,KAAKC,aAAaJ,EAAcC,GAEtD,GAAIF,GAAY,EAAG,CACjBH,EAAIS,YAAcH,EAAUI,OAAOR,GACnC,M,CAGF,IAAIS,EAAiB,KAErB,MAAMC,EAAQC,IACZ,IAAKF,EAAgBA,EAAiBE,EAEtC,MAAMC,EAAWC,KAAKC,KAAKH,EAAYF,GAAkBR,EAAU,GAEnE,GAAIW,EAAW,EAAG,CAChB,MAAMG,EAAgBF,KAAKG,OAAOJ,GAAYZ,EAAMD,GAASA,GAAS,IAAM,GAC5ED,EAAIS,YAAcH,EAAUI,OAAOO,GACnCE,OAAOC,sBAAsBR,E,KACxB,CACLZ,EAAIS,YAAcH,EAAUI,OAAOR,E,GAGvCiB,OAAOC,sBAAsBR,EAAK,EC9BpC,MAAMS,EAAmB,CACvBC,GAAI,CAAEC,KAAM,KAAMC,KAAM,SACxBC,GAAI,CAAEF,KAAM,KAAMC,KAAM,UAG1B,MAAME,EAAoB,CACxBC,QAAS,CAAEC,MAAO,WAClBC,SAAU,CAAED,MAAO,WAAYE,SAAU,OACzCC,QAAS,CAAEH,MAAO,WAClBI,KAAM,CAAEJ,MAAO,UAAWK,YAAa,QCTlC,MAAMC,EAAa,CAACC,EAAsCC,EAAqBC,KACpFF,EAAQG,SAAQC,IACdA,EAAMC,OAAOC,UAAUC,OAAON,EAAaG,EAAMI,gBACjDN,EAA4BE,EAAM,GAClC,ECJJ,MAAMK,EAAqB,mwCAC3B,MAAAC,EAAeD,E,MCWFE,EAAe,M,qCACD,K,iBACK,U,gBACD,E,UACN,E,UACA,K,cACI,K,cACC,I,WACJ,K,kBAES,M,YACP,I,CAE1BC,mBAAsBR,IACpB,GAAIA,EAAMI,eAAgB,CACxBK,KAAKC,aAAe,I,GAIxB,gBAAAC,GACE,OAAOC,G,CAGT,iBAAAC,GACEJ,KAAKK,OAASL,KAAKE,kB,CAIrB,kBAAAI,CAAmBC,EAAmBC,GACpC,MAAMxD,EAAMyD,SAASC,eAAe,sBAAsBV,KAAKK,UAAUL,KAAKW,SAC9E,GAAI3D,EAAIyC,UAAUmB,SAAS,kBAAoBL,IAAaC,EAAU,CACpEzD,EAAaC,EAAKgD,KAAKa,WAAYb,KAAKc,KAAMd,KAAK7C,SAAUkB,EAAiB2B,KAAKtC,QAAQc,KAAME,EAAkBsB,KAAK3C,a,EAI5H,MAAA0D,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iCACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,0CACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,+CAA+CC,GAAI,sBAAsBpB,KAAKK,UAAUL,KAAKW,UACvGX,KAAKqB,MAAQL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gDAAgDnB,KAAKqB,OAEhFL,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oDAAoDnB,KAAKsB,W,CAM5E,kBAAAC,GACE,MAAMC,EAAW,IAAIC,sBAAqBtC,GAAWD,EAAWC,EAAS,gBAAiBa,KAAKD,sBAC/F,MAAM/C,EAAMyD,SAASC,eAAe,sBAAsBV,KAAKK,UAAUL,KAAKW,SAC9Ea,EAASE,QAAQ1E,E","ignoreList":[]}

package/pn-market-web-components/{p-e74e962e.entry.js → p-2044eddc.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as n,h as i,d as o,g as e}from"./p-06555615.js";import{c as s}from"./p-cfaf2eec.js";import{s as a}from"./p-66d71724.js";const r="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}:host{display:inline-flex}:host>pn-button{margin-left:0.35em}:host>pn-button button .pn-button-bg{transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, left 0.2s, transform 0.2s}:host>pn-button[data-loading=true] .pn-button-bg{left:0;transform:translateX(0);transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s}:host>pn-button[data-loading=true] pn-spinner{left:0.75em}:host input{padding:0.75em;min-height:3em;font-size:1em;height:100%;font-weight:500;-webkit-font-smoothing:antialiased;outline:none;border-radius:3em;border:0.1rem solid #5e554a;transition:box-shadow 0.15s, border 0.15s;color:#000000;width:100%}:host input::-webkit-search-cancel-button{display:none}:host input::placeholder{color:#969087;font-weight:normal}:host input:focus{border:0.1rem solid #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}:host input:hover{border:0.1rem solid #00a0d6}:host input:disabled{background:#f3f2f2;border:none}:host>.input-container{width:100%;position:relative}:host>.input-container .button-container{position:absolute;top:0;right:0;background:transparent;width:3em;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}:host[list] :host>.input-container .button-container{display:none}:host>.input-container button{position:absolute;left:50%;top:50%;transform:translate(100%, -50%);background:#ffffff;border:none;color:#005d92;padding:0.3rem;margin:0;font-size:0.875em;border-radius:50%;outline:none;transition:border 0.1s, background 0.2s, box-shadow 0.1s, transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s, opacity 0.2s;border:0.1rem solid transparent;-webkit-tap-highlight-color:transparent}:host>.input-container button.clear,:host>.input-container button.search{cursor:pointer}:host>.input-container button:focus{box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}:host>.input-container button:hover,:host>.input-container button:focus{background:#e0f8ff}:host>.input-container button:active{background:#005d92}:host>.input-container button:active pn-icon svg,:host>.input-container button:active pn-icon svg path{fill:white}:host .searching button.search{transform:translate(150%, -50%)}:host .searching button.clear{transform:translate(-50%, -50%)}:host .button-none input,:host .button-icon-inline input{padding-right:3.3em}:host .button-none pn-spinner,:host .button-icon-inline pn-spinner{position:absolute;left:50%;top:50%;transform:translate(100%, -50%);transition:transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s}:host .button-none button.search,:host .button-icon-inline button.search{transform:translate(-50%, -50%)}:host .button-none.loading button,:host .button-icon-inline.loading button{transform:translate(100%, -50%)}:host .button-none.loading pn-spinner,:host .button-icon-inline.loading pn-spinner{transform:translate(-50%, -50%)}:host .button-none.searching button.search{transform:translate(100%, -50%)}:host .button-icon>pn-button[data-loading=true] .pn-button-bg{left:50%;transform:translateX(-50%)}";const h=r;const c=class{constructor(i){t(this,i);this.search=n(this,"search",7);this.update=n(this,"update",7);this.disabled=false;this.placeholder=null;this.inputid=null;this.name=null;this.autocomplete=null;this.list=null;this.value=null;this.label=null;this.loading=false;this.button="";this.light=false;this.suggestionObserver=null;this.hasClonedInput=false;this.listSuggestion=[]}inputHandler(){this.update.emit(this.value)}emitSearch(t){if(t.type==="click"||t.type==="keydown"&&t.key==="Enter"){t.preventDefault();this.search.emit(this.value)}}setVal(t){this.value=t.target.value}clearInput(){this.value="";this.update.emit(this.value);this.hostElement.querySelector("input").focus()}getClassNames(){let t="";const n=["none","icon","icon-inline"];if(this.value)t+="searching ";if(this.loading)t+="loading ";if(n.includes(this.button))t+=`button-${this.button} `;return t}componentWillRender(){this.cloneListContent();this.autocompleteEventBinding()}onSuggestionUpdate(){this.cloneListContent()}autocompleteEventBinding(){if(this.suggestionObserver!==null||!this.list||!this.hostElement||!document.getElementById(this.list)){return}const t=document.getElementById(this.list);this.suggestionObserver=new MutationObserver(this.onSuggestionUpdate.bind(this));this.suggestionObserver.observe(t,{attributes:true,childList:true,subtree:true})}cloneListContent(){if(!this.list||!this.hostElement||!document.getElementById(this.list)){return}const t=[...document.getElementById(this.list).querySelectorAll("option")];this.listSuggestion=t.map((t=>{if(t.hasAttribute("value")){return t.getAttribute("value")}return t.innerText}))}render(){return i(o,{key:"2d41670d39427bb229e305302b9f33aef87c3876"},i("div",{key:"f77427ea205d68ad951b04cd5668f10205c16ab6",class:`input-container ${this.getClassNames()}`,"data-haslist":(this.list!==null)+""},i("input",{key:"98c3ddc8b240b638e430f756638e018d0130c2a0",type:"search",value:this.value,id:this.inputid,name:this.name,placeholder:this.placeholder,disabled:this.disabled,autocomplete:this.autocomplete,list:this.list,onKeyDown:t=>this.emitSearch(t),onInput:t=>this.setVal(t)}),i("div",{key:"dea4d52b4124c3159f60d16d09f8e91a61e8a6cd",class:"button-container"},(this.button==="none"||this.button==="icon-inline")&&i("button",{key:"fd00bd8dc177ff76ed687fad314ce5676c090c03",class:"search",tabindex:this.button==="icon-inline"?"0":"-1",onClick:t=>this.emitSearch(t),"aria-label":"search",title:"search"},i("pn-icon",{key:"453318801cfe0ef8d3e835795b11d3d15c7a6f4c",icon:a,color:"blue700"})),this.button!=="icon-inline"&&i("button",{key:"f4560967199cffc94a668c8d2e914ef11b11bc00",class:"clear","aria-label":"clear",title:"clear search field",tabindex:this.value&&(!this.loading||this.button!=="none")?"0":"-1",onClick:()=>this.clearInput()},i("pn-icon",{key:"89c399f7d2ab1354228c81d2f45034cd748d8dfe",icon:s,color:"blue700"})),this.button==="none"||this.button==="icon-inline"&&i("pn-spinner",{key:"ae32edd35328d96e6720c8b12f2a6e928dab09f9"}))),this.button!=="none"&&this.button!=="icon-inline"&&i("pn-button",{key:"75c5901b5dc2bf01ffe84f85f739fa4d35e3ad0c",onClick:t=>this.emitSearch(t),loading:this.loading,icon:a,appearance:this.light?"light":"dark",tooltip:this.button==="icon"?this.label:null},this.label),this.list&&i("datalist",{key:"0fe8bb93d7023c2dd42651d251ee437e52120f13",id:this.list},this.listSuggestion.map((t=>i("option",null,t)))))}get hostElement(){return e(this)}};c.style=h;export{c as pn_marketweb_search};
-//# sourceMappingURL=p-e74e962e.entry.js.map
+import{r as t,c as n,g as i,h as o,d as e}from"./p-06555615.js";import{c as s}from"./p-cfaf2eec.js";import{s as a}from"./p-66d71724.js";const r="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}:host{display:inline-flex}:host>pn-button{margin-left:0.35em}:host>pn-button button .pn-button-bg{transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, left 0.2s, transform 0.2s}:host>pn-button[data-loading=true] .pn-button-bg{left:0;transform:translateX(0);transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s}:host>pn-button[data-loading=true] pn-spinner{left:0.75em}:host input{padding:0.75em;min-height:3em;font-size:1em;height:100%;font-weight:500;-webkit-font-smoothing:antialiased;outline:none;border-radius:3em;border:0.1rem solid #5e554a;transition:box-shadow 0.15s, border 0.15s;color:#000000;width:100%}:host input::-webkit-search-cancel-button{display:none}:host input::placeholder{color:#969087;font-weight:normal}:host input:focus{border:0.1rem solid #005d92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}:host input:hover{border:0.1rem solid #00a0d6}:host input:disabled{background:#f3f2f2;border:none}:host>.input-container{width:100%;position:relative}:host>.input-container .button-container{position:absolute;top:0;right:0;background:transparent;width:3em;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}:host[list] :host>.input-container .button-container{display:none}:host>.input-container button{position:absolute;left:50%;top:50%;transform:translate(100%, -50%);background:#ffffff;border:none;color:#005d92;padding:0.3rem;margin:0;font-size:0.875em;border-radius:50%;outline:none;transition:border 0.1s, background 0.2s, box-shadow 0.1s, transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s, opacity 0.2s;border:0.1rem solid transparent;-webkit-tap-highlight-color:transparent}:host>.input-container button.clear,:host>.input-container button.search{cursor:pointer}:host>.input-container button:focus{box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005d92}:host>.input-container button:hover,:host>.input-container button:focus{background:#e0f8ff}:host>.input-container button:active{background:#005d92}:host>.input-container button:active pn-icon svg,:host>.input-container button:active pn-icon svg path{fill:white}:host .searching button.search{transform:translate(150%, -50%)}:host .searching button.clear{transform:translate(-50%, -50%)}:host .button-none input,:host .button-icon-inline input{padding-right:3.3em}:host .button-none pn-spinner,:host .button-icon-inline pn-spinner{position:absolute;left:50%;top:50%;transform:translate(100%, -50%);transition:transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s}:host .button-none button.search,:host .button-icon-inline button.search{transform:translate(-50%, -50%)}:host .button-none.loading button,:host .button-icon-inline.loading button{transform:translate(100%, -50%)}:host .button-none.loading pn-spinner,:host .button-icon-inline.loading pn-spinner{transform:translate(-50%, -50%)}:host .button-none.searching button.search{transform:translate(100%, -50%)}:host .button-icon>pn-button[data-loading=true] .pn-button-bg{left:50%;transform:translateX(-50%)}";const h=r;const c=class{constructor(i){t(this,i);this.search=n(this,"search",7);this.update=n(this,"update",7);this.disabled=false;this.placeholder=null;this.inputid=null;this.name=null;this.autocomplete=null;this.list=null;this.value=null;this.label=null;this.loading=false;this.button="";this.light=false;this.suggestionObserver=null;this.hasClonedInput=false;this.listSuggestion=[]}get hostElement(){return i(this)}search;update;inputHandler(){this.update.emit(this.value)}emitSearch(t){if(t.type==="click"||t.type==="keydown"&&t.key==="Enter"){t.preventDefault();this.search.emit(this.value)}}setVal(t){this.value=t.target.value}clearInput(){this.value="";this.update.emit(this.value);this.hostElement.querySelector("input").focus()}getClassNames(){let t="";const n=["none","icon","icon-inline"];if(this.value)t+="searching ";if(this.loading)t+="loading ";if(n.includes(this.button))t+=`button-${this.button} `;return t}componentWillRender(){this.cloneListContent();this.autocompleteEventBinding()}onSuggestionUpdate(){this.cloneListContent()}autocompleteEventBinding(){if(this.suggestionObserver!==null||!this.list||!this.hostElement||!document.getElementById(this.list)){return}const t=document.getElementById(this.list);this.suggestionObserver=new MutationObserver(this.onSuggestionUpdate.bind(this));this.suggestionObserver.observe(t,{attributes:true,childList:true,subtree:true})}cloneListContent(){if(!this.list||!this.hostElement||!document.getElementById(this.list)){return}const t=[...document.getElementById(this.list).querySelectorAll("option")];this.listSuggestion=t.map((t=>{if(t.hasAttribute("value")){return t.getAttribute("value")}return t.innerText}))}render(){return o(e,{key:"2d41670d39427bb229e305302b9f33aef87c3876"},o("div",{key:"f77427ea205d68ad951b04cd5668f10205c16ab6",class:`input-container ${this.getClassNames()}`,"data-haslist":(this.list!==null)+""},o("input",{key:"98c3ddc8b240b638e430f756638e018d0130c2a0",type:"search",value:this.value,id:this.inputid,name:this.name,placeholder:this.placeholder,disabled:this.disabled,autocomplete:this.autocomplete,list:this.list,onKeyDown:t=>this.emitSearch(t),onInput:t=>this.setVal(t)}),o("div",{key:"dea4d52b4124c3159f60d16d09f8e91a61e8a6cd",class:"button-container"},(this.button==="none"||this.button==="icon-inline")&&o("button",{key:"fd00bd8dc177ff76ed687fad314ce5676c090c03",class:"search",tabindex:this.button==="icon-inline"?"0":"-1",onClick:t=>this.emitSearch(t),"aria-label":"search",title:"search"},o("pn-icon",{key:"453318801cfe0ef8d3e835795b11d3d15c7a6f4c",icon:a,color:"blue700"})),this.button!=="icon-inline"&&o("button",{key:"f4560967199cffc94a668c8d2e914ef11b11bc00",class:"clear","aria-label":"clear",title:"clear search field",tabindex:this.value&&(!this.loading||this.button!=="none")?"0":"-1",onClick:()=>this.clearInput()},o("pn-icon",{key:"89c399f7d2ab1354228c81d2f45034cd748d8dfe",icon:s,color:"blue700"})),this.button==="none"||this.button==="icon-inline"&&o("pn-spinner",{key:"ae32edd35328d96e6720c8b12f2a6e928dab09f9"}))),this.button!=="none"&&this.button!=="icon-inline"&&o("pn-button",{key:"75c5901b5dc2bf01ffe84f85f739fa4d35e3ad0c",onClick:t=>this.emitSearch(t),loading:this.loading,icon:a,appearance:this.light?"light":"dark",tooltip:this.button==="icon"?this.label:null},this.label),this.list&&o("datalist",{key:"0fe8bb93d7023c2dd42651d251ee437e52120f13",id:this.list},this.listSuggestion.map((t=>o("option",null,t)))))}};c.style=h;export{c as pn_marketweb_search};
+//# sourceMappingURL=p-2044eddc.entry.js.map

package/pn-market-web-components/{p-e74e962e.entry.js.map → p-2044eddc.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnMarketwebSearchCss","PnMarketwebSearchStyle0","PnMarketwebSearch","inputHandler","this","update","emit","value","emitSearch","e","type","key","preventDefault","search","setVal","target","clearInput","hostElement","querySelector","focus","getClassNames","classNames","buttonTypes","loading","includes","button","componentWillRender","cloneListContent","autocompleteEventBinding","onSuggestionUpdate","suggestionObserver","list","document","getElementById","targetNode","MutationObserver","bind","observe","attributes","childList","subtree","options","querySelectorAll","listSuggestion","map","item","hasAttribute","getAttribute","innerText","render","h","Host","class","id","inputid","name","placeholder","disabled","autocomplete","onKeyDown","onInput","tabindex","onClick","title","icon","color","close_small","appearance","light","tooltip","label"],"sources":["src/components/input/pn-marketweb-search/pn-marketweb-search.scss?tag=pn-marketweb-search&encapsulation=shadow","src/components/input/pn-marketweb-search/pn-marketweb-search.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n:host {\n  display: inline-flex;\n}\n\n:host > pn-button {\n  margin-left: 0.35em;\n  button {\n    // justify-content: flex-start;\n\n    .pn-button-bg {\n      transition:\n        width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s,\n        background 0.1s,\n        box-shadow 0.1s,\n        left 0.2s,\n        transform 0.2s;\n    }\n  }\n\n  &[data-loading='true'] {\n    .pn-button-bg {\n      left: 0;\n      transform: translateX(0);\n      transition:\n        width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s,\n        background 0.1s,\n        box-shadow 0.1s;\n    }\n\n    pn-spinner {\n      left: 0.75em;\n    }\n  }\n}\n\n:host input {\n  padding: 0.75em;\n  min-height: 3em;\n  font-size: 1em;\n  height: 100%;\n  font-weight: 500;\n  -webkit-font-smoothing: antialiased;\n  outline: none;\n  border-radius: 3em;\n  border: 0.1rem solid $gray700;\n  transition:\n    box-shadow 0.15s,\n    border 0.15s;\n  color: $black;\n  width: 100%;\n\n  &::-webkit-search-cancel-button {\n    display: none;\n  }\n\n  &::placeholder {\n    color: $gray400;\n    font-weight: normal;\n  }\n\n  &:focus {\n    border: 0.1rem solid $blue700;\n    box-shadow:\n      0 0 0 0.2rem #fff,\n      0 0 0 0.4rem $blue700;\n  }\n\n  &:hover {\n    border: 0.1rem solid $blue400;\n  }\n\n  &:disabled {\n    background: $gray50;\n    border: none;\n  }\n}\n\n:host > .input-container {\n  width: 100%;\n  position: relative;\n\n  .button-container {\n    :host[list] & {\n      display: none;\n    }\n    position: absolute;\n    top: 0;\n    right: 0;\n    background: transparent;\n    width: 3em;\n    height: 100%;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  button {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(100%, -50%);\n    background: $white;\n    border: none;\n    color: $blue700;\n    padding: 0.3rem;\n    margin: 0;\n    font-size: 0.875em;\n    border-radius: 50%;\n    outline: none;\n    transition:\n      border 0.1s,\n      background 0.2s,\n      box-shadow 0.1s,\n      transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s,\n      opacity 0.2s;\n    border: 0.1rem solid transparent;\n    -webkit-tap-highlight-color: transparent;\n\n    &.clear,\n    &.search {\n      cursor: pointer;\n    }\n\n    &:focus {\n      box-shadow:\n        0 0 0 0.2rem #fff,\n        0 0 0 0.4rem $blue700;\n    }\n\n    &:hover,\n    &:focus {\n      background: $blue50;\n    }\n\n    &:active {\n      background: $blue700;\n\n      pn-icon svg,\n      pn-icon svg path {\n        fill: white;\n      }\n    }\n  }\n}\n\n:host .searching {\n  button.search {\n    transform: translate(150%, -50%);\n  }\n\n  button.clear {\n    transform: translate(-50%, -50%);\n  }\n}\n\n/*---------------------------------------Button Variants-------------------------------------------*/\n:host .button-none,\n:host .button-icon-inline {\n  input {\n    padding-right: 3.3em;\n  }\n\n  pn-spinner {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(100%, -50%);\n    transition: transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;\n  }\n\n  button.search {\n    transform: translate(-50%, -50%);\n  }\n\n  &.loading {\n    button {\n      transform: translate(100%, -50%);\n    }\n\n    pn-spinner {\n      transform: translate(-50%, -50%);\n    }\n  }\n}\n\n:host .button-none.searching button.search {\n  transform: translate(100%, -50%);\n}\n\n:host .button-icon > pn-button {\n  &[data-loading='true'] {\n    .pn-button-bg {\n      left: 50%;\n      transform: translateX(-50%);\n    }\n  }\n}\n/*---------------------------------------/Button Variants-------------------------------------------*/\n","import { Component, Prop, h, Host, Event, EventEmitter, Element, Listen, State } from '@stencil/core';\nimport { close_small, search } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-search',\n  styleUrl: 'pn-marketweb-search.scss',\n  shadow: true,\n})\nexport class PnMarketwebSearch {\n  @Prop() disabled: boolean = false;\n  @Prop() placeholder: string = null;\n  @Prop() inputid: string = null;\n  @Prop() name: string = null;\n  @Prop() autocomplete: string = null;\n  @Prop() list: string = null;\n  @Prop() value: string = null;\n  /** Label for the button */\n  @Prop() label: string = null;\n  /** Loading animation */\n  @Prop() loading: boolean = false;\n  /** Button type, options are 'none' for no button, 'icon' for a labelless button with just a search icon and 'icon-inline' for a search button inside of the search field (this last option disables the clear field button) */\n  @Prop() button: string = '';\n  /** Light instead of dark search button */\n  @Prop() light: boolean = false;\n\n  @Element() hostElement: HTMLElement;\n\n  /** This is emitted on search submission both with keyboard and mouse */\n  @Event() search: EventEmitter;\n  /** custom event that handles both clearing and input to have the option of just binding listeners to one event instead of two. */\n  @Event() update: EventEmitter;\n\n  @Listen('input')\n  inputHandler() {\n    this.update.emit(this.value);\n  }\n\n  emitSearch(e) {\n    if (e.type === 'click' || (e.type === 'keydown' && e.key === 'Enter')) {\n      // We prevent the native search event since it's not supported in IE and FF, then we emit our own instead\n      e.preventDefault();\n      this.search.emit(this.value);\n    }\n  }\n\n  setVal(e) {\n    this.value = e.target.value;\n  }\n\n  clearInput() {\n    this.value = '';\n    this.update.emit(this.value);\n    this.hostElement.querySelector('input').focus();\n  }\n\n  getClassNames() {\n    let classNames = '';\n\n    const buttonTypes = ['none', 'icon', 'icon-inline'];\n    if (this.value) classNames += 'searching ';\n    if (this.loading) classNames += 'loading ';\n    if (buttonTypes.includes(this.button)) classNames += `button-${this.button} `;\n\n    return classNames;\n  }\n  @State() suggestionObserver: MutationObserver = null;\n  @State() hasClonedInput: boolean = false;\n  @State() listSuggestion: string[] = [];\n  componentWillRender() {\n    this.cloneListContent();\n    this.autocompleteEventBinding();\n  }\n\n  onSuggestionUpdate() {\n    this.cloneListContent();\n  }\n\n  autocompleteEventBinding() {\n    if (this.suggestionObserver !== null || !this.list || !this.hostElement || !document.getElementById(this.list)) {\n      return;\n    }\n    const targetNode = document.getElementById(this.list);\n    this.suggestionObserver = new MutationObserver(this.onSuggestionUpdate.bind(this));\n    this.suggestionObserver.observe(targetNode, { attributes: true, childList: true, subtree: true });\n  }\n\n  cloneListContent() {\n    if (!this.list || !this.hostElement || !document.getElementById(this.list)) {\n      return;\n    }\n    const options = [...document.getElementById(this.list).querySelectorAll('option')];\n    this.listSuggestion = options.map((item: HTMLOptionElement) => {\n      if (item.hasAttribute('value')) {\n        return item.getAttribute('value');\n      }\n      return item.innerText;\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={`input-container ${this.getClassNames()}`} data-haslist={(this.list !== null) + ''}>\n          <input\n            type=\"search\"\n            value={this.value}\n            id={this.inputid}\n            name={this.name}\n            placeholder={this.placeholder}\n            disabled={this.disabled}\n            autocomplete={this.autocomplete}\n            list={this.list}\n            onKeyDown={e => this.emitSearch(e)}\n            onInput={e => this.setVal(e)}\n          />\n\n          <div class=\"button-container\">\n            {(this.button === 'none' || this.button === 'icon-inline') && (\n              <button class=\"search\" tabindex={this.button === 'icon-inline' ? '0' : '-1'} onClick={e => this.emitSearch(e)} aria-label=\"search\" title=\"search\">\n                <pn-icon icon={search} color=\"blue700\"></pn-icon>\n              </button>\n            )}\n            {this.button !== 'icon-inline' && (\n              <button\n                class=\"clear\"\n                aria-label=\"clear\"\n                title=\"clear search field\"\n                tabindex={this.value && (!this.loading || this.button !== 'none') ? '0' : '-1'}\n                onClick={() => this.clearInput()}\n              >\n                <pn-icon icon={close_small} color=\"blue700\"></pn-icon>\n              </button>\n            )}\n\n            {this.button === 'none' || (this.button === 'icon-inline' && <pn-spinner></pn-spinner>)}\n          </div>\n        </div>\n\n        {this.button !== 'none' && this.button !== 'icon-inline' && (\n          <pn-button\n            onClick={e => this.emitSearch(e)}\n            loading={this.loading}\n            icon={search}\n            appearance={this.light ? 'light' : 'dark'}\n            tooltip={this.button === 'icon' ? this.label : null}\n          >\n            {this.label}\n          </pn-button>\n        )}\n        {this.list && (\n          <datalist id={this.list}>\n            {this.listSuggestion.map(item => {\n              return <option>{item}</option>;\n            })}\n          </datalist>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"wIAAA,MAAMA,EAAuB,2iGAC7B,MAAAC,EAAeD,E,MCOFE,EAAiB,M,qGACA,M,iBACE,K,aACJ,K,UACH,K,kBACQ,K,UACR,K,WACC,K,WAEA,K,aAEG,M,YAEF,G,WAEA,M,wBA0CuB,K,oBACb,M,oBACC,E,CAlCpC,YAAAC,GACEC,KAAKC,OAAOC,KAAKF,KAAKG,M,CAGxB,UAAAC,CAAWC,GACT,GAAIA,EAAEC,OAAS,SAAYD,EAAEC,OAAS,WAAaD,EAAEE,MAAQ,QAAU,CAErEF,EAAEG,iBACFR,KAAKS,OAAOP,KAAKF,KAAKG,M,EAI1B,MAAAO,CAAOL,GACLL,KAAKG,MAAQE,EAAEM,OAAOR,K,CAGxB,UAAAS,GACEZ,KAAKG,MAAQ,GACbH,KAAKC,OAAOC,KAAKF,KAAKG,OACtBH,KAAKa,YAAYC,cAAc,SAASC,O,CAG1C,aAAAC,GACE,IAAIC,EAAa,GAEjB,MAAMC,EAAc,CAAC,OAAQ,OAAQ,eACrC,GAAIlB,KAAKG,MAAOc,GAAc,aAC9B,GAAIjB,KAAKmB,QAASF,GAAc,WAChC,GAAIC,EAAYE,SAASpB,KAAKqB,QAASJ,GAAc,UAAUjB,KAAKqB,UAEpE,OAAOJ,C,CAKT,mBAAAK,GACEtB,KAAKuB,mBACLvB,KAAKwB,0B,CAGP,kBAAAC,GACEzB,KAAKuB,kB,CAGP,wBAAAC,GACE,GAAIxB,KAAK0B,qBAAuB,OAAS1B,KAAK2B,OAAS3B,KAAKa,cAAgBe,SAASC,eAAe7B,KAAK2B,MAAO,CAC9G,M,CAEF,MAAMG,EAAaF,SAASC,eAAe7B,KAAK2B,MAChD3B,KAAK0B,mBAAqB,IAAIK,iBAAiB/B,KAAKyB,mBAAmBO,KAAKhC,OAC5EA,KAAK0B,mBAAmBO,QAAQH,EAAY,CAAEI,WAAY,KAAMC,UAAW,KAAMC,QAAS,M,CAG5F,gBAAAb,GACE,IAAKvB,KAAK2B,OAAS3B,KAAKa,cAAgBe,SAASC,eAAe7B,KAAK2B,MAAO,CAC1E,M,CAEF,MAAMU,EAAU,IAAIT,SAASC,eAAe7B,KAAK2B,MAAMW,iBAAiB,WACxEtC,KAAKuC,eAAiBF,EAAQG,KAAKC,IACjC,GAAIA,EAAKC,aAAa,SAAU,CAC9B,OAAOD,EAAKE,aAAa,Q,CAE3B,OAAOF,EAAKG,SAAS,G,CAIzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAxC,IAAA,4CACHuC,EAAA,OAAAvC,IAAA,2CAAKyC,MAAO,mBAAmBhD,KAAKgB,kBAAiB,gBAAiBhB,KAAK2B,OAAS,MAAQ,IAC1FmB,EAAA,SAAAvC,IAAA,2CACED,KAAK,SACLH,MAAOH,KAAKG,MACZ8C,GAAIjD,KAAKkD,QACTC,KAAMnD,KAAKmD,KACXC,YAAapD,KAAKoD,YAClBC,SAAUrD,KAAKqD,SACfC,aAActD,KAAKsD,aACnB3B,KAAM3B,KAAK2B,KACX4B,UAAWlD,GAAKL,KAAKI,WAAWC,GAChCmD,QAASnD,GAAKL,KAAKU,OAAOL,KAG5ByC,EAAA,OAAAvC,IAAA,2CAAKyC,MAAM,qBACPhD,KAAKqB,SAAW,QAAUrB,KAAKqB,SAAW,gBAC1CyB,EAAA,UAAAvC,IAAA,2CAAQyC,MAAM,SAASS,SAAUzD,KAAKqB,SAAW,cAAgB,IAAM,KAAMqC,QAASrD,GAAKL,KAAKI,WAAWC,GAAE,aAAa,SAASsD,MAAM,UACvIb,EAAA,WAAAvC,IAAA,2CAASqD,KAAMnD,EAAQoD,MAAM,aAGhC7D,KAAKqB,SAAW,eACfyB,EAAA,UAAAvC,IAAA,2CACEyC,MAAM,QAAO,aACF,QACXW,MAAM,qBACNF,SAAUzD,KAAKG,SAAWH,KAAKmB,SAAWnB,KAAKqB,SAAW,QAAU,IAAM,KAC1EqC,QAAS,IAAM1D,KAAKY,cAEpBkC,EAAA,WAAAvC,IAAA,2CAASqD,KAAME,EAAaD,MAAM,aAIrC7D,KAAKqB,SAAW,QAAWrB,KAAKqB,SAAW,eAAiByB,EAAA,cAAAvC,IAAA,+CAIhEP,KAAKqB,SAAW,QAAUrB,KAAKqB,SAAW,eACzCyB,EAAA,aAAAvC,IAAA,2CACEmD,QAASrD,GAAKL,KAAKI,WAAWC,GAC9Bc,QAASnB,KAAKmB,QACdyC,KAAMnD,EACNsD,WAAY/D,KAAKgE,MAAQ,QAAU,OACnCC,QAASjE,KAAKqB,SAAW,OAASrB,KAAKkE,MAAQ,MAE9ClE,KAAKkE,OAGTlE,KAAK2B,MACJmB,EAAA,YAAAvC,IAAA,2CAAU0C,GAAIjD,KAAK2B,MAChB3B,KAAKuC,eAAeC,KAAIC,GAChBK,EAAA,cAASL,M","ignoreList":[]}
+{"version":3,"names":["pnMarketwebSearchCss","PnMarketwebSearchStyle0","PnMarketwebSearch","search","update","inputHandler","this","emit","value","emitSearch","e","type","key","preventDefault","setVal","target","clearInput","hostElement","querySelector","focus","getClassNames","classNames","buttonTypes","loading","includes","button","componentWillRender","cloneListContent","autocompleteEventBinding","onSuggestionUpdate","suggestionObserver","list","document","getElementById","targetNode","MutationObserver","bind","observe","attributes","childList","subtree","options","querySelectorAll","listSuggestion","map","item","hasAttribute","getAttribute","innerText","render","h","Host","class","id","inputid","name","placeholder","disabled","autocomplete","onKeyDown","onInput","tabindex","onClick","title","icon","color","close_small","appearance","light","tooltip","label"],"sources":["src/components/input/pn-marketweb-search/pn-marketweb-search.scss?tag=pn-marketweb-search&encapsulation=shadow","src/components/input/pn-marketweb-search/pn-marketweb-search.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n:host {\n  display: inline-flex;\n}\n\n:host > pn-button {\n  margin-left: 0.35em;\n  button {\n    // justify-content: flex-start;\n\n    .pn-button-bg {\n      transition:\n        width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s,\n        background 0.1s,\n        box-shadow 0.1s,\n        left 0.2s,\n        transform 0.2s;\n    }\n  }\n\n  &[data-loading='true'] {\n    .pn-button-bg {\n      left: 0;\n      transform: translateX(0);\n      transition:\n        width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s,\n        background 0.1s,\n        box-shadow 0.1s;\n    }\n\n    pn-spinner {\n      left: 0.75em;\n    }\n  }\n}\n\n:host input {\n  padding: 0.75em;\n  min-height: 3em;\n  font-size: 1em;\n  height: 100%;\n  font-weight: 500;\n  -webkit-font-smoothing: antialiased;\n  outline: none;\n  border-radius: 3em;\n  border: 0.1rem solid $gray700;\n  transition:\n    box-shadow 0.15s,\n    border 0.15s;\n  color: $black;\n  width: 100%;\n\n  &::-webkit-search-cancel-button {\n    display: none;\n  }\n\n  &::placeholder {\n    color: $gray400;\n    font-weight: normal;\n  }\n\n  &:focus {\n    border: 0.1rem solid $blue700;\n    box-shadow:\n      0 0 0 0.2rem #fff,\n      0 0 0 0.4rem $blue700;\n  }\n\n  &:hover {\n    border: 0.1rem solid $blue400;\n  }\n\n  &:disabled {\n    background: $gray50;\n    border: none;\n  }\n}\n\n:host > .input-container {\n  width: 100%;\n  position: relative;\n\n  .button-container {\n    :host[list] & {\n      display: none;\n    }\n    position: absolute;\n    top: 0;\n    right: 0;\n    background: transparent;\n    width: 3em;\n    height: 100%;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  button {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(100%, -50%);\n    background: $white;\n    border: none;\n    color: $blue700;\n    padding: 0.3rem;\n    margin: 0;\n    font-size: 0.875em;\n    border-radius: 50%;\n    outline: none;\n    transition:\n      border 0.1s,\n      background 0.2s,\n      box-shadow 0.1s,\n      transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s,\n      opacity 0.2s;\n    border: 0.1rem solid transparent;\n    -webkit-tap-highlight-color: transparent;\n\n    &.clear,\n    &.search {\n      cursor: pointer;\n    }\n\n    &:focus {\n      box-shadow:\n        0 0 0 0.2rem #fff,\n        0 0 0 0.4rem $blue700;\n    }\n\n    &:hover,\n    &:focus {\n      background: $blue50;\n    }\n\n    &:active {\n      background: $blue700;\n\n      pn-icon svg,\n      pn-icon svg path {\n        fill: white;\n      }\n    }\n  }\n}\n\n:host .searching {\n  button.search {\n    transform: translate(150%, -50%);\n  }\n\n  button.clear {\n    transform: translate(-50%, -50%);\n  }\n}\n\n/*---------------------------------------Button Variants-------------------------------------------*/\n:host .button-none,\n:host .button-icon-inline {\n  input {\n    padding-right: 3.3em;\n  }\n\n  pn-spinner {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(100%, -50%);\n    transition: transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;\n  }\n\n  button.search {\n    transform: translate(-50%, -50%);\n  }\n\n  &.loading {\n    button {\n      transform: translate(100%, -50%);\n    }\n\n    pn-spinner {\n      transform: translate(-50%, -50%);\n    }\n  }\n}\n\n:host .button-none.searching button.search {\n  transform: translate(100%, -50%);\n}\n\n:host .button-icon > pn-button {\n  &[data-loading='true'] {\n    .pn-button-bg {\n      left: 50%;\n      transform: translateX(-50%);\n    }\n  }\n}\n/*---------------------------------------/Button Variants-------------------------------------------*/\n","import { Component, Prop, h, Host, Event, EventEmitter, Element, Listen, State } from '@stencil/core';\nimport { close_small, search } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-search',\n  styleUrl: 'pn-marketweb-search.scss',\n  shadow: true,\n})\nexport class PnMarketwebSearch {\n  @Prop() disabled: boolean = false;\n  @Prop() placeholder: string = null;\n  @Prop() inputid: string = null;\n  @Prop() name: string = null;\n  @Prop() autocomplete: string = null;\n  @Prop() list: string = null;\n  @Prop() value: string = null;\n  /** Label for the button */\n  @Prop() label: string = null;\n  /** Loading animation */\n  @Prop() loading: boolean = false;\n  /** Button type, options are 'none' for no button, 'icon' for a labelless button with just a search icon and 'icon-inline' for a search button inside of the search field (this last option disables the clear field button) */\n  @Prop() button: string = '';\n  /** Light instead of dark search button */\n  @Prop() light: boolean = false;\n\n  @Element() hostElement: HTMLElement;\n\n  /** This is emitted on search submission both with keyboard and mouse */\n  @Event() search: EventEmitter;\n  /** custom event that handles both clearing and input to have the option of just binding listeners to one event instead of two. */\n  @Event() update: EventEmitter;\n\n  @Listen('input')\n  inputHandler() {\n    this.update.emit(this.value);\n  }\n\n  emitSearch(e) {\n    if (e.type === 'click' || (e.type === 'keydown' && e.key === 'Enter')) {\n      // We prevent the native search event since it's not supported in IE and FF, then we emit our own instead\n      e.preventDefault();\n      this.search.emit(this.value);\n    }\n  }\n\n  setVal(e) {\n    this.value = e.target.value;\n  }\n\n  clearInput() {\n    this.value = '';\n    this.update.emit(this.value);\n    this.hostElement.querySelector('input').focus();\n  }\n\n  getClassNames() {\n    let classNames = '';\n\n    const buttonTypes = ['none', 'icon', 'icon-inline'];\n    if (this.value) classNames += 'searching ';\n    if (this.loading) classNames += 'loading ';\n    if (buttonTypes.includes(this.button)) classNames += `button-${this.button} `;\n\n    return classNames;\n  }\n  @State() suggestionObserver: MutationObserver = null;\n  @State() hasClonedInput: boolean = false;\n  @State() listSuggestion: string[] = [];\n  componentWillRender() {\n    this.cloneListContent();\n    this.autocompleteEventBinding();\n  }\n\n  onSuggestionUpdate() {\n    this.cloneListContent();\n  }\n\n  autocompleteEventBinding() {\n    if (this.suggestionObserver !== null || !this.list || !this.hostElement || !document.getElementById(this.list)) {\n      return;\n    }\n    const targetNode = document.getElementById(this.list);\n    this.suggestionObserver = new MutationObserver(this.onSuggestionUpdate.bind(this));\n    this.suggestionObserver.observe(targetNode, { attributes: true, childList: true, subtree: true });\n  }\n\n  cloneListContent() {\n    if (!this.list || !this.hostElement || !document.getElementById(this.list)) {\n      return;\n    }\n    const options = [...document.getElementById(this.list).querySelectorAll('option')];\n    this.listSuggestion = options.map((item: HTMLOptionElement) => {\n      if (item.hasAttribute('value')) {\n        return item.getAttribute('value');\n      }\n      return item.innerText;\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={`input-container ${this.getClassNames()}`} data-haslist={(this.list !== null) + ''}>\n          <input\n            type=\"search\"\n            value={this.value}\n            id={this.inputid}\n            name={this.name}\n            placeholder={this.placeholder}\n            disabled={this.disabled}\n            autocomplete={this.autocomplete}\n            list={this.list}\n            onKeyDown={e => this.emitSearch(e)}\n            onInput={e => this.setVal(e)}\n          />\n\n          <div class=\"button-container\">\n            {(this.button === 'none' || this.button === 'icon-inline') && (\n              <button class=\"search\" tabindex={this.button === 'icon-inline' ? '0' : '-1'} onClick={e => this.emitSearch(e)} aria-label=\"search\" title=\"search\">\n                <pn-icon icon={search} color=\"blue700\"></pn-icon>\n              </button>\n            )}\n            {this.button !== 'icon-inline' && (\n              <button\n                class=\"clear\"\n                aria-label=\"clear\"\n                title=\"clear search field\"\n                tabindex={this.value && (!this.loading || this.button !== 'none') ? '0' : '-1'}\n                onClick={() => this.clearInput()}\n              >\n                <pn-icon icon={close_small} color=\"blue700\"></pn-icon>\n              </button>\n            )}\n\n            {this.button === 'none' || (this.button === 'icon-inline' && <pn-spinner></pn-spinner>)}\n          </div>\n        </div>\n\n        {this.button !== 'none' && this.button !== 'icon-inline' && (\n          <pn-button\n            onClick={e => this.emitSearch(e)}\n            loading={this.loading}\n            icon={search}\n            appearance={this.light ? 'light' : 'dark'}\n            tooltip={this.button === 'icon' ? this.label : null}\n          >\n            {this.label}\n          </pn-button>\n        )}\n        {this.list && (\n          <datalist id={this.list}>\n            {this.listSuggestion.map(item => {\n              return <option>{item}</option>;\n            })}\n          </datalist>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/p-370829c6.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as t,h as i,d as o}from"./p-06555615.js";const n="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}:host{display:inline-block;user-select:none}:host input{opacity:0;position:absolute}:host input[type=checkbox]+label.pn-checkbox{width:1.5em;min-width:1.5em;height:1.5em;min-height:1.5em;background:#fff;display:flex;justify-content:center;align-items:center;position:relative;border:0.1rem solid #969087;cursor:pointer;border-radius:0.4rem;cursor:pointer;transition-duration:220ms;transition-timing-function:cubic-bezier(0.79, 0.14, 0.15, 0.86);transition-property:border, background, box-shadow}:host input[type=checkbox]+label.pn-checkbox svg{width:80%;fill:none}:host input[type=checkbox]+label.pn-checkbox svg polyline{stroke:#fff;transform-origin:0 0;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;transition-delay:none;transition:stroke-dashoffset 180ms cubic-bezier(0.79, 0.14, 0.15, 0.86)}:host input[type=checkbox]:hover+label.pn-checkbox{border:0.1rem solid #005d92;background:#e0f8ff}:host input[type=checkbox]:checked+label.pn-checkbox,:host input[type=checkbox]:indeterminate+label.pn-checkbox{background:#005d92;border:0.1rem solid #005d92}:host input[type=checkbox]:checked+label.pn-checkbox svg polyline,:host input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline{transition-delay:220ms}:host input[type=checkbox]:checked+label.pn-checkbox svg polyline.checkmark-path{stroke-dashoffset:0}:host input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline.indeterminate-path{stroke-dashoffset:0}:host input[type=checkbox]:focus+label.pn-checkbox,:host input[type=checkbox]:active+label.pn-checkbox{box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005d92}:host input[type=checkbox]:disabled+label.pn-checkbox{background-color:#d3cecb;border:0.1rem solid #969087;cursor:not-allowed}:host input[type=checkbox]:disabled+label.pn-checkbox svg polyline{stroke:#969087}:host input[type=checkbox]:disabled:checked+label.pn-checkbox{border:0.1rem solid transparent}:host input[type=checkbox]:disabled:active+label.pn-checkbox{box-shadow:none}";const s=n;const c=class{constructor(t){e(this,t);this.value=undefined;this.name=undefined;this.checkboxid=undefined;this.disabled=false;this.checked=false;this.indeterminate=false}get hostElement(){return t(this)}handlechange(){this.indeterminate=false}componentDidLoad(){this.checkAndSetIndeterminateState();this.bindEvents()}componentDidUpdate(){this.checkAndSetIndeterminateState()}bindEvents(){const e=document.querySelectorAll('label[for="'+this.checkboxid+'"]');e.forEach((e=>{e.addEventListener("click",(()=>{this.hostElement.shadowRoot.querySelector("label").click()}))}));const t=this.hostElement.shadowRoot.querySelector("input");t.addEventListener("change",this.onCheckboxChange.bind(this,t))}onCheckboxChange(e){let t=this.hostElement.querySelector("input.hidden-"+this.checkboxid);if(t){t.value=e.checked?this.value:"";t.dispatchEvent(new CustomEvent("change",{detail:t}))}}checkAndSetIndeterminateState(){let e=this.hostElement.querySelector(`#${this.checkboxid}`);if(e){e.indeterminate=this.indeterminate}}renderInputOutsideShadowRoot(){let e=this.hostElement.querySelector("input.hidden-"+this.checkboxid);if(!e){e=this.hostElement.ownerDocument.createElement("input");e.type="hidden";e.classList.add("hidden-"+this.checkboxid);this.hostElement.appendChild(e)}e.name=this.name??this.checkboxid}render(){this.renderInputOutsideShadowRoot();return i(o,{key:"233ebbfbb017ddaf60ed532e6eccfee843fdb5e6",checked:this.checked,id:this.checkboxid},i("input",{key:"8a8b9825b0e26bc19134461daaa94ad819c04515",type:"checkbox",id:this.checkboxid,value:this.value,name:this.name||this.checkboxid,disabled:this.disabled,checked:this.checked}),i("label",{key:"15e1bdc0aa4ce22d36bc3b93da6777065194fa9e",htmlFor:this.checkboxid,class:"pn-checkbox"},i("svg",{key:"52edced1b2c81bd7b7fc88d9543d5ed4d163b3e1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},i("polyline",{key:"9170f52914e4528a0864d01df40b978730e392b1",class:"checkmark-path",points:"4,12 9,17 20,6","stroke-width":"3"}),i("polyline",{key:"f6353c46270eb506f9bd799fea7b22ba6d76b77d",class:"indeterminate-path",points:"4,12 20,12","stroke-width":"3"}))))}};c.style=s;export{c as pn_filter_checkbox};
+//# sourceMappingURL=p-370829c6.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pnFilterCheckboxCss","PnFilterCheckboxStyle0","PnFilterCheckbox","handlechange","this","indeterminate","componentDidLoad","checkAndSetIndeterminateState","bindEvents","componentDidUpdate","labels","document","querySelectorAll","checkboxid","forEach","label","addEventListener","hostElement","shadowRoot","querySelector","click","checkboxInput","onCheckboxChange","bind","outsideInput","value","checked","dispatchEvent","CustomEvent","detail","checkbox","renderInputOutsideShadowRoot","input","ownerDocument","createElement","type","classList","add","appendChild","name","render","h","Host","key","id","disabled","htmlFor","class","xmlns","viewBox","fill","points"],"sources":["src/components/input/pn-filter-checkbox/pn-filter-checkbox.scss?tag=pn-filter-checkbox&encapsulation=shadow","src/components/input/pn-filter-checkbox/pn-filter-checkbox.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\n$check-timing: 180ms;\n$bg-timing: 220ms;\n$easing: cubic-bezier(0.79, 0.14, 0.15, 0.86);\n\n:host {\n  display: inline-block;\n  user-select: none;\n\n  input {\n    opacity: 0;\n    position: absolute;\n  }\n\n  input[type='checkbox'] {\n    & + label.pn-checkbox {\n      width: 1.5em;\n      min-width: 1.5em;\n      height: 1.5em;\n      min-height: 1.5em;\n      background: #fff;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      position: relative;\n      border: 0.1rem solid $gray400;\n      cursor: pointer;\n      border-radius: 0.4rem;\n      cursor: pointer;\n      transition-duration: $bg-timing;\n      transition-timing-function: $easing;\n      transition-property: border, background, box-shadow;\n\n      svg {\n        width: 80%;\n        fill: none;\n\n        polyline {\n          stroke: #fff;\n          transform-origin: 0 0;\n          stroke-linecap: round;\n          stroke-dasharray: 23;\n          stroke-dashoffset: 23;\n          transition-delay: none;\n          transition: stroke-dashoffset $check-timing $easing;\n        }\n      }\n    }\n\n    &:hover + label.pn-checkbox {\n      border: 0.1rem solid $blue700;\n      background: $blue50;\n    }\n\n    &:checked + label.pn-checkbox,\n    &:indeterminate + label.pn-checkbox {\n      background: $blue700;\n      border: 0.1rem solid $blue700;\n\n      svg polyline {\n        transition-delay: $bg-timing;\n      }\n    }\n\n    &:checked + label.pn-checkbox {\n      svg polyline.checkmark-path {\n        stroke-dashoffset: 0;\n      }\n    }\n\n    &:indeterminate + label.pn-checkbox {\n      svg polyline.indeterminate-path {\n        stroke-dashoffset: 0;\n      }\n    }\n\n    &:focus + label.pn-checkbox,\n    &:active + label.pn-checkbox {\n      box-shadow:\n        0 0 0 0.1rem white,\n        0 0 0 0.3rem $blue700;\n    }\n\n    &:disabled + label.pn-checkbox {\n      background-color: $gray200;\n      border: 0.1rem solid $gray400;\n      cursor: not-allowed;\n\n      svg polyline {\n        stroke: $gray400;\n      }\n    }\n\n    &:disabled:checked + label.pn-checkbox {\n      border: 0.1rem solid transparent;\n    }\n\n    &:disabled:active + label.pn-checkbox {\n      box-shadow: none;\n    }\n  }\n}\n","import { Component, Prop, h, Host, Element, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'pn-filter-checkbox',\n  styleUrl: 'pn-filter-checkbox.scss',\n  shadow: true,\n})\nexport class PnFilterCheckbox {\n  /** This will be emitted on change and input, like a native checkbox */\n  @Prop({ reflect: true }) value: any;\n  /** The name of the checkbox group */\n  @Prop() name: string;\n  /** The string you put here will be what you'd make the ID of a native radio button, you can't name props \"id\" because it's reserved\n   * so we went with the more descriptive name \"checkboxid\", if you want to create labels for your checkbox, you will bind it to this ID\n   */\n  @Prop() checkboxid: string;\n  @Prop() disabled?: boolean = false;\n  @Prop() checked?: boolean = false;\n  @Prop({ mutable: true }) indeterminate?: boolean = false;\n\n  @Element() hostElement: HTMLElement;\n\n  @Listen('change')\n  handlechange() {\n    this.indeterminate = false;\n  }\n\n  componentDidLoad() {\n    this.checkAndSetIndeterminateState();\n    this.bindEvents();\n  }\n\n  componentDidUpdate() {\n    this.checkAndSetIndeterminateState();\n  }\n\n  bindEvents() {\n    const labels = document.querySelectorAll('label[for=\"' + this.checkboxid + '\"]');\n    labels.forEach(label => {\n      label.addEventListener('click', () => {\n        this.hostElement.shadowRoot.querySelector('label').click();\n      });\n    });\n\n    const checkboxInput = this.hostElement.shadowRoot.querySelector('input');\n    checkboxInput.addEventListener('change', this.onCheckboxChange.bind(this, checkboxInput));\n  }\n\n  onCheckboxChange(checkboxInput: HTMLInputElement) {\n    let outsideInput: HTMLInputElement = this.hostElement.querySelector('input.hidden-' + this.checkboxid) as HTMLInputElement | null;\n    if (outsideInput) {\n      outsideInput.value = checkboxInput.checked ? this.value : '';\n      outsideInput.dispatchEvent(new CustomEvent('change', { detail: outsideInput }));\n    }\n  }\n\n  checkAndSetIndeterminateState() {\n    let checkbox = this.hostElement.querySelector(`#${this.checkboxid}`) as HTMLInputElement;\n\n    if (checkbox) {\n      checkbox.indeterminate = this.indeterminate;\n    }\n  }\n\n  private renderInputOutsideShadowRoot() {\n    let input: HTMLInputElement = this.hostElement.querySelector('input.hidden-' + this.checkboxid) as HTMLInputElement | null;\n    if (!input) {\n      input = this.hostElement.ownerDocument.createElement('input');\n      input.type = 'hidden';\n      input.classList.add('hidden-' + this.checkboxid);\n      this.hostElement.appendChild(input);\n    }\n\n    input.name = this.name ?? this.checkboxid;\n  }\n\n  render() {\n    this.renderInputOutsideShadowRoot();\n\n    return (\n      <Host checked={this.checked} id={this.checkboxid}>\n        <input type=\"checkbox\" id={this.checkboxid} value={this.value} name={this.name || this.checkboxid} disabled={this.disabled} checked={this.checked} />\n        <label htmlFor={this.checkboxid} class=\"pn-checkbox\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <polyline class=\"checkmark-path\" points=\"4,12 9,17 20,6\" stroke-width=\"3\" />\n            <polyline class=\"indeterminate-path\" points=\"4,12 20,12\" stroke-width=\"3\" />\n          </svg>\n        </label>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAsB,0gEAC5B,MAAAC,EAAeD,E,MCMFE,EAAgB,M,0GASE,M,aACD,M,mBACuB,K,kCAKnD,YAAAC,GACEC,KAAKC,cAAgB,K,CAGvB,gBAAAC,GACEF,KAAKG,gCACLH,KAAKI,Y,CAGP,kBAAAC,GACEL,KAAKG,+B,CAGP,UAAAC,GACE,MAAME,EAASC,SAASC,iBAAiB,cAAgBR,KAAKS,WAAa,MAC3EH,EAAOI,SAAQC,IACbA,EAAMC,iBAAiB,SAAS,KAC9BZ,KAAKa,YAAYC,WAAWC,cAAc,SAASC,OAAO,GAC1D,IAGJ,MAAMC,EAAgBjB,KAAKa,YAAYC,WAAWC,cAAc,SAChEE,EAAcL,iBAAiB,SAAUZ,KAAKkB,iBAAiBC,KAAKnB,KAAMiB,G,CAG5E,gBAAAC,CAAiBD,GACf,IAAIG,EAAiCpB,KAAKa,YAAYE,cAAc,gBAAkBf,KAAKS,YAC3F,GAAIW,EAAc,CAChBA,EAAaC,MAAQJ,EAAcK,QAAUtB,KAAKqB,MAAQ,GAC1DD,EAAaG,cAAc,IAAIC,YAAY,SAAU,CAAEC,OAAQL,I,EAInE,6BAAAjB,GACE,IAAIuB,EAAW1B,KAAKa,YAAYE,cAAc,IAAIf,KAAKS,cAEvD,GAAIiB,EAAU,CACZA,EAASzB,cAAgBD,KAAKC,a,EAI1B,4BAAA0B,GACN,IAAIC,EAA0B5B,KAAKa,YAAYE,cAAc,gBAAkBf,KAAKS,YACpF,IAAKmB,EAAO,CACVA,EAAQ5B,KAAKa,YAAYgB,cAAcC,cAAc,SACrDF,EAAMG,KAAO,SACbH,EAAMI,UAAUC,IAAI,UAAYjC,KAAKS,YACrCT,KAAKa,YAAYqB,YAAYN,E,CAG/BA,EAAMO,KAAOnC,KAAKmC,MAAQnC,KAAKS,U,CAGjC,MAAA2B,GACEpC,KAAK2B,+BAEL,OACEU,EAACC,EAAI,CAAAC,IAAA,2CAACjB,QAAStB,KAAKsB,QAASkB,GAAIxC,KAAKS,YACpC4B,EAAA,SAAAE,IAAA,2CAAOR,KAAK,WAAWS,GAAIxC,KAAKS,WAAYY,MAAOrB,KAAKqB,MAAOc,KAAMnC,KAAKmC,MAAQnC,KAAKS,WAAYgC,SAAUzC,KAAKyC,SAAUnB,QAAStB,KAAKsB,UAC1Ie,EAAA,SAAAE,IAAA,2CAAOG,QAAS1C,KAAKS,WAAYkC,MAAM,eACrCN,EAAA,OAAAE,IAAA,2CAAKK,MAAM,6BAA6BC,QAAQ,YAAYC,KAAK,QAC/DT,EAAA,YAAAE,IAAA,2CAAUI,MAAM,iBAAiBI,OAAO,iBAAgB,eAAc,MACtEV,EAAA,YAAAE,IAAA,2CAAUI,MAAM,qBAAqBI,OAAO,aAAY,eAAc,Q","ignoreList":[]}

package/pn-market-web-components/p-391970af.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,g as e,h as n,d as s}from"./p-06555615.js";import{d as l}from"./p-aed52bc1.js";import{m as p}from"./p-b2f2fbb6.js";import{p as o}from"./p-df8bfe03.js";import{v as a}from"./p-4ed69de7.js";const r="pn-multiple-input .multiple-input-generated-row,pn-multiple-input .multiple-input-row{display:flex;gap:1rem}pn-multiple-input .multiple-input-generated-row pn-marketweb-input,pn-multiple-input .multiple-input-row pn-marketweb-input{width:100%}pn-multiple-input .multiple-input-slot{display:flex;gap:1rem;flex-direction:column;margin-top:1rem;margin-bottom:1rem}";const u=r;const d=class{constructor(e){t(this,e);this.allFormValues=i(this,"allFormValues",7);this.label=null;this.placeholder=null;this.addRowButtonText=null;this.rowData=[]}get hostElement(){return e(this)}pnSlotElement=null;_formValues=[];allFormValues;componentWillLoad(){const t=this.generateUniqueId();const i={id:t,input:""};this.rowData=[...this.rowData,i]}componentDidLoad(){this.addEventHandlers()}componentDidUpdate(){this.addEventHandlers()}addEventHandlers(){const t=this.pnSlotElement.querySelectorAll("pn-marketweb-input");t.forEach((t=>{t.addEventListener("keyup",l(this.handleInput.bind(this),500))}))}generateUniqueId(){return a()}deleteRow(t){if(t<0){return}this.rowData.splice(t,1);this.rowData=[...this.rowData];this.emitValues()}addRow(){const t={id:this.generateUniqueId(),input:""};this.rowData=[...this.rowData,t];this.emitValues()}handleInput(t){const i=t.target;const e=i.closest("pn-marketweb-input");if(!e){return}const n=e.id;const s=i.value;const l=this.rowData.findIndex((t=>t.id===n));if(l<0){return}this.rowData[l]={...this.rowData[l],input:s};this.emitValues()}emitValues(){this._formValues=[];const t=this.label?this.label:"InputField";this.rowData.forEach((i=>{const e={row:[]};if(i.input){const n={name:t,value:i.input};e.row.push(n)}if(e.row.length===1){this._formValues.push(e)}}));if(this._formValues.length===this.rowData.length){const t=JSON.stringify(this._formValues);this.allFormValues.emit(t)}else{this.allFormValues.emit("")}}render(){return n(s,{key:"0e11604bc1d4a9be1ff05d2f926ca39c4e20c369"},n("div",{key:"0b5c1a99dce6934bd54f73e5d60eddb579fa1cb4",ref:t=>this.pnSlotElement=t,class:"multiple-input-slot"},this.rowData?.map(((t,i)=>n("div",{class:"multiple-input-generated-row"},n("pn-marketweb-input",{label:this.label,type:"text",placeholder:this.placeholder,value:t.input,id:t.id}),i>0?n("pn-button",{arialabel:"Delete",icon:p,appearance:"warning",onClick:()=>{this.deleteRow(i)},index:i,id:t.id},"Delete"):null)))),n("dvi",{key:"acf43972ddfbd62c53683f4190fdbec4f1437145",class:"multiple-input-row"},n("pn-button",{key:"8edd674843730ef9317214c72d120b75d885813f",tooltip:this.addRowButtonText?this.addRowButtonText:null,"left-icon":"true",arialabel:"Add",icon:o,appearance:"light",variant:"borderless",class:"connected-dropdown__button-right",onClick:()=>{this.addRow()}},this.addRowButtonText)))}};d.style=u;export{d as pn_multiple_input};
+//# sourceMappingURL=p-391970af.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pnMultipleInputCss","PnMultipleInputStyle0","PnMultipleInput","pnSlotElement","_formValues","allFormValues","componentWillLoad","elemtnId","this","generateUniqueId","newRow","id","input","rowData","componentDidLoad","addEventHandlers","componentDidUpdate","rows","querySelectorAll","forEach","element","addEventListener","debounce","handleInput","bind","uuidv4","deleteRow","indexToRemove","splice","emitValues","addRow","e","target","inputElm","closest","inputElmId","value","index","findIndex","item","label","rowValue","row","dropDownValue","name","push","length","valueJsonString","JSON","stringify","emit","render","h","Host","key","ref","el","class","map","data","i","type","placeholder","arialabel","icon","minus","appearance","onClick","tooltip","addRowButtonText","plus","variant"],"sources":["src/components/input/pn-multiple-input/pn-multiple-input.scss?tag=pn-multiple-input","src/components/input/pn-multiple-input/pn-multiple-input.tsx"],"sourcesContent":["pn-multiple-input {\n  .multiple-input-generated-row,\n  .multiple-input-row {\n    display: flex;\n    gap: 1rem;\n\n    pn-marketweb-input {\n      width: 100%;\n    }\n  }\n\n  .multiple-input-slot {\n    display: flex;\n    gap: 1rem;\n    flex-direction: column;\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n  }\n}\n","import { Component, Prop, h, Element, State, Host, Event, EventEmitter } from '@stencil/core';\nimport { FormValue, Row, RowValue } from './types';\nimport { v4 as uuidv4 } from 'uuid';\nimport debounce from 'debounce';\nimport { minus, plus } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-multiple-input',\n  styleUrl: 'pn-multiple-input.scss',\n})\nexport class PnMultipleInput {\n  @Element() hostElement: Element;\n  pnSlotElement: HTMLElement = null;\n\n  @Prop() label: string = null;\n  @Prop() placeholder: string = null;\n  @Prop() addRowButtonText: string = null;\n\n  @State() rowData: Row[] = [];\n\n  private _formValues: FormValue[] = [];\n\n  @Event() allFormValues: EventEmitter<string>;\n\n  componentWillLoad() {\n    const elemtnId = this.generateUniqueId();\n    const newRow: Row = { id: elemtnId, input: '' };\n    this.rowData = [...this.rowData, newRow];\n  }\n\n  componentDidLoad() {\n    this.addEventHandlers();\n  }\n\n  componentDidUpdate() {\n    this.addEventHandlers();\n  }\n\n  addEventHandlers() {\n    const rows = this.pnSlotElement.querySelectorAll('pn-marketweb-input');\n\n    rows.forEach(element => {\n      element.addEventListener('keyup', debounce(this.handleInput.bind(this), 500));\n    });\n  }\n\n  generateUniqueId() {\n    return uuidv4();\n  }\n\n  deleteRow(indexToRemove) {\n    if (indexToRemove < 0) {\n      return;\n    }\n\n    this.rowData.splice(indexToRemove, 1);\n    this.rowData = [...this.rowData];\n    this.emitValues();\n  }\n\n  addRow() {\n    const newRow: Row = { id: this.generateUniqueId(), input: '' };\n    this.rowData = [...this.rowData, newRow];\n    this.emitValues();\n  }\n\n  handleInput(e) {\n    const target = e.target;\n    const inputElm = target.closest('pn-marketweb-input');\n\n    if (!inputElm) {\n      return;\n    }\n\n    const inputElmId = inputElm.id;\n    const value = target.value;\n    const index = this.rowData.findIndex(item => item.id === inputElmId);\n\n    if (index < 0) {\n      return;\n    }\n\n    this.rowData[index] = {\n      ...this.rowData[index],\n      input: value,\n    };\n\n    this.emitValues();\n  }\n\n  emitValues() {\n    this._formValues = [];\n    const label = this.label ? this.label : 'InputField';\n    this.rowData.forEach(item => {\n      const rowValue: FormValue = { row: [] };\n      if (item.input) {\n        const dropDownValue: RowValue = { name: label, value: item.input };\n        rowValue.row.push(dropDownValue);\n      }\n\n      if (rowValue.row.length === 1) {\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>\n        <div ref={el => (this.pnSlotElement = el as HTMLElement)} class=\"multiple-input-slot\">\n          {this.rowData?.map((data, i) => {\n            return (\n              <div class=\"multiple-input-generated-row\">\n                <pn-marketweb-input label={this.label} type=\"text\" placeholder={this.placeholder} value={data.input} id={data.id}></pn-marketweb-input>\n                {i > 0 ? (\n                  <pn-button\n                    arialabel=\"Delete\"\n                    icon={minus}\n                    appearance=\"warning\"\n                    onClick={() => {\n                      this.deleteRow(i);\n                    }}\n                    index={i}\n                    id={data.id}\n                  >\n                    Delete\n                  </pn-button>\n                ) : null}\n              </div>\n            );\n          })}\n        </div>\n        <dvi class=\"multiple-input-row\">\n          <pn-button\n            tooltip={this.addRowButtonText ? this.addRowButtonText : null}\n            left-icon=\"true\"\n            arialabel=\"Add\"\n            icon={plus}\n            appearance=\"light\"\n            variant=\"borderless\"\n            class=\"connected-dropdown__button-right\"\n            onClick={() => {\n              this.addRow();\n            }}\n          >\n            {this.addRowButtonText}\n          </pn-button>\n        </dvi>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/pn-market-web-components/{p-49fd7182.entry.js → p-40538914.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,d as a,g as n}from"./p-06555615.js";const s={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 r='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}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 i=r;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}componentWillLoad(){this.setTranslations()}setTranslations(){if(this.language==="nb"){this.language="no"}if(this.language&&s[this.language]){this.i18n=s[this.language]}}onLanguageChange(){this.setTranslations()}render(){return t(a,{key:"64fc418773ad1694c97c3cead91687668d4d0a7d"},t("div",{key:"dedd71bce2dae6d868ea070c85fbb086f72d9ec8",class:"pn-share__container"},t("h3",{key:"a442ce3dcd201e1b9a1079ffc39b140b70e32f78",class:"pn-share__heading"},this.i18n.sharelabel,":"),t("div",{key:"88042477f52053ef2a839ad5b24d11c939a1ff06",class:"pn-share__items"},o.map((e=>t("pn-share-item",{link:`${e.url}${this.link}`,text:e.text},t("pn-icon",{slot:"icon",icon:e.platform})))))))}get hostElement(){return n(this)}static get watchers(){return{language:["onLanguageChange"]}}};h.style=i;export{h as pn_share};
-//# sourceMappingURL=p-49fd7182.entry.js.map
+import{r as e,g as t,h as a,d as n}from"./p-06555615.js";const s={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 r='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}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 i=r;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&&s[this.language]){this.i18n=s[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=i;export{h as pn_share};
+//# sourceMappingURL=p-40538914.entry.js.map

package/pn-market-web-components/{p-49fd7182.entry.js.map → p-40538914.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,oBAG3D,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,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":[]}