@postnord/pn-marketweb-components 3.5.2 → 4.0.0

package/cjs/pn-parcel-tracker.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-34e1c673.js');
+const index = require('./index-b02670c2.js');
 const search = require('./search-3785cc26.js');
 
-const pnParcelTrackerCss = "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 pnParcelTrackerCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-spotlight .pn-spotlight__container: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 PnParcelTrackerStyle0 = pnParcelTrackerCss;
 
 const PnSpotlight = class {

package/cjs/pn-parcel-tracker.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"pn-parcel-tracker.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,kBAAkB,GAAG,q7CAAq7C,CAAC;AACj9C,8BAAe,kBAAkB;;MCMpB,WAAW;;;6BAEU,IAAI;uBACV,mBAAmB;2BACf,IAAI;sBACT,IAAI;2BACC,mBAAmB;yBACrB,YAAY;4BAEhB,MAAM,CAAC,UAAU;;;IAGzC,wBAAwB,CAAC,KAAU;QACjC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;KAC7C;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,uDACHD,kEAAK,KAAK,EAAC,8BAA8B,IACvCA,mEAAM,MAAM,EAAC,KAAK,EAAC,MAAM,EAAE,IAAI,CAAC,aAAa,IAC3CA,iEAAI,KAAK,EAAC,uCAAuC,IAAE,IAAI,CAAC,OAAO,CAAM,EACrEA,iFAAoB,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI,EAC3EA,wEAAW,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAEE,aAAM,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,GAAG,GAAG,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,IAC9F,IAAI,CAAC,YAAY,IAAI,GAAG,IAAI,IAAI,CAAC,WAAW,CACnC,CACP,CACH,CACD,EACP;KACH;;;;;;","names":["h","Host","search"],"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"],"version":3}
+{"file":"pn-parcel-tracker.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,kBAAkB,GAAG,8vDAA8vD,CAAC;AAC1xD,8BAAe,kBAAkB;;MCMpB,WAAW;;;6BAEU,IAAI;uBACV,mBAAmB;2BACf,IAAI;sBACT,IAAI;2BACC,mBAAmB;yBACrB,YAAY;4BAEhB,MAAM,CAAC,UAAU;;;IAGzC,wBAAwB,CAAC,KAAU;QACjC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC;KAC7C;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,uDACHD,kEAAK,KAAK,EAAC,8BAA8B,IACvCA,mEAAM,MAAM,EAAC,KAAK,EAAC,MAAM,EAAE,IAAI,CAAC,aAAa,IAC3CA,iEAAI,KAAK,EAAC,uCAAuC,IAAE,IAAI,CAAC,OAAO,CAAM,EACrEA,iFAAoB,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,GAAI,EAC3EA,wEAAW,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAEE,aAAM,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,GAAG,GAAG,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,IAC9F,IAAI,CAAC,YAAY,IAAI,GAAG,IAAI,IAAI,CAAC,WAAW,CACnC,CACP,CACH,CACD,EACP;KACH;;;;;;","names":["h","Host","search"],"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"],"version":3}

package/cjs/pn-pex-pricefinder.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-34e1c673.js');
+const index = require('./index-b02670c2.js');
 
 const translations = {
     sv: {
@@ -30,7 +30,7 @@ const translations = {
 const illustration = '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 120 120"><g clip-path="url(#PEX-truck_svg__a)"><path fill="#8EDDF9" d="M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60"/><path fill="#0D234B" fill-rule="evenodd" d="M-8 114.461c0-.311.253-.564.564-.564h278.872a.565.565 0 0 1 0 1.128H-7.436a.564.564 0 0 1-.564-.564" clip-rule="evenodd"/><path fill="#000" d="M95.087 114.912c6.804 0 12.319-5.515 12.319-12.319s-5.515-12.32-12.319-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.516 12.319 12.32 12.319"/><path fill="#D3CECB" d="M174.689 105.436H65.757V22h98.463c5.776 0 10.469 4.693 10.469 10.469z"/><path fill="#F3F2F2" d="M133.67 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h97.83v83.436z"/><path fill="#2D2013" d="M65.983 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h94.672z"/><path fill="#000" d="M233.486 106.429H21.264v-4.242a3.235 3.235 0 0 1 3.249-3.249h205.769a3.235 3.235 0 0 1 3.249 3.249v4.242z"/><path fill="#5E554A" fill-rule="evenodd" d="M30.56 88.763h-5.144v-1.128h5.144c1.906 0 3.316 1.715 3.316 3.632 0 1.968-1.415 3.633-3.316 3.633h-5.144v-1.128h5.144c1.167 0 2.188-1.043 2.188-2.505 0-1.422-1.026-2.504-2.188-2.504" clip-rule="evenodd"/><path fill="#00A0D6" d="M63.995 98.848 123.334 22h9.431L73.381 98.938z"/><path fill="#A7A6A6" d="m62.597 22 9.521.045 21.795 28.203-4.783 6.137zM97.706 67.486l4.647-6.092 28.925 37.454-9.295.09z"/><path fill="#000" d="M70.764 105.436H39.493v-3.43c0-8.618 6.994-15.658 15.658-15.658 8.619 0 15.658 6.995 15.658 15.658v3.43z"/><path fill="#000" d="M55.108 114.912c6.804 0 12.32-5.515 12.32-12.319s-5.516-12.32-12.32-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.515 12.319 12.32 12.319"/><path fill="#5E554A" d="M55.017 107.647a5.054 5.054 0 1 0 0-10.108 5.054 5.054 0 0 0 0 10.108"/><path fill="#fff" d="M58.583 58.595h-6.498v1.354h6.498z"/><path fill="#fff" d="M49.466 52.144v14.71h11.19v-1.353H51V53.497h9.386v-1.353zM36.154 66.854v-14.71h5.912c3.52 0 5.234 1.398 5.234 4.286 0 2.979-1.715 4.468-5.234 4.468h-3.294v-1.354h3.294c2.617 0 3.79-.948 3.79-3.068 0-2.076-1.173-2.979-3.79-2.979h-4.378v13.357z"/><path fill="#1798D5" d="m61.877 66.854 11.551-14.71h1.805l-11.506 14.71z"/><path fill="#fff" d="m61.605 52.099 1.85.045 4.241 5.37-.902 1.173zM68.42 60.808l.902-1.128 5.64 7.175h-1.805zM60.522 70.735c0 .586-.406.993-.948.993-.36 0-.496-.18-.496-.18l-.045-.046v.722h-.677v-2.437h.677v.226l.045-.045s.18-.226.587-.226c.496-.045.857.361.857.993m-.722 0c0-.27-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406s.406-.18.406-.406m3.068-.045c0 .722-.541.992-1.128.992-.496 0-1.083-.27-1.083-.992s.542-.993 1.129-.993c.541 0 1.082.316 1.082.993m-.676.045c0-.27-.18-.406-.407-.406a.404.404 0 0 0-.406.406c0 .225.18.406.407.406.225 0 .406-.18.406-.406m1.85-.27h-.09c-.181-.046-.271-.046-.271-.136 0-.136.18-.136.316-.136.27 0 .496.09.586.09l.09-.496c-.09 0-.36-.09-.676-.09-.632 0-.993.226-.993.677 0 .316.225.496.722.586.225.046.36.046.36.136 0 .135-.135.135-.27.135-.316 0-.587-.09-.677-.135l-.135.496c.09.045.36.09.722.09.677 0 1.038-.225 1.038-.676 0-.226-.09-.452-.722-.542m1.58-1.13h-.678v2.302h.677V70.33h.361l.316-.542h-.632v-.451zM74.466 69.2v2.482h-.677v-.226l-.045.046s-.18.225-.542.225c-.541 0-.902-.406-.902-.993 0-.586.406-.992.947-.992.361 0 .497.18.497.18l.045.045v-.631zm-.632 1.49a.404.404 0 0 0-.406-.407.404.404 0 0 0-.406.406c0 .271.18.406.406.406.27.046.406-.135.406-.406M70.72 70.69c0 .722-.54.992-1.127.992-.497 0-1.083-.27-1.083-.993 0-.721.541-.992 1.128-.992.541 0 1.083.316 1.083.992m-.676.045c0-.271-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406.225 0 .406-.18.406-.406M72.028 70.33c.09 0 .18 0 .226.044v-.586h-.136c-.36 0-.496.225-.496.225l-.045.09v-.315H70.9v1.895h.677v-.903c0-.316.18-.45.451-.45M67.607 69.697c-.406 0-.541.225-.541.225l-.045.09v-.27h-.677v1.895h.677v-.948c0-.27.09-.36.316-.36.27 0 .27.225.27.45v.903h.677V70.51q0-.812-.677-.812"/></g><defs><clipPath id="PEX-truck_svg__a"><path fill="#fff" d="M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60"/></clipPath></defs></svg>';
 const PEX_truck = illustration;
 
-const pnPexPricefinderCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.pex-pricefinder-top{display:flex;align-items:center}.pex-pricefinder-top pn-illustration{width:5.5rem;height:5.5rem;margin-right:1.6rem}.pex-pricefinder-form{margin:1.6rem 0 0 0;padding:0;border:0}.pex-pricefinder-form fieldset{margin:0;padding:0;border:0}.pex-pricefinder-form fieldset+fieldset{margin-top:1.6rem}.pex-pricefinder-form fieldset>div{display:flex;align-items:center;gap:1em}.pex-pricefinder-form fieldset>div>*{flex-grow:1;width:100%}.pex-pricefinder-form pn-button{align-self:end;margin-left:auto}.pex-pricefinder-form .datepicker{display:inline-flex;flex-direction:column}.pex-pricefinder-form .datepicker label{margin-bottom:0.4rem;color:#5e554a;font-size:0.875em;display:flex;justify-content:space-between;align-items:flex-end;cursor:pointer;transition:color 0.2s}.pex-pricefinder-form .datepicker pn-date-picker{width:100%}.pex-pricefinder-response{margin-top:2.4rem;text-align:center;font-size:2.4em}";
+const pnPexPricefinderCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}.pex-pricefinder-top{display:flex;align-items:center}.pex-pricefinder-top pn-illustration{width:5.5rem;height:5.5rem;margin-right:1.6rem}.pex-pricefinder-form{margin:1.6rem 0 0 0;padding:0;border:0}.pex-pricefinder-form fieldset{margin:0;padding:0;border:0}.pex-pricefinder-form fieldset+fieldset{margin-top:1.6rem}.pex-pricefinder-form fieldset>div{display:flex;align-items:center;gap:1em}.pex-pricefinder-form fieldset>div>*{flex-grow:1;width:100%}.pex-pricefinder-form pn-button{align-self:end;margin-left:auto}.pex-pricefinder-form .datepicker{display:inline-flex;flex-direction:column}.pex-pricefinder-form .datepicker label{margin-bottom:0.4rem;color:#5e554a;font-size:0.875em;display:flex;justify-content:space-between;align-items:flex-end;cursor:pointer;transition:color 0.2s}.pex-pricefinder-form .datepicker pn-date-picker{width:100%}.pex-pricefinder-response{margin-top:2.4rem;text-align:center;font-size:2.4em}";
 const PnPexPricefinderStyle0 = pnPexPricefinderCss;
 
 const PnPexPricefinder = class {
@@ -122,7 +122,7 @@ const PnPexPricefinder = class {
         console.error('onFetchError(error', error);
     }
     render() {
-        return (index.h(index.Host, { key: '8b25bfb7ea2f997f4403bf7cdc473727150cc426' }, index.h("div", { key: '5f7a35260df7c50d5d6bbf54c70c2bb26f83e8ac', class: "pex-pricefinder-top" }, index.h("pn-illustration", { key: '3d54162b4f0808d6afc337c29a72ac31423366e4', illustration: PEX_truck }), index.h("h2", { key: '304a71b2fec98e138dc1a6b68c8861cb99f3de72' }, this.i18n.heading)), index.h("form", { key: '1417cd6ed9ec01173d8e5f4f89f7fd72dabc1864', method: "get", action: "", class: "pex-pricefinder-form", onSubmit: this.onSubmit.bind(this) }, index.h("fieldset", { key: 'adeae6e5fea069ab4e951c55b4364f8ea745da09' }, index.h("div", { key: '8df12b84492fcadad7a2e452bc1dc8e2f8bfbb7e' }, index.h("pn-input", { key: 'bfebbabd1d749e995e4d846f8f0728f7e4148b76', type: "number", label: this.i18n.labelFrom, inputid: "fromzip", name: "fromzip", placeholder: this.i18n.zipPlaceholder, required: true, value: this.fromzip }), index.h("pn-input", { key: 'c06f06e341a4f9a1d4c5ba23e3c2907b8d5bc3f6', type: "number", label: this.i18n.labelTo, inputid: "tozip", name: "tozip", placeholder: this.i18n.zipPlaceholder, required: true, value: this.tozip }))), index.h("fieldset", { key: '2a6c4228387318d4db57658c741cc75b68092b56' }, index.h("div", { key: 'dba319d84a813932594149259fd76dc84da9b51d' }, index.h("pn-input", { key: '42634922f6e6588ee6946fdac0f65b2443b06c7b', type: "number", label: this.i18n.labelWeight, inputid: "weight", name: "weight", placeholder: this.i18n.weightPlaceholder, required: true, value: this.weight }), index.h("div", { key: '653ae149e0dfd322a42090d6ed87537b42a498fb', class: "datepicker" }, index.h("label", { key: 'c2b5cf6bd57dc0b2ea6978957d53dee5e0abee99', htmlFor: "when" }, this.i18n.labelWhen), index.h("pn-marketweb-input", { key: '4abfe6bb222762c3c6955772ecad990eaa530c5c', inputid: "when", name: "when", type: "datetime-local", min: new Date().toISOString().split('T')[0], value: this.when })))), index.h("fieldset", { key: '46c17056aa299eae0dddad6f41e5e2a3aa297e2e' }, index.h("div", { key: 'f385fa87fea9979bbd2d87fa8b222ae97c642f64' }, index.h("pn-button", { key: '6fa00e7cd95447350272938d70132d8fdbdd5934', type: "submit" }, this.i18n.submitButtonText)))), this.response ? (index.h("div", { class: "pex-pricefinder-response" }, index.h("strong", null, this.response.data.value, " ", this.currency))) : null));
+        return (index.h(index.Host, { key: '2c8bd5a159723de16eaed0ba66384165e7372606' }, index.h("div", { key: 'b7a392d3431dd431e490c30dc27dfd8c63c2765c', class: "pex-pricefinder-top" }, index.h("pn-illustration", { key: 'aaa8d7a175c74148dfd362e02ea8996990aec242', illustration: PEX_truck }), index.h("h2", { key: '554b1c1b51bdb3716b169a101b45829862a1b2c2' }, this.i18n.heading)), index.h("form", { key: 'bf111300617c799079feb661973c5d3f28c4b8ca', method: "get", action: "", class: "pex-pricefinder-form", onSubmit: this.onSubmit.bind(this) }, index.h("fieldset", { key: 'a6196f2d243cd28a6e2060c3b3095f6e0ec20aea' }, index.h("div", { key: 'c54a5281124e6e11b37537aed89a14c35e62eb8a' }, index.h("pn-input", { key: '6244e8cfd31566d995524c97a7efc72b93551330', type: "number", label: this.i18n.labelFrom, inputid: "fromzip", name: "fromzip", placeholder: this.i18n.zipPlaceholder, required: true, value: this.fromzip }), index.h("pn-input", { key: 'aa0121fc0fb1d39d4234fbb81eb964f8550ca46e', type: "number", label: this.i18n.labelTo, inputid: "tozip", name: "tozip", placeholder: this.i18n.zipPlaceholder, required: true, value: this.tozip }))), index.h("fieldset", { key: 'b563ba77878a72669e32fa51c6af8e8f2c686937' }, index.h("div", { key: 'a968da28258c8d753e1cbd0dd8b0f4e72027219d' }, index.h("pn-input", { key: 'adb40ae7b8bd43adbba6bb412aaccdb7fe7b215f', type: "number", label: this.i18n.labelWeight, inputid: "weight", name: "weight", placeholder: this.i18n.weightPlaceholder, required: true, value: this.weight }), index.h("div", { key: 'a5366a5529218da25ac408a93afbcf5957afb1ab', class: "datepicker" }, index.h("label", { key: 'd424b95a1e4e83ce492f4892f4dccf4964ef85aa', htmlFor: "when" }, this.i18n.labelWhen), index.h("pn-marketweb-input", { key: '3776e0d4236fa8ea0668408d5499c4ef7dca9313', inputid: "when", name: "when", type: "datetime-local", min: new Date().toISOString().split('T')[0], value: this.when })))), index.h("fieldset", { key: '0abfe99084a02884781693b66e34748ecd6d74e8' }, index.h("div", { key: 'ed92ea6b6e09486f1a29c67e0aa65415eade22fa' }, index.h("pn-button", { key: 'd48193747555f09e50985a80b4bd8429905b234e', type: "submit" }, this.i18n.submitButtonText)))), this.response ? (index.h("div", { class: "pex-pricefinder-response" }, index.h("strong", null, this.response.data.value, " ", this.currency))) : null));
     }
 };
 PnPexPricefinder.style = PnPexPricefinderStyle0;

package/cjs/pn-pex-pricefinder.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"pn-pex-pricefinder.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/widgets/pn-pex-pricefinder/translations.ts","node_modules/pn-design-assets/pn-assets/illustrations/PEX_truck.js","src/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.scss?tag=pn-pex-pricefinder","src/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.tsx"],"sourcesContent":["export const translations = {\n  sv: {\n    heading: 'Prisindikation med PEX Bud',\n    labelFrom: 'Från postkod',\n    labelTo: 'Till postkod',\n    zipPlaceholder: 'Ex. 12831',\n    labelWeight: 'Vikt (i kilo)',\n    weightPlaceholder: 'Ex. 1000',\n    labelWhen: 'När',\n    submitButtonText: 'Beräkna pris',\n  },\n  en: {\n    heading: 'Calculate price with PEX Bud',\n    labelFrom: 'From zip',\n    labelTo: 'To zip',\n    zipPlaceholder: 'Ex. 12831',\n    labelWeight: 'Weight (in kilo)',\n    weightPlaceholder: 'Ex. 1000',\n    labelWhen: 'When',\n    submitButtonText: 'Calculate price',\n  },\n};\n","const illustration = '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 120 120\"><g clip-path=\"url(#PEX-truck_svg__a)\"><path fill=\"#8EDDF9\" d=\"M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60\"/><path fill=\"#0D234B\" fill-rule=\"evenodd\" d=\"M-8 114.461c0-.311.253-.564.564-.564h278.872a.565.565 0 0 1 0 1.128H-7.436a.564.564 0 0 1-.564-.564\" clip-rule=\"evenodd\"/><path fill=\"#000\" d=\"M95.087 114.912c6.804 0 12.319-5.515 12.319-12.319s-5.515-12.32-12.319-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.516 12.319 12.32 12.319\"/><path fill=\"#D3CECB\" d=\"M174.689 105.436H65.757V22h98.463c5.776 0 10.469 4.693 10.469 10.469z\"/><path fill=\"#F3F2F2\" d=\"M133.67 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h97.83v83.436z\"/><path fill=\"#2D2013\" d=\"M65.983 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h94.672z\"/><path fill=\"#000\" d=\"M233.486 106.429H21.264v-4.242a3.235 3.235 0 0 1 3.249-3.249h205.769a3.235 3.235 0 0 1 3.249 3.249v4.242z\"/><path fill=\"#5E554A\" fill-rule=\"evenodd\" d=\"M30.56 88.763h-5.144v-1.128h5.144c1.906 0 3.316 1.715 3.316 3.632 0 1.968-1.415 3.633-3.316 3.633h-5.144v-1.128h5.144c1.167 0 2.188-1.043 2.188-2.505 0-1.422-1.026-2.504-2.188-2.504\" clip-rule=\"evenodd\"/><path fill=\"#00A0D6\" d=\"M63.995 98.848 123.334 22h9.431L73.381 98.938z\"/><path fill=\"#A7A6A6\" d=\"m62.597 22 9.521.045 21.795 28.203-4.783 6.137zM97.706 67.486l4.647-6.092 28.925 37.454-9.295.09z\"/><path fill=\"#000\" d=\"M70.764 105.436H39.493v-3.43c0-8.618 6.994-15.658 15.658-15.658 8.619 0 15.658 6.995 15.658 15.658v3.43z\"/><path fill=\"#000\" d=\"M55.108 114.912c6.804 0 12.32-5.515 12.32-12.319s-5.516-12.32-12.32-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.515 12.319 12.32 12.319\"/><path fill=\"#5E554A\" d=\"M55.017 107.647a5.054 5.054 0 1 0 0-10.108 5.054 5.054 0 0 0 0 10.108\"/><path fill=\"#fff\" d=\"M58.583 58.595h-6.498v1.354h6.498z\"/><path fill=\"#fff\" d=\"M49.466 52.144v14.71h11.19v-1.353H51V53.497h9.386v-1.353zM36.154 66.854v-14.71h5.912c3.52 0 5.234 1.398 5.234 4.286 0 2.979-1.715 4.468-5.234 4.468h-3.294v-1.354h3.294c2.617 0 3.79-.948 3.79-3.068 0-2.076-1.173-2.979-3.79-2.979h-4.378v13.357z\"/><path fill=\"#1798D5\" d=\"m61.877 66.854 11.551-14.71h1.805l-11.506 14.71z\"/><path fill=\"#fff\" d=\"m61.605 52.099 1.85.045 4.241 5.37-.902 1.173zM68.42 60.808l.902-1.128 5.64 7.175h-1.805zM60.522 70.735c0 .586-.406.993-.948.993-.36 0-.496-.18-.496-.18l-.045-.046v.722h-.677v-2.437h.677v.226l.045-.045s.18-.226.587-.226c.496-.045.857.361.857.993m-.722 0c0-.27-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406s.406-.18.406-.406m3.068-.045c0 .722-.541.992-1.128.992-.496 0-1.083-.27-1.083-.992s.542-.993 1.129-.993c.541 0 1.082.316 1.082.993m-.676.045c0-.27-.18-.406-.407-.406a.404.404 0 0 0-.406.406c0 .225.18.406.407.406.225 0 .406-.18.406-.406m1.85-.27h-.09c-.181-.046-.271-.046-.271-.136 0-.136.18-.136.316-.136.27 0 .496.09.586.09l.09-.496c-.09 0-.36-.09-.676-.09-.632 0-.993.226-.993.677 0 .316.225.496.722.586.225.046.36.046.36.136 0 .135-.135.135-.27.135-.316 0-.587-.09-.677-.135l-.135.496c.09.045.36.09.722.09.677 0 1.038-.225 1.038-.676 0-.226-.09-.452-.722-.542m1.58-1.13h-.678v2.302h.677V70.33h.361l.316-.542h-.632v-.451zM74.466 69.2v2.482h-.677v-.226l-.045.046s-.18.225-.542.225c-.541 0-.902-.406-.902-.993 0-.586.406-.992.947-.992.361 0 .497.18.497.18l.045.045v-.631zm-.632 1.49a.404.404 0 0 0-.406-.407.404.404 0 0 0-.406.406c0 .271.18.406.406.406.27.046.406-.135.406-.406M70.72 70.69c0 .722-.54.992-1.127.992-.497 0-1.083-.27-1.083-.993 0-.721.541-.992 1.128-.992.541 0 1.083.316 1.083.992m-.676.045c0-.271-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406.225 0 .406-.18.406-.406M72.028 70.33c.09 0 .18 0 .226.044v-.586h-.136c-.36 0-.496.225-.496.225l-.045.09v-.315H70.9v1.895h.677v-.903c0-.316.18-.45.451-.45M67.607 69.697c-.406 0-.541.225-.541.225l-.045.09v-.27h-.677v1.895h.677v-.948c0-.27.09-.36.316-.36.27 0 .27.225.27.45v.903h.677V70.51q0-.812-.677-.812\"/></g><defs><clipPath id=\"PEX-truck_svg__a\"><path fill=\"#fff\" d=\"M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60\"/></clipPath></defs></svg>';\nexport const PEX_truck = illustration;\nexport const pEXTruck = illustration;\n","@import '../../../globals/main.scss';\n\npn-pex-pricefinder {\n}\n\n.pex-pricefinder-top {\n  display: flex;\n  align-items: center;\n  pn-illustration {\n    width: 5.5rem;\n    height: 5.5rem;\n    margin-right: 1.6rem;\n  }\n}\n\n.pex-pricefinder-form {\n  margin: 1.6rem 0 0 0;\n  padding: 0;\n  border: 0;\n  fieldset {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    & + fieldset {\n      margin-top: 1.6rem;\n    }\n    > div {\n      display: flex;\n      align-items: center;\n      gap: 1em;\n      > * {\n        flex-grow: 1;\n        width: 100%;\n      }\n    }\n  }\n  pn-button {\n    align-self: end;\n    margin-left: auto;\n  }\n  .datepicker {\n    display: inline-flex;\n    flex-direction: column;\n    label {\n      margin-bottom: 0.4rem;\n      color: $gray700;\n      font-size: 0.875em;\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-end;\n      cursor: pointer;\n      transition: color 0.2s;\n    }\n    pn-date-picker {\n      width: 100%;\n    }\n  }\n}\n\n.pex-pricefinder-response {\n  margin-top: 2.4rem;\n  text-align: center;\n  font-size: 2.4em;\n}\n","import { Component, h, Host, Element, Prop, State, Listen } from '@stencil/core';\nimport { translations } from './translations';\nimport { PexPriceFinderi18n, PexPriceFinderResponse } from './types';\nimport { PEX_truck } from 'pn-design-assets/pn-assets/illustrations.js';\n\n@Component({\n  tag: 'pn-pex-pricefinder',\n  styleUrl: 'pn-pex-pricefinder.scss',\n})\nexport class PnPexPricefinder {\n  @Element() hostElement: HTMLElement;\n  /** Specifies which language we want to show component in (sv,da,fi,no,en) */\n  @Prop() language: string = 'sv';\n  /** Currency (Kr, €)*/\n  @Prop() currency: string = 'Kr';\n  /** API Url */\n  @Prop() apiUrl: string = '/api/pex/order';\n\n  @State() i18n: PexPriceFinderi18n = translations.sv;\n\n  @State() fromzip: number = null;\n  @State() tozip: number = null;\n  @State() weight: number = 1;\n\n  @State() when: string = '';\n\n  @State() response: PexPriceFinderResponse = null;\n\n  componentWillLoad() {\n    this.init();\n  }\n\n  async init() {\n    this.setInitialTime();\n    this.checkParameters();\n    this.setLanguage();\n  }\n\n  setInitialTime() {\n    const initialTime = new Date();\n    initialTime.setHours(initialTime.getHours() + 1);\n    initialTime.setMinutes(0);\n    const splitTime = initialTime.toLocaleString('sv', { timeZoneName: 'short' }).split(' ');\n    this.when = `${splitTime[0]}T${splitTime[1].substring(0, 5)}`;\n  }\n\n  checkParameters() {\n    const params = new URLSearchParams(window.location.href);\n    if (!params) {\n      return;\n    }\n    const paramKeys = ['fromzip', 'tozip', 'weight', 'when'];\n    paramKeys.forEach(key => {\n      if (params.get(key)) {\n        this[key] = params.get(key);\n      }\n    });\n  }\n\n  @Listen('language')\n  setLanguage() {\n    if (translations[this.language]) {\n      this.i18n = translations[this.language] as PexPriceFinderi18n;\n    }\n  }\n\n  onSubmit(e) {\n    e.preventDefault();\n    const formData = new FormData(e.target);\n    const requestQuery = this.compileRequestQuery(formData);\n    this.fetchResult(requestQuery);\n  }\n\n  compileRequestQuery(formData: FormData) {\n    let query = {\n      from: formData.get('fromzip'),\n      to: formData.get('tozip'),\n      weight: formData.get('weight'),\n      when: formData.get('when'),\n    };\n    if (!query.when) {\n      query.when = (this.hostElement.querySelector('input.date-input') as HTMLInputElement).value;\n    }\n    if (!formData.get('fromzip') || !formData.get('tozip') || !formData.get('weight')) {\n      console.error('Form data is not compliant');\n      return;\n    }\n    return query;\n  }\n\n  async fetchResult(query: any) {\n    this.response = null;\n    const params = new URLSearchParams(query);\n    const req = await fetch(`${this.apiUrl}?${params.toString()}`, {\n      method: 'get',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n    }).catch(this.onFetchError.bind(this));\n    let response = await req.json().catch(this.onFetchError.bind(this));\n    if (!response) {\n      response = await (await import('./mockresponse.json')).default;\n    }\n    if (response) {\n      this.response = response as PexPriceFinderResponse;\n    }\n  }\n\n  onFetchError(error) {\n    console.error('onFetchError(error', error);\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pex-pricefinder-top\">\n          <pn-illustration illustration={PEX_truck} />\n          <h2>{this.i18n.heading}</h2>\n        </div>\n        <form method=\"get\" action=\"\" class=\"pex-pricefinder-form\" onSubmit={this.onSubmit.bind(this)}>\n          <fieldset>\n            <div>\n              <pn-input type=\"number\" label={this.i18n.labelFrom} inputid=\"fromzip\" name=\"fromzip\" placeholder={this.i18n.zipPlaceholder} required value={this.fromzip}></pn-input>\n              <pn-input type=\"number\" label={this.i18n.labelTo} inputid=\"tozip\" name=\"tozip\" placeholder={this.i18n.zipPlaceholder} required value={this.tozip}></pn-input>\n            </div>\n          </fieldset>\n          <fieldset>\n            <div>\n              <pn-input\n                type=\"number\"\n                label={this.i18n.labelWeight}\n                inputid=\"weight\"\n                name=\"weight\"\n                placeholder={this.i18n.weightPlaceholder}\n                required\n                value={this.weight}\n              ></pn-input>\n              <div class=\"datepicker\">\n                <label htmlFor=\"when\">{this.i18n.labelWhen}</label>\n                <pn-marketweb-input inputid=\"when\" name=\"when\" type=\"datetime-local\" min={new Date().toISOString().split('T')[0]} value={this.when}></pn-marketweb-input>\n              </div>\n            </div>\n          </fieldset>\n          <fieldset>\n            <div>\n              <pn-button type=\"submit\">{this.i18n.submitButtonText}</pn-button>\n            </div>\n          </fieldset>\n        </form>\n        {this.response ? (\n          <div class=\"pex-pricefinder-response\">\n            <strong>\n              {this.response.data.value} {this.currency}\n            </strong>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pn-pex-pricefinder.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/widgets/pn-pex-pricefinder/translations.ts","node_modules/pn-design-assets/pn-assets/illustrations/PEX_truck.js","src/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.scss?tag=pn-pex-pricefinder","src/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.tsx"],"sourcesContent":["export const translations = {\n  sv: {\n    heading: 'Prisindikation med PEX Bud',\n    labelFrom: 'Från postkod',\n    labelTo: 'Till postkod',\n    zipPlaceholder: 'Ex. 12831',\n    labelWeight: 'Vikt (i kilo)',\n    weightPlaceholder: 'Ex. 1000',\n    labelWhen: 'När',\n    submitButtonText: 'Beräkna pris',\n  },\n  en: {\n    heading: 'Calculate price with PEX Bud',\n    labelFrom: 'From zip',\n    labelTo: 'To zip',\n    zipPlaceholder: 'Ex. 12831',\n    labelWeight: 'Weight (in kilo)',\n    weightPlaceholder: 'Ex. 1000',\n    labelWhen: 'When',\n    submitButtonText: 'Calculate price',\n  },\n};\n","const illustration = '<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 120 120\"><g clip-path=\"url(#PEX-truck_svg__a)\"><path fill=\"#8EDDF9\" d=\"M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60\"/><path fill=\"#0D234B\" fill-rule=\"evenodd\" d=\"M-8 114.461c0-.311.253-.564.564-.564h278.872a.565.565 0 0 1 0 1.128H-7.436a.564.564 0 0 1-.564-.564\" clip-rule=\"evenodd\"/><path fill=\"#000\" d=\"M95.087 114.912c6.804 0 12.319-5.515 12.319-12.319s-5.515-12.32-12.319-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.516 12.319 12.32 12.319\"/><path fill=\"#D3CECB\" d=\"M174.689 105.436H65.757V22h98.463c5.776 0 10.469 4.693 10.469 10.469z\"/><path fill=\"#F3F2F2\" d=\"M133.67 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h97.83v83.436z\"/><path fill=\"#2D2013\" d=\"M65.983 105.436H25.416V32.469C25.416 26.693 30.108 22 35.885 22h94.672z\"/><path fill=\"#000\" d=\"M233.486 106.429H21.264v-4.242a3.235 3.235 0 0 1 3.249-3.249h205.769a3.235 3.235 0 0 1 3.249 3.249v4.242z\"/><path fill=\"#5E554A\" fill-rule=\"evenodd\" d=\"M30.56 88.763h-5.144v-1.128h5.144c1.906 0 3.316 1.715 3.316 3.632 0 1.968-1.415 3.633-3.316 3.633h-5.144v-1.128h5.144c1.167 0 2.188-1.043 2.188-2.505 0-1.422-1.026-2.504-2.188-2.504\" clip-rule=\"evenodd\"/><path fill=\"#00A0D6\" d=\"M63.995 98.848 123.334 22h9.431L73.381 98.938z\"/><path fill=\"#A7A6A6\" d=\"m62.597 22 9.521.045 21.795 28.203-4.783 6.137zM97.706 67.486l4.647-6.092 28.925 37.454-9.295.09z\"/><path fill=\"#000\" d=\"M70.764 105.436H39.493v-3.43c0-8.618 6.994-15.658 15.658-15.658 8.619 0 15.658 6.995 15.658 15.658v3.43z\"/><path fill=\"#000\" d=\"M55.108 114.912c6.804 0 12.32-5.515 12.32-12.319s-5.516-12.32-12.32-12.32c-6.803 0-12.319 5.516-12.319 12.32s5.515 12.319 12.32 12.319\"/><path fill=\"#5E554A\" d=\"M55.017 107.647a5.054 5.054 0 1 0 0-10.108 5.054 5.054 0 0 0 0 10.108\"/><path fill=\"#fff\" d=\"M58.583 58.595h-6.498v1.354h6.498z\"/><path fill=\"#fff\" d=\"M49.466 52.144v14.71h11.19v-1.353H51V53.497h9.386v-1.353zM36.154 66.854v-14.71h5.912c3.52 0 5.234 1.398 5.234 4.286 0 2.979-1.715 4.468-5.234 4.468h-3.294v-1.354h3.294c2.617 0 3.79-.948 3.79-3.068 0-2.076-1.173-2.979-3.79-2.979h-4.378v13.357z\"/><path fill=\"#1798D5\" d=\"m61.877 66.854 11.551-14.71h1.805l-11.506 14.71z\"/><path fill=\"#fff\" d=\"m61.605 52.099 1.85.045 4.241 5.37-.902 1.173zM68.42 60.808l.902-1.128 5.64 7.175h-1.805zM60.522 70.735c0 .586-.406.993-.948.993-.36 0-.496-.18-.496-.18l-.045-.046v.722h-.677v-2.437h.677v.226l.045-.045s.18-.226.587-.226c.496-.045.857.361.857.993m-.722 0c0-.27-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406s.406-.18.406-.406m3.068-.045c0 .722-.541.992-1.128.992-.496 0-1.083-.27-1.083-.992s.542-.993 1.129-.993c.541 0 1.082.316 1.082.993m-.676.045c0-.27-.18-.406-.407-.406a.404.404 0 0 0-.406.406c0 .225.18.406.407.406.225 0 .406-.18.406-.406m1.85-.27h-.09c-.181-.046-.271-.046-.271-.136 0-.136.18-.136.316-.136.27 0 .496.09.586.09l.09-.496c-.09 0-.36-.09-.676-.09-.632 0-.993.226-.993.677 0 .316.225.496.722.586.225.046.36.046.36.136 0 .135-.135.135-.27.135-.316 0-.587-.09-.677-.135l-.135.496c.09.045.36.09.722.09.677 0 1.038-.225 1.038-.676 0-.226-.09-.452-.722-.542m1.58-1.13h-.678v2.302h.677V70.33h.361l.316-.542h-.632v-.451zM74.466 69.2v2.482h-.677v-.226l-.045.046s-.18.225-.542.225c-.541 0-.902-.406-.902-.993 0-.586.406-.992.947-.992.361 0 .497.18.497.18l.045.045v-.631zm-.632 1.49a.404.404 0 0 0-.406-.407.404.404 0 0 0-.406.406c0 .271.18.406.406.406.27.046.406-.135.406-.406M70.72 70.69c0 .722-.54.992-1.127.992-.497 0-1.083-.27-1.083-.993 0-.721.541-.992 1.128-.992.541 0 1.083.316 1.083.992m-.676.045c0-.271-.18-.406-.406-.406a.404.404 0 0 0-.406.406c0 .225.18.406.406.406.225 0 .406-.18.406-.406M72.028 70.33c.09 0 .18 0 .226.044v-.586h-.136c-.36 0-.496.225-.496.225l-.045.09v-.315H70.9v1.895h.677v-.903c0-.316.18-.45.451-.45M67.607 69.697c-.406 0-.541.225-.541.225l-.045.09v-.27h-.677v1.895h.677v-.948c0-.27.09-.36.316-.36.27 0 .27.225.27.45v.903h.677V70.51q0-.812-.677-.812\"/></g><defs><clipPath id=\"PEX-truck_svg__a\"><path fill=\"#fff\" d=\"M0 60C0 26.863 26.863 0 60 0s60 26.863 60 60-26.863 60-60 60S0 93.137 0 60\"/></clipPath></defs></svg>';\nexport const PEX_truck = illustration;\nexport const pEXTruck = illustration;\n","@import '../../../globals/main.scss';\n\npn-pex-pricefinder {\n}\n\n.pex-pricefinder-top {\n  display: flex;\n  align-items: center;\n  pn-illustration {\n    width: 5.5rem;\n    height: 5.5rem;\n    margin-right: 1.6rem;\n  }\n}\n\n.pex-pricefinder-form {\n  margin: 1.6rem 0 0 0;\n  padding: 0;\n  border: 0;\n  fieldset {\n    margin: 0;\n    padding: 0;\n    border: 0;\n    & + fieldset {\n      margin-top: 1.6rem;\n    }\n    > div {\n      display: flex;\n      align-items: center;\n      gap: 1em;\n      > * {\n        flex-grow: 1;\n        width: 100%;\n      }\n    }\n  }\n  pn-button {\n    align-self: end;\n    margin-left: auto;\n  }\n  .datepicker {\n    display: inline-flex;\n    flex-direction: column;\n    label {\n      margin-bottom: 0.4rem;\n      color: $gray700;\n      font-size: 0.875em;\n      display: flex;\n      justify-content: space-between;\n      align-items: flex-end;\n      cursor: pointer;\n      transition: color 0.2s;\n    }\n    pn-date-picker {\n      width: 100%;\n    }\n  }\n}\n\n.pex-pricefinder-response {\n  margin-top: 2.4rem;\n  text-align: center;\n  font-size: 2.4em;\n}\n","import { Component, h, Host, Element, Prop, State, Listen } from '@stencil/core';\nimport { translations } from './translations';\nimport { PexPriceFinderi18n, PexPriceFinderResponse } from './types';\nimport { PEX_truck } from 'pn-design-assets/pn-assets/illustrations.js';\n\n@Component({\n  tag: 'pn-pex-pricefinder',\n  styleUrl: 'pn-pex-pricefinder.scss',\n})\nexport class PnPexPricefinder {\n  @Element() hostElement: HTMLElement;\n  /** Specifies which language we want to show component in (sv,da,fi,no,en) */\n  @Prop() language: string = 'sv';\n  /** Currency (Kr, €)*/\n  @Prop() currency: string = 'Kr';\n  /** API Url */\n  @Prop() apiUrl: string = '/api/pex/order';\n\n  @State() i18n: PexPriceFinderi18n = translations.sv;\n\n  @State() fromzip: number = null;\n  @State() tozip: number = null;\n  @State() weight: number = 1;\n\n  @State() when: string = '';\n\n  @State() response: PexPriceFinderResponse = null;\n\n  componentWillLoad() {\n    this.init();\n  }\n\n  async init() {\n    this.setInitialTime();\n    this.checkParameters();\n    this.setLanguage();\n  }\n\n  setInitialTime() {\n    const initialTime = new Date();\n    initialTime.setHours(initialTime.getHours() + 1);\n    initialTime.setMinutes(0);\n    const splitTime = initialTime.toLocaleString('sv', { timeZoneName: 'short' }).split(' ');\n    this.when = `${splitTime[0]}T${splitTime[1].substring(0, 5)}`;\n  }\n\n  checkParameters() {\n    const params = new URLSearchParams(window.location.href);\n    if (!params) {\n      return;\n    }\n    const paramKeys = ['fromzip', 'tozip', 'weight', 'when'];\n    paramKeys.forEach(key => {\n      if (params.get(key)) {\n        this[key] = params.get(key);\n      }\n    });\n  }\n\n  @Listen('language')\n  setLanguage() {\n    if (translations[this.language]) {\n      this.i18n = translations[this.language] as PexPriceFinderi18n;\n    }\n  }\n\n  onSubmit(e) {\n    e.preventDefault();\n    const formData = new FormData(e.target);\n    const requestQuery = this.compileRequestQuery(formData);\n    this.fetchResult(requestQuery);\n  }\n\n  compileRequestQuery(formData: FormData) {\n    let query = {\n      from: formData.get('fromzip'),\n      to: formData.get('tozip'),\n      weight: formData.get('weight'),\n      when: formData.get('when'),\n    };\n    if (!query.when) {\n      query.when = (this.hostElement.querySelector('input.date-input') as HTMLInputElement).value;\n    }\n    if (!formData.get('fromzip') || !formData.get('tozip') || !formData.get('weight')) {\n      console.error('Form data is not compliant');\n      return;\n    }\n    return query;\n  }\n\n  async fetchResult(query: any) {\n    this.response = null;\n    const params = new URLSearchParams(query);\n    const req = await fetch(`${this.apiUrl}?${params.toString()}`, {\n      method: 'get',\n      headers: {\n        'Content-Type': 'application/json',\n      },\n    }).catch(this.onFetchError.bind(this));\n    let response = await req.json().catch(this.onFetchError.bind(this));\n    if (!response) {\n      response = await (await import('./mockresponse.json')).default;\n    }\n    if (response) {\n      this.response = response as PexPriceFinderResponse;\n    }\n  }\n\n  onFetchError(error) {\n    console.error('onFetchError(error', error);\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pex-pricefinder-top\">\n          <pn-illustration illustration={PEX_truck} />\n          <h2>{this.i18n.heading}</h2>\n        </div>\n        <form method=\"get\" action=\"\" class=\"pex-pricefinder-form\" onSubmit={this.onSubmit.bind(this)}>\n          <fieldset>\n            <div>\n              <pn-input type=\"number\" label={this.i18n.labelFrom} inputid=\"fromzip\" name=\"fromzip\" placeholder={this.i18n.zipPlaceholder} required value={this.fromzip}></pn-input>\n              <pn-input type=\"number\" label={this.i18n.labelTo} inputid=\"tozip\" name=\"tozip\" placeholder={this.i18n.zipPlaceholder} required value={this.tozip}></pn-input>\n            </div>\n          </fieldset>\n          <fieldset>\n            <div>\n              <pn-input\n                type=\"number\"\n                label={this.i18n.labelWeight}\n                inputid=\"weight\"\n                name=\"weight\"\n                placeholder={this.i18n.weightPlaceholder}\n                required\n                value={this.weight}\n              ></pn-input>\n              <div class=\"datepicker\">\n                <label htmlFor=\"when\">{this.i18n.labelWhen}</label>\n                <pn-marketweb-input inputid=\"when\" name=\"when\" type=\"datetime-local\" min={new Date().toISOString().split('T')[0]} value={this.when}></pn-marketweb-input>\n              </div>\n            </div>\n          </fieldset>\n          <fieldset>\n            <div>\n              <pn-button type=\"submit\">{this.i18n.submitButtonText}</pn-button>\n            </div>\n          </fieldset>\n        </form>\n        {this.response ? (\n          <div class=\"pex-pricefinder-response\">\n            <strong>\n              {this.response.data.value} {this.currency}\n            </strong>\n          </div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/cjs/pn-play-on-scroll.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-34e1c673.js');
+const index = require('./index-b02670c2.js');
 const v4 = require('./v4-9b297151.js');
 
 const pnPlayOnScrollCss = "pn-play-on-scroll pn-scroll [slot=scroll-affected]{position:relative;display:flex}pn-play-on-scroll pn-scroll [slot=scroll-affected] video{width:100%}pn-play-on-scroll pn-scroll [slot=scroll-affected] video:hover{cursor:pointer}";

package/cjs/pn-product-card_3.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-34e1c673.js');
+const index = require('./index-b02670c2.js');
 const align_center = require('./align_center-1fb3b6a8.js');
 const open_in_new = require('./open_in_new-03e5ca56.js');
 
-const pnProductCardCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-product-card{border:0.1rem solid #d3cecb;outline:none;background:#ffffff;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;word-break:break-word;text-decoration:none;border-radius:0.8rem;position:relative;padding:11rem 2.4rem 2.4rem;margin-bottom:1.6rem}@media screen and (min-width: 36em){pn-product-card{padding:2.4rem}}pn-product-card [slot=title]{display:flex;width:100%;margin-bottom:0.8rem;gap:1.6rem;flex-direction:column;align-items:center}@media screen and (min-width: 36em){pn-product-card [slot=title]{flex-direction:row;align-items:inherit}}pn-product-card [slot=title] h2{width:100%}@media screen and (min-width: 36em){pn-product-card [slot=title] h2{width:auto}}pn-product-card [slot=title] h2>a{color:#000000}pn-product-card [slot=title] h2>a::after{content:\"\" !important}pn-product-card [slot=note]{margin-top:1em;margin-bottom:1em;font-size:0.8em}pn-product-card [slot=additionalUSP]{display:flex}pn-product-card [slot=additionalUSP] :first-child{margin-left:0em}pn-product-card [slot=additionalUSP] span{margin-left:1em;background:#d3cecb;color:#2d2013;border-radius:0.25em;width:fit-content;padding:0.3em;margin-top:0.5em;font-size:0.75em}pn-product-card>pn-illustration{min-width:8rem;width:8rem;height:8rem;align-self:center;position:absolute;top:1.6rem;transform:translateX(-50%);left:50%;box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);border-radius:100%}@media screen and (min-width: 36em){pn-product-card>pn-illustration{box-shadow:none;top:1.6rem;right:1.6rem;left:auto;transform:none}}@media screen and (min-width: 48em){pn-product-card>pn-illustration{position:static;top:auto;right:auto;margin-right:3rem}}pn-product-card .cardcontent{display:flex;flex-direction:column;justify-content:center;flex-grow:1}@media screen and (min-width: 48em){pn-product-card .cardcontent{flex-direction:row;gap:1.6rem}}pn-product-card [slot=cardprice]{display:flex;flex-direction:column;justify-content:center;padding:0.6em;flex-grow:1}@media screen and (min-width: 36em){pn-product-card [slot=cardprice]{flex-direction:row;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=cardprice]{flex-direction:column;justify-content:center;align-items:flex-end}}pn-product-card [slot=mobiledownload]{margin-top:1rem;white-space:nowrap;text-align:center;display:flex;flex-direction:column}pn-product-card [slot=mobiledownload] #riktiga{order:4;margin-top:1em}pn-product-card [slot=mobiledownload] #riktiga>div>a::after{content:\"\" !important}pn-product-card [slot=mobiledownload] .riktigaAndroidImg{width:6em;margin:0.5em}pn-product-card [slot=mobiledownload] .riktigaAppleImg{width:5.6em;margin:0.5em}pn-product-card [slot=mobiledownload] a{text-decoration:none;color:#005d92}pn-product-card [slot=mobiledownload] a h3{text-decoration:underline}pn-product-card [slot=servicepoint]{flex-direction:column;justify-content:center;flex-grow:2;align-items:flex-end;text-align:center}@media screen and (min-width: 36em){pn-product-card [slot=servicepoint]{flex-direction:row;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=servicepoint]{flex-direction:column;justify-content:center;align-items:flex-end}}pn-product-card .details{display:flex;flex-direction:column;justify-content:space-between;width:100%}pn-product-card .info{display:flex;justify-content:space-between;flex-grow:1;flex-flow:wrap;padding:0 1em 0 0}pn-product-card .info>*{min-width:6em;margin:0.5em 1em 0.5em 0}";
+const pnProductCardCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-product-card{border:0.1rem solid #d3cecb;outline:none;background:#ffffff;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;word-break:break-word;text-decoration:none;border-radius:0.8rem;position:relative;padding:11rem 2.4rem 2.4rem;margin-bottom:1.6rem}@media screen and (min-width: 36em){pn-product-card{padding:2.4rem}}pn-product-card [slot=title]{display:flex;width:100%;margin-bottom:0.8rem;gap:1.6rem;flex-direction:column;align-items:center}@media screen and (min-width: 36em){pn-product-card [slot=title]{flex-direction:row;align-items:inherit}}pn-product-card [slot=title] h2{width:100%}@media screen and (min-width: 36em){pn-product-card [slot=title] h2{width:auto}}pn-product-card [slot=title] h2>a{color:#000000}pn-product-card [slot=title] h2>a::after{content:\"\" !important}pn-product-card [slot=note]{margin-top:1em;margin-bottom:1em;font-size:0.8em}pn-product-card [slot=additionalUSP]{display:flex}pn-product-card [slot=additionalUSP] :first-child{margin-left:0em}pn-product-card [slot=additionalUSP] span{margin-left:1em;background:#d3cecb;color:#2d2013;border-radius:0.25em;width:fit-content;padding:0.3em;margin-top:0.5em;font-size:0.75em}pn-product-card>pn-illustration{min-width:8rem;width:8rem;height:8rem;align-self:center;position:absolute;top:1.6rem;transform:translateX(-50%);left:50%;box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);border-radius:100%}@media screen and (min-width: 36em){pn-product-card>pn-illustration{box-shadow:none;top:1.6rem;right:1.6rem;left:auto;transform:none}}@media screen and (min-width: 48em){pn-product-card>pn-illustration{position:static;top:auto;right:auto;margin-right:3rem}}pn-product-card .cardcontent{display:flex;flex-direction:column;justify-content:center;flex-grow:1}@media screen and (min-width: 48em){pn-product-card .cardcontent{flex-direction:row;gap:1.6rem}}pn-product-card [slot=cardprice]{display:flex;flex-direction:column;justify-content:center;padding:0.6em;flex-grow:1}@media screen and (min-width: 36em){pn-product-card [slot=cardprice]{flex-direction:row;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=cardprice]{flex-direction:column;justify-content:center;align-items:flex-end}}pn-product-card [slot=mobiledownload]{margin-top:1rem;white-space:nowrap;text-align:center;display:flex;flex-direction:column}pn-product-card [slot=mobiledownload] #riktiga{order:4;margin-top:1em}pn-product-card [slot=mobiledownload] #riktiga>div>a::after{content:\"\" !important}pn-product-card [slot=mobiledownload] .riktigaAndroidImg{width:6em;margin:0.5em}pn-product-card [slot=mobiledownload] .riktigaAppleImg{width:5.6em;margin:0.5em}pn-product-card [slot=mobiledownload] a{text-decoration:none;color:#005d92}pn-product-card [slot=mobiledownload] a h3{text-decoration:underline}pn-product-card [slot=servicepoint]{flex-direction:column;justify-content:center;flex-grow:2;align-items:flex-end;text-align:center}@media screen and (min-width: 36em){pn-product-card [slot=servicepoint]{flex-direction:row;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=servicepoint]{flex-direction:column;justify-content:center;align-items:flex-end}}pn-product-card .details{display:flex;flex-direction:column;justify-content:space-between;width:100%}pn-product-card .info{display:flex;justify-content:space-between;flex-grow:1;flex-flow:wrap;padding:0 1em 0 0}pn-product-card .info>*{min-width:6em;margin:0.5em 1em 0.5em 0}";
 const PnProductCardStyle0 = pnProductCardCss;
 
 const PnProductCard = class {
@@ -14,12 +14,12 @@ const PnProductCard = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '8820ff07b1beb85eab71ac17969f180b4583702b' }, index.h("slot", { key: '99de29e791a1596c91480c2b51cce04370ba31b4', name: "illustration" }), index.h("div", { key: '757ea10e8ff6f750145fe32e683201168313a414', class: "cardcontent" }, index.h("div", { key: 'c20be4eea924cb56aea3cdde07117e544df89ccc', class: "details" }, index.h("slot", { key: 'de9d57eb95bb89522f3acbb3a7e37d8b87f123d9', name: "title" }), index.h("slot", { key: '2be544d4fe94c805a644c73513300406fad920d0', name: "content" }), index.h("div", { key: '5585b3e640d96a1652be93deab8e19137cda73e7', class: "info" }, index.h("slot", { key: 'c15fdffdd4afdb13c9d98cdf754f698b54cdedb7' })), index.h("slot", { key: '72481f7cd53ff5b1c030502fde5ebd0c1992cb1f', name: "note" }), index.h("slot", { key: '9e1c8aa3d3d0fe9995f19120ff2de312ac1ce3a2', name: "additionalUSP" })), index.h("div", { key: '2e7b5efa651b75894b0b178fe8eaf3a6f8f7c6f8', class: "cardprice" }, index.h("slot", { key: '7e0967a6a902a5f4d32e544e1472f26569ec3f5c', name: "cardprice" }), index.h("slot", { key: '77b1789fa6b6ed065ce37c0130d58e00731be695', name: "mobiledownload" }), index.h("slot", { key: '2508d0d90e212c3b77a2028deb501f72dc191cf4', name: "servicepoint" })))));
+        return (index.h(index.Host, { key: 'a2f8575d2606b41f8193caa240cafa60311b5b6a' }, index.h("slot", { key: '366f45aa43c58a724475a92c8a80a3bc387df54b', name: "illustration" }), index.h("div", { key: 'f23a5bfa486d95027b47903a0f64b60195700a3d', class: "cardcontent" }, index.h("div", { key: '15437a56af91702f4c88e8f67e5ad1ca09e05c15', class: "details" }, index.h("slot", { key: 'dbff885efc6c6068dee18a7009ebe32068863b5a', name: "title" }), index.h("slot", { key: 'a1a9316b0cdc8b01abf584d2608363b70f740771', name: "content" }), index.h("div", { key: 'f13e09bf06a66f2467af95f52de8632d55811c0d', class: "info" }, index.h("slot", { key: '481d4e94eadf14f1045d8081b7d8abbdd41191a5' })), index.h("slot", { key: '9fe23bcb9d4ed92a3d602bca06cf39dd48aa19b4', name: "note" }), index.h("slot", { key: 'a67b48193cc2fc9a1b8839e561e17abc5c480818', name: "additionalUSP" })), index.h("div", { key: 'ff78e438332b1de3de8e2d6dbf1edbb4e3a9e550', class: "cardprice" }, index.h("slot", { key: 'd674cbd5a72b3e7a1e5058640b454b569d6928e9', name: "cardprice" }), index.h("slot", { key: 'dad5658682e02baf50b6ad5cd753ab174fcd8f2c', name: "mobiledownload" }), index.h("slot", { key: '206ede97d7f344d39663d743d0a53d7cb38c1d8b', name: "servicepoint" })))));
     }
 };
 PnProductCard.style = PnProductCardStyle0;
 
-const pnProductCardInfoCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-product-card-info{align-self:center}.cardinfocontent{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;font-size:0.875em;gap:1.6rem}@media screen and (min-width: 36em){.cardinfocontent{flex-direction:row}}.cardinfocontent>div p{margin:0.25em 0.25em 0 0}.cardinfocontent-item{margin-top:0.5em}[slot=formatPre]{font-family:\"PostNordSans\", \"Verdana\";margin:0.5em 3em 0 0}[slot=formatPre]>strong{font-weight:bold}.cardinfoprice{display:flex;font-size:1em;flex-direction:row;justify-content:center;flex-grow:1}";
+const pnProductCardInfoCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-product-card-info{align-self:center}.cardinfocontent{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;font-size:0.875em;gap:1.6rem}@media screen and (min-width: 36em){.cardinfocontent{flex-direction:row}}.cardinfocontent>div p{margin:0.25em 0.25em 0 0}.cardinfocontent-item{margin-top:0.5em}[slot=formatPre]{font-family:\"PostNordSans\", \"Verdana\";margin:0.5em 3em 0 0}[slot=formatPre]>strong{font-weight:bold}.cardinfoprice{display:flex;font-size:1em;flex-direction:row;justify-content:center;flex-grow:1}";
 const PnProductCardInfoStyle0 = pnProductCardInfoCss;
 
 const PnProductCardInfo = class {
@@ -37,7 +37,7 @@ const PnProductCardInfo = class {
 index.h("pn-icon", { icon: align_center.align_center, small: "false", color: "black" });
 PnProductCardInfo.style = PnProductCardInfoStyle0;
 
-const pnProductCardPriceCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-product-card-price{margin-top:1rem;white-space:nowrap;text-align:center;display:flex;flex-direction:column}pn-product-card-price span:last-child{display:inline-block;margin-left:0.2em}pn-product-card-price+pn-product-card-price{margin-right:0}pn-product-card-price pn-icon{display:inline-block;align-self:center}pn-product-card-price .price{font-size:2.5em;font-weight:bold;order:1}pn-product-card-price pn-button{min-width:12.8em;font-size:1.25;order:2}@media screen and (min-width: 48em){pn-product-card-price pn-button{order:3;margin-bottom:1.6rem}}pn-product-card-price p{font-weight:lighter;font-size:0.875em;align-self:center;margin-top:0.8rem;order:3}@media screen and (min-width: 48em){pn-product-card-price p{order:2}}";
+const pnProductCardPriceCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-product-card-price{margin-top:1rem;white-space:nowrap;text-align:center;display:flex;flex-direction:column}pn-product-card-price span:last-child{display:inline-block;margin-left:0.2em}pn-product-card-price+pn-product-card-price{margin-right:0}pn-product-card-price pn-icon{display:inline-block;align-self:center}pn-product-card-price .price{font-size:2.5em;font-weight:bold;order:1}pn-product-card-price pn-button{min-width:12.8em;font-size:1.25;order:2}@media screen and (min-width: 48em){pn-product-card-price pn-button{order:3;margin-bottom:1.6rem}}pn-product-card-price p{font-weight:lighter;font-size:0.875em;align-self:center;margin-top:0.8rem;order:3}@media screen and (min-width: 48em){pn-product-card-price p{order:2}}";
 const PnProductCardPriceStyle0 = pnProductCardPriceCss;
 
 const PnProductCardPrice = class {

package/cjs/pn-product-card_3.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"pn-product-card.pn-product-card-info.pn-product-card-price.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,gBAAgB,GAAG,oiHAAoiH,CAAC;AAC9jH,4BAAe,gBAAgB;;MCKlB,aAAa;;;;IACxB,MAAM;QACJ,QACEA,QAACC,UAAI,uDACHD,mEAAM,IAAI,EAAC,cAAc,GAAG,EAC5BA,kEAAK,KAAK,EAAC,aAAa,IACtBA,kEAAK,KAAK,EAAC,SAAS,IAClBA,mEAAM,IAAI,EAAC,OAAO,GAAG,EACrBA,mEAAM,IAAI,EAAC,SAAS,GAAG,EACvBA,kEAAK,KAAK,EAAC,MAAM,IACfA,oEAAQ,CACJ,EACNA,mEAAM,IAAI,EAAC,MAAM,GAAG,EACpBA,mEAAM,IAAI,EAAC,eAAe,GAAG,CACzB,EACNA,kEAAK,KAAK,EAAC,WAAW,IACpBA,mEAAM,IAAI,EAAC,WAAW,GAAG,EACzBA,mEAAM,IAAI,EAAC,gBAAgB,GAAQ,EACnCA,mEAAM,IAAI,EAAC,cAAc,GAAQ,CAC7B,CACF,CACD,EACP;KACH;;;;AC7BH,MAAM,oBAAoB,GAAG,4mBAA4mB,CAAC;AAC1oB,gCAAe,oBAAoB;;MCMtB,iBAAiB;;;;;;;;IAM5B,MAAM;QACJ,OAAO,IAAI,CAAC,KAAK,IACfA,QAACC,UAAI,QACHD,iBAAK,KAAK,EAAC,iBAAiB,IAAE,IAAI,CAAC,IAAI,GAAGA,iBAAK,IAAI,EAAC,WAAW,IAAE,IAAI,CAAC,IAAI,CAAO,GAAG,IAAI,CAAO,CAC1F,KAEPA,QAACC,UAAI,QACHD,iBAAK,KAAK,EAAC,iBAAiB,IACzB,IAAI,CAAC,KAAK,IACTA,iBAAK,KAAK,EAAC,sBAAsB,IAC/BA,uCAAwB,EACvB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,IAC7B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,IACxBA,mBACEA,wBAAS,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAU,OAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAC9D,KAEJA,mBAAI,IAAI,CAAK,CACd,CACF,CACG,IACJ,IAAI,EACP,IAAI,CAAC,KAAK,IACTA,iBAAK,KAAK,EAAC,sBAAsB,IAC/BA,gCAAsB,EACrB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,IAC7B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,IACxBA,mBACEA,wBAAS,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAU,OAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAC9D,KAEJA,mBAAI,IAAI,CAAK,CACd,CACF,CACG,IACJ,IAAI,CACJ,CACD,CACR,CAAC;KACH;;AAEHA,qBAAS,IAAI,EAAEE,yBAAY,EAAE,KAAK,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,GAAG,CAAC;;;ACtD5D,MAAM,qBAAqB,GAAG,2yBAA2yB,CAAC;AAC10B,iCAAe,qBAAqB;;MCMvB,kBAAkB;;;;;;;;;;;IAS7B,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;YAChB,OAAO;SACR;QACD,OAAO,IAAI,CAAC,GAAG,IACbF,QAACC,UAAI,IAAC,EAAE,EAAE,IAAI,CAAC,MAAM,IACnBD,iBAAK,KAAK,EAAC,OAAO,IACf,IAAI,CAAC,MAAM,GAAGA,sBAAO,IAAI,CAAC,MAAM,CAAQ,GAAG,IAAI,EAC/C,IAAI,CAAC,QAAQ,GAAGA,sBAAO,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAQ,GAAG,IAAI,CACtD,EACL,IAAI,CAAC,IAAI,GAAGA,mBAAI,IAAI,CAAC,IAAI,CAAK,GAAG,IAAI,EACrC,IAAI,CAAC,KAAK,IACTA,uBAAW,EAAE,EAAE,WAAW,GAAG,IAAI,CAAC,MAAM,EAAE,KAAK,EAAC,MAAM,EAAC,IAAI,EAAEG,uBAAW,EAAE,UAAU,EAAC,OAAO,EAAC,IAAI,EAAE,IAAI,CAAC,GAAG,EAAE,MAAM,EAAC,QAAQ,IACzH,IAAI,CAAC,KAAK,CACD,IACV,IAAI,CACH,KAEPH,QAACC,UAAI,QACHD,iBAAK,KAAK,EAAC,OAAO,IACf,IAAI,CAAC,MAAM,GAAGA,sBAAO,IAAI,CAAC,MAAM,CAAQ,GAAG,IAAI,EAC/C,IAAI,CAAC,QAAQ,GAAGA,sBAAO,IAAI,CAAC,QAAQ,CAAQ,GAAG,IAAI,CAChD,CACD,CACR,CAAC;KACH;;;;;;;;","names":["h","Host","align_center","open_in_new"],"sources":["src/components/widgets/pn-product-card/pn-product-card.scss?tag=pn-product-card","src/components/widgets/pn-product-card/pn-product-card.tsx","src/components/widgets/pn-product-card/pn-product-card-info.scss?tag=pn-product-card-info","src/components/widgets/pn-product-card/pn-product-card-info.tsx","src/components/widgets/pn-product-card/pn-product-card-price.scss?tag=pn-product-card-price","src/components/widgets/pn-product-card/pn-product-card-price.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card {\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  word-break: break-word;\n  text-decoration: none;\n  border-radius: 0.8rem;\n  position: relative;\n  padding: 11rem 2.4rem 2.4rem;\n  margin-bottom: 1.6rem;\n  @media screen and (min-width: $productcard-media-oversmallmobile) {\n    padding: 2.4rem;\n  }\n\n  [slot='title'] {\n    display: flex;\n    width: 100%;\n    margin-bottom: 0.8rem;\n    gap: 1.6rem;\n    flex-direction: column;\n    align-items: center;\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      flex-direction: row;\n      align-items: inherit;\n    }\n    h2 {\n      width: 100%;\n      @media screen and (min-width: $productcard-media-oversmallmobile) {\n        width: auto;\n      }\n\n      > a {\n        color: $black;\n        &::after {\n          content: '' !important;\n        }\n      }\n    }\n  }\n\n  [slot='note'] {\n    margin-top: 1em;\n    margin-bottom: 1em;\n    font-size: 0.8em;\n  }\n\n  [slot='additionalUSP'] {\n    display: flex;\n\n    :first-child {\n      margin-left: 0em;\n    }\n\n    span {\n      margin-left: 1em;\n      background: $gray200;\n      color: $gray900;\n      border-radius: 0.25em;\n      width: fit-content;\n      padding: 0.3em;\n      margin-top: 0.5em;\n      font-size: 0.75em;\n    }\n  }\n\n  > pn-illustration {\n    min-width: 8rem;\n    width: 8rem;\n    height: 8rem;\n    align-self: center;\n    position: absolute;\n    top: 1.6rem;\n    transform: translateX(-50%);\n    left: 50%;\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    border-radius: 100%;\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      box-shadow: none;\n      top: 1.6rem;\n      right: 1.6rem;\n      left: auto;\n      transform: none;\n    }\n    @media screen and (min-width: $productcard-media-tablet) {\n      position: static;\n      top: auto;\n      right: auto;\n      margin-right: 3rem;\n    }\n  }\n\n  .cardcontent {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    flex-grow: 1;\n    @media screen and (min-width: $productcard-media-tablet) {\n      flex-direction: row;\n      gap: 1.6rem;\n    }\n  }\n\n  [slot='cardprice'] {\n    display: flex;\n    // flex-wrap: wrap;\n    flex-direction: column;\n    justify-content: center;\n    padding: 0.6em;\n    flex-grow: 1;\n\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      flex-direction: row;\n      justify-content: space-between;\n    }\n\n    @media screen and (min-width: $productcard-media-tablet) {\n      flex-direction: column;\n      justify-content: center;\n      align-items: flex-end;\n    }\n  }\n\n  [slot='mobiledownload'] {\n    margin-top: 1rem;\n    white-space: nowrap;\n    text-align: center;\n\n    display: flex;\n    flex-direction: column;\n\n    #riktiga {\n      order: 4;\n      margin-top: 1em;\n\n      > div {\n        > a {\n          &::after {\n            content: '' !important;\n          }\n        }\n      }\n    }\n    .riktigaAndroidImg {\n      width: 6em;\n      margin: 0.5em;\n    }\n\n    .riktigaAppleImg {\n      width: 5.6em;\n      margin: 0.5em;\n    }\n\n    a {\n      text-decoration: none;\n      color: $blue700;\n      h3 {\n        text-decoration: underline;\n      }\n    }\n  }\n  [slot='servicepoint'] {\n    // flex-wrap: wrap;\n    flex-direction: column;\n    justify-content: center;\n    flex-grow: 2;\n    align-items: flex-end;\n    text-align: center;\n\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      flex-direction: row;\n      justify-content: space-between;\n    }\n\n    @media screen and (min-width: $productcard-media-tablet) {\n      flex-direction: column;\n      justify-content: center;\n      align-items: flex-end;\n    }\n  }\n\n  .details {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    width: 100%;\n  }\n\n  .info {\n    display: flex;\n    justify-content: space-between;\n    flex-grow: 1;\n    flex-flow: wrap;\n\n    > * {\n      min-width: 6em;\n      margin: 0.5em 1em 0.5em 0;\n    }\n\n    padding: 0 1em 0 0;\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pn-product-card',\n  styleUrl: 'pn-product-card.scss',\n})\nexport class PnProductCard {\n  render() {\n    return (\n      <Host>\n        <slot name=\"illustration\" />\n        <div class=\"cardcontent\">\n          <div class=\"details\">\n            <slot name=\"title\" />\n            <slot name=\"content\" />\n            <div class=\"info\">\n              <slot />\n            </div>\n            <slot name=\"note\" />\n            <slot name=\"additionalUSP\" />\n          </div>\n          <div class=\"cardprice\">\n            <slot name=\"cardprice\" />\n            <slot name=\"mobiledownload\"></slot>\n            <slot name=\"servicepoint\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card-info {\n  align-self: center;\n}\n\n.cardinfocontent {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  flex-grow: 1;\n  font-size: 0.875em;\n  gap: 1.6rem;\n  @media screen and (min-width: $productcard-media-oversmallmobile) {\n    flex-direction: row;\n  }\n  > div p {\n    margin: 0.25em 0.25em 0 0;\n  }\n}\n\n.cardinfocontent-item {\n  margin-top: 0.5em;\n}\n[slot='formatPre'] {\n  font-family: 'PostNordSans', 'Verdana';\n  > strong {\n    font-weight: bold;\n  }\n  margin: 0.5em 3em 0 0;\n}\n\n.cardinfoprice {\n  display: flex;\n  font-size: 1em;\n  flex-direction: row;\n  justify-content: center;\n  flex-grow: 1;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { align_center } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-product-card-info',\n  styleUrl: 'pn-product-card-info.scss',\n})\nexport class PnProductCardInfo {\n  @Prop() rulle: string;\n  @Prop() paket: string;\n  @Prop() label: string;\n  @Prop() text: string;\n\n  render() {\n    return this.label ? (\n      <Host>\n        <div class=\"cardinfocontent\">{this.text ? <pre slot=\"formatPre\">{this.text}</pre> : null}</div>\n      </Host>\n    ) : (\n      <Host>\n        <div class=\"cardinfocontent\">\n          {this.paket ? (\n            <div class=\"cardinfocontent-item\">\n              <strong>Maxmått</strong>\n              {this.paket.split('/').map(item =>\n                item.split(':').length > 1 ? (\n                  <p>\n                    <strong>{item.split(':')[0] + ': '}</strong> {item.split(':')[1]}\n                  </p>\n                ) : (\n                  <p>{item}</p>\n                ),\n              )}\n            </div>\n          ) : null}\n          {this.rulle ? (\n            <div class=\"cardinfocontent-item\">\n              <strong>Rulle</strong>\n              {this.rulle.split('/').map(item =>\n                item.split(':').length > 0 ? (\n                  <p>\n                    <strong>{item.split(':')[0] + ': '}</strong> {item.split(':')[1]}\n                  </p>\n                ) : (\n                  <p>{item}</p>\n                ),\n              )}\n            </div>\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n<pn-icon icon={align_center} small=\"false\" color=\"black\" />;\n","@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card-price {\n  margin-top: 1rem;\n  white-space: nowrap;\n  text-align: center;\n\n  display: flex;\n  flex-direction: column;\n\n  span:last-child {\n    display: inline-block;\n    margin-left: 0.2em;\n  }\n  & + pn-product-card-price {\n    margin-right: 0;\n  }\n\n  pn-icon {\n    display: inline-block;\n    align-self: center;\n  }\n\n  .price {\n    font-size: 2.5em;\n    font-weight: bold;\n    order: 1;\n  }\n  pn-button {\n    min-width: 12.8em;\n    font-size: 1.25;\n    order: 2;\n\n    @media screen and (min-width: $productcard-media-tablet) {\n      order: 3;\n      margin-bottom: 1.6rem;\n    }\n  }\n\n  p {\n    font-weight: lighter;\n    font-size: 0.875em;\n    align-self: center;\n    margin-top: 0.8rem;\n    order: 3;\n    @media screen and (min-width: $productcard-media-tablet) {\n      order: 2;\n    }\n  }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { open_in_new } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-product-card-price',\n  styleUrl: 'pn-product-card-price.scss',\n})\nexport class PnProductCardPrice {\n  @Prop() label: string;\n  @Prop() amount: string;\n  @Prop() currency: string;\n  @Prop() note: string;\n  @Prop() url: string;\n  @Prop() service: string;\n  @Prop() linkid: string;\n\n  render() {\n    if (!this.amount) {\n      return;\n    }\n    return this.url ? (\n      <Host id={this.linkid}>\n        <div class=\"price\">\n          {this.amount ? <span>{this.amount}</span> : null}\n          {this.currency ? <span>{' ' + this.currency}</span> : null}\n        </div>\n        {this.note ? <p>{this.note}</p> : null}\n        {this.label ? (\n          <pn-button id={'pricecta-' + this.linkid} small=\"true\" icon={open_in_new} appearance=\"light\" href={this.url} target=\"_blank\">\n            {this.label}\n          </pn-button>\n        ) : null}\n      </Host>\n    ) : (\n      <Host>\n        <div class=\"price\">\n          {this.amount ? <span>{this.amount}</span> : null}\n          {this.currency ? <span>{this.currency}</span> : null}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pn-product-card.pn-product-card-info.pn-product-card-price.entry.cjs.js","mappings":"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","names":["h","Host","align_center","open_in_new"],"sources":["src/components/widgets/pn-product-card/pn-product-card.scss?tag=pn-product-card","src/components/widgets/pn-product-card/pn-product-card.tsx","src/components/widgets/pn-product-card/pn-product-card-info.scss?tag=pn-product-card-info","src/components/widgets/pn-product-card/pn-product-card-info.tsx","src/components/widgets/pn-product-card/pn-product-card-price.scss?tag=pn-product-card-price","src/components/widgets/pn-product-card/pn-product-card-price.tsx"],"sourcesContent":["@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card {\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  word-break: break-word;\n  text-decoration: none;\n  border-radius: 0.8rem;\n  position: relative;\n  padding: 11rem 2.4rem 2.4rem;\n  margin-bottom: 1.6rem;\n  @media screen and (min-width: $productcard-media-oversmallmobile) {\n    padding: 2.4rem;\n  }\n\n  [slot='title'] {\n    display: flex;\n    width: 100%;\n    margin-bottom: 0.8rem;\n    gap: 1.6rem;\n    flex-direction: column;\n    align-items: center;\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      flex-direction: row;\n      align-items: inherit;\n    }\n    h2 {\n      width: 100%;\n      @media screen and (min-width: $productcard-media-oversmallmobile) {\n        width: auto;\n      }\n\n      > a {\n        color: $black;\n        &::after {\n          content: '' !important;\n        }\n      }\n    }\n  }\n\n  [slot='note'] {\n    margin-top: 1em;\n    margin-bottom: 1em;\n    font-size: 0.8em;\n  }\n\n  [slot='additionalUSP'] {\n    display: flex;\n\n    :first-child {\n      margin-left: 0em;\n    }\n\n    span {\n      margin-left: 1em;\n      background: $gray200;\n      color: $gray900;\n      border-radius: 0.25em;\n      width: fit-content;\n      padding: 0.3em;\n      margin-top: 0.5em;\n      font-size: 0.75em;\n    }\n  }\n\n  > pn-illustration {\n    min-width: 8rem;\n    width: 8rem;\n    height: 8rem;\n    align-self: center;\n    position: absolute;\n    top: 1.6rem;\n    transform: translateX(-50%);\n    left: 50%;\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    border-radius: 100%;\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      box-shadow: none;\n      top: 1.6rem;\n      right: 1.6rem;\n      left: auto;\n      transform: none;\n    }\n    @media screen and (min-width: $productcard-media-tablet) {\n      position: static;\n      top: auto;\n      right: auto;\n      margin-right: 3rem;\n    }\n  }\n\n  .cardcontent {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    flex-grow: 1;\n    @media screen and (min-width: $productcard-media-tablet) {\n      flex-direction: row;\n      gap: 1.6rem;\n    }\n  }\n\n  [slot='cardprice'] {\n    display: flex;\n    // flex-wrap: wrap;\n    flex-direction: column;\n    justify-content: center;\n    padding: 0.6em;\n    flex-grow: 1;\n\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      flex-direction: row;\n      justify-content: space-between;\n    }\n\n    @media screen and (min-width: $productcard-media-tablet) {\n      flex-direction: column;\n      justify-content: center;\n      align-items: flex-end;\n    }\n  }\n\n  [slot='mobiledownload'] {\n    margin-top: 1rem;\n    white-space: nowrap;\n    text-align: center;\n\n    display: flex;\n    flex-direction: column;\n\n    #riktiga {\n      order: 4;\n      margin-top: 1em;\n\n      > div {\n        > a {\n          &::after {\n            content: '' !important;\n          }\n        }\n      }\n    }\n    .riktigaAndroidImg {\n      width: 6em;\n      margin: 0.5em;\n    }\n\n    .riktigaAppleImg {\n      width: 5.6em;\n      margin: 0.5em;\n    }\n\n    a {\n      text-decoration: none;\n      color: $blue700;\n      h3 {\n        text-decoration: underline;\n      }\n    }\n  }\n  [slot='servicepoint'] {\n    // flex-wrap: wrap;\n    flex-direction: column;\n    justify-content: center;\n    flex-grow: 2;\n    align-items: flex-end;\n    text-align: center;\n\n    @media screen and (min-width: $productcard-media-oversmallmobile) {\n      flex-direction: row;\n      justify-content: space-between;\n    }\n\n    @media screen and (min-width: $productcard-media-tablet) {\n      flex-direction: column;\n      justify-content: center;\n      align-items: flex-end;\n    }\n  }\n\n  .details {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    width: 100%;\n  }\n\n  .info {\n    display: flex;\n    justify-content: space-between;\n    flex-grow: 1;\n    flex-flow: wrap;\n\n    > * {\n      min-width: 6em;\n      margin: 0.5em 1em 0.5em 0;\n    }\n\n    padding: 0 1em 0 0;\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pn-product-card',\n  styleUrl: 'pn-product-card.scss',\n})\nexport class PnProductCard {\n  render() {\n    return (\n      <Host>\n        <slot name=\"illustration\" />\n        <div class=\"cardcontent\">\n          <div class=\"details\">\n            <slot name=\"title\" />\n            <slot name=\"content\" />\n            <div class=\"info\">\n              <slot />\n            </div>\n            <slot name=\"note\" />\n            <slot name=\"additionalUSP\" />\n          </div>\n          <div class=\"cardprice\">\n            <slot name=\"cardprice\" />\n            <slot name=\"mobiledownload\"></slot>\n            <slot name=\"servicepoint\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card-info {\n  align-self: center;\n}\n\n.cardinfocontent {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  flex-grow: 1;\n  font-size: 0.875em;\n  gap: 1.6rem;\n  @media screen and (min-width: $productcard-media-oversmallmobile) {\n    flex-direction: row;\n  }\n  > div p {\n    margin: 0.25em 0.25em 0 0;\n  }\n}\n\n.cardinfocontent-item {\n  margin-top: 0.5em;\n}\n[slot='formatPre'] {\n  font-family: 'PostNordSans', 'Verdana';\n  > strong {\n    font-weight: bold;\n  }\n  margin: 0.5em 3em 0 0;\n}\n\n.cardinfoprice {\n  display: flex;\n  font-size: 1em;\n  flex-direction: row;\n  justify-content: center;\n  flex-grow: 1;\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { align_center } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-product-card-info',\n  styleUrl: 'pn-product-card-info.scss',\n})\nexport class PnProductCardInfo {\n  @Prop() rulle: string;\n  @Prop() paket: string;\n  @Prop() label: string;\n  @Prop() text: string;\n\n  render() {\n    return this.label ? (\n      <Host>\n        <div class=\"cardinfocontent\">{this.text ? <pre slot=\"formatPre\">{this.text}</pre> : null}</div>\n      </Host>\n    ) : (\n      <Host>\n        <div class=\"cardinfocontent\">\n          {this.paket ? (\n            <div class=\"cardinfocontent-item\">\n              <strong>Maxmått</strong>\n              {this.paket.split('/').map(item =>\n                item.split(':').length > 1 ? (\n                  <p>\n                    <strong>{item.split(':')[0] + ': '}</strong> {item.split(':')[1]}\n                  </p>\n                ) : (\n                  <p>{item}</p>\n                ),\n              )}\n            </div>\n          ) : null}\n          {this.rulle ? (\n            <div class=\"cardinfocontent-item\">\n              <strong>Rulle</strong>\n              {this.rulle.split('/').map(item =>\n                item.split(':').length > 0 ? (\n                  <p>\n                    <strong>{item.split(':')[0] + ': '}</strong> {item.split(':')[1]}\n                  </p>\n                ) : (\n                  <p>{item}</p>\n                ),\n              )}\n            </div>\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n<pn-icon icon={align_center} small=\"false\" color=\"black\" />;\n","@import '../../../globals/main.scss';\n@import './pn-product-card-common.scss';\n\npn-product-card-price {\n  margin-top: 1rem;\n  white-space: nowrap;\n  text-align: center;\n\n  display: flex;\n  flex-direction: column;\n\n  span:last-child {\n    display: inline-block;\n    margin-left: 0.2em;\n  }\n  & + pn-product-card-price {\n    margin-right: 0;\n  }\n\n  pn-icon {\n    display: inline-block;\n    align-self: center;\n  }\n\n  .price {\n    font-size: 2.5em;\n    font-weight: bold;\n    order: 1;\n  }\n  pn-button {\n    min-width: 12.8em;\n    font-size: 1.25;\n    order: 2;\n\n    @media screen and (min-width: $productcard-media-tablet) {\n      order: 3;\n      margin-bottom: 1.6rem;\n    }\n  }\n\n  p {\n    font-weight: lighter;\n    font-size: 0.875em;\n    align-self: center;\n    margin-top: 0.8rem;\n    order: 3;\n    @media screen and (min-width: $productcard-media-tablet) {\n      order: 2;\n    }\n  }\n}\n","import { Component, h, Prop, Host } from '@stencil/core';\nimport { open_in_new } from 'pn-design-assets/pn-assets/icons.js';\n\n@Component({\n  tag: 'pn-product-card-price',\n  styleUrl: 'pn-product-card-price.scss',\n})\nexport class PnProductCardPrice {\n  @Prop() label: string;\n  @Prop() amount: string;\n  @Prop() currency: string;\n  @Prop() note: string;\n  @Prop() url: string;\n  @Prop() service: string;\n  @Prop() linkid: string;\n\n  render() {\n    if (!this.amount) {\n      return;\n    }\n    return this.url ? (\n      <Host id={this.linkid}>\n        <div class=\"price\">\n          {this.amount ? <span>{this.amount}</span> : null}\n          {this.currency ? <span>{' ' + this.currency}</span> : null}\n        </div>\n        {this.note ? <p>{this.note}</p> : null}\n        {this.label ? (\n          <pn-button id={'pricecta-' + this.linkid} small=\"true\" icon={open_in_new} appearance=\"light\" href={this.url} target=\"_blank\">\n            {this.label}\n          </pn-button>\n        ) : null}\n      </Host>\n    ) : (\n      <Host>\n        <div class=\"price\">\n          {this.amount ? <span>{this.amount}</span> : null}\n          {this.currency ? <span>{this.currency}</span> : null}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/cjs/pn-product-pricelist-result.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-34e1c673.js');
-const index = require('./index-1d8c9211.js');
+const index$1 = require('./index-b02670c2.js');
+const index = require('./index-4067c6a5.js');
 const data = require('./data-4380242c.js');
 const box_label = require('./box_label-bc4011bb.js');
 
@@ -22,7 +22,7 @@ const { state, onChange } = index.createStore({
     },
 });
 
-const pnProductPricelistResultCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}";
+const pnProductPricelistResultCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}";
 const PnProductPricelistResultStyle0 = pnProductPricelistResultCss;
 
 const PnFindProductPricelistResult = class {
@@ -57,7 +57,7 @@ const PnFindProductPricelistResult = class {
         // (this.item.what === "letter" && this.item.maxweight > 999) ? Math.round(this.item.maxweight/1000) + " kg" : this.item.maxweight + " g";
     }
     render() {
-        return (index$1.h(index$1.Host, { key: '7c81f4a3960e3068ac5e1c268e73a6967a12e2b2' }, this.shownitems.map(item => (index$1.h("pn-product-card", { "data-productid": item.id }, index$1.h("pn-illustration", { slot: "illustration", illustration: this.item.illustration }), index$1.h("div", { slot: "title" }, index$1.h("h2", null, item.name, " "), this.item.highestrankusp ? (this.item.highestrankusp === 'Billigast' ? (index$1.h("pn-titletag", { slot: "Billigast", icon: box_label.box_label }, this.item.highestrankusp)) : (index$1.h("pn-titletag", { slot: "Snabbast", icon: box_label.bolt, color: "blue700" }, this.item.highestrankusp))) : null), index$1.h("div", { slot: "content" }, index$1.h("div", { class: "content" }, this.item.description ? (index$1.h("div", { class: "description" }, this.description.map(desc => (index$1.h("li", null, desc))))) : null, this.item.info ? index$1.h("div", { class: "description" }, this.item.info) : null)), this.item.note ? (index$1.h("small", { slot: "note" }, index$1.h("p", null, this.item.note))) : null, this.item.additionalusp ? (index$1.h("div", { slot: "additionalUSP" })) : null, this.showMeasurement ? index$1.h("pn-product-card-info", { paket: this.item.maxmått, rulle: this.item.rulle }) : null, index$1.h("div", { slot: "cardprice" }, this.item.pricesenddirect ? (index$1.h("pn-product-card-price", { slot: "sendDirectPrice", label: state.i18n.senddirectcta, amount: this.item.pricesenddirect + '', currency: state.market.currency, url: data.sendDirectUrl, service: this.item.name + '-portal' })) : null, this.item.pricestamps ? (index$1.h("pn-product-card-price", { slot: "stampPrice", label: state.i18n.stampshopcta, amount: this.item.pricestamps + '', currency: state.market.currency, url: data.stampShopUrl, service: this.item.name + '-eshop' })) : null))
+        return (index$1.h(index$1.Host, { key: 'ddf1cea70f3cb701c4aab814d3b215fd7765017a' }, this.shownitems.map(item => (index$1.h("pn-product-card", { "data-productid": item.id }, index$1.h("pn-illustration", { slot: "illustration", illustration: this.item.illustration }), index$1.h("div", { slot: "title" }, index$1.h("h2", null, item.name, " "), this.item.highestrankusp ? (this.item.highestrankusp === 'Billigast' ? (index$1.h("pn-titletag", { slot: "Billigast", icon: box_label.box_label }, this.item.highestrankusp)) : (index$1.h("pn-titletag", { slot: "Snabbast", icon: box_label.bolt, color: "blue700" }, this.item.highestrankusp))) : null), index$1.h("div", { slot: "content" }, index$1.h("div", { class: "content" }, this.item.description ? (index$1.h("div", { class: "description" }, this.description.map(desc => (index$1.h("li", null, desc))))) : null, this.item.info ? index$1.h("div", { class: "description" }, this.item.info) : null)), this.item.note ? (index$1.h("small", { slot: "note" }, index$1.h("p", null, this.item.note))) : null, this.item.additionalusp ? (index$1.h("div", { slot: "additionalUSP" })) : null, this.showMeasurement ? index$1.h("pn-product-card-info", { paket: this.item.maxmått, rulle: this.item.rulle }) : null, index$1.h("div", { slot: "cardprice" }, this.item.pricesenddirect ? (index$1.h("pn-product-card-price", { slot: "sendDirectPrice", label: state.i18n.senddirectcta, amount: this.item.pricesenddirect + '', currency: state.market.currency, url: data.sendDirectUrl, service: this.item.name + '-portal' })) : null, this.item.pricestamps ? (index$1.h("pn-product-card-price", { slot: "stampPrice", label: state.i18n.stampshopcta, amount: this.item.pricestamps + '', currency: state.market.currency, url: data.stampShopUrl, service: this.item.name + '-eshop' })) : null))
         // <pn-product-tile>
         //   <pn-illustration slot="illustration" illustration={ item.illustration }></pn-illustration>
         //   <div slot="content">

package/cjs/pn-product-pricelist-result.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"pn-product-pricelist-result.entry.cjs.js","mappings":"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","names":["createStore","h","Host","box_label","bolt","sendDirectUrl","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"],"version":3}
+{"file":"pn-product-pricelist-result.entry.cjs.js","mappings":"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","names":["createStore","h","Host","box_label","bolt","sendDirectUrl","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"],"version":3}

package/cjs/pn-product-pricelist.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-34e1c673.js');
+const index = require('./index-b02670c2.js');
 const data = require('./data-4380242c.js');
 const convert = require('./convert-31d3b805.js');
-const pnFindPriceStore = require('./pn-find-price-store-051e931b.js');
-require('./index-1d8c9211.js');
+const pnFindPriceStore = require('./pn-find-price-store-0c8256c7.js');
+require('./index-4067c6a5.js');
 
 const translations = {
     sv: {
@@ -81,7 +81,7 @@ const markets = {
     },
 };
 
-const pnProductPricelistCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-product-pricelist pn-spinner{margin:1em auto}pn-product-pricelist h2,pn-product-pricelist .heading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:1rem}pn-product-pricelist .content,pn-product-pricelist .weightselection,pn-product-pricelist .resultlist{max-width:50em;margin:0 auto 1.6rem}pn-product-pricelist .weightoption{display:flex;gap:1.6rem}pn-product-pricelist .weightoption-input{width:5em;position:relative;display:none}pn-product-pricelist .weightoption-input input::-webkit-outer-spin-button,pn-product-pricelist .weightoption-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}pn-product-pricelist .weightoption-input-abbreviation{position:absolute;top:50%;transform:translateY(-50%);right:1.2em;margin-top:1.55rem;font-weight:500}pn-product-pricelist .weightoption-range{flex-grow:1;align-self:flex-end;position:relative;top:0.5em}pn-product-pricelist .weightoption-range input{width:calc(100% - 1.5em)}pn-product-pricelist .weightoption-range datalist{width:100%;display:flex;justify-content:space-between;font-size:0.75em}pn-product-pricelist .resultlist:not([data-list-count=\"0\"]){margin-top:2em}";
+const pnProductPricelistCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}@media screen and (max-width: 767px){.sr-only-mobile{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}}pn-product-pricelist pn-spinner{margin:1em auto}pn-product-pricelist h2,pn-product-pricelist .heading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:1rem}pn-product-pricelist .content,pn-product-pricelist .weightselection,pn-product-pricelist .resultlist{max-width:50em;margin:0 auto 1.6rem}pn-product-pricelist .weightoption{display:flex;gap:1.6rem}pn-product-pricelist .weightoption-input{width:5em;position:relative;display:none}pn-product-pricelist .weightoption-input input::-webkit-outer-spin-button,pn-product-pricelist .weightoption-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}pn-product-pricelist .weightoption-input-abbreviation{position:absolute;top:50%;transform:translateY(-50%);right:1.2em;margin-top:1.55rem;font-weight:500}pn-product-pricelist .weightoption-range{flex-grow:1;align-self:flex-end;position:relative;top:0.5em}pn-product-pricelist .weightoption-range input{width:calc(100% - 1.5em)}pn-product-pricelist .weightoption-range datalist{width:100%;display:flex;justify-content:space-between;font-size:0.75em}pn-product-pricelist .resultlist:not([data-list-count=\"0\"]){margin-top:2em}";
 const PnProductPricelistStyle0 = pnProductPricelistCss;
 
 const PnFindProductPricelist = class {
@@ -165,7 +165,7 @@ const PnFindProductPricelist = class {
         this.gotData = this.filteredItems.length > 0;
     }
     render() {
-        return (index.h(index.Host, { key: 'dbbe8884fadc5b4054c93006fe9ad66e2e6f9c1e' }, index.h("div", { key: '4dd6ec4773b9e67ff698c513ed1d01844b8009d6', class: "content" }, index.h("slot", { key: 'd0b5bfd51cde5e4f112a0b25f49e0affcc7ad8aa' })), this.loading ? index.h("pn-spinner", null) : null, this.postagetype.value && data.weights[this.postagetype.value] ? (index.h("div", { class: "weightselection" }, index.h("div", { class: "weightoption" }, index.h("div", { class: "weightoption-input" }, index.h("pn-input", { inputid: "weightvalue", name: "weightvalue", type: "number", label: pnFindPriceStore.state.i18n.weightlabel, value: this.weightvalue, onChange: e => {
+        return (index.h(index.Host, { key: 'f87daa33411e8063c5d0c4fd3c865db7987f80cf' }, index.h("div", { key: 'c2b7d77e57d67e9eddbebfeeaf78a9c8c98a82e9', class: "content" }, index.h("slot", { key: 'd7d0cefe22314e6630d8f212071257be6a49f50b' })), this.loading ? index.h("pn-spinner", null) : null, this.postagetype.value && data.weights[this.postagetype.value] ? (index.h("div", { class: "weightselection" }, index.h("div", { class: "weightoption" }, index.h("div", { class: "weightoption-input" }, index.h("pn-input", { inputid: "weightvalue", name: "weightvalue", type: "number", label: pnFindPriceStore.state.i18n.weightlabel, value: this.weightvalue, onChange: e => {
                 if (e && e.target && e.target.value) {
                     const weightNum = parseInt(e.target.value, 10);
                     if (!isNaN(weightNum)) {
@@ -191,7 +191,7 @@ const PnFindProductPricelist = class {
                 labelText = weightindex % 5 === 0 || weightindex === 0 || weightindex === data.weights[this.postagetype.value].length - 1 ? weight.name : '';
             }
             return index.h("option", { value: weightindex, ...(labelText ? { label: labelText } : {}) });
-        })))))) : null, index.h("div", { key: 'df6b5a94f13c6ab569a20cde9d78506298513986', class: "resultlist", "data-list-count": this.filteredItems.length }, this.filteredItems.map((item) => (index.h("div", null, index.h("pn-find-price-result", { item: item })))))));
+        })))))) : null, index.h("div", { key: 'ca86315fa2bce991ee1bdcc8612128c4825b6832', class: "resultlist", "data-list-count": this.filteredItems.length }, this.filteredItems.map((item) => (index.h("div", null, index.h("pn-find-price-result", { item: item })))))));
     }
     static get watchers() { return {
         "market": ["setState"],

package/cjs/pn-product-pricelist.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"pn-product-pricelist.entry.cjs.js","mappings":"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","names":["state","convertFileFromStream","weights","h","Host"],"sources":["src/components/widgets/pn-product-pricelist/pn-product-pricelist-translations.ts","src/components/widgets/pn-product-pricelist/pn-product-pricelist.scss?tag=pn-product-pricelist","src/components/widgets/pn-product-pricelist/pn-product-pricelist.tsx"],"sourcesContent":["export const translations = {\n  sv: {\n    componentheading: 'Våra priser och villkor för inrikesförsändelser för dig som direktbetalande kund?',\n    deliveryscopeheading: 'Endast leveranser inom Sverige',\n    resultlistheading: 'Några bra alternativ för dig',\n    weightlabel: 'Vikt',\n    maxweightlabel: 'Maxvikt',\n    maxmeasurementlabel: 'Maxvolym',\n    senddirectcta: 'Köp online',\n    stampshopcta: 'Köp frimärken',\n    message: '*Vid köp hos valfritt ombud',\n    servicePointHeader: 'Eller hitta närmaste serviceställe',\n    servicePointLink: 'Sök serviceställe eller brevlåda',\n  },\n  en: {\n    componentheading: 'Our prices and terms and conditions for domestic shipments for you as a direct paying customer',\n    deliveryscopeheading: 'Deliveries within Sweden only',\n    resultlistheading: 'Some suitable options for you',\n    weightlabel: 'Weight',\n    maxweightlabel: 'Max weight',\n    maxmeasurementlabel: 'Maximum measurement',\n    senddirectcta: 'Buy Online',\n    stampshopcta: 'Buy Stamps',\n    message: 'When buying from any agent',\n    servicePointHeader: 'Or find nearest service point',\n    servicePointLink: 'Search letter-box or service point',\n  },\n  da: {\n    componentheading: 'Vad vill du skicka?',\n    deliveryscopeheading: 'Kun leveringer indenfor Sverige',\n    resultlistheading: 'Some suitable options for you',\n    weightlabel: 'Vægt',\n    maxweightlabel: 'Max vægt',\n    maxmeasurementlabel: 'Maks. Volumen',\n    senddirectcta: 'Buy shipping in Send Direct',\n    stampshopcta: 'Order home stamps from the webshop',\n  },\n  no: {\n    componentheading: 'Vad vill du skicka?',\n    deliveryscopeheading: 'Kun leveranser innen Sverige',\n    resultlistheading: 'Some suitable options for you',\n    weightlabel: 'Vekt',\n    maxweightlabel: 'Maks vekt',\n    maxmeasurementlabel: 'Maks volum',\n    senddirectcta: 'Buy shipping in Send Direct',\n    stampshopcta: 'Order home stamps from the webshop',\n  },\n  fi: {\n    componentheading: 'Vad vill du skicka?',\n    deliveryscopeheading: 'Toimitukset vain Ruotsin sisällä',\n    resultlistheading: 'Some suitable options for you',\n    weightlabel: 'Paino',\n    maxweightlabel: 'Max paino',\n    maxmeasurementlabel: 'Max äänenvoimakkuus',\n    senddirectcta: 'Buy shipping in Send Direct',\n    stampshopcta: 'Order home stamps from the webshop',\n  },\n};\n\nexport const markets = {\n  se: {\n    currency: 'kr',\n  },\n  dk: {\n    currency: 'dk',\n  },\n  fi: {\n    currency: ' €',\n  },\n  no: {\n    currency: 'kr',\n  },\n};\n","@import '../../../globals/main.scss';\n\npn-product-pricelist {\n  pn-spinner {\n    margin: 1em auto;\n  }\n\n  h2,\n  .heading {\n    text-align: center;\n    font-size: 1.5em;\n    line-height: 1.1;\n    font-weight: bold;\n    margin-bottom: 1rem;\n  }\n\n  .content,\n  .weightselection,\n  .resultlist {\n    max-width: 50em;\n    margin: 0 auto 1.6rem;\n  }\n\n  .weightoption {\n    display: flex;\n    gap: 1.6rem;\n  }\n\n  .weightoption-input {\n    width: 5em;\n    position: relative;\n    display: none;\n\n    input::-webkit-outer-spin-button,\n    input::-webkit-inner-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n  }\n\n  .weightoption-input-abbreviation {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: 1.2em;\n    margin-top: 1.55rem;\n    font-weight: 500;\n  }\n\n  .weightoption-range {\n    flex-grow: 1;\n    align-self: flex-end;\n    position: relative;\n    top: 0.5em;\n    input {\n      width: calc(100% - 1.5em);\n    }\n    datalist {\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n      font-size: 0.75em;\n    }\n  }\n\n  .resultlist:not([data-list-count='0']) {\n    margin-top: 2em;\n  }\n}\n","import { Component, h, Prop, State, Host, Watch } from '@stencil/core';\nimport { translations, markets } from './pn-product-pricelist-translations';\nimport { FindPriceWeight, PnfindPriceMarket, PnfindPricei18n, FindPriceSizeCategory } from '../pn-find-price/pn-find-price-types';\nimport { ProductPriceSourceData, ProductPriceItem } from '../../../globals/shared/productprice/product-price-types';\nimport { ProductPriceListi18n, ProductPriceListMarket, ProductPriceListWeight } from './pn-product-pricelist-types';\nimport { weights } from './data.js';\nimport { convertFileFromStream } from '../../../globals/shared/productprice/convert.js';\n// import { state } from \"./pn-product-pricelist-store\";\nimport { state } from '../pn-find-price/pn-find-price-store';\n\n@Component({\n  tag: 'pn-product-pricelist',\n  styleUrl: 'pn-product-pricelist.scss',\n})\nexport class PnFindProductPricelist {\n  @Prop() source: string = 'https://com-inte.postnord.com/globalassets/global/prices/sv-findprice-1-PN.xlsx';\n  @Prop({ mutable: true }) language: string = 'sv';\n  @Prop({ mutable: true }) market: string = 'se';\n  @Prop() productid: string = '';\n\n  @State() filteredItems: ProductPriceItem[] = [];\n  @State() sourceData: ProductPriceSourceData = { types: [], data: [] };\n  @State() gotData: boolean = false;\n  @State() loading: boolean = false;\n\n  @State() postagetype: any = { value: '' };\n  @State() weight: ProductPriceListWeight = { value: 0, name: '' } as ProductPriceListWeight;\n  @State() weightvalue: number = 0;\n\n  componentWillLoad() {\n    this.setState();\n    this.getDataSource().then(() => {});\n  }\n\n  @Watch('market')\n  @Watch('language')\n  setState() {\n    if (this.market) {\n      state.market = markets[this.market] as ProductPriceListMarket;\n    }\n    if (this.language && translations[this.language]) {\n      state.i18n = translations[this.language] as PnfindPricei18n;\n    }\n  }\n\n  async getDataSource() {\n    if (!this.productid) {\n      return;\n    }\n    this.loading = true;\n    const cacheBusting = `?cache=${Math.floor(Math.random() * (10000 - 1) + 1)}`;\n    const req = await fetch(this.source + cacheBusting);\n    const reqbody = await req.blob();\n    try {\n      const convertedData = await convertFileFromStream(reqbody);\n      this.sourceData = convertedData;\n      this.filterItems();\n    } catch (e) {\n      this.loading = false;\n      console.warn('Unable to parse data');\n    }\n  }\n\n  @Watch('postagetype')\n  @Watch('weightvalue')\n  filterItems() {\n    if (!this.sourceData?.data) {\n      console.info('Data has not yet been loaded');\n      return;\n    }\n    this.loading = false;\n    const productIdItems = this.sourceData.data.filter(x => x.id === this.productid);\n    if (productIdItems.length === 0) {\n      return;\n    }\n    this.postagetype.value = productIdItems[0].what;\n\n    if (!weights[this.postagetype.value] || weights[this.postagetype.value].length === 0) {\n      return;\n    }\n    if (this.weightvalue === 0) {\n      this.weight = weights[this.postagetype.value][0];\n      this.weightvalue = this.weight.value;\n    }\n\n    // For letters we use grams. Otherwise we use KG\n    const comparisonWeight = this.weight.abbreviation.toLocaleLowerCase() === 'kg' && this.postagetype.value === 'letter' ? this.weight.value * 1000 : this.weight.value;\n\n    let weightFilteredData = productIdItems.filter(x => x.maxweight === comparisonWeight);\n\n    // In parcels the maxwidths don't necessarily start at 1kg so we fetch any type below the user selected value\n    if (weightFilteredData.length === 0) {\n      weightFilteredData = productIdItems.filter(x => x.maxweight >= comparisonWeight);\n      if (weightFilteredData.length > 0) {\n        // We reverse the result array since the map will take the last unique item instead of the first\n        const uniqueWeightOptions = [...new Map(weightFilteredData.reverse().map(item => [item['id'], item])).values()];\n        if (uniqueWeightOptions.length > 0) {\n          weightFilteredData = uniqueWeightOptions;\n        }\n      }\n    }\n\n    this.filteredItems = weightFilteredData;\n\n    this.gotData = this.filteredItems.length > 0;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"content\">\n          <slot />\n        </div>\n\n        {this.loading ? <pn-spinner></pn-spinner> : null}\n\n        {this.postagetype.value && weights[this.postagetype.value] ? (\n          <div class=\"weightselection\">\n            <div class=\"weightoption\">\n              <div class=\"weightoption-input\">\n                <pn-input\n                  inputid=\"weightvalue\"\n                  name=\"weightvalue\"\n                  type=\"number\"\n                  label={state.i18n.weightlabel}\n                  value={this.weightvalue}\n                  onChange={e => {\n                    if (e && e.target && e.target.value) {\n                      const weightNum = parseInt(e.target.value, 10);\n                      if (!isNaN(weightNum)) {\n                        let matchingWeights = (weights[this.postagetype.value] as ProductPriceListWeight[]).filter(x => {\n                          let weightInGrams = x.abbreviation === 'kg' ? x.value * 1000 : x.value;\n                          return weightInGrams >= weightNum;\n                        });\n                        if (matchingWeights && matchingWeights.length > 0) {\n                          this.weight = matchingWeights[0];\n                          this.weightvalue = this.weight.value;\n                        }\n                      }\n                    }\n                  }}\n                ></pn-input>\n                <span class=\"weightoption-input-abbreviation\">{this.weight.abbreviation}</span>\n              </div>\n              <div class=\"weightoption-range\">\n                <input\n                  type=\"range\"\n                  id=\"weightrange\"\n                  name=\"weightrange\"\n                  list=\"weightlist\"\n                  value={!this.weight.value ? 0 : weights[this.postagetype.value].findIndex(x => x.value === this.weightvalue)}\n                  onChange={e => {\n                    const value = (e.target as HTMLInputElement).value;\n                    this.weight = weights[this.postagetype.value][value];\n                    this.weightvalue = this.weight.value;\n                  }}\n                  min=\"0\"\n                  // max={ weights[this.postagetype.value][weights[this.postagetype.value].length - 1].value }\n                  max={weights[this.postagetype.value].length - 1}\n                />\n                <datalist id=\"weightlist\">\n                  {weights[this.postagetype.value].map((weight, weightindex) => {\n                    let labelText = weight.name;\n                    if (weights[this.postagetype.value].length > 6) {\n                      labelText = weightindex % 5 === 0 || weightindex === 0 || weightindex === weights[this.postagetype.value].length - 1 ? weight.name : '';\n                    }\n                    return <option value={weightindex} {...(labelText ? { label: labelText } : {})}></option>;\n                  })}\n                </datalist>\n              </div>\n            </div>\n          </div>\n        ) : null}\n\n        <div class=\"resultlist\" data-list-count={this.filteredItems.length}>\n          {this.filteredItems.map((item: ProductPriceItem) => (\n            <div>\n              {/* <pn-product-pricelist-result item={item}></pn-product-pricelist-result> */}\n              <pn-find-price-result item={item}></pn-find-price-result>\n            </div>\n          ))}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pn-product-pricelist.entry.cjs.js","mappings":"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","names":["state","convertFileFromStream","weights","h","Host"],"sources":["src/components/widgets/pn-product-pricelist/pn-product-pricelist-translations.ts","src/components/widgets/pn-product-pricelist/pn-product-pricelist.scss?tag=pn-product-pricelist","src/components/widgets/pn-product-pricelist/pn-product-pricelist.tsx"],"sourcesContent":["export const translations = {\n  sv: {\n    componentheading: 'Våra priser och villkor för inrikesförsändelser för dig som direktbetalande kund?',\n    deliveryscopeheading: 'Endast leveranser inom Sverige',\n    resultlistheading: 'Några bra alternativ för dig',\n    weightlabel: 'Vikt',\n    maxweightlabel: 'Maxvikt',\n    maxmeasurementlabel: 'Maxvolym',\n    senddirectcta: 'Köp online',\n    stampshopcta: 'Köp frimärken',\n    message: '*Vid köp hos valfritt ombud',\n    servicePointHeader: 'Eller hitta närmaste serviceställe',\n    servicePointLink: 'Sök serviceställe eller brevlåda',\n  },\n  en: {\n    componentheading: 'Our prices and terms and conditions for domestic shipments for you as a direct paying customer',\n    deliveryscopeheading: 'Deliveries within Sweden only',\n    resultlistheading: 'Some suitable options for you',\n    weightlabel: 'Weight',\n    maxweightlabel: 'Max weight',\n    maxmeasurementlabel: 'Maximum measurement',\n    senddirectcta: 'Buy Online',\n    stampshopcta: 'Buy Stamps',\n    message: 'When buying from any agent',\n    servicePointHeader: 'Or find nearest service point',\n    servicePointLink: 'Search letter-box or service point',\n  },\n  da: {\n    componentheading: 'Vad vill du skicka?',\n    deliveryscopeheading: 'Kun leveringer indenfor Sverige',\n    resultlistheading: 'Some suitable options for you',\n    weightlabel: 'Vægt',\n    maxweightlabel: 'Max vægt',\n    maxmeasurementlabel: 'Maks. Volumen',\n    senddirectcta: 'Buy shipping in Send Direct',\n    stampshopcta: 'Order home stamps from the webshop',\n  },\n  no: {\n    componentheading: 'Vad vill du skicka?',\n    deliveryscopeheading: 'Kun leveranser innen Sverige',\n    resultlistheading: 'Some suitable options for you',\n    weightlabel: 'Vekt',\n    maxweightlabel: 'Maks vekt',\n    maxmeasurementlabel: 'Maks volum',\n    senddirectcta: 'Buy shipping in Send Direct',\n    stampshopcta: 'Order home stamps from the webshop',\n  },\n  fi: {\n    componentheading: 'Vad vill du skicka?',\n    deliveryscopeheading: 'Toimitukset vain Ruotsin sisällä',\n    resultlistheading: 'Some suitable options for you',\n    weightlabel: 'Paino',\n    maxweightlabel: 'Max paino',\n    maxmeasurementlabel: 'Max äänenvoimakkuus',\n    senddirectcta: 'Buy shipping in Send Direct',\n    stampshopcta: 'Order home stamps from the webshop',\n  },\n};\n\nexport const markets = {\n  se: {\n    currency: 'kr',\n  },\n  dk: {\n    currency: 'dk',\n  },\n  fi: {\n    currency: ' €',\n  },\n  no: {\n    currency: 'kr',\n  },\n};\n","@import '../../../globals/main.scss';\n\npn-product-pricelist {\n  pn-spinner {\n    margin: 1em auto;\n  }\n\n  h2,\n  .heading {\n    text-align: center;\n    font-size: 1.5em;\n    line-height: 1.1;\n    font-weight: bold;\n    margin-bottom: 1rem;\n  }\n\n  .content,\n  .weightselection,\n  .resultlist {\n    max-width: 50em;\n    margin: 0 auto 1.6rem;\n  }\n\n  .weightoption {\n    display: flex;\n    gap: 1.6rem;\n  }\n\n  .weightoption-input {\n    width: 5em;\n    position: relative;\n    display: none;\n\n    input::-webkit-outer-spin-button,\n    input::-webkit-inner-spin-button {\n      -webkit-appearance: none;\n      margin: 0;\n    }\n  }\n\n  .weightoption-input-abbreviation {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: 1.2em;\n    margin-top: 1.55rem;\n    font-weight: 500;\n  }\n\n  .weightoption-range {\n    flex-grow: 1;\n    align-self: flex-end;\n    position: relative;\n    top: 0.5em;\n    input {\n      width: calc(100% - 1.5em);\n    }\n    datalist {\n      width: 100%;\n      display: flex;\n      justify-content: space-between;\n      font-size: 0.75em;\n    }\n  }\n\n  .resultlist:not([data-list-count='0']) {\n    margin-top: 2em;\n  }\n}\n","import { Component, h, Prop, State, Host, Watch } from '@stencil/core';\nimport { translations, markets } from './pn-product-pricelist-translations';\nimport { FindPriceWeight, PnfindPriceMarket, PnfindPricei18n, FindPriceSizeCategory } from '../pn-find-price/pn-find-price-types';\nimport { ProductPriceSourceData, ProductPriceItem } from '../../../globals/shared/productprice/product-price-types';\nimport { ProductPriceListi18n, ProductPriceListMarket, ProductPriceListWeight } from './pn-product-pricelist-types';\nimport { weights } from './data.js';\nimport { convertFileFromStream } from '../../../globals/shared/productprice/convert.js';\n// import { state } from \"./pn-product-pricelist-store\";\nimport { state } from '../pn-find-price/pn-find-price-store';\n\n@Component({\n  tag: 'pn-product-pricelist',\n  styleUrl: 'pn-product-pricelist.scss',\n})\nexport class PnFindProductPricelist {\n  @Prop() source: string = 'https://com-inte.postnord.com/globalassets/global/prices/sv-findprice-1-PN.xlsx';\n  @Prop({ mutable: true }) language: string = 'sv';\n  @Prop({ mutable: true }) market: string = 'se';\n  @Prop() productid: string = '';\n\n  @State() filteredItems: ProductPriceItem[] = [];\n  @State() sourceData: ProductPriceSourceData = { types: [], data: [] };\n  @State() gotData: boolean = false;\n  @State() loading: boolean = false;\n\n  @State() postagetype: any = { value: '' };\n  @State() weight: ProductPriceListWeight = { value: 0, name: '' } as ProductPriceListWeight;\n  @State() weightvalue: number = 0;\n\n  componentWillLoad() {\n    this.setState();\n    this.getDataSource().then(() => {});\n  }\n\n  @Watch('market')\n  @Watch('language')\n  setState() {\n    if (this.market) {\n      state.market = markets[this.market] as ProductPriceListMarket;\n    }\n    if (this.language && translations[this.language]) {\n      state.i18n = translations[this.language] as PnfindPricei18n;\n    }\n  }\n\n  async getDataSource() {\n    if (!this.productid) {\n      return;\n    }\n    this.loading = true;\n    const cacheBusting = `?cache=${Math.floor(Math.random() * (10000 - 1) + 1)}`;\n    const req = await fetch(this.source + cacheBusting);\n    const reqbody = await req.blob();\n    try {\n      const convertedData = await convertFileFromStream(reqbody);\n      this.sourceData = convertedData;\n      this.filterItems();\n    } catch (e) {\n      this.loading = false;\n      console.warn('Unable to parse data');\n    }\n  }\n\n  @Watch('postagetype')\n  @Watch('weightvalue')\n  filterItems() {\n    if (!this.sourceData?.data) {\n      console.info('Data has not yet been loaded');\n      return;\n    }\n    this.loading = false;\n    const productIdItems = this.sourceData.data.filter(x => x.id === this.productid);\n    if (productIdItems.length === 0) {\n      return;\n    }\n    this.postagetype.value = productIdItems[0].what;\n\n    if (!weights[this.postagetype.value] || weights[this.postagetype.value].length === 0) {\n      return;\n    }\n    if (this.weightvalue === 0) {\n      this.weight = weights[this.postagetype.value][0];\n      this.weightvalue = this.weight.value;\n    }\n\n    // For letters we use grams. Otherwise we use KG\n    const comparisonWeight = this.weight.abbreviation.toLocaleLowerCase() === 'kg' && this.postagetype.value === 'letter' ? this.weight.value * 1000 : this.weight.value;\n\n    let weightFilteredData = productIdItems.filter(x => x.maxweight === comparisonWeight);\n\n    // In parcels the maxwidths don't necessarily start at 1kg so we fetch any type below the user selected value\n    if (weightFilteredData.length === 0) {\n      weightFilteredData = productIdItems.filter(x => x.maxweight >= comparisonWeight);\n      if (weightFilteredData.length > 0) {\n        // We reverse the result array since the map will take the last unique item instead of the first\n        const uniqueWeightOptions = [...new Map(weightFilteredData.reverse().map(item => [item['id'], item])).values()];\n        if (uniqueWeightOptions.length > 0) {\n          weightFilteredData = uniqueWeightOptions;\n        }\n      }\n    }\n\n    this.filteredItems = weightFilteredData;\n\n    this.gotData = this.filteredItems.length > 0;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"content\">\n          <slot />\n        </div>\n\n        {this.loading ? <pn-spinner></pn-spinner> : null}\n\n        {this.postagetype.value && weights[this.postagetype.value] ? (\n          <div class=\"weightselection\">\n            <div class=\"weightoption\">\n              <div class=\"weightoption-input\">\n                <pn-input\n                  inputid=\"weightvalue\"\n                  name=\"weightvalue\"\n                  type=\"number\"\n                  label={state.i18n.weightlabel}\n                  value={this.weightvalue}\n                  onChange={e => {\n                    if (e && e.target && e.target.value) {\n                      const weightNum = parseInt(e.target.value, 10);\n                      if (!isNaN(weightNum)) {\n                        let matchingWeights = (weights[this.postagetype.value] as ProductPriceListWeight[]).filter(x => {\n                          let weightInGrams = x.abbreviation === 'kg' ? x.value * 1000 : x.value;\n                          return weightInGrams >= weightNum;\n                        });\n                        if (matchingWeights && matchingWeights.length > 0) {\n                          this.weight = matchingWeights[0];\n                          this.weightvalue = this.weight.value;\n                        }\n                      }\n                    }\n                  }}\n                ></pn-input>\n                <span class=\"weightoption-input-abbreviation\">{this.weight.abbreviation}</span>\n              </div>\n              <div class=\"weightoption-range\">\n                <input\n                  type=\"range\"\n                  id=\"weightrange\"\n                  name=\"weightrange\"\n                  list=\"weightlist\"\n                  value={!this.weight.value ? 0 : weights[this.postagetype.value].findIndex(x => x.value === this.weightvalue)}\n                  onChange={e => {\n                    const value = (e.target as HTMLInputElement).value;\n                    this.weight = weights[this.postagetype.value][value];\n                    this.weightvalue = this.weight.value;\n                  }}\n                  min=\"0\"\n                  // max={ weights[this.postagetype.value][weights[this.postagetype.value].length - 1].value }\n                  max={weights[this.postagetype.value].length - 1}\n                />\n                <datalist id=\"weightlist\">\n                  {weights[this.postagetype.value].map((weight, weightindex) => {\n                    let labelText = weight.name;\n                    if (weights[this.postagetype.value].length > 6) {\n                      labelText = weightindex % 5 === 0 || weightindex === 0 || weightindex === weights[this.postagetype.value].length - 1 ? weight.name : '';\n                    }\n                    return <option value={weightindex} {...(labelText ? { label: labelText } : {})}></option>;\n                  })}\n                </datalist>\n              </div>\n            </div>\n          </div>\n        ) : null}\n\n        <div class=\"resultlist\" data-list-count={this.filteredItems.length}>\n          {this.filteredItems.map((item: ProductPriceItem) => (\n            <div>\n              {/* <pn-product-pricelist-result item={item}></pn-product-pricelist-result> */}\n              <pn-find-price-result item={item}></pn-find-price-result>\n            </div>\n          ))}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}