@postnord/pn-marketweb-components 4.0.3 → 4.0.4-test

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

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

package/dist/pn-market-web-components/p-13190b30.js

@@ -0,0 +1,2 @@
+import{c as a}from"./p-2509d18d.js";const{state:n,onChange:o}=a({loginManager:null});export{n as s};
+//# sourceMappingURL=p-13190b30.js.map

package/dist/pn-market-web-components/{p-ad9a7633.entry.js → p-155c2049.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,g as e,h as n,d as s}from"./p-82546a44.js";import{d as l}from"./p-3e4d9396.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 h=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:"48f736322a59808e988448547708d373a68c3d9b"},n("div",{key:"b60bceaf70fed78ec61031965a905d0d400c93c2",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:"d9c2836ea448178184bf973221d911b27508ba1f",class:"multiple-input-row"},n("pn-button",{key:"68681203a60d754fbbf4f4e27469b43928fa0d7e",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)))}};h.style=u;export{h as pn_multiple_input};
-//# sourceMappingURL=p-ad9a7633.entry.js.map
+import{r as t,c as i,g as e,h as n,d as s}from"./p-bb1c965e.js";import{d as l}from"./p-3e4d9396.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 h=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:"48f736322a59808e988448547708d373a68c3d9b"},n("div",{key:"b60bceaf70fed78ec61031965a905d0d400c93c2",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:"d9c2836ea448178184bf973221d911b27508ba1f",class:"multiple-input-row"},n("pn-button",{key:"68681203a60d754fbbf4f4e27469b43928fa0d7e",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)))}};h.style=u;export{h as pn_multiple_input};
+//# sourceMappingURL=p-155c2049.entry.js.map

package/dist/pn-market-web-components/p-190c6938.entry.js

@@ -0,0 +1,2 @@
+import{r as i,h as t,d as o}from"./p-bb1c965e.js";import{F as r,M as e}from"./p-65f243c1.js";import{t as n}from"./p-6e056c20.js";import{a}from"./p-575f557a.js";import{a as s}from"./p-36b39340.js";const p='pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-proxio-pricegroup div.proxio-pricegroup-container{max-width:99.4rem}pn-proxio-pricegroup div.weightcontainer{margin:2.8rem 0}pn-proxio-pricegroup div.weightvaluecontainer{display:flex;flex-direction:row;align-content:center;justify-content:space-between;align-items:flex-start}pn-proxio-pricegroup div.weightvaluecontainer pn-button{transform:translateY(-0.4rem)}pn-proxio-pricegroup div.weightvaluecontainer pn-button button::before{display:none}pn-proxio-pricegroup div.weightradios{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;color:#005d92;width:80%;margin:0 3.6rem;position:relative;width:0%}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end50]{width:45%;margin-left:auto;margin-right:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end50]{width:40%}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end75]{width:65%;margin-left:auto;margin-right:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=end75]{margin-right:auto}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start50]{width:45%;margin-right:auto;margin-left:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start50]{width:40%}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start75]{width:65%;margin-right:auto;margin-left:3.6rem}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=start75]{margin-left:auto}}pn-proxio-pricegroup div.weightradios[data-carousel-container-position=default]{flex:0 0 auto;width:80%}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightradios[data-carousel-container-position=default]{width:65%}}pn-proxio-pricegroup div.weightdata{display:flex;flex-direction:column;align-items:center;align-content:center;flex-wrap:wrap;justify-content:space-between;gap:1.2rem;min-width:4rem;cursor:pointer}pn-proxio-pricegroup div.weightdata label{font-size:1.4rem;cursor:pointer}pn-proxio-pricegroup div.weightdata[data-carousel-position="0"]{font-size:2rem;font-weight:700}@media screen and (max-width: 48em){pn-proxio-pricegroup div.weightdata[data-carousel-position="2"],pn-proxio-pricegroup div.weightdata[data-carousel-position="-2"]{display:none}}pn-proxio-pricegroup div.weightdata[data-carousel-position=outside]{display:none}pn-proxio-pricegroup div.weightdata input[type=radio]{-webkit-appearance:none;-moz-appearance:none;width:1.2rem;height:1.2rem;background-color:#005d92;border-radius:50%;margin:0;cursor:pointer}pn-proxio-pricegroup div.weightdata input[type=radio]:checked{z-index:1;transform:translateY(-0.1rem);height:1.4rem;width:1.4rem;box-shadow:0 0 0 0.3rem #ffffff, 0 0 0 0.4rem #005d92}pn-proxio-pricegroup div.weightline{width:100%;background-color:#f3f2f2;z-index:-1;height:0.8rem;-webkit-transform:translateX(2.1rem) translateY(1.32rem);transform:translateX(2.1rem) translateY(1rem);border-radius:2rem;margin-right:3.5rem}pn-proxio-pricegroup pn-button[disabled=disabled]{opacity:0.2}pn-proxio-pricegroup pn-button[disabled=disabled] button{cursor:default}pn-proxio-pricegroup pn-button[disabled=disabled] button.pn-button-light .pn-button-bg:after{background-color:#ffffff}pn-proxio-pricegroup pn-button[disabled=disabled] button[data-tooltip-open]:before{display:none}pn-proxio-pricegroup pn-button button div.button-tooltip{display:none}pn-proxio-pricegroup pn-button button:focus .pn-button-bg{box-shadow:none}';const d=p;const c=class{constructor(t){i(this,t);this.endpoint=null;this.language="sv";this.market="se";this.tariffid="";this.cache=true;this.activeWeightIndex=0;this.data=null;this.i18n=n["sv"]}fetchHelper=new r("proxiopricegroup");componentWillLoad(){this.setInitialValues().then((()=>{this.init()}))}async setInitialValues(i=window.location.href){const t=new e(i);const o=await t.getEnvironmentName();if(!this.endpoint&&o?.indexOf("local")===-1){const i=await t.getMarket();this.endpoint=await t.getEndpoint(o,i)}if(!this.endpoint){this.endpoint=""}}init(){this.setLanguage();this.fetchData()}async fetchData(){if(!this.market||!this.language||!this.tariffid){return}const i=this.endpoint.lastIndexOf("/")===this.endpoint.length-1?this.endpoint.substring(0,this.endpoint.length-1):this.endpoint;const t=`${i}/api/proxio/price-list-group?tariffId=${this.tariffid}&market=${this.market}&language=${this.language}&cached=${this.cache}`;const o=await this.fetchHelper.fetchJson(t,{mode:"cors"},this.cache,this.onFetchData.bind(this));if(o?.proxioProduct){this.data=o}}onFetchData(i){this.data=i}setActiveWeightIndex(i){let t=0;let o=this.data.proxioProduct?.weightAndPriceList?.length-1??t;i=i>o?o:i;i=i<t?t:i;this.activeWeightIndex=i}setLanguage(){if(n[this.language]){this.i18n=n[this.language]}}getPriceString(i){let t=i.weightAndPriceList?i?.weightAndPriceList[this.activeWeightIndex]?.item2:"";return t?this.i18n.from+t:""}getProductLink(i,t){let o=t[this.activeWeightIndex]?.item2;let r=i.productLink?i?.productLink:"";return r?r+(o?"?productId="+o:""):""}isActive(i){return i===this.activeWeightIndex}getCarouselPosition(i){switch(i){case this.activeWeightIndex-2:{return-2}case this.activeWeightIndex-1:{return-1}case this.activeWeightIndex:{return 0}case this.activeWeightIndex+1:{return 1}case this.activeWeightIndex+2:{return 2}default:return"outside"}}getContainerPosition(){let i=this.data.proxioProduct.weightAndPriceList.length-1;switch(this.activeWeightIndex){case 0:{return"end50"}case 1:{return"end75"}case i-1:{return"start75"}case i:{return"start50"}default:{return"default"}}}render(){return t(o,{key:"e6562ca19944d9850ce1df29973f1a05a5505d6e"},this.data?.proxioProduct?t("div",{class:"proxio-pricegroup-container"},t("div",{class:"weightcontainer"},this.data.proxioProduct.weightAndPriceList?t("div",{class:"weightvaluecontainer"},t("pn-button",{disabled:this.activeWeightIndex===0?"disabled":null,icon:a,appearance:"light",small:"true",onClick:()=>this.setActiveWeightIndex(this.activeWeightIndex-1)}),t("div",{class:"weightradios ","data-carousel-container-position":this.getContainerPosition()},t("div",{class:"weightline"}),this.data.proxioProduct.weightAndPriceList.map(((i,o)=>this.getCarouselPosition(o)!==null?t("div",{class:"weightdata","data-carousel-position":this.getCarouselPosition(o),onClick:()=>this.setActiveWeightIndex(o)},t("input",{type:"radio",id:"weightradio"+o,name:"weightradio",value:o,checked:this.isActive(o)}),t("label",{htmlFor:"weightradio"+o},i.item1)):null))),t("pn-button",{disabled:this.activeWeightIndex===this.data.proxioProduct?.weightAndPriceList?.length-1?"disabled":null,icon:s,appearance:"light",small:"true",onClick:()=>this.setActiveWeightIndex(this.activeWeightIndex+1)})):null),t("pn-proxio-productcard",null,t("pn-illustration",{slot:"illustrationmobile",illustration:this.data.proxioProduct.productIcon}),t("h2",{slot:"title"},this.data.proxioProduct.productTitle),t("pn-proxio-productcard-description",{slot:"description",heading:this.data.proxioProduct.productPreamble,highlight:this.data.proxioProduct.deliveryDateInformation,list:this.data.proxioProduct.productDescriptionBulletListItems}),t("div",{slot:"information"},t("pn-proxio-productcard-information",{label:this.i18n.labelMaxDimensions,information:this.data.proxioProduct.productPackageDimensionsList}),t("pn-proxio-productcard-information",{label:this.i18n.labelMaxDimensionsRoll,information:this.data.proxioProduct.productRollDimensionsList})),t("div",{slot:"bottomtags"},this.data.proxioProduct.usp1?t("pn-titletag",{color:"gray50"},this.data.proxioProduct.usp1):null,this.data.proxioProduct.usp2?t("pn-titletag",{color:"gray50"},this.data.proxioProduct.usp2):null,this.data.proxioProduct.usp3?t("pn-titletag",{color:"gray50"},this.data.proxioProduct.usp3):null),t("pn-illustration",{slot:"illustration",illustration:this.data.proxioProduct.productIcon}),t("div",{slot:"pricelink"},t("pn-proxio-productcard-pricelink",{price:this.getPriceString(this.data.proxioProduct),link:this.getProductLink(this.data.proxioProduct,this.data.proxioProduct.productWeightGroupList),linktext:this.data.proxioProduct.productLinkText}),this.data.relatedProxioProducts?this.data.relatedProxioProducts.map((i=>t("pn-proxio-productcard-pricelink",{price:this.getPriceString(i),link:i.productLink,linktext:i.productLinkText}))):null))):null)}};c.style=d;export{c as pn_proxio_pricegroup};
+//# sourceMappingURL=p-190c6938.entry.js.map

package/dist/pn-market-web-components/{p-389a94e7.entry.js.map → p-190c6938.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnProxioPricegroupCss","PnProxioPricegroupStyle0","PnProxioPricegroup","translations","fetchHelper","FetchHelper","componentWillLoad","this","setInitialValues","then","init","href","window","location","marketWebContextService","MarketWebContextService","environment","getEnvironmentName","endpoint","indexOf","market","getMarket","getEndpoint","setLanguage","fetchData","language","tariffid","lastIndexOf","length","substring","fetchUrl","cache","data","fetchJson","mode","onFetchData","bind","proxioProduct","setActiveWeightIndex","weightIndex","minIndex","maxIndex","weightAndPriceList","activeWeightIndex","i18n","getPriceString","product","price","item2","from","getProductLink","productWeightGroupList","productId","productLink","isActive","index","getCarouselPosition","getContainerPosition","render","h","Host","key","class","disabled","icon","arrow_left","appearance","small","onClick","map","weightItem","type","id","name","value","checked","htmlFor","item1","arrow_right","slot","illustration","productIcon","productTitle","heading","productPreamble","highlight","deliveryDateInformation","list","productDescriptionBulletListItems","label","labelMaxDimensions","information","productPackageDimensionsList","labelMaxDimensionsRoll","productRollDimensionsList","usp1","color","usp2","usp3","link","linktext","productLinkText","relatedProxioProducts"],"sources":["src/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.scss?tag=pn-proxio-pricegroup","src/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n@import './pn-proxio-pricegroup-common.scss';\n\npn-proxio-pricegroup {\n  div.proxio-pricegroup-container {\n    max-width: 99.4rem;\n  }\n\n  div.weightcontainer {\n    margin: 2.8rem 0;\n  }\n\n  div.weightvaluecontainer {\n    display: flex;\n    flex-direction: row;\n    align-content: center;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    pn-button {\n      transform: translateY(-0.4rem);\n\n      button::before {\n        display: none;\n      }\n    }\n  }\n\n  div.weightradios {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    color: $blue700;\n    width: 80%;\n    margin: 0 3.6rem;\n    position: relative;\n    width: 0%;\n\n    &[data-carousel-container-position='end50'] {\n      width: 45%;\n      margin-left: auto;\n      margin-right: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        width: 40%;\n      }\n    }\n\n    &[data-carousel-container-position='end75'] {\n      width: 65%;\n      margin-left: auto;\n      margin-right: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        margin-right: auto;\n      }\n    }\n\n    &[data-carousel-container-position='start50'] {\n      width: 45%;\n      margin-right: auto;\n      margin-left: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        width: 40%;\n      }\n    }\n\n    &[data-carousel-container-position='start75'] {\n      width: 65%;\n      margin-right: auto;\n      margin-left: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        margin-left: auto;\n      }\n    }\n\n    &[data-carousel-container-position='default'] {\n      flex: 0 0 auto;\n      width: 80%;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        width: 65%;\n      }\n    }\n  }\n\n  div.weightdata {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    align-content: center;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    gap: 1.2rem;\n    min-width: 4rem;\n    cursor: pointer;\n\n    label {\n      font-size: 1.4rem;\n      cursor: pointer;\n    }\n\n    &[data-carousel-position='0'] {\n      font-size: 2rem;\n      font-weight: 700;\n    }\n\n    &[data-carousel-position='2'],\n    &[data-carousel-position='-2'] {\n      @media screen and (max-width: $productcard-media-tablet) {\n        display: none;\n      }\n    }\n\n    &[data-carousel-position='outside'] {\n      display: none;\n    }\n\n    input[type='radio'] {\n      -webkit-appearance: none;\n      -moz-appearance: none;\n      width: 1.2rem;\n      height: 1.2rem;\n      background-color: $blue700;\n      border-radius: 50%;\n      margin: 0;\n      cursor: pointer;\n    }\n\n    input[type='radio']:checked {\n      z-index: 1;\n      transform: translateY(-0.1rem);\n      height: 1.4rem;\n      width: 1.4rem;\n      box-shadow:\n        0 0 0 0.3rem $white,\n        0 0 0 0.4rem $blue700;\n    }\n  }\n\n  div.weightline {\n    width: 100%;\n    background-color: $gray50;\n    z-index: -1;\n    height: 0.8rem;\n    -webkit-transform: translateX(2.1rem) translateY(1.32rem);\n    transform: translateX(2.1rem) translateY(1rem);\n    border-radius: 2rem;\n    margin-right: 3.5rem;\n  }\n\n  pn-button {\n    &[disabled='disabled'] {\n      opacity: 0.2;\n\n      button {\n        cursor: default;\n\n        &.pn-button-light .pn-button-bg:after {\n          background-color: $white;\n        }\n\n        &[data-tooltip-open]:before {\n          display: none;\n        }\n      }\n    }\n\n    button div.button-tooltip {\n      display: none;\n    }\n\n    button:focus .pn-button-bg {\n      box-shadow: none;\n    }\n  }\n}\n","import { Component, h, Host, Listen, Prop, State } from '@stencil/core';\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { translations } from './translations';\nimport { ProductGenericItem, ProxioPriceGroupi18n, ProxioPriceListGroupResponse, ProxioProduct, ProductWeightGroupListItem } from './types';\nimport { arrow_left, arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-proxio-pricegroup',\n  styleUrl: 'pn-proxio-pricegroup.scss',\n})\nexport class PnProxioPricegroup {\n  /** Specifies which endpoint domain we should load from */\n  @Prop({ mutable: true }) endpoint: string = null;\n  //@Prop() culture: string = \"sv-SE\";\n  @Prop() language: string = 'sv';\n  @Prop() market: string = 'se';\n  @Prop() tariffid: string = '';\n  @Prop() cache: boolean = true;\n\n  @State() activeWeightIndex: number = 0;\n  @State() data: ProxioPriceListGroupResponse = null;\n  @State() i18n: ProxioPriceGroupi18n = translations['sv'];\n\n  fetchHelper = new FetchHelper('proxiopricegroup');\n\n  componentWillLoad() {\n    this.setInitialValues().then(() => {\n      this.init();\n    });\n  }\n\n  async setInitialValues(href = window.location.href) {\n    const marketWebContextService = new MarketWebContextService(href);\n    const environment = await marketWebContextService.getEnvironmentName();\n\n    if (!this.endpoint && environment?.indexOf('local') === -1) {\n      const market = await marketWebContextService.getMarket();\n      this.endpoint = await marketWebContextService.getEndpoint(environment, market);\n    }\n\n    if (!this.endpoint) {\n      this.endpoint = '';\n    }\n  }\n\n  init() {\n    this.setLanguage();\n    this.fetchData();\n  }\n\n  async fetchData() {\n    if (!this.market || !this.language || !this.tariffid) {\n      return;\n    }\n    const endpoint = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n    const fetchUrl = `${endpoint}/api/proxio/price-list-group?tariffId=${this.tariffid}&market=${this.market}&language=${this.language}&cached=${this.cache}`;\n    //const fetchUrl = `https://localhost:51547/api/proxio/price-list-group?tariffId=${this.tariffid}&market=${this.market}&language=${this.language}&cached=${this.cache}`;\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      {\n        mode: 'cors',\n      },\n      this.cache,\n      this.onFetchData.bind(this),\n    )) as any;\n\n    if (data?.proxioProduct) {\n      this.data = data;\n    }\n  }\n\n  onFetchData(data) {\n    this.data = data;\n  }\n\n  @Listen('activeWeightIndex')\n  setActiveWeightIndex(weightIndex: number) {\n    let minIndex = 0;\n    let maxIndex = this.data.proxioProduct?.weightAndPriceList?.length - 1 ?? minIndex;\n    weightIndex = weightIndex > maxIndex ? maxIndex : weightIndex;\n    weightIndex = weightIndex < minIndex ? minIndex : weightIndex;\n    this.activeWeightIndex = weightIndex;\n  }\n\n  @Listen('language')\n  setLanguage() {\n    if (translations[this.language]) {\n      this.i18n = translations[this.language] as ProxioPriceGroupi18n;\n    }\n  }\n\n  getPriceString(product: ProxioProduct) {\n    let price = product.weightAndPriceList ? product?.weightAndPriceList[this.activeWeightIndex]?.item2 : '';\n    return price ? this.i18n.from + price : '';\n  }\n\n  getProductLink(product: ProxioProduct, productWeightGroupList: ProductWeightGroupListItem[]) {\n    let productId = productWeightGroupList[this.activeWeightIndex]?.item2;\n    let productLink = product.productLink ? product?.productLink : '';\n    return productLink ? productLink + (productId ? '?productId=' + productId : '') : '';\n  }\n\n  isActive(index: number) {\n    return index === this.activeWeightIndex;\n  }\n\n  getCarouselPosition(index: number) {\n    switch (index) {\n      case this.activeWeightIndex - 2: {\n        return -2;\n      }\n      case this.activeWeightIndex - 1: {\n        return -1;\n      }\n      case this.activeWeightIndex: {\n        return 0;\n      }\n      case this.activeWeightIndex + 1: {\n        return 1;\n      }\n      case this.activeWeightIndex + 2: {\n        return 2;\n      }\n      default:\n        return 'outside';\n    }\n  }\n\n  getContainerPosition() {\n    let maxIndex = this.data.proxioProduct.weightAndPriceList.length - 1;\n    switch (this.activeWeightIndex) {\n      case 0: {\n        return 'end50';\n      }\n      case 1: {\n        return 'end75';\n      }\n      case maxIndex - 1: {\n        return 'start75';\n      }\n      case maxIndex: {\n        return 'start50';\n      }\n      default: {\n        return 'default';\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.data?.proxioProduct ? (\n          <div class=\"proxio-pricegroup-container\">\n            <div class=\"weightcontainer\">\n              {this.data.proxioProduct.weightAndPriceList ? (\n                <div class=\"weightvaluecontainer\">\n                  <pn-button\n                    disabled={this.activeWeightIndex === 0 ? 'disabled' : null}\n                    icon={arrow_left}\n                    appearance=\"light\"\n                    small=\"true\"\n                    onClick={() => this.setActiveWeightIndex(this.activeWeightIndex - 1)}\n                  ></pn-button>\n                  <div class=\"weightradios \" data-carousel-container-position={this.getContainerPosition()}>\n                    <div class=\"weightline\"></div>\n                    {this.data.proxioProduct.weightAndPriceList.map((weightItem, index) =>\n                      this.getCarouselPosition(index) !== null ? (\n                        <div class=\"weightdata\" data-carousel-position={this.getCarouselPosition(index)} onClick={() => this.setActiveWeightIndex(index)}>\n                          <input type=\"radio\" id={'weightradio' + index} name=\"weightradio\" value={index} checked={this.isActive(index)} />\n                          <label htmlFor={'weightradio' + index}>{weightItem.item1}</label>\n                        </div>\n                      ) : null,\n                    )}\n                  </div>\n                  <pn-button\n                    disabled={this.activeWeightIndex === this.data.proxioProduct?.weightAndPriceList?.length - 1 ? 'disabled' : null}\n                    icon={arrow_right}\n                    appearance=\"light\"\n                    small=\"true\"\n                    onClick={() => this.setActiveWeightIndex(this.activeWeightIndex + 1)}\n                  ></pn-button>\n                </div>\n              ) : null}\n            </div>\n            <pn-proxio-productcard>\n              <pn-illustration slot=\"illustrationmobile\" illustration={this.data.proxioProduct.productIcon}></pn-illustration>\n              <h2 slot=\"title\">{this.data.proxioProduct.productTitle}</h2>\n              <pn-proxio-productcard-description\n                slot=\"description\"\n                heading={this.data.proxioProduct.productPreamble}\n                highlight={this.data.proxioProduct.deliveryDateInformation}\n                list={this.data.proxioProduct.productDescriptionBulletListItems}\n              ></pn-proxio-productcard-description>\n              <div slot=\"information\">\n                <pn-proxio-productcard-information\n                  label={this.i18n.labelMaxDimensions}\n                  information={this.data.proxioProduct.productPackageDimensionsList as ProductGenericItem[]}\n                ></pn-proxio-productcard-information>\n                <pn-proxio-productcard-information\n                  label={this.i18n.labelMaxDimensionsRoll}\n                  information={this.data.proxioProduct.productRollDimensionsList as ProductGenericItem[]}\n                ></pn-proxio-productcard-information>\n              </div>\n              <div slot=\"bottomtags\">\n                {this.data.proxioProduct.usp1 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp1}</pn-titletag> : null}\n                {this.data.proxioProduct.usp2 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp2}</pn-titletag> : null}\n                {this.data.proxioProduct.usp3 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp3}</pn-titletag> : null}\n              </div>\n              <pn-illustration slot=\"illustration\" illustration={this.data.proxioProduct.productIcon}></pn-illustration>\n              <div slot=\"pricelink\">\n                <pn-proxio-productcard-pricelink\n                  price={this.getPriceString(this.data.proxioProduct)}\n                  link={this.getProductLink(this.data.proxioProduct, this.data.proxioProduct.productWeightGroupList)}\n                  linktext={this.data.proxioProduct.productLinkText}\n                ></pn-proxio-productcard-pricelink>\n                {this.data.relatedProxioProducts\n                  ? this.data.relatedProxioProducts.map(product => (\n                      <pn-proxio-productcard-pricelink\n                        price={this.getPriceString(product)}\n                        link={product.productLink}\n                        linktext={product.productLinkText}\n                      ></pn-proxio-productcard-pricelink>\n                    ))\n                  : null}\n              </div>\n            </pn-proxio-productcard>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["pnProxioPricegroupCss","PnProxioPricegroupStyle0","PnProxioPricegroup","translations","fetchHelper","FetchHelper","componentWillLoad","this","setInitialValues","then","init","href","window","location","marketWebContextService","MarketWebContextService","environment","getEnvironmentName","endpoint","indexOf","market","getMarket","getEndpoint","setLanguage","fetchData","language","tariffid","lastIndexOf","length","substring","fetchUrl","cache","data","fetchJson","mode","onFetchData","bind","proxioProduct","setActiveWeightIndex","weightIndex","minIndex","maxIndex","weightAndPriceList","activeWeightIndex","i18n","getPriceString","product","price","item2","from","getProductLink","productWeightGroupList","productId","productLink","isActive","index","getCarouselPosition","getContainerPosition","render","h","Host","key","class","disabled","icon","arrow_left","appearance","small","onClick","map","weightItem","type","id","name","value","checked","htmlFor","item1","arrow_right","slot","illustration","productIcon","productTitle","heading","productPreamble","highlight","deliveryDateInformation","list","productDescriptionBulletListItems","label","labelMaxDimensions","information","productPackageDimensionsList","labelMaxDimensionsRoll","productRollDimensionsList","usp1","color","usp2","usp3","link","linktext","productLinkText","relatedProxioProducts"],"sources":["src/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.scss?tag=pn-proxio-pricegroup","src/components/widgets/pn-proxio-pricegroup/pn-proxio-pricegroup.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n@import './pn-proxio-pricegroup-common.scss';\n\npn-proxio-pricegroup {\n  div.proxio-pricegroup-container {\n    max-width: 99.4rem;\n  }\n\n  div.weightcontainer {\n    margin: 2.8rem 0;\n  }\n\n  div.weightvaluecontainer {\n    display: flex;\n    flex-direction: row;\n    align-content: center;\n    justify-content: space-between;\n    align-items: flex-start;\n\n    pn-button {\n      transform: translateY(-0.4rem);\n\n      button::before {\n        display: none;\n      }\n    }\n  }\n\n  div.weightradios {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    color: $blue700;\n    width: 80%;\n    margin: 0 3.6rem;\n    position: relative;\n    width: 0%;\n\n    &[data-carousel-container-position='end50'] {\n      width: 45%;\n      margin-left: auto;\n      margin-right: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        width: 40%;\n      }\n    }\n\n    &[data-carousel-container-position='end75'] {\n      width: 65%;\n      margin-left: auto;\n      margin-right: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        margin-right: auto;\n      }\n    }\n\n    &[data-carousel-container-position='start50'] {\n      width: 45%;\n      margin-right: auto;\n      margin-left: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        width: 40%;\n      }\n    }\n\n    &[data-carousel-container-position='start75'] {\n      width: 65%;\n      margin-right: auto;\n      margin-left: 3.6rem;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        margin-left: auto;\n      }\n    }\n\n    &[data-carousel-container-position='default'] {\n      flex: 0 0 auto;\n      width: 80%;\n\n      @media screen and (max-width: $productcard-media-tablet) {\n        width: 65%;\n      }\n    }\n  }\n\n  div.weightdata {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    align-content: center;\n    flex-wrap: wrap;\n    justify-content: space-between;\n    gap: 1.2rem;\n    min-width: 4rem;\n    cursor: pointer;\n\n    label {\n      font-size: 1.4rem;\n      cursor: pointer;\n    }\n\n    &[data-carousel-position='0'] {\n      font-size: 2rem;\n      font-weight: 700;\n    }\n\n    &[data-carousel-position='2'],\n    &[data-carousel-position='-2'] {\n      @media screen and (max-width: $productcard-media-tablet) {\n        display: none;\n      }\n    }\n\n    &[data-carousel-position='outside'] {\n      display: none;\n    }\n\n    input[type='radio'] {\n      -webkit-appearance: none;\n      -moz-appearance: none;\n      width: 1.2rem;\n      height: 1.2rem;\n      background-color: $blue700;\n      border-radius: 50%;\n      margin: 0;\n      cursor: pointer;\n    }\n\n    input[type='radio']:checked {\n      z-index: 1;\n      transform: translateY(-0.1rem);\n      height: 1.4rem;\n      width: 1.4rem;\n      box-shadow:\n        0 0 0 0.3rem $white,\n        0 0 0 0.4rem $blue700;\n    }\n  }\n\n  div.weightline {\n    width: 100%;\n    background-color: $gray50;\n    z-index: -1;\n    height: 0.8rem;\n    -webkit-transform: translateX(2.1rem) translateY(1.32rem);\n    transform: translateX(2.1rem) translateY(1rem);\n    border-radius: 2rem;\n    margin-right: 3.5rem;\n  }\n\n  pn-button {\n    &[disabled='disabled'] {\n      opacity: 0.2;\n\n      button {\n        cursor: default;\n\n        &.pn-button-light .pn-button-bg:after {\n          background-color: $white;\n        }\n\n        &[data-tooltip-open]:before {\n          display: none;\n        }\n      }\n    }\n\n    button div.button-tooltip {\n      display: none;\n    }\n\n    button:focus .pn-button-bg {\n      box-shadow: none;\n    }\n  }\n}\n","import { Component, h, Host, Listen, Prop, State } from '@stencil/core';\nimport { FetchHelper } from '../../../globals/FetchHelper';\nimport { MarketWebContextService } from '../../../globals/MarketWebContextService';\nimport { translations } from './translations';\nimport { ProductGenericItem, ProxioPriceGroupi18n, ProxioPriceListGroupResponse, ProxioProduct, ProductWeightGroupListItem } from './types';\nimport { arrow_left, arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-proxio-pricegroup',\n  styleUrl: 'pn-proxio-pricegroup.scss',\n})\nexport class PnProxioPricegroup {\n  /** Specifies which endpoint domain we should load from */\n  @Prop({ mutable: true }) endpoint: string = null;\n  //@Prop() culture: string = \"sv-SE\";\n  @Prop() language: string = 'sv';\n  @Prop() market: string = 'se';\n  @Prop() tariffid: string = '';\n  @Prop() cache: boolean = true;\n\n  @State() activeWeightIndex: number = 0;\n  @State() data: ProxioPriceListGroupResponse = null;\n  @State() i18n: ProxioPriceGroupi18n = translations['sv'];\n\n  fetchHelper = new FetchHelper('proxiopricegroup');\n\n  componentWillLoad() {\n    this.setInitialValues().then(() => {\n      this.init();\n    });\n  }\n\n  async setInitialValues(href = window.location.href) {\n    const marketWebContextService = new MarketWebContextService(href);\n    const environment = await marketWebContextService.getEnvironmentName();\n\n    if (!this.endpoint && environment?.indexOf('local') === -1) {\n      const market = await marketWebContextService.getMarket();\n      this.endpoint = await marketWebContextService.getEndpoint(environment, market);\n    }\n\n    if (!this.endpoint) {\n      this.endpoint = '';\n    }\n  }\n\n  init() {\n    this.setLanguage();\n    this.fetchData();\n  }\n\n  async fetchData() {\n    if (!this.market || !this.language || !this.tariffid) {\n      return;\n    }\n    const endpoint = this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? this.endpoint.substring(0, this.endpoint.length - 1) : this.endpoint;\n    const fetchUrl = `${endpoint}/api/proxio/price-list-group?tariffId=${this.tariffid}&market=${this.market}&language=${this.language}&cached=${this.cache}`;\n    //const fetchUrl = `https://localhost:51547/api/proxio/price-list-group?tariffId=${this.tariffid}&market=${this.market}&language=${this.language}&cached=${this.cache}`;\n    const data = (await this.fetchHelper.fetchJson(\n      fetchUrl,\n      {\n        mode: 'cors',\n      },\n      this.cache,\n      this.onFetchData.bind(this),\n    )) as any;\n\n    if (data?.proxioProduct) {\n      this.data = data;\n    }\n  }\n\n  onFetchData(data) {\n    this.data = data;\n  }\n\n  @Listen('activeWeightIndex')\n  setActiveWeightIndex(weightIndex: number) {\n    let minIndex = 0;\n    let maxIndex = this.data.proxioProduct?.weightAndPriceList?.length - 1 ?? minIndex;\n    weightIndex = weightIndex > maxIndex ? maxIndex : weightIndex;\n    weightIndex = weightIndex < minIndex ? minIndex : weightIndex;\n    this.activeWeightIndex = weightIndex;\n  }\n\n  @Listen('language')\n  setLanguage() {\n    if (translations[this.language]) {\n      this.i18n = translations[this.language] as ProxioPriceGroupi18n;\n    }\n  }\n\n  getPriceString(product: ProxioProduct) {\n    let price = product.weightAndPriceList ? product?.weightAndPriceList[this.activeWeightIndex]?.item2 : '';\n    return price ? this.i18n.from + price : '';\n  }\n\n  getProductLink(product: ProxioProduct, productWeightGroupList: ProductWeightGroupListItem[]) {\n    let productId = productWeightGroupList[this.activeWeightIndex]?.item2;\n    let productLink = product.productLink ? product?.productLink : '';\n    return productLink ? productLink + (productId ? '?productId=' + productId : '') : '';\n  }\n\n  isActive(index: number) {\n    return index === this.activeWeightIndex;\n  }\n\n  getCarouselPosition(index: number) {\n    switch (index) {\n      case this.activeWeightIndex - 2: {\n        return -2;\n      }\n      case this.activeWeightIndex - 1: {\n        return -1;\n      }\n      case this.activeWeightIndex: {\n        return 0;\n      }\n      case this.activeWeightIndex + 1: {\n        return 1;\n      }\n      case this.activeWeightIndex + 2: {\n        return 2;\n      }\n      default:\n        return 'outside';\n    }\n  }\n\n  getContainerPosition() {\n    let maxIndex = this.data.proxioProduct.weightAndPriceList.length - 1;\n    switch (this.activeWeightIndex) {\n      case 0: {\n        return 'end50';\n      }\n      case 1: {\n        return 'end75';\n      }\n      case maxIndex - 1: {\n        return 'start75';\n      }\n      case maxIndex: {\n        return 'start50';\n      }\n      default: {\n        return 'default';\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.data?.proxioProduct ? (\n          <div class=\"proxio-pricegroup-container\">\n            <div class=\"weightcontainer\">\n              {this.data.proxioProduct.weightAndPriceList ? (\n                <div class=\"weightvaluecontainer\">\n                  <pn-button\n                    disabled={this.activeWeightIndex === 0 ? 'disabled' : null}\n                    icon={arrow_left}\n                    appearance=\"light\"\n                    small=\"true\"\n                    onClick={() => this.setActiveWeightIndex(this.activeWeightIndex - 1)}\n                  ></pn-button>\n                  <div class=\"weightradios \" data-carousel-container-position={this.getContainerPosition()}>\n                    <div class=\"weightline\"></div>\n                    {this.data.proxioProduct.weightAndPriceList.map((weightItem, index) =>\n                      this.getCarouselPosition(index) !== null ? (\n                        <div class=\"weightdata\" data-carousel-position={this.getCarouselPosition(index)} onClick={() => this.setActiveWeightIndex(index)}>\n                          <input type=\"radio\" id={'weightradio' + index} name=\"weightradio\" value={index} checked={this.isActive(index)} />\n                          <label htmlFor={'weightradio' + index}>{weightItem.item1}</label>\n                        </div>\n                      ) : null,\n                    )}\n                  </div>\n                  <pn-button\n                    disabled={this.activeWeightIndex === this.data.proxioProduct?.weightAndPriceList?.length - 1 ? 'disabled' : null}\n                    icon={arrow_right}\n                    appearance=\"light\"\n                    small=\"true\"\n                    onClick={() => this.setActiveWeightIndex(this.activeWeightIndex + 1)}\n                  ></pn-button>\n                </div>\n              ) : null}\n            </div>\n            <pn-proxio-productcard>\n              <pn-illustration slot=\"illustrationmobile\" illustration={this.data.proxioProduct.productIcon}></pn-illustration>\n              <h2 slot=\"title\">{this.data.proxioProduct.productTitle}</h2>\n              <pn-proxio-productcard-description\n                slot=\"description\"\n                heading={this.data.proxioProduct.productPreamble}\n                highlight={this.data.proxioProduct.deliveryDateInformation}\n                list={this.data.proxioProduct.productDescriptionBulletListItems}\n              ></pn-proxio-productcard-description>\n              <div slot=\"information\">\n                <pn-proxio-productcard-information\n                  label={this.i18n.labelMaxDimensions}\n                  information={this.data.proxioProduct.productPackageDimensionsList as ProductGenericItem[]}\n                ></pn-proxio-productcard-information>\n                <pn-proxio-productcard-information\n                  label={this.i18n.labelMaxDimensionsRoll}\n                  information={this.data.proxioProduct.productRollDimensionsList as ProductGenericItem[]}\n                ></pn-proxio-productcard-information>\n              </div>\n              <div slot=\"bottomtags\">\n                {this.data.proxioProduct.usp1 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp1}</pn-titletag> : null}\n                {this.data.proxioProduct.usp2 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp2}</pn-titletag> : null}\n                {this.data.proxioProduct.usp3 ? <pn-titletag color=\"gray50\">{this.data.proxioProduct.usp3}</pn-titletag> : null}\n              </div>\n              <pn-illustration slot=\"illustration\" illustration={this.data.proxioProduct.productIcon}></pn-illustration>\n              <div slot=\"pricelink\">\n                <pn-proxio-productcard-pricelink\n                  price={this.getPriceString(this.data.proxioProduct)}\n                  link={this.getProductLink(this.data.proxioProduct, this.data.proxioProduct.productWeightGroupList)}\n                  linktext={this.data.proxioProduct.productLinkText}\n                ></pn-proxio-productcard-pricelink>\n                {this.data.relatedProxioProducts\n                  ? this.data.relatedProxioProducts.map(product => (\n                      <pn-proxio-productcard-pricelink\n                        price={this.getPriceString(product)}\n                        link={product.productLink}\n                        linktext={product.productLinkText}\n                      ></pn-proxio-productcard-pricelink>\n                    ))\n                  : null}\n              </div>\n            </pn-proxio-productcard>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pn-market-web-components/p-1ec21bd6.entry.js

@@ -0,0 +1,2 @@
+import{r as e,g as r,h as n,d as t}from"./p-bb1c965e.js";import{s as a}from"./p-66d71724.js";const c="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-spotlight .pn-spotlight__container:has(pn-parcel-tracker) [slot=mobile-heading]{color:#005d92}.pn-spotlight__container__wrapper__content [slot=content]:has(pn-parcel-tracker){padding-left:2rem}pn-parcel-tracker{width:100%}pn-parcel-tracker .pn-parcel-tracker__container form{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:1.6rem}pn-parcel-tracker .pn-parcel-tracker__container form .pn-parcel-tracker__container__heading{color:#005d92;font-weight:500;margin-bottom:0}@media screen and (max-width: 768px){pn-parcel-tracker .pn-parcel-tracker__container form .pn-parcel-tracker__container__heading{display:none}}@media screen and (min-width: 1640px){pn-parcel-tracker .pn-parcel-tracker__container form .pn-parcel-tracker__container__heading{font-size:2.4rem;font-weight:700}}pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{flex-grow:1;max-width:80%}@media screen and (min-width: 768px){pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{max-width:50%}}@media screen and (min-width: 992px){pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{max-width:45%}}@media screen and (min-width: 1640px){pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input{max-width:35%}}pn-parcel-tracker .pn-parcel-tracker__container form pn-marketweb-input input{border-radius:6.4rem}";const p=c;const i=class{constructor(r){e(this,r);this.formActionUrl=null;this.heading="Track your parcel";this.buttonLabel=null;this.locale="en";this.placeholder="Enter shipment ID";this.inputName="shipmentID";this.currentWidth=window.innerWidth}get hostElement(){return r(this)}handleViewportSizeChange(e){this.currentWidth=e.target.innerWidth}render(){return n(t,{key:"1175ee79bdd43c697cff71530375a02bc7608382"},n("div",{key:"7d5059b7384060cf1937c45341b01998ec1220d7",class:"pn-parcel-tracker__container"},n("form",{key:"3a416b4c483e99a953c715e16f3f3ea83591570a",method:"GET",action:this.formActionUrl},n("h3",{key:"832541b313250e8960f93298f5c6e90e5af405c8",class:"pn-parcel-tracker__container__heading"},this.heading),n("pn-marketweb-input",{key:"73b2290a2ec9427faf6110ef97a2df0f5c7bd51f",name:this.inputName,placeholder:this.placeholder}),n("pn-button",{key:"1f99b01aba200dc0e863058d9df9ff3bd015f959",type:"submit",icon:a,tooltip:this.currentWidth<412?this.buttonLabel:null},this.currentWidth>=412&&this.buttonLabel))))}};i.style=p;export{i as pn_parcel_tracker};
+//# sourceMappingURL=p-1ec21bd6.entry.js.map

package/dist/pn-market-web-components/{p-f4b14be8.entry.js.map → p-1ec21bd6.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnParcelTrackerCss","PnParcelTrackerStyle0","PnSpotlight","window","innerWidth","handleViewportSizeChange","event","this","currentWidth","target","render","h","Host","key","class","method","action","formActionUrl","heading","name","inputName","placeholder","type","icon","search","tooltip","buttonLabel"],"sources":["src/components/cta/pn-parcel-tracker/pn-parcel-tracker.scss?tag=pn-parcel-tracker","src/components/cta/pn-parcel-tracker/pn-parcel-tracker.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-spotlight .pn-spotlight__container:has(pn-parcel-tracker) {\n  [slot='mobile-heading'] {\n    color: $blue700;\n  }\n}\n\n.pn-spotlight__container__wrapper__content [slot='content']:has(pn-parcel-tracker) {\n  padding-left: 2rem;\n}\n\npn-parcel-tracker {\n  width: 100%;\n\n  .pn-parcel-tracker__container {\n    form {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: flex-end;\n      gap: 1.6rem;\n\n      .pn-parcel-tracker__container__heading {\n        color: $blue700;\n        font-weight: 500;\n        margin-bottom: 0;\n\n        @media screen and (max-width: $min-width-md) {\n          display: none;\n        }\n\n        @media screen and (min-width: $min-width-xxl) {\n          font-size: 2.4rem;\n          font-weight: 700;\n        }\n      }\n\n      pn-marketweb-input {\n        flex-grow: 1;\n        max-width: 80%;\n\n        @media screen and (min-width: $min-width-sm) {\n        }\n\n        @media screen and (min-width: $min-width-md) {\n          max-width: 50%;\n        }\n\n        @media screen and (min-width: $min-width-lg) {\n          max-width: 45%;\n        }\n\n        @media screen and (min-width: $min-width-xxl) {\n          max-width: 35%;\n        }\n\n        input {\n          border-radius: 6.4rem;\n        }\n      }\n    }\n  }\n}\n","import { Component, Element, h, Host, Listen, Prop, State } from '@stencil/core';\nimport { search } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-parcel-tracker',\n  styleUrl: 'pn-parcel-tracker.scss',\n})\nexport class PnSpotlight {\n  @Element() hostElement: HTMLElement;\n  @Prop() formActionUrl: string = null;\n  @Prop() heading: string = 'Track your parcel';\n  @Prop() buttonLabel: string = null;\n  @Prop() locale: string = 'en';\n  @Prop() placeholder: string = 'Enter shipment ID';\n  @Prop() inputName: string = 'shipmentID';\n\n  @State() currentWidth = window.innerWidth;\n\n  @Listen('resize', { target: 'window' })\n  handleViewportSizeChange(event: any) {\n    this.currentWidth = event.target.innerWidth;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-parcel-tracker__container\">\n          <form method=\"GET\" action={this.formActionUrl}>\n            <h3 class=\"pn-parcel-tracker__container__heading\">{this.heading}</h3>\n            <pn-marketweb-input name={this.inputName} placeholder={this.placeholder} />\n            <pn-button type=\"submit\" icon={search} tooltip={this.currentWidth < 412 ? this.buttonLabel : null}>\n              {this.currentWidth >= 412 && this.buttonLabel}\n            </pn-button>\n          </form>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAqB,+vDAC3B,MAAAC,EAAeD,E,MCMFE,EAAW,M,4CAEU,K,aACN,oB,iBACI,K,YACL,K,iBACK,oB,eACF,a,kBAEJC,OAAOC,U,kCAG/B,wBAAAC,CAAyBC,GACvBC,KAAKC,aAAeF,EAAMG,OAAOL,U,CAGnC,MAAAM,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gCACTH,EAAA,QAAAE,IAAA,2CAAME,OAAO,MAAMC,OAAQT,KAAKU,eAC9BN,EAAA,MAAAE,IAAA,2CAAIC,MAAM,yCAAyCP,KAAKW,SACxDP,EAAA,sBAAAE,IAAA,2CAAoBM,KAAMZ,KAAKa,UAAWC,YAAad,KAAKc,cAC5DV,EAAA,aAAAE,IAAA,2CAAWS,KAAK,SAASC,KAAMC,EAAQC,QAASlB,KAAKC,aAAe,IAAMD,KAAKmB,YAAc,MAC1FnB,KAAKC,cAAgB,KAAOD,KAAKmB,e","ignoreList":[]}
+{"version":3,"names":["pnParcelTrackerCss","PnParcelTrackerStyle0","PnSpotlight","window","innerWidth","handleViewportSizeChange","event","this","currentWidth","target","render","h","Host","key","class","method","action","formActionUrl","heading","name","inputName","placeholder","type","icon","search","tooltip","buttonLabel"],"sources":["src/components/cta/pn-parcel-tracker/pn-parcel-tracker.scss?tag=pn-parcel-tracker","src/components/cta/pn-parcel-tracker/pn-parcel-tracker.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-spotlight .pn-spotlight__container:has(pn-parcel-tracker) {\n  [slot='mobile-heading'] {\n    color: $blue700;\n  }\n}\n\n.pn-spotlight__container__wrapper__content [slot='content']:has(pn-parcel-tracker) {\n  padding-left: 2rem;\n}\n\npn-parcel-tracker {\n  width: 100%;\n\n  .pn-parcel-tracker__container {\n    form {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: flex-end;\n      gap: 1.6rem;\n\n      .pn-parcel-tracker__container__heading {\n        color: $blue700;\n        font-weight: 500;\n        margin-bottom: 0;\n\n        @media screen and (max-width: $min-width-md) {\n          display: none;\n        }\n\n        @media screen and (min-width: $min-width-xxl) {\n          font-size: 2.4rem;\n          font-weight: 700;\n        }\n      }\n\n      pn-marketweb-input {\n        flex-grow: 1;\n        max-width: 80%;\n\n        @media screen and (min-width: $min-width-sm) {\n        }\n\n        @media screen and (min-width: $min-width-md) {\n          max-width: 50%;\n        }\n\n        @media screen and (min-width: $min-width-lg) {\n          max-width: 45%;\n        }\n\n        @media screen and (min-width: $min-width-xxl) {\n          max-width: 35%;\n        }\n\n        input {\n          border-radius: 6.4rem;\n        }\n      }\n    }\n  }\n}\n","import { Component, Element, h, Host, Listen, Prop, State } from '@stencil/core';\nimport { search } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-parcel-tracker',\n  styleUrl: 'pn-parcel-tracker.scss',\n})\nexport class PnSpotlight {\n  @Element() hostElement: HTMLElement;\n  @Prop() formActionUrl: string = null;\n  @Prop() heading: string = 'Track your parcel';\n  @Prop() buttonLabel: string = null;\n  @Prop() locale: string = 'en';\n  @Prop() placeholder: string = 'Enter shipment ID';\n  @Prop() inputName: string = 'shipmentID';\n\n  @State() currentWidth = window.innerWidth;\n\n  @Listen('resize', { target: 'window' })\n  handleViewportSizeChange(event: any) {\n    this.currentWidth = event.target.innerWidth;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-parcel-tracker__container\">\n          <form method=\"GET\" action={this.formActionUrl}>\n            <h3 class=\"pn-parcel-tracker__container__heading\">{this.heading}</h3>\n            <pn-marketweb-input name={this.inputName} placeholder={this.placeholder} />\n            <pn-button type=\"submit\" icon={search} tooltip={this.currentWidth < 412 ? this.buttonLabel : null}>\n              {this.currentWidth >= 412 && this.buttonLabel}\n            </pn-button>\n          </form>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAqB,s7CAC3B,MAAAC,EAAeD,E,MCMFE,EAAW,M,4CAEU,K,aACN,oB,iBACI,K,YACL,K,iBACK,oB,eACF,a,kBAEJC,OAAOC,U,kCAG/B,wBAAAC,CAAyBC,GACvBC,KAAKC,aAAeF,EAAMG,OAAOL,U,CAGnC,MAAAM,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gCACTH,EAAA,QAAAE,IAAA,2CAAME,OAAO,MAAMC,OAAQT,KAAKU,eAC9BN,EAAA,MAAAE,IAAA,2CAAIC,MAAM,yCAAyCP,KAAKW,SACxDP,EAAA,sBAAAE,IAAA,2CAAoBM,KAAMZ,KAAKa,UAAWC,YAAad,KAAKc,cAC5DV,EAAA,aAAAE,IAAA,2CAAWS,KAAK,SAASC,KAAMC,EAAQC,QAASlB,KAAKC,aAAe,IAAMD,KAAKmB,YAAc,MAC1FnB,KAAKC,cAAgB,KAAOD,KAAKmB,e","ignoreList":[]}

package/dist/pn-market-web-components/p-231b97e1.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s,d as i}from"./p-bb1c965e.js";import{c as l}from"./p-2509d18d.js";import{s as n,a as e}from"./p-cd8db7cd.js";import{b as o,a}from"./p-4cb85336.js";const{state:r,onChange:c}=l({i18n:{maxweightlabel:"",weightlabel:"",maxmeasurementlabel:"",sizeheading:"",senddirectcta:"",stampshopcta:""},market:{currency:""}});const h="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}";const p=h;const u=class{constructor(s){t(this,s);this.item=null;this.description=[];this.shownitems=[];this.showMeasurement=false;this.weightText=""}componentWillLoad(){this.composeItems()}composeItems(){if(this.item.description){this.description=this.item.description.split("#bullet").filter((t=>t!==""))}this.showMeasurement=this.item.maxmått!==null||this.item.rulle!==null;this.shownitems=[this.item]}render(){return s(i,{key:"7c81f4a3960e3068ac5e1c268e73a6967a12e2b2"},this.shownitems.map((t=>s("pn-product-card",{"data-productid":t.id},s("pn-illustration",{slot:"illustration",illustration:this.item.illustration}),s("div",{slot:"title"},s("h2",null,t.name," "),this.item.highestrankusp?this.item.highestrankusp==="Billigast"?s("pn-titletag",{slot:"Billigast",icon:o},this.item.highestrankusp):s("pn-titletag",{slot:"Snabbast",icon:a,color:"blue700"},this.item.highestrankusp):null),s("div",{slot:"content"},s("div",{class:"content"},this.item.description?s("div",{class:"description"},this.description.map((t=>s("li",null,t)))):null,this.item.info?s("div",{class:"description"},this.item.info):null)),this.item.note?s("small",{slot:"note"},s("p",null,this.item.note)):null,this.item.additionalusp?s("div",{slot:"additionalUSP"}):null,this.showMeasurement?s("pn-product-card-info",{paket:this.item.maxmått,rulle:this.item.rulle}):null,s("div",{slot:"cardprice"},this.item.pricesenddirect?s("pn-product-card-price",{slot:"sendDirectPrice",label:r.i18n.senddirectcta,amount:this.item.pricesenddirect+"",currency:r.market.currency,url:n,service:this.item.name+"-portal"}):null,this.item.pricestamps?s("pn-product-card-price",{slot:"stampPrice",label:r.i18n.stampshopcta,amount:this.item.pricestamps+"",currency:r.market.currency,url:e,service:this.item.name+"-eshop"}):null)))))}static get watchers(){return{item:["composeItems"]}}};u.style=p;export{u as pn_product_pricelist_result};
+//# sourceMappingURL=p-231b97e1.entry.js.map

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

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

package/dist/pn-market-web-components/p-23d69d70.entry.js

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

package/dist/pn-market-web-components/p-23d69d70.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getLoginUrl","useMarketwebLogin","environment","environment_Production","devAuthUrl","prodAuthUrl","marketwebLoginUrl","toUpperCase","pnMarketwebSiteheaderLoginButtonCss","PnMarketwebSiteheaderLoginButtonStyle0","PnMarketwebSiteheaderLoginButton","loginUrl","componentWillLoad","this","nagivateToLoginUrl","navigationUrl","encodeURIComponent","window","location","href","render","h","Host","key","label","pnMarketwebSiteheaderLoginLinksCss","PnMarketwebSiteheaderLoginLinksStyle0","PnMarketwebSiteheaderLoginLinks","init","adjustLoginLinks","loginDialog","adjustLink","link","i","isLogoutLink","pageLink","indexOf","headerState","loginManager","getLogoutUrl","replace","linkType","primaryLinkApperance","loginMenuLinks","forEach","loggedInLinks","legacyLoginLinks","linkText","loginLinkText","openInNewWindow","registerUrl","createLoginLinkText","hostElementAttribute","username","loggedin","overrideLoginMenu","links","idNamespace","length","heading","loginTitle","showUnifiedLogin","pnMarketwebSiteheaderLoginMypageButtonCss","PnMarketwebSiteheaderLoginMypageButtonStyle0","PnMarketwebSiteheaderLoginMypageButton","myPageUrl","pnMarketwebSiteheaderLoginProfileselectionCss","PnMarketwebSiteheaderLoginProfileselectionStyle0","PnMarketwebSiteheaderLoginProfileselection","searchlabel","searchplaceholder","searchbuttontext","menuHomeButton","menuGoBackButton","mainMenuButton","menuStartButton","profileSelectionFlyoutHeading","i18n","updateUserInfo","fetchProfiles","profileoptions","apiUrl","endpoint","lastIndexOf","req","fetch","reqdata","json","fallbackData","organizations","name","customerNumber","id","selected","profiles","ssid","customerGroup","data","org","selectedProfile","filter","x","toLocaleLowerCase","substring","push","currentProfileObj","userProfileOption","userName","currentProfile","logoutLink","userInfo","getUserInfo","user","email","userEmail","given_name","family_name","filterLogoutLink","class","map","organization","icon","arrow_right","small","color","rel","onClick","clearUserData","pnMarketwebSiteheaderUnifiedLoginCss","PnMarketwebSiteheaderUnifiedLoginStyle0","PnMarketwebSiteheaderUnifiedLogin","loggedIn","myPageLabel","logInLabel"],"sources":["src/components/layout-components/pn-marketweb-siteheader/unifiedLoginHelper.ts","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-button.scss?tag=pn-marketweb-siteheader-login-button","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-button.tsx","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-links.scss?tag=pn-marketweb-siteheader-login-links","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-links.tsx","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-mypage-button.scss?tag=pn-marketweb-siteheader-login-mypage-button","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-mypage-button.tsx","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.scss?tag=pn-marketweb-siteheader-login-profileselection","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-login-profileselection.tsx","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-unified-login.scss?tag=pn-marketweb-siteheader-unified-login","src/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-unified-login.tsx"],"sourcesContent":["export const getLoginUrl = (useMarketwebLogin:boolean, environment:string) => {\n\nconst environment_Production = \"PRODUCTION\";\n\nconst devAuthUrl = 'https://atportal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=';\nconst prodAuthUrl = 'https://portal.postnord.com/api/unified-login/backend/authorization?redirectionUrl=';\nconst marketwebLoginUrl = '/login?returnUrl=';\n\nif(useMarketwebLogin)\n  {\n    return marketwebLoginUrl;\n  }\n   else if (environment.toUpperCase() !== environment_Production) {\n      return devAuthUrl;\n    } else {\n        return prodAuthUrl;\n    } \n  };\n","pn-marketweb-siteheader-login-button {\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nimport { getLoginUrl } from './unifiedLoginHelper';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-button',\n  styleUrl: 'pn-marketweb-siteheader-login-button.scss',\n})\nexport class PnMarketwebSiteheaderLoginButton {\n  @Element() hostElement: HTMLElement;\n  @Prop() label: string = 'Log in';\n  @Prop() useMarketwebLogin: boolean = false;\n  @Prop() environment: string = 'local';\n  \n  loginUrl: string;\n\n  componentWillLoad() {\n    this.loginUrl = getLoginUrl(this.useMarketwebLogin, this.environment);\n  }\n\n  nagivateToLoginUrl() {\n    const navigationUrl = `${this.loginUrl}${encodeURIComponent(window.location.href)}`;\n    return navigationUrl;\n  }\n\n  render() {\n    return (\n      <Host>\n        <pn-button href={this.nagivateToLoginUrl()}>{this.label}</pn-button>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n\n@import './pn-marketweb-siteheader-common.scss';\n\npn-marketweb-siteheader-login-links {\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\n\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialog } from './pn-marketweb-siteheader-types';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-links',\n  styleUrl: 'pn-marketweb-siteheader-login-links.scss',\n})\nexport class PnMarketwebSiteheaderLoginLinks {\n  @Element() hostElement: HTMLElement;\n\n  // Login dialog\n  @Prop({ mutable: true }) loginDialog: LoginDialog = null;\n  @Prop() idNamespace: string = '';\n  @Prop({ reflect: true }) loggedin: boolean = false;\n  @Prop() username: string = '';\n  @Prop() showUnifiedLogin: boolean = false;\n\n  componentWillLoad() {\n    this.init();\n  }\n\n  @Watch('loginDialog')\n  async init() {\n    this.adjustLoginLinks();\n  }\n  adjustLoginLinks() {\n    if (!this.loginDialog) {\n      return;\n    }\n\n    const adjustLink = (link, i) => {\n      if (!link.isLogoutLink) {\n        link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;\n      }\n      if (link.isLogoutLink) {\n        link.href = headerState.loginManager.getLogoutUrl(link.href);\n      }\n      link.href = link.href.replace('window.location.href', window.location.href);\n      if (i === 0 && !link.href) {\n        link.href = headerState.loginManager.getLoginUrl();\n        link.linkType = 'primary';\n      }\n      if (link.primaryLinkApperance && !link.linkType) {\n        link.linkType = 'primary';\n      }\n    };\n\n    if (this.loginDialog?.loginMenuLinks) {\n      this.loginDialog?.loginMenuLinks.forEach(adjustLink);\n    }\n    if (this.loginDialog?.loggedInLinks) {\n      this.loginDialog?.loggedInLinks.forEach(adjustLink);\n    }\n\n    this.loginDialog.legacyLoginLinks = [\n      {\n        href: headerState.loginManager.getLoginUrl(this.loginDialog.loginUrl),\n        linkText: this.loginDialog.loginLinkText,\n        openInNewWindow: false,\n        isLogoutLink: false,\n        pageLink: null,\n        linkType: 'primary',\n        primaryLinkApperance: true,\n      },\n      {\n        href: headerState.loginManager.getLoginUrl(this.loginDialog.registerUrl),\n        linkText: this.loginDialog.createLoginLinkText,\n        openInNewWindow: false,\n        isLogoutLink: false,\n        pageLink: null,\n        primaryLinkApperance: false,\n      },\n    ];\n  }\n\n  render() {\n    if (!this.loginDialog) {\n      return;\n    }\n\n    let hostElementAttribute = {\n      username: null,\n      loggedin: false,\n    };\n    if (this.username) {\n      hostElementAttribute.username = this.username;\n      hostElementAttribute.loggedin = this.loggedin;\n    }\n    return (\n      <Host {...hostElementAttribute}>\n        {!this.loginDialog.overrideLoginMenu ? (\n          <div data-loggedin={this.loggedin + ''}>\n            {this.loggedin ? (\n              <pn-marketweb-siteheader-login-linklist links={this.loginDialog.loggedInLinks} idNamespace={this.idNamespace}></pn-marketweb-siteheader-login-linklist>\n            ) : (\n              <div>\n                {/* Get login links from API */}\n                {this.loginDialog.loginMenuLinks?.length > 0 ? (\n                  <pn-marketweb-siteheader-login-linklist\n                    heading={this.loginDialog.loginTitle}\n                    links={this.loginDialog.loginMenuLinks}\n                    idNamespace={this.idNamespace}\n                    showUnifiedLogin={this.showUnifiedLogin}\n                  ></pn-marketweb-siteheader-login-linklist>\n                ) : (\n                  <pn-marketweb-siteheader-login-linklist links={this.loginDialog.legacyLoginLinks} idNamespace={this.idNamespace}></pn-marketweb-siteheader-login-linklist>\n                )}\n              </div>\n            )}\n          </div>\n        ) : null}\n\n        {/* Override the default logic for some markets such as DK */}\n        {this.loginDialog.overrideLoginMenu ? (\n          <pn-marketweb-siteheader-login-linklist links={this.loginDialog.loginMenuLinks} idNamespace={this.idNamespace}></pn-marketweb-siteheader-login-linklist>\n        ) : null}\n      </Host>\n    );\n  }\n}\n","pn-marketweb-siteheader-login-mypage-button {\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-mypage-button',\n  styleUrl: 'pn-marketweb-siteheader-login-mypage-button.scss',\n})\nexport class PnMarketwebSiteheaderLoginMypageButton {\n  @Element() hostElement: HTMLElement;\n  @Prop() label: string = 'Mina sidor!';\n  @Prop() myPageUrl: string;\n\n  render() {\n    return (\n      <Host>\n        <pn-button href={this.myPageUrl}>{this.label}</pn-button>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n\n@import './pn-marketweb-siteheader-common.scss';\n\npn-marketweb-siteheader-login-profileselection {\n}\n\n.pn-marketweb-siteheader-login-profileselection-heading {\n  display: block;\n  padding: 0.5rem 0 1rem;\n}\n\n.pn-marketweb-siteheader-login-profileselection-user,\n.pn-marketweb-siteheader-login-profileselection-currentprofile {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n\n.pn-marketweb-siteheader-login-profileselection-user-name,\n.pn-marketweb-siteheader-login-profileselection-currentprofile-name {\n  line-height: 1;\n}\n\n.pn-marketweb-siteheader-login-profileselection-user-description,\n.pn-marketweb-siteheader-login-profileselection-currentprofile-description {\n  font-weight: 400;\n  white-space: normal;\n  word-break: break-all;\n  color: $gray700;\n  font-size: 0.75em;\n}\n\n.pn-marketweb-siteheader-login-profileselection-divider {\n  height: 1rem;\n  width: 100%;\n  background: $blue400;\n  position: relative;\n\n  margin-left: -1em; // Negative positioning due to nav dropdown's padding\n  margin-top: 1.6rem;\n  margin-bottom: 1.6rem;\n  border-radius: 0 0.6em 0.6em 0;\n  padding: 0;\n  &::after {\n    content: '';\n    width: 0.6em;\n    height: 0.6em;\n    border-radius: 50%;\n    position: absolute;\n    right: 0;\n    top: 0;\n    background: inherit;\n    transform: translateX(calc(100% + 0.2em));\n  }\n}\n\n.pn-marketweb-siteheader-login-profileselection-profileoption {\n}\n\n.pn-marketweb-siteheader-login-profileselection-profileoption-link {\n  display: flex;\n  background: $white;\n  transition: background 0.15s ease-in-out;\n  // width:100%;\n  margin: 0 -1em; // Negative margin due to dropdown content padding\n  padding: 0.6rem 1.6rem;\n  text-decoration: none;\n  color: $blue700;\n  align-items: center;\n  &:hover,\n  &:focus,\n  &:active {\n    background: $gray50;\n  }\n}\n\n.pn-marketweb-siteheader-login-profileselection-profileoption-content {\n  flex-grow: 1;\n}\n.pn-marketweb-siteheader-login-profileselection-profileoption-name {\n  font-weight: 700;\n}\n\n.pn-marketweb-siteheader-login-profileselection-profileoption-description {\n  font-weight: 400;\n  white-space: normal;\n  word-break: break-all;\n  color: $gray700;\n  font-size: 0.75em;\n}\n\n.pn-marketweb-siteheader-login-profileselection-logout {\n  padding: 1.6rem;\n  text-align: center;\n  width: 100%;\n}\n\n.pn-marketweb-siteheader-login-profileselection-logout-link {\n  display: inline-block;\n  font-weight: 500;\n  color: $blue700;\n  text-decoration: none;\n  &:hover,\n  &:focus,\n  &:active {\n    text-decoration: underline;\n  }\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\nimport { IUserInfo } from '../../../globals/MarketWebLoginManager';\nimport { state as headerState } from './pn-marketweb-siteheader-store';\nimport { LoginDialog, LoginDialogLink, ProfileSelectorCustomerItem, ProfileSelectorOrganization, SiteHeaderI18N } from './pn-marketweb-siteheader-types';\nimport { arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-login-profileselection',\n  styleUrl: 'pn-marketweb-siteheader-login-profileselection.scss',\n})\nexport class PnMarketwebSiteheaderLoginProfileselection {\n  @Element() hostElement: HTMLElement;\n\n  // Login dialog\n  @Prop({ mutable: true }) loginDialog: LoginDialog = null;\n  @Prop() endpoint: string = '';\n  @Prop() loggedin: boolean = false;\n  @Prop() idNamespace: string = '';\n  @Prop() heading: string = null;\n  @Prop() i18n: SiteHeaderI18N = {\n    searchlabel: '',\n    searchplaceholder: '',\n    searchbuttontext: '',\n    menuHomeButton: '',\n    menuGoBackButton: '',\n    mainMenuButton: '',\n    menuStartButton: '',\n    profileSelectionFlyoutHeading: '',\n  } as SiteHeaderI18N;\n\n  @State() user: IUserInfo = null;\n\n  @State() logoutLink: LoginDialogLink = null;\n  @State() userName: string = null;\n  @State() userEmail: string = '';\n\n  @Prop({ mutable: true }) currentProfile: ProfileSelectorCustomerItem = null;\n  @Prop({ mutable: true }) profileoptions: ProfileSelectorOrganization[] = [];\n\n  componentWillLoad() {\n    if (this.heading === null && this.i18n?.profileSelectionFlyoutHeading) {\n      this.heading = this.i18n.profileSelectionFlyoutHeading;\n    }\n    this.init();\n  }\n\n  init() {\n    this.updateUserInfo();\n    this.adjustLoginLinks();\n    this.fetchProfiles();\n  }\n  async fetchProfiles() {\n    if (!this.loggedin || this.profileoptions.length > 0) {\n      return;\n    }\n    let apiUrl = `${this.endpoint}${this.endpoint.lastIndexOf('/') > -1 && this.endpoint.lastIndexOf('/') === this.endpoint.length - 1 ? '' : '/'}api/user/parentorganizations`;\n    const req = await fetch(apiUrl);\n    const reqdata = await req.json();\n    const fallbackData = {\n      loggedin: true,\n      organizations: [\n        {\n          name: 'Forsheda Livs AB',\n          customerNumber: '5564513603',\n          id: 'dbba867d-1dff-3dbb-b420-c57b4b828b73',\n          selected: true,\n          profiles: [\n            {\n              name: 'Forsheda Livs AB',\n              customerNumber: '20685482',\n              id: 'f757ba28-9a73-15a2-f128-4b394d970f3f',\n              ssid: '',\n              selected: false,\n              customerGroup: 'Business',\n            },\n            {\n              name: 'ICA MAXI KUNGSBACKA',\n              customerNumber: '20831191',\n              id: '5aea41df-32b0-3f7e-2946-78598360177d',\n              ssid: '259686',\n              selected: true,\n              customerGroup: 'Agent',\n            },\n          ],\n        },\n        {\n          name: 'Hem Livs i Kungsbacka AB',\n          customerNumber: '5565271250',\n          id: '97ca363c-40ef-cca9-7a3c-9e7f025567c2',\n          selected: false,\n          profiles: [\n            {\n              name: 'ICA KVANTUM KUNGSBACKA',\n              customerNumber: '20831193',\n              id: 'fbd61ffd-41c6-2206-b88e-cfef91e1dc39',\n              ssid: '259691',\n              selected: false,\n              customerGroup: 'Agent',\n            },\n          ],\n        },\n        {\n          name: 'ICA SUPERMARKET TORGET',\n          customerNumber: '5568902679',\n          id: '7cb76a94-e1a5-5f57-58fd-bc563851b28e',\n          selected: false,\n          profiles: [\n            {\n              name: 'ICA SUPERMARKET TORGET',\n              customerNumber: '20831212',\n              id: '3a2db017-b68f-6fa0-fe70-542c08cd97ce',\n              ssid: '',\n              selected: false,\n              customerGroup: 'Agent',\n            },\n          ],\n        },\n      ],\n    };\n    const data = window.location.href.indexOf('localhost:6008') !== -1 ? fallbackData : reqdata;\n\n    if (!data || !data.organizations || !data.organizations.length) {\n      return;\n    }\n\n    (data.organizations as ProfileSelectorOrganization[]).forEach(org => {\n      if (org.selected === true && org.profiles) {\n        const selectedProfile = org.profiles.filter(x => x.selected === true);\n        if (selectedProfile && selectedProfile[0] && selectedProfile[0].customerGroup.toLocaleLowerCase() === 'agent' && selectedProfile[0].ssid) {\n          org.customerNumber = selectedProfile[0].ssid;\n        }\n      } else {\n        if (org.customerNumber.length === 10 && org.customerNumber.substring(0, 2) === '55') {\n          org.customerNumber = org.customerNumber.substring(0, 6) + '-' + org.customerNumber.substring(6);\n        }\n        this.profileoptions.push(org);\n      }\n    });\n\n    let currentProfileObj = data.organizations.filter(x => x.selected === true)[0];\n    const userProfileOption = {\n      name: this.userName,\n      customerNumber: '',\n      id: '',\n      selected: !currentProfileObj,\n      profiles: [],\n    };\n    if (!currentProfileObj) {\n      currentProfileObj = userProfileOption;\n    }\n\n    if (currentProfileObj && currentProfileObj.name) {\n      this.currentProfile = currentProfileObj;\n    }\n    this.profileoptions.push(userProfileOption);\n  }\n  adjustLoginLinks() {\n    const adjustLink = (link, i) => {\n      if (!link.isLogoutLink) {\n        link.isLogoutLink = link.pageLink.indexOf('location.href') !== -1 && link.pageLink.indexOf('logout') !== -1;\n      }\n      if (link.isLogoutLink) {\n        link.href = headerState.loginManager.getLogoutUrl(link.href);\n      }\n\n      if (i === 0 && !link.href) {\n        link.href = headerState.loginManager.getLoginUrl();\n        link.linkType = 'primary';\n      }\n      if (link.primaryLinkApperance && !link.linkType) {\n        link.linkType = 'primary';\n      }\n    };\n\n    if (this.loginDialog?.loggedInLinks) {\n      this.loginDialog?.loggedInLinks.forEach(adjustLink);\n    }\n\n    this.logoutLink = this.loginDialog?.loggedInLinks.filter(x => x.isLogoutLink)[0] ?? null;\n  }\n  updateUserInfo() {\n    const userInfo: IUserInfo = headerState.loginManager.getUserInfo();\n    this.user = userInfo;\n    if (!userInfo) {\n      return;\n    }\n    if (userInfo && userInfo.email) {\n      this.userEmail = userInfo.email;\n    }\n    if (userInfo && userInfo.given_name) {\n      this.userName = userInfo.given_name + (userInfo?.family_name ? ` ${userInfo?.family_name}` : '');\n    }\n    if (userInfo && userInfo.given_name) {\n      this.userName = userInfo.given_name;\n      return;\n    }\n    if (userInfo && userInfo.family_name) {\n      this.userName = userInfo.family_name;\n      return;\n    }\n    if (userInfo && userInfo.username) {\n      this.userName = userInfo.username;\n      return;\n    }\n  }\n\n  filterLogoutLink(loggedInLinks: LoginDialogLink[]): LoginDialogLink[] {\n    return loggedInLinks.filter((link: LoginDialogLink) => !link.isLogoutLink);\n  }\n\n  render() {\n    if (!this.loginDialog) {\n      return;\n    }\n\n    let hostElementAttribute = {};\n    return (\n      <Host {...hostElementAttribute}>\n        {this.heading ? <strong class=\"pn-marketweb-siteheader-login-profileselection-heading\">{this.heading}</strong> : null}\n        {this.currentProfile !== null && this.currentProfile.name ? (\n          <div class=\"pn-marketweb-siteheader-login-profileselection-currentprofile\">\n            <div class=\"pn-marketweb-siteheader-login-profileselection-currentprofile-name\">{this.currentProfile.name}</div>\n            <div class=\"pn-marketweb-siteheader-login-profileselection-currentprofile-description\">\n              {this.currentProfile.customerNumber ? this.currentProfile.customerNumber : this.userEmail}\n            </div>\n          </div>\n        ) : null}\n\n        <pn-marketweb-siteheader-login-linklist\n          links={this.filterLogoutLink(this.loginDialog.loggedInLinks)}\n          idNamespace={this.idNamespace}\n        ></pn-marketweb-siteheader-login-linklist>\n\n        <div class=\"pn-marketweb-siteheader-login-profileselection-divider\"></div>\n        {this.profileoptions\n          .filter(x => x.selected !== true)\n          .map(organization => {\n            let customerNumber = organization.profiles.length > 0 ? organization.profiles[0].customerNumber : organization.customerNumber;\n            return (\n              <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption\">\n                {/* /api/user/setprofile? profile=xxxxx */}\n                <a\n                  href={`${this.endpoint}/api/user/setprofile?customernumber=${customerNumber}&returnUrl=${encodeURIComponent(window.location.href)}`}\n                  class=\"pn-marketweb-siteheader-login-profileselection-profileoption-link\"\n                >\n                  <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption-content\">\n                    <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption-name\">{organization.name}</div>\n                    <div class=\"pn-marketweb-siteheader-login-profileselection-profileoption-description\">\n                      {organization.customerNumber ? organization.customerNumber : this.userEmail}\n                    </div>\n                  </div>\n                  <pn-icon icon={arrow_right} small=\"false\" color=\"blue700\"></pn-icon>\n                </a>\n              </div>\n            );\n          })}\n\n        {this.logoutLink ? (\n          <div class=\"pn-marketweb-siteheader-login-profileselection-logout\">\n            {/* https://se-inte.postnord.com/UnifiedLogin/ExternalLoginCallback?returnUrl=https://se-inte.postnord.com/handla-online&profile=770e785b-702b-dc22-b1e9-4839eded4f83 */}\n            <a\n              href={this.logoutLink.href}\n              rel=\"nofollower noopener\"\n              id=\"pn-marketweb-header-logoutlink\"\n              onClick={() => headerState.loginManager.clearUserData()}\n              class=\"pn-marketweb-siteheader-login-profileselection-logout-link\"\n            >\n              {this.logoutLink.linkText}\n            </a>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n",null,"import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'pn-marketweb-siteheader-unified-login',\n  styleUrl: 'pn-marketweb-siteheader-unified-login.scss',\n})\nexport class PnMarketwebSiteheaderUnifiedLogin {\n  @Element() hostElement: HTMLElement;\n  @Prop() loggedIn: boolean = false;\n  @Prop() myPageLabel: string;\n  @Prop() myPageUrl: string;\n  @Prop() logInLabel: string;\n  @Prop() useMarketwebLogin: boolean;\n  @Prop() environment: string;\n\n  render() {\n    return (\n      <Host>\n        {this.loggedIn ? (\n          <pn-marketweb-siteheader-login-mypage-button label={this.myPageLabel} myPageUrl={this.myPageUrl} />\n        ) : (\n          <pn-marketweb-siteheader-login-button \n              label={this.logInLabel} \n              useMarketwebLogin={this.useMarketwebLogin} \n              environment={this.environment}\n              />\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pn-market-web-components/p-24086c59.entry.js

@@ -0,0 +1,2 @@
+import{r as t,g as c,h as a,d as o}from"./p-bb1c965e.js";const n="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-cta-block{display:flex;justify-content:center}pn-cta-block .cta-block{display:flex;justify-content:space-between;flex-direction:column;border-radius:2.4rem;padding:3.2rem 2.4rem;width:100%}@media screen and (min-width: 768px){pn-cta-block .cta-block{flex-direction:row;padding:2.4rem}}@media screen and (min-width: 1140px){pn-cta-block .cta-block{margin-right:auto;margin-left:auto;max-width:95%}}@media screen and (min-width: 1440px){pn-cta-block .cta-block{max-width:90%}}pn-cta-block .cta-block[pn-background-color=blue25]{background-color:#effbff}pn-cta-block .cta-block[pn-background-color=coral50]{background-color:#fdefee}pn-cta-block .cta-block[pn-background-color=gray25]{background-color:#f9f8f8}pn-cta-block .cta-block[pn-background-color=green25]{background-color:#edfbf3}pn-cta-block .cta-block[pn-background-color=transparent]{padding:0 3.2rem}pn-cta-block .cta-block--content-top .cta-block__content{justify-content:flex-start}@media screen and (min-width: 768px){pn-cta-block .cta-block--large .cta-block__heading{font-size:3.6rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block--large .cta-block__text{font-size:2rem}}pn-cta-block .cta-block--small{width:auto}@media screen and (min-width: 992px){pn-cta-block .cta-block--small{display:inline-flex;max-width:75%}pn-cta-block .cta-block--small.cta-block--center{max-width:66%}}pn-cta-block .cta-block--center{align-items:center;flex-direction:column;gap:1.6rem;text-align:center}@media screen and (min-width: 768px){pn-cta-block .cta-block--center{gap:2.4rem;padding:3.2rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block--center .cta-block__content{max-width:74rem;padding:0}}pn-cta-block .cta-block--center .cta-block__action{margin-top:0.8rem}pn-cta-block .cta-block--center .cta-block__action>[slot=cta-button]{gap:0.8rem}@media screen and (min-width: 768px){pn-cta-block .cta-block--center .cta-block__action{flex-direction:row;gap:2.4rem;margin-top:1.6rem}pn-cta-block .cta-block--center .cta-block__action.cta-block__button{margin-bottom:0}pn-cta-block .cta-block--center .cta-block__action>[slot=cta-buttons]{flex-direction:row;align-items:center;gap:2.4rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block--center .cta-block__image-wrapper{display:block}}pn-cta-block .cta-block--center .cta-block__image-wrapper>[slot=illustration]{padding-right:0}pn-cta-block .cta-block--center .cta-block__text{margin-bottom:0 !important}pn-cta-block .cta-block__image-wrapper{margin-bottom:1.6rem}pn-cta-block .cta-block__image-wrapper>[slot=illustration]>picture>img{border-radius:0.8rem;max-width:100%}@media screen and (min-width: 768px){pn-cta-block .cta-block__image-wrapper{display:none;max-width:20%}}@media screen and (min-width: 992px){pn-cta-block .cta-block__image-wrapper{display:block;margin-bottom:0}pn-cta-block .cta-block__image-wrapper>[slot=illustration]{padding-right:3.2rem}}pn-cta-block .cta-block__content{display:flex;flex:1;flex-direction:column;justify-content:center}@media screen and (min-width: 768px){pn-cta-block .cta-block__content{padding-right:2.4rem}}@media screen and (min-width: 768px){pn-cta-block .cta-block__content .cta-block__heading,pn-cta-block .cta-block__content .cta-block__text{max-width:74rem;text-wrap:balance}}pn-cta-block .cta-block__content .cta-block__text{margin-bottom:2.4rem}@media screen and (min-width: 768px){pn-cta-block .cta-block__content .cta-block__text{margin-bottom:0}}pn-cta-block .cta-block__heading{margin-bottom:0.8rem}pn-cta-block .cta-block__action{display:flex}pn-cta-block .cta-block__action>[slot=cta-buttons]{display:flex;flex-direction:column;row-gap:1.6rem;flex:1}@media screen and (min-width: 768px){pn-cta-block .cta-block__action>[slot=cta-buttons]{align-items:flex-end;justify-content:center;gap:1.6rem;margin-top:0}}pn-cta-block .cta-block__action>[slot=cta-buttons]>a{color:#005d92;font-weight:500;font-size:1.6rem;padding:0.1rem;text-decoration:none}pn-cta-block .cta-block__action>[slot=cta-buttons]>a pn-icon svg{transition:transform 0.3s ease-in-out}pn-cta-block .cta-block__action>[slot=cta-buttons]>a pn-icon svg path{fill:#005d92}pn-cta-block .cta-block__action>[slot=cta-buttons]>a:hover{color:#0d234b;text-decoration:underline}pn-cta-block .cta-block__action>[slot=cta-buttons]>a:hover pn-icon svg{transition:transform 0.3s ease-in-out;transform:translateX(0.3rem)}pn-cta-block .cta-block__action>[slot=cta-buttons]>a:hover pn-icon svg path{fill:#0d234b}";const e=n;const l=class{constructor(c){t(this,c);this.heading=null;this.bodyText=null;this.pnBackgroundColor=null;this.isLarge=false;this.isCentered=false;this.isSmall=false;this.contentTop=false}get hostElement(){return c(this)}render(){const t=this.hostElement.querySelector('[slot="illustration"]');const c=this.hostElement.querySelector('[slot="cta-buttons"]');return a(o,{key:"cd97d60c2c61e127f2e4deacab39fb7f773694ea"},a("div",{key:"b01ea2ef995dae9d741d1da0f5119ab612ade54a","pn-background-color":this.pnBackgroundColor,class:`cta-block ${this.isLarge?"cta-block--large":""}  ${this.isCentered?"cta-block--center":""}  ${this.isSmall?"cta-block--small":""} ${this.contentTop?"cta-block--content-top":""}`},t?a("div",{class:"cta-block__image-wrapper"},a("slot",{name:"illustration"})):null,a("div",{key:"2b94493d618cabd0205e5cecfd105cec3a695528",class:"cta-block__content"},this.heading?a("h2",{class:"cta-block__heading"},this.heading):null,this.bodyText?a("p",{class:"cta-block__text"},this.bodyText):null),c?a("div",{class:"cta-block__action"},a("slot",{name:"cta-buttons"})):null))}};l.style=e;export{l as pn_cta_block};
+//# sourceMappingURL=p-24086c59.entry.js.map

package/dist/pn-market-web-components/{p-7b7629c5.entry.js.map → p-24086c59.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnCtaBlockCss","PnCtaBlockStyle0","PnCtaBlock","render","hasImage","this","hostElement","querySelector","hasButtons","h","Host","key","pnBackgroundColor","class","isLarge","isCentered","isSmall","contentTop","name","heading","bodyText"],"sources":["src/components/cta/pn-cta-block/pn-cta-block.scss?tag=pn-cta-block","src/components/cta/pn-cta-block/pn-cta-block.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-cta-block {\n  display: flex;\n  justify-content: center;\n\n  .cta-block {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: column;\n    border-radius: 2.4rem;\n    padding: 3.2rem 2.4rem;\n    width: 100%;\n\n    @media screen and (min-width: $min-width-md) {\n      flex-direction: row;\n      padding: 2.4rem;\n    }\n\n    @media screen and (min-width: $max-width-xl) {\n      margin-right: auto;\n      margin-left: auto;\n      max-width: 95%;\n    }\n\n    @media screen and (min-width: $max-width-xxl) {\n      max-width: 90%;\n    }\n\n    &[pn-background-color='blue25'] {\n      background-color: $blue25;\n    }\n\n    &[pn-background-color='coral50'] {\n      background-color: $coral50;\n    }\n\n    &[pn-background-color='gray25'] {\n      background-color: $gray25;\n    }\n\n    &[pn-background-color='green25'] {\n      background-color: $green25;\n    }\n\n    &[pn-background-color='transparent'] {\n      padding: 0 3.2rem;\n    }\n  }\n\n  .cta-block--content-top {\n    .cta-block__content {\n      justify-content: flex-start;\n    }\n  }\n\n  .cta-block--large {\n    .cta-block__heading {\n      @media screen and (min-width: $min-width-md) {\n        font-size: 3.6rem;\n      }\n    }\n\n    .cta-block__text {\n      @media screen and (min-width: $min-width-md) {\n        font-size: 2rem;\n      }\n    }\n  }\n\n  .cta-block--small {\n    width: auto;\n\n    @media screen and (min-width:$min-width-lg) {\n      display: inline-flex;\n      max-width: 75%;\n\n      &.cta-block--center {\n        max-width: 66%;\n      }\n    }\n  }\n\n  .cta-block--center {\n    align-items: center;\n    flex-direction: column;\n    gap: 1.6rem;\n    text-align: center;\n\n    @media screen and (min-width:$min-width-md) {\n      gap: 2.4rem;\n      padding: 3.2rem;\n    }\n\n    .cta-block__content {\n      @media screen and (min-width: $min-width-md) {\n        max-width: 74rem;\n        padding: 0;\n      }\n    }\n\n    .cta-block__action {\n      margin-top: 0.8rem;\n\n      &>[slot='cta-button'] {\n        gap: 0.8rem;\n      }\n\n      @media screen and (min-width: $min-width-md) {\n        flex-direction: row;\n        gap: 2.4rem;\n        margin-top: 1.6rem;\n\n        &.cta-block__button {\n          margin-bottom: 0;\n        }\n\n        &>[slot='cta-buttons'] {\n          flex-direction: row;\n          align-items: center;\n          gap: 2.4rem;\n        }\n      }\n    }\n\n    .cta-block__image-wrapper {\n      @media screen and (min-width: $min-width-md) {\n        display: block;\n      }\n\n      & > [slot='illustration'] {\n        padding-right: 0;\n      }\n    }\n\n    .cta-block__text {\n      margin-bottom: 0 !important;\n    }\n  }\n\n  .cta-block__image-wrapper {\n    margin-bottom: 1.6rem;\n\n    &>[slot='illustration'] {\n      &>picture>img {\n        border-radius: 0.8rem;\n        max-width: 100%;\n      }\n    }\n\n    @media screen and (min-width:$min-width-md) {\n      display: none;\n      max-width: 20%;\n    }\n\n    @media screen and (min-width: $min-width-lg) {\n      display: block;\n      margin-bottom: 0;\n\n      & > [slot='illustration'] {\n        padding-right: 3.2rem;\n      }\n    }\n  }\n\n  .cta-block__content {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    justify-content: center;\n\n    @media screen and (min-width: $min-width-md) {\n      padding-right: 2.4rem;\n    }\n\n    .cta-block__heading,\n    .cta-block__text {\n      @media screen and (min-width: $min-width-md) {\n        max-width: 74rem;\n        text-wrap: balance;\n      }\n    }\n\n    .cta-block__text {\n      margin-bottom: 2.4rem;\n\n      @media screen and (min-width: $min-width-md) {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .cta-block__heading {\n    margin-bottom: 0.8rem;\n  }\n\n  .cta-block__action {\n    display: flex;\n\n    &>[slot='cta-buttons'] {\n      display: flex;\n      flex-direction: column;\n      row-gap: 1.6rem;\n      flex: 1;\n\n      @media screen and (min-width:$min-width-md) {\n        align-items: flex-end;\n        justify-content: center;\n        gap: 1.6rem;\n        margin-top: 0;\n      }\n\n      & > a {\n        color: $blue700;\n        font-weight: 500;\n        font-size: 1.6rem;\n        padding: 0.1rem;\n        text-decoration: none;\n\n        pn-icon svg {\n          transition: transform 0.3s ease-in-out;\n\n          path {\n            fill: $blue700;\n          }\n        }\n\n        &:hover {\n          color: $blue900;\n          text-decoration: underline;\n          \n          pn-icon svg {\n            transition: transform 0.3s ease-in-out;\n            transform: translateX(0.3rem);\n\n            path {\n              fill: $blue900;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","import { Component, Host, Prop, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'pn-cta-block',\n  styleUrl: 'pn-cta-block.scss',\n})\nexport class PnCtaBlock {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() heading: string = null;\n  @Prop() bodyText: string = null;\n\n  @Prop() pnBackgroundColor: string = null;\n\n  @Prop() isLarge: boolean = false;\n  @Prop() isCentered: boolean = false;\n  @Prop() isSmall: boolean = false;\n  @Prop() contentTop: boolean = false;\n\n  render() {\n    const hasImage = this.hostElement.querySelector('[slot=\"illustration\"]');\n    const hasButtons = this.hostElement.querySelector('[slot=\"cta-buttons\"]');\n    return (\n      <Host>\n        <div pn-background-color={this.pnBackgroundColor} class={`cta-block ${this.isLarge ? 'cta-block--large' : ''}  ${this.isCentered ? 'cta-block--center' : ''}  ${(this.isSmall ? 'cta-block--small' : '')} ${this.contentTop ? 'cta-block--content-top' : ''}`}>\n          {(hasImage ?\n            <div class=\"cta-block__image-wrapper\">\n              <slot name=\"illustration\" />\n            </div> : null\n          )}\n          <div class=\"cta-block__content\">\n            {(this.heading) ? <h2 class=\"cta-block__heading\">{this.heading}</h2> : null}\n            {(this.bodyText) ? <p class=\"cta-block__text\">{this.bodyText}</p> : null}\n          </div>\n          {(hasButtons ?\n            <div class=\"cta-block__action\">\n              <slot name=\"cta-buttons\" />\n            </div> : null\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAgB,iwJACtB,MAAAC,EAAeD,E,MCKFE,EAAU,M,sCAGK,K,cACC,K,uBAES,K,aAET,M,gBACG,M,aACH,M,gBACG,K,kCAE9B,MAAAC,GACE,MAAMC,EAAWC,KAAKC,YAAYC,cAAc,yBAChD,MAAMC,EAAaH,KAAKC,YAAYC,cAAc,wBAClD,OACEE,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,iEAA0BN,KAAKO,kBAAmBC,MAAO,aAAaR,KAAKS,QAAU,mBAAqB,OAAOT,KAAKU,WAAa,oBAAsB,OAAQV,KAAKW,QAAU,mBAAqB,MAAOX,KAAKY,WAAa,yBAA2B,MACrPb,EACAK,EAAA,OAAKI,MAAM,4BACTJ,EAAA,QAAMS,KAAK,kBACJ,KAEXT,EAAA,OAAAE,IAAA,2CAAKE,MAAM,sBACPR,KAAY,QAAII,EAAA,MAAII,MAAM,sBAAsBR,KAAKc,SAAgB,KACrEd,KAAa,SAAII,EAAA,KAAGI,MAAM,mBAAmBR,KAAKe,UAAgB,MAEpEZ,EACAC,EAAA,OAAKI,MAAM,qBACTJ,EAAA,QAAMS,KAAK,iBACJ,M","ignoreList":[]}
+{"version":3,"names":["pnCtaBlockCss","PnCtaBlockStyle0","PnCtaBlock","render","hasImage","this","hostElement","querySelector","hasButtons","h","Host","key","pnBackgroundColor","class","isLarge","isCentered","isSmall","contentTop","name","heading","bodyText"],"sources":["src/components/cta/pn-cta-block/pn-cta-block.scss?tag=pn-cta-block","src/components/cta/pn-cta-block/pn-cta-block.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-cta-block {\n  display: flex;\n  justify-content: center;\n\n  .cta-block {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: column;\n    border-radius: 2.4rem;\n    padding: 3.2rem 2.4rem;\n    width: 100%;\n\n    @media screen and (min-width: $min-width-md) {\n      flex-direction: row;\n      padding: 2.4rem;\n    }\n\n    @media screen and (min-width: $max-width-xl) {\n      margin-right: auto;\n      margin-left: auto;\n      max-width: 95%;\n    }\n\n    @media screen and (min-width: $max-width-xxl) {\n      max-width: 90%;\n    }\n\n    &[pn-background-color='blue25'] {\n      background-color: $blue25;\n    }\n\n    &[pn-background-color='coral50'] {\n      background-color: $coral50;\n    }\n\n    &[pn-background-color='gray25'] {\n      background-color: $gray25;\n    }\n\n    &[pn-background-color='green25'] {\n      background-color: $green25;\n    }\n\n    &[pn-background-color='transparent'] {\n      padding: 0 3.2rem;\n    }\n  }\n\n  .cta-block--content-top {\n    .cta-block__content {\n      justify-content: flex-start;\n    }\n  }\n\n  .cta-block--large {\n    .cta-block__heading {\n      @media screen and (min-width: $min-width-md) {\n        font-size: 3.6rem;\n      }\n    }\n\n    .cta-block__text {\n      @media screen and (min-width: $min-width-md) {\n        font-size: 2rem;\n      }\n    }\n  }\n\n  .cta-block--small {\n    width: auto;\n\n    @media screen and (min-width:$min-width-lg) {\n      display: inline-flex;\n      max-width: 75%;\n\n      &.cta-block--center {\n        max-width: 66%;\n      }\n    }\n  }\n\n  .cta-block--center {\n    align-items: center;\n    flex-direction: column;\n    gap: 1.6rem;\n    text-align: center;\n\n    @media screen and (min-width:$min-width-md) {\n      gap: 2.4rem;\n      padding: 3.2rem;\n    }\n\n    .cta-block__content {\n      @media screen and (min-width: $min-width-md) {\n        max-width: 74rem;\n        padding: 0;\n      }\n    }\n\n    .cta-block__action {\n      margin-top: 0.8rem;\n\n      &>[slot='cta-button'] {\n        gap: 0.8rem;\n      }\n\n      @media screen and (min-width: $min-width-md) {\n        flex-direction: row;\n        gap: 2.4rem;\n        margin-top: 1.6rem;\n\n        &.cta-block__button {\n          margin-bottom: 0;\n        }\n\n        &>[slot='cta-buttons'] {\n          flex-direction: row;\n          align-items: center;\n          gap: 2.4rem;\n        }\n      }\n    }\n\n    .cta-block__image-wrapper {\n      @media screen and (min-width: $min-width-md) {\n        display: block;\n      }\n\n      & > [slot='illustration'] {\n        padding-right: 0;\n      }\n    }\n\n    .cta-block__text {\n      margin-bottom: 0 !important;\n    }\n  }\n\n  .cta-block__image-wrapper {\n    margin-bottom: 1.6rem;\n\n    &>[slot='illustration'] {\n      &>picture>img {\n        border-radius: 0.8rem;\n        max-width: 100%;\n      }\n    }\n\n    @media screen and (min-width:$min-width-md) {\n      display: none;\n      max-width: 20%;\n    }\n\n    @media screen and (min-width: $min-width-lg) {\n      display: block;\n      margin-bottom: 0;\n\n      & > [slot='illustration'] {\n        padding-right: 3.2rem;\n      }\n    }\n  }\n\n  .cta-block__content {\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    justify-content: center;\n\n    @media screen and (min-width: $min-width-md) {\n      padding-right: 2.4rem;\n    }\n\n    .cta-block__heading,\n    .cta-block__text {\n      @media screen and (min-width: $min-width-md) {\n        max-width: 74rem;\n        text-wrap: balance;\n      }\n    }\n\n    .cta-block__text {\n      margin-bottom: 2.4rem;\n\n      @media screen and (min-width: $min-width-md) {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  .cta-block__heading {\n    margin-bottom: 0.8rem;\n  }\n\n  .cta-block__action {\n    display: flex;\n\n    &>[slot='cta-buttons'] {\n      display: flex;\n      flex-direction: column;\n      row-gap: 1.6rem;\n      flex: 1;\n\n      @media screen and (min-width:$min-width-md) {\n        align-items: flex-end;\n        justify-content: center;\n        gap: 1.6rem;\n        margin-top: 0;\n      }\n\n      & > a {\n        color: $blue700;\n        font-weight: 500;\n        font-size: 1.6rem;\n        padding: 0.1rem;\n        text-decoration: none;\n\n        pn-icon svg {\n          transition: transform 0.3s ease-in-out;\n\n          path {\n            fill: $blue700;\n          }\n        }\n\n        &:hover {\n          color: $blue900;\n          text-decoration: underline;\n          \n          pn-icon svg {\n            transition: transform 0.3s ease-in-out;\n            transform: translateX(0.3rem);\n\n            path {\n              fill: $blue900;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n","import { Component, Host, Prop, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'pn-cta-block',\n  styleUrl: 'pn-cta-block.scss',\n})\nexport class PnCtaBlock {\n  @Element() hostElement: HTMLElement;\n\n  @Prop() heading: string = null;\n  @Prop() bodyText: string = null;\n\n  @Prop() pnBackgroundColor: string = null;\n\n  @Prop() isLarge: boolean = false;\n  @Prop() isCentered: boolean = false;\n  @Prop() isSmall: boolean = false;\n  @Prop() contentTop: boolean = false;\n\n  render() {\n    const hasImage = this.hostElement.querySelector('[slot=\"illustration\"]');\n    const hasButtons = this.hostElement.querySelector('[slot=\"cta-buttons\"]');\n    return (\n      <Host>\n        <div pn-background-color={this.pnBackgroundColor} class={`cta-block ${this.isLarge ? 'cta-block--large' : ''}  ${this.isCentered ? 'cta-block--center' : ''}  ${(this.isSmall ? 'cta-block--small' : '')} ${this.contentTop ? 'cta-block--content-top' : ''}`}>\n          {(hasImage ?\n            <div class=\"cta-block__image-wrapper\">\n              <slot name=\"illustration\" />\n            </div> : null\n          )}\n          <div class=\"cta-block__content\">\n            {(this.heading) ? <h2 class=\"cta-block__heading\">{this.heading}</h2> : null}\n            {(this.bodyText) ? <p class=\"cta-block__text\">{this.bodyText}</p> : null}\n          </div>\n          {(hasButtons ?\n            <div class=\"cta-block__action\">\n              <slot name=\"cta-buttons\" />\n            </div> : null\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAgB,w7IACtB,MAAAC,EAAeD,E,MCKFE,EAAU,M,sCAGK,K,cACC,K,uBAES,K,aAET,M,gBACG,M,aACH,M,gBACG,K,kCAE9B,MAAAC,GACE,MAAMC,EAAWC,KAAKC,YAAYC,cAAc,yBAChD,MAAMC,EAAaH,KAAKC,YAAYC,cAAc,wBAClD,OACEE,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,iEAA0BN,KAAKO,kBAAmBC,MAAO,aAAaR,KAAKS,QAAU,mBAAqB,OAAOT,KAAKU,WAAa,oBAAsB,OAAQV,KAAKW,QAAU,mBAAqB,MAAOX,KAAKY,WAAa,yBAA2B,MACrPb,EACAK,EAAA,OAAKI,MAAM,4BACTJ,EAAA,QAAMS,KAAK,kBACJ,KAEXT,EAAA,OAAAE,IAAA,2CAAKE,MAAM,sBACPR,KAAY,QAAII,EAAA,MAAII,MAAM,sBAAsBR,KAAKc,SAAgB,KACrEd,KAAa,SAAII,EAAA,KAAGI,MAAM,mBAAmBR,KAAKe,UAAgB,MAEpEZ,EACAC,EAAA,OAAKI,MAAM,qBACTJ,EAAA,QAAMS,KAAK,iBACJ,M","ignoreList":[]}

package/dist/pn-market-web-components/{p-8836de82.js → p-2509d18d.js}

@@ -1,2 +1,2 @@
-import{e as t,f as e}from"./p-82546a44.js";const n=(t,e,n)=>{const s=t.get(e);if(!s){t.set(e,[n])}else if(!s.includes(n)){s.push(n)}};const s=(t,e)=>{let n;return(...s)=>{if(n){clearTimeout(n)}n=setTimeout((()=>{n=0;t(...s)}),e)}};const o=t=>!("isConnected"in t)||t.isConnected;const r=s((t=>{for(let e of t.keys()){t.set(e,t.get(e).filter(o))}}),2e3);const c=()=>{if(typeof t!=="function"){return{}}const s=new Map;return{dispose:()=>s.clear(),get:e=>{const o=t();if(o){n(s,e,o)}},set:t=>{const n=s.get(t);if(n){s.set(t,n.filter(e))}r(s)},reset:()=>{s.forEach((t=>t.forEach(e)));r(s)}}};const i=t=>typeof t==="function"?t():t;const u=(t,e=((t,e)=>t!==e))=>{const n=i(t);let s=new Map(Object.entries(n!==null&&n!==void 0?n:{}));const o={dispose:[],get:[],set:[],reset:[]};const r=()=>{var e;s=new Map(Object.entries((e=i(t))!==null&&e!==void 0?e:{}));o.reset.forEach((t=>t()))};const c=()=>{o.dispose.forEach((t=>t()));r()};const u=t=>{o.get.forEach((e=>e(t)));return s.get(t)};const a=(t,n)=>{const r=s.get(t);if(e(n,r,t)){s.set(t,n);o.set.forEach((e=>e(t,n,r)))}};const p=typeof Proxy==="undefined"?{}:new Proxy(n,{get(t,e){return u(e)},ownKeys(t){return Array.from(s.keys())},getOwnPropertyDescriptor(){return{enumerable:true,configurable:true}},has(t,e){return s.has(e)},set(t,e,n){a(e,n);return true}});const l=(t,e)=>{o[t].push(e);return()=>{f(o[t],e)}};const d=(e,n)=>{const s=l("set",((t,s)=>{if(t===e){n(s)}}));const o=l("reset",(()=>n(i(t)[e])));return()=>{s();o()}};const g=(...t)=>{const e=t.reduce(((t,e)=>{if(e.set){t.push(l("set",e.set))}if(e.get){t.push(l("get",e.get))}if(e.reset){t.push(l("reset",e.reset))}if(e.dispose){t.push(l("dispose",e.dispose))}return t}),[]);return()=>e.forEach((t=>t()))};const y=t=>{const e=s.get(t);o.set.forEach((n=>n(t,e,e)))};return{state:p,get:u,set:a,on:l,onChange:d,use:g,dispose:c,reset:r,forceUpdate:y}};const f=(t,e)=>{const n=t.indexOf(e);if(n>=0){t[n]=t[t.length-1];t.length--}};const a=(t,e)=>{const n=u(t,e);n.use(c());return n};export{a as c};
-//# sourceMappingURL=p-8836de82.js.map
+import{e as t,f as e}from"./p-bb1c965e.js";const n=(t,e,n)=>{const s=t.get(e);if(!s){t.set(e,[n])}else if(!s.includes(n)){s.push(n)}};const s=(t,e)=>{let n;return(...s)=>{if(n){clearTimeout(n)}n=setTimeout((()=>{n=0;t(...s)}),e)}};const o=t=>!("isConnected"in t)||t.isConnected;const r=s((t=>{for(let e of t.keys()){t.set(e,t.get(e).filter(o))}}),2e3);const c=()=>{if(typeof t!=="function"){return{}}const s=new Map;return{dispose:()=>s.clear(),get:e=>{const o=t();if(o){n(s,e,o)}},set:t=>{const n=s.get(t);if(n){s.set(t,n.filter(e))}r(s)},reset:()=>{s.forEach((t=>t.forEach(e)));r(s)}}};const i=t=>typeof t==="function"?t():t;const u=(t,e=((t,e)=>t!==e))=>{const n=i(t);let s=new Map(Object.entries(n!==null&&n!==void 0?n:{}));const o={dispose:[],get:[],set:[],reset:[]};const r=()=>{var e;s=new Map(Object.entries((e=i(t))!==null&&e!==void 0?e:{}));o.reset.forEach((t=>t()))};const c=()=>{o.dispose.forEach((t=>t()));r()};const u=t=>{o.get.forEach((e=>e(t)));return s.get(t)};const p=(t,n)=>{const r=s.get(t);if(e(n,r,t)){s.set(t,n);o.set.forEach((e=>e(t,n,r)))}};const a=typeof Proxy==="undefined"?{}:new Proxy(n,{get(t,e){return u(e)},ownKeys(t){return Array.from(s.keys())},getOwnPropertyDescriptor(){return{enumerable:true,configurable:true}},has(t,e){return s.has(e)},set(t,e,n){p(e,n);return true}});const l=(t,e)=>{o[t].push(e);return()=>{f(o[t],e)}};const d=(e,n)=>{const s=l("set",((t,s)=>{if(t===e){n(s)}}));const o=l("reset",(()=>n(i(t)[e])));return()=>{s();o()}};const g=(...t)=>{const e=t.reduce(((t,e)=>{if(e.set){t.push(l("set",e.set))}if(e.get){t.push(l("get",e.get))}if(e.reset){t.push(l("reset",e.reset))}if(e.dispose){t.push(l("dispose",e.dispose))}return t}),[]);return()=>e.forEach((t=>t()))};const y=t=>{const e=s.get(t);o.set.forEach((n=>n(t,e,e)))};return{state:a,get:u,set:p,on:l,onChange:d,use:g,dispose:c,reset:r,forceUpdate:y}};const f=(t,e)=>{const n=t.indexOf(e);if(n>=0){t[n]=t[t.length-1];t.length--}};const p=(t,e)=>{const n=u(t,e);n.use(c());return n};export{p as c};
+//# sourceMappingURL=p-2509d18d.js.map

package/dist/pn-market-web-components/p-25d53df2.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,d as n}from"./p-bb1c965e.js";const o="pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-product-tile{margin-bottom:1em;border:0.1rem solid #d3cecb;outline:none;background:white;box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);display:flex;padding:1.5em;word-break:break-word;text-decoration:none;border-radius:0.8rem}pn-product-tile [slot=content] h3{display:flex;width:100%;justify-content:space-between;margin-bottom:0.5em}pn-product-tile>pn-illustration{min-width:8rem;width:8rem;height:8rem;margin-right:3rem;align-self:center}pn-product-tile .tilecontent{display:flex;flex-direction:row;justify-content:center;flex-grow:1}pn-product-tile .details{display:flex;flex-direction:column;justify-content:space-between;width:100%}pn-product-tile .info{display:flex;justify-content:space-between;flex-grow:1;max-width:66.6666666667%;flex-flow:wrap}pn-product-tile .info>*{min-width:6em;margin:0.2em 1em 0.2em 0}";const d=o;const c=class{constructor(t){e(this,t)}render(){return t(n,{key:"2e779ff732d7889af41b16b798ccecb066e99079"},t("slot",{key:"a6f6e2ac9a2fc0e80fc5ea5b814276c62a4bc720",name:"illustration"}),t("div",{key:"cf5485dd2de365f7a609917e82b38b7dc44db888",class:"tilecontent"},t("div",{key:"da9a01e6c21a20b524374fff9840473b7db5fc1d",class:"details"},t("slot",{key:"c2e0b122b0dedf7eb8fe79782f51c6bc93bbecc0",name:"content"}),t("div",{key:"ed2993024fa533c093326ee20fd1a5aedba1f6be",class:"info"},t("slot",{key:"d3d6d084a64ad599c39e03e201643c73e0fc649b"})),t("slot",{key:"13ec713f7663430c8af4e8f1c56685832856505d",name:"note"})),t("slot",{key:"33b0740de44a7d63c4fd2faf0822f331ea0b9fa2",name:"price"})))}};c.style=d;export{c as pn_product_tile};
+//# sourceMappingURL=p-25d53df2.entry.js.map

package/dist/pn-market-web-components/{p-72f57a04.entry.js.map → p-25d53df2.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["pnProductTileCss","PnProductTileStyle0","PnProductTile","render","h","Host","key","name","class"],"sources":["src/components/widgets/pn-product-tile/pn-product-tile.scss?tag=pn-product-tile","src/components/widgets/pn-product-tile/pn-product-tile.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-product-tile {\n  margin-bottom: 1em;\n  border: 0.1rem solid $gray200;\n  outline: none;\n  background: white;\n  box-shadow:\n    0px 0.6px 1.8px rgba(0, 0, 0, 0.1),\n    0px 3.2px 7.2px rgba(0, 0, 0, 0.13);\n  display: flex;\n\n  padding: 1.5em;\n  word-break: break-word;\n  text-decoration: none;\n  border-radius: 0.8rem;\n\n  [slot='content'] h3 {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    margin-bottom: 0.5em;\n  }\n  > pn-illustration {\n    min-width: 8rem;\n    width: 8rem;\n    height: 8rem;\n    margin-right: 3rem;\n    align-self: center;\n  }\n  .tilecontent {\n    display: flex;\n    // flex-wrap: wrap;\n    flex-direction: row;\n    //align-items: flex-start;\n    justify-content: center;\n    flex-grow: 1;\n  }\n\n  .details {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    width: 100%;\n    //align-items: center;\n  }\n  .info {\n    display: flex;\n    justify-content: space-between;\n    flex-grow: 1;\n    max-width: calc((100% / 3) * 2);\n    flex-flow: wrap;\n    > * {\n      min-width: 6em;\n      margin: 0.2em 1em 0.2em 0;\n    }\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pn-product-tile',\n  styleUrl: 'pn-product-tile.scss',\n})\nexport class PnProductTile {\n  render() {\n    return (\n      <Host>\n        <slot name=\"illustration\" />\n        <div class=\"tilecontent\">\n          <div class=\"details\">\n            <slot name=\"content\" />\n            <div class=\"info\">\n              <slot />\n            </div>\n            <slot name=\"note\" />\n          </div>\n          <slot name=\"price\" />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAmB,ovCACzB,MAAAC,EAAeD,E,MCKFE,EAAa,M,yBACxB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,iBACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,eACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACTJ,EAAA,QAAAE,IAAA,2CAAMC,KAAK,YACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QACTJ,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,UAEbH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,W","ignoreList":[]}
+{"version":3,"names":["pnProductTileCss","PnProductTileStyle0","PnProductTile","render","h","Host","key","name","class"],"sources":["src/components/widgets/pn-product-tile/pn-product-tile.scss?tag=pn-product-tile","src/components/widgets/pn-product-tile/pn-product-tile.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n\npn-product-tile {\n  margin-bottom: 1em;\n  border: 0.1rem solid $gray200;\n  outline: none;\n  background: white;\n  box-shadow:\n    0px 0.6px 1.8px rgba(0, 0, 0, 0.1),\n    0px 3.2px 7.2px rgba(0, 0, 0, 0.13);\n  display: flex;\n\n  padding: 1.5em;\n  word-break: break-word;\n  text-decoration: none;\n  border-radius: 0.8rem;\n\n  [slot='content'] h3 {\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    margin-bottom: 0.5em;\n  }\n  > pn-illustration {\n    min-width: 8rem;\n    width: 8rem;\n    height: 8rem;\n    margin-right: 3rem;\n    align-self: center;\n  }\n  .tilecontent {\n    display: flex;\n    // flex-wrap: wrap;\n    flex-direction: row;\n    //align-items: flex-start;\n    justify-content: center;\n    flex-grow: 1;\n  }\n\n  .details {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    width: 100%;\n    //align-items: center;\n  }\n  .info {\n    display: flex;\n    justify-content: space-between;\n    flex-grow: 1;\n    max-width: calc((100% / 3) * 2);\n    flex-flow: wrap;\n    > * {\n      min-width: 6em;\n      margin: 0.2em 1em 0.2em 0;\n    }\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pn-product-tile',\n  styleUrl: 'pn-product-tile.scss',\n})\nexport class PnProductTile {\n  render() {\n    return (\n      <Host>\n        <slot name=\"illustration\" />\n        <div class=\"tilecontent\">\n          <div class=\"details\">\n            <slot name=\"content\" />\n            <div class=\"info\">\n              <slot />\n            </div>\n            <slot name=\"note\" />\n          </div>\n          <slot name=\"price\" />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAmB,26BACzB,MAAAC,EAAeD,E,MCKFE,EAAa,M,yBACxB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,iBACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,eACTJ,EAAA,OAAAE,IAAA,2CAAKE,MAAM,WACTJ,EAAA,QAAAE,IAAA,2CAAMC,KAAK,YACXH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QACTJ,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CAAMC,KAAK,UAEbH,EAAA,QAAAE,IAAA,2CAAMC,KAAK,W","ignoreList":[]}

package/dist/pn-market-web-components/p-25dfc349.entry.js

@@ -0,0 +1,2 @@
+import{r as t,g as o,h as e,d as n}from"./p-bb1c965e.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 a=class{constructor(o){t(this,o);this.icon=null;this.color="green700"}get hostElement(){return o(this)}render(){return e(n,{key:"01ea9f33d75dac321884aae478532c4df23c2390"},e("slot",{key:"5d9e6425f8f1b1efd3661f99f4d7735af71f667e"}),this.icon?e("pn-icon",{icon:this.icon,small:"false",color:this.color}):null)}};a.style=r;export{a as pn_titletag};
+//# sourceMappingURL=p-25dfc349.entry.js.map

package/dist/pn-market-web-components/{p-84fc8e05.entry.js.map → p-25dfc349.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,uiCACtB,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":[]}
+{"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":[]}