npm - @postnord/pn-marketweb-components - Versions diffs - 3.0.3 → 3.0.4 - Mend

@postnord/pn-marketweb-components 3.0.3 → 3.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (756) hide show

package/cjs/pn-find-service-and-price.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-find-service-and-price.entry.cjs.js","mappings":";;;;;;;;;AAAO,MAAM,YAAY,GAAG;IAC1B,EAAE,EAAE;QACF,gBAAgB,EAAE,qBAAqB;QACvC,oBAAoB,EAAE,gBAAgB;QACtC,WAAW,EAAE,uBAAuB;QACpC,iBAAiB,EAAE,mBAAmB;QACtC,WAAW,EAAE,MAAM;QACnB,cAAc,EAAE,SAAS;QACzB,mBAAmB,EAAE,UAAU;QAC/B,aAAa,EAAE,6BAA6B;QAC5C,YAAY,EAAE,+BAA+B;KAC9C;IACD,EAAE,EAAE;QACF,gBAAgB,EAAE,2BAA2B;QAC7C,oBAAoB,EAAE,gBAAgB;QACtC,WAAW,EAAE,yBAAyB;QACtC,iBAAiB,EAAE,+BAA+B;QAClD,WAAW,EAAE,QAAQ;QACrB,cAAc,EAAE,YAAY;QAC5B,mBAAmB,EAAE,qBAAqB;QAC1C,aAAa,EAAE,6BAA6B;QAC5C,YAAY,EAAE,oCAAoC;KACnD;IACD,EAAE,EAAE;QACF,gBAAgB,EAAE,qBAAqB;QACvC,oBAAoB,EAAE,gBAAgB;QACtC,WAAW,EAAE,yBAAyB;QACtC,iBAAiB,EAAE,+BAA+B;QAClD,WAAW,EAAE,MAAM;QACnB,cAAc,EAAE,UAAU;QAC1B,mBAAmB,EAAE,eAAe;QACpC,aAAa,EAAE,6BAA6B;QAC5C,YAAY,EAAE,oCAAoC;KACnD;IACD,EAAE,EAAE;QACF,gBAAgB,EAAE,qBAAqB;QACvC,oBAAoB,EAAE,gBAAgB;QACtC,WAAW,EAAE,yBAAyB;QACtC,iBAAiB,EAAE,+BAA+B;QAClD,WAAW,EAAE,MAAM;QACnB,cAAc,EAAE,WAAW;QAC3B,mBAAmB,EAAE,YAAY;QACjC,aAAa,EAAE,6BAA6B;QAC5C,YAAY,EAAE,oCAAoC;KACnD;IACD,EAAE,EAAE;QACF,gBAAgB,EAAE,qBAAqB;QACvC,oBAAoB,EAAE,gBAAgB;QACtC,WAAW,EAAE,yBAAyB;QACtC,iBAAiB,EAAE,+BAA+B;QAClD,WAAW,EAAE,OAAO;QACpB,cAAc,EAAE,WAAW;QAC3B,mBAAmB,EAAE,qBAAqB;QAC1C,aAAa,EAAE,6BAA6B;QAC5C,YAAY,EAAE,oCAAoC;KACnD;CACF,CAAC;AAEK,MAAM,OAAO,GAAG;IACrB,EAAE,EAAE;QACF,QAAQ,EAAE,IAAI;KACf;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,IAAI;KACf;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,IAAI;KACf;IACD,EAAE,EAAE;QACF,QAAQ,EAAE,IAAI;KACf;CACF;;ACvED,MAAM,YAAY,GAAG;AACrB,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,+BAA+B,EAAE;AAClF,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE;AAC9D,CAAC,CAAC;AACF;AACA,MAAM,cAAc,GAAG;AACvB,EAAE,MAAM,EAAE;AACV,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE;AACpE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,6BAA6B,EAAE;AACpF,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,aAAa,EAAE;AACpE,IAAI,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,6BAA6B,EAAE;AACjG,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,UAAU,EAAE;AAChF,GAAG;AACH,CAAC,CAAC;AACF;AACA,MAAM,OAAO,GAAG;AAChB,EAAE,MAAM,EAAE;AACV,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE;AACjD,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE;AACnD,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE;AACnD,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE;AACnD,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE;AACjD,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE;AACjD,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE;AACjD,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE;AACjD,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE;AACjD,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE;AACjD,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE;AACjD,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE;AACjD,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE;AACjD,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE;AACjD,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE;AACjD,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;AACnD,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;AACnD,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;AACnD,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;AACnD,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;AACnD,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;AACnD,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;AACnD,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;AACnD,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;AACnD,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;AACnD,GAAG;AACH,CAAC;;AC/CD,MAAM,wBAAwB,GAAG,ivCAAivC,CAAC;AACnxC,oCAAe,wBAAwB;;MCiB1B,qBAAqB;;;sBACP,+EAA+E;wBAC5D,IAAI;sBACN,IAAI;6BAED,EAAE;2BACQ;YACrD,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,EAAE;SACyB;sBACU,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAA+B;2BACjE,CAAC;6BAC2B;YACzD,KAAK,EAAE,EAAE;YACT,IAAI,EAAE,EAAE;YACR,IAAI,EAAE,EAAE;SAC2B;0BACS,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;;IAErE,iBAAiB;QACf,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChB,IAAI,CAAC,aAAa,EAAE,CAAC;;;;;;;KAQtB;IAED,MAAM,aAAa;QACjB,MAAM,YAAY,GAAG,UAAU,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;QAC7E,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,YAAY,CAAC,CAAC;QACpD,MAAM,OAAO,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;QACjC,IAAI;YACF,MAAM,aAAa,GAAG,MAAMA,6BAAqB,CAAC,OAAO,CAAC,CAAC;YAC3D,IAAI,CAAC,UAAU,GAAG,aAAa,CAAC;YAChC,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;QAAC,OAAO,CAAC,EAAE;YACV,OAAO,CAAC,GAAG,CAAC,sBAAsB,CAAC,CAAC;SACrC;KACF;IAID,QAAQ;QACN,IAAI,IAAI,CAAC,MAAM,EAAE;YACfC,gCAAK,CAAC,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,MAAM,CAAgC,CAAC;SACpE;QACD,IAAI,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAChDA,gCAAK,CAAC,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,QAAQ,CAA8B,CAAC;SACvE;KACF;IAKD,WAAW;;;QAET,IAAI,EAAC,MAAA,IAAI,CAAC,UAAU,0CAAE,IAAI,CAAA,EAAE;YAC1B,OAAO,CAAC,GAAG,CAAC,8BAA8B,CAAC,CAAC;YAC5C,OAAO;SACR;QACD,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,OAAO;SACR;QACD,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACrF,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACvB,OAAO;SACR;QACD,MAAM,iBAAiB,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,KAAK,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC7F,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE;YACtC,OAAO;SACR;;QAGD,MAAM,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,iBAAiB,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;QAErK,IAAI,kBAAkB,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,KAAK,gBAAgB,CAAC,CAAC;;QAGzF,IAAI,kBAAkB,CAAC,MAAM,KAAK,CAAC,EAAE;YACnC,kBAAkB,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,IAAI,gBAAgB,CAAC,CAAC;YACpF,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,EAAE;;gBAEjC,MAAM,mBAAmB,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,kBAAkB,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;gBAChH,IAAI,mBAAmB,CAAC,MAAM,GAAG,CAAC,EAAE;oBAClC,kBAAkB,GAAG,mBAAmB,CAAC;iBAC1C;aACF;SACF;QAED,IAAI,CAAC,aAAa,GAAG,kBAAkB,CAAC;KACzC;IAED,MAAM;QACJ,QACEC,oEACEA,kEAAK,KAAK,EAAC,gBAAgB,IACxBD,gCAAK,CAAC,IAAI,CAAC,gBAAgB,GAAGC,oBAAKD,gCAAK,CAAC,IAAI,CAAC,gBAAgB,CAAM,GAAG,IAAI,EAC5EC,kEAAK,KAAK,EAAC,cAAc,IACtB,YAAY,CAAC,GAAG,CAAC,WAAW,KAC3BA,8BACE,QAAQ,EAAE,WAAW,CAAC,KAAK,EAC3B,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,IAAI,EAAC,aAAa,EAClB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,WAAW,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,KAAK,EACrD,QAAQ,EAAE;gBACR,IAAI,CAAC,WAAW,GAAI,YAAiD,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;gBACpH,IAAI,CAAC,aAAa,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAsC,CAAC;gBAC3F,IAAI,CAAC,MAAM,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAA+B,CAAC;gBAClE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;aACtC,IAEDA,6BAAiB,YAAY,EAAE,WAAW,CAAC,YAAY,GAAoB,OAAE,WAAW,CAAC,IAAI,CAC5E,CACpB,CAAC,CACE,EAEL,IAAI,CAAC,WAAW,CAAC,KAAK,IAAI,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAC/DA,qBACGD,gCAAK,CAAC,IAAI,CAAC,oBAAoB,GAAGC,iBAAK,KAAK,EAAC,SAAS,IAAED,gCAAK,CAAC,IAAI,CAAC,oBAAoB,CAAO,GAAG,IAAI,EACtGC,iBAAK,KAAK,EAAC,eAAe,IACvB,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,aAAa,KACvDA,8BACE,QAAQ,EAAE,IAAI,CAAC,WAAW,CAAC,KAAK,GAAG,aAAa,CAAC,KAAK,EACtD,KAAK,EAAE,aAAa,CAAC,KAAK,EAC1B,IAAI,EAAC,eAAe,EACpB,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,aAAa,CAAC,KAAK,KAAK,IAAI,CAAC,aAAa,CAAC,KAAK,EACzD,QAAQ,EAAE;gBACR,IAAI,CAAC,aAAa,GAAI,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAwC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;gBACpJ,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,KAAK,CAAC,EAAE;oBAC3B,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;oBACjD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;iBACtC;aACF,IAEDA,6BAAiB,YAAY,EAAE,aAAa,CAAC,YAAY,GAAoB,OAAE,aAAa,CAAC,IAAI,CAChF,CACpB,CAAC,CACE,CACF,IACJ,IAAI,EAEP,IAAI,CAAC,WAAW,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,aAAa,CAAC,KAAK,IACpFA,qBACGD,gCAAK,CAAC,IAAI,CAAC,WAAW,GAAGC,iBAAK,KAAK,EAAC,SAAS,IAAED,gCAAK,CAAC,IAAI,CAAC,WAAW,CAAO,GAAG,IAAI,EACpFC,iBAAK,KAAK,EAAC,cAAc,IACvBA,iBAAK,KAAK,EAAC,oBAAoB,IAC7BA,sBACE,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,aAAa,EAClB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAED,gCAAK,CAAC,IAAI,CAAC,WAAW,EAC7B,KAAK,EAAE,IAAI,CAAC,WAAW,EACvB,QAAQ,EAAE,CAAC;gBACT,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE;oBACnC,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;oBAC/C,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE;wBACrB,IAAI,eAAe,GAAI,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAiC,CAAC,MAAM,CAAC,CAAC;4BAC7F,IAAI,aAAa,GAAG,CAAC,CAAC,YAAY,KAAK,IAAI,GAAG,CAAC,CAAC,KAAK,GAAG,IAAI,GAAG,CAAC,CAAC,KAAK,CAAC;4BACvE,OAAO,aAAa,IAAI,SAAS,CAAC;yBACnC,CAAC,CAAC;wBACH,IAAI,eAAe,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE;4BACjD,IAAI,CAAC,MAAM,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;4BACjC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;yBACtC;qBACF;iBACF;aACF,GACS,EACZC,kBAAM,KAAK,EAAC,iCAAiC,IAAE,IAAI,CAAC,MAAM,CAAC,YAAY,CAAQ,CAC3E,EACNA,iBAAK,KAAK,EAAC,oBAAoB,IAC7BA,mBACE,IAAI,EAAC,OAAO,EACZ,EAAE,EAAC,aAAa,EAChB,IAAI,EAAC,aAAa,EAClB,IAAI,EAAC,YAAY,EACjB,KAAK,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,EAC5G,QAAQ,EAAE,CAAC;gBACT,MAAM,KAAK,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;gBACnD,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC;gBACrD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC;aACtC,EACD,GAAG,EAAC,GAAG;;YAEP,GAAG,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,GAC/C,EACFA,sBAAU,EAAE,EAAC,YAAY,IACtB,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW;YACvD,IAAI,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC;YAC5B,IAAI,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC9C,SAAS,GAAG,WAAW,GAAG,CAAC,KAAK,CAAC,IAAI,WAAW,KAAK,CAAC,IAAI,WAAW,KAAK,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,MAAM,CAAC,IAAI,GAAG,EAAE,CAAC;aACzI;YACD,OAAOA,kCAAQ,KAAK,EAAE,WAAW,KAAO,SAAS,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,GAAY,CAAC;SAC3F,CAAC,CACO,CACP,CACF,CACF,IACJ,IAAI,CACJ,EACL,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,IAClDA,iBAAK,KAAK,EAAC,YAAY,IACpBD,gCAAK,CAAC,IAAI,CAAC,iBAAiB,GAAGC,iBAAK,KAAK,EAAC,SAAS,IAAED,gCAAK,CAAC,IAAI,CAAC,iBAAiB,CAAO,GAAG,IAAI,EAC/F,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAsB,MAC7CC,qBACEA,8CAAkC,IAAI,EAAE,IAAI,GAAqC,CAC7E,CACP,CAAC,CACE,IACJ,IAAI,CACJ,EACN;KACH;;;;;;;;;;;;;","names":["convertFileFromStream","state","h"],"sources":["src/components/widgets/pn-find-service-and-price/pn-find-service-and-price-translations.ts","src/components/widgets/pn-find-service-and-price/data.js","src/components/widgets/pn-find-service-and-price/pn-find-service-and-price.scss?tag=pn-find-service-and-price","src/components/widgets/pn-find-service-and-price/pn-find-service-and-price.tsx"],"sourcesContent":["export const translations = {\n sv: {\n componentheading: 'Vad vill du skicka?',\n deliveryscopeheading: 'Hit eller dit?',\n sizeheading: 'Hur mycket väger det?',\n resultlistheading: 'Några utvalda val',\n weightlabel: 'Vikt',\n maxweightlabel: 'Maxvikt',\n maxmeasurementlabel: 'Maxvolym',\n senddirectcta: 'Köp frakt via Skicka Direkt',\n stampshopcta: 'Köp frimärken via vår webshop',\n },\n en: {\n componentheading: 'What do you want to send?',\n deliveryscopeheading: 'Here or there?',\n sizeheading: 'How much does it weigh?',\n resultlistheading: 'Some suitable options for you',\n weightlabel: 'Weight',\n maxweightlabel: 'Max weight',\n maxmeasurementlabel: 'Maximum measurement',\n senddirectcta: 'Buy shipping in Send Direct',\n stampshopcta: 'Order home stamps from the webshop',\n },\n da: {\n componentheading: 'Vad vill du skicka?',\n deliveryscopeheading: 'Here or there?',\n sizeheading: 'How much does it weigh?',\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: 'Here or there?',\n sizeheading: 'How much does it weigh?',\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: 'Here or there?',\n sizeheading: 'How much does it weigh?',\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","const postagetypes = [\n { name: 'Brev', value: 'letter', illustration: 'letterbox-reply-letter-plants' },\n { name: 'Paket', value: 'parcel', illustration: 'tracking' },\n];\n\nconst deliveryscopes = {\n letter: [\n { name: 'Sweden', value: 'sweden', illustration: 'letterboxes' },\n { name: 'Abroad', value: 'abroad', illustration: 'character-box-letters-globe' },\n ],\n parcel: [\n { name: 'Sweden', value: 'sweden', illustration: 'letterboxes' },\n { name: 'Within Europe', value: 'withineurope', illustration: 'character-box-letters-globe' },\n { name: 'Outside Europe', value: 'outsideeurope', illustration: 'discover' },\n ],\n};\n\nconst weights = {\n letter: [\n { name: '50g', abbreviation: 'g', value: 50 },\n { name: '100g', abbreviation: 'g', value: 100 },\n { name: '250g', abbreviation: 'g', value: 250 },\n { name: '500g', abbreviation: 'g', value: 500 },\n { name: '1kg', abbreviation: 'kg', value: 1 },\n { name: '2kg', abbreviation: 'kg', value: 2 },\n ],\n parcel: [\n { name: '1kg', abbreviation: 'kg', value: 1 },\n { name: '2kg', abbreviation: 'kg', value: 2 },\n { name: '3kg', abbreviation: 'kg', value: 3 },\n { name: '4kg', abbreviation: 'kg', value: 4 },\n { name: '5kg', abbreviation: 'kg', value: 5 },\n { name: '6kg', abbreviation: 'kg', value: 6 },\n { name: '7Kg', abbreviation: 'kg', value: 7 },\n { name: '8kg', abbreviation: 'kg', value: 8 },\n { name: '9kg', abbreviation: 'kg', value: 9 },\n { name: '10kg', abbreviation: 'kg', value: 10 },\n { name: '11kg', abbreviation: 'kg', value: 11 },\n { name: '12kg', abbreviation: 'kg', value: 12 },\n { name: '13kg', abbreviation: 'kg', value: 13 },\n { name: '14kg', abbreviation: 'kg', value: 14 },\n { name: '15kg', abbreviation: 'kg', value: 15 },\n { name: '16kg', abbreviation: 'kg', value: 16 },\n { name: '17kg', abbreviation: 'kg', value: 17 },\n { name: '18kg', abbreviation: 'kg', value: 18 },\n { name: '20kg', abbreviation: 'kg', value: 20 },\n ],\n};\n\nexport { postagetypes, weights, deliveryscopes };\n","@import '../../../globals/main.scss';\n\npn-find-service-and-price {\n .findprice-form {\n max-width: 50em;\n margin: 0 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 .postagetypes,\n .deliveryscope {\n text-align: center;\n margin-bottom: 3rem;\n }\n\n .weightoption {\n display: flex;\n gap: 1em;\n }\n\n .weightoption-input {\n width: 5em;\n position: relative;\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 {\n margin: 3em 0;\n }\n}\n","import { Component, h, Prop, State, Watch } from '@stencil/core';\nimport { translations, markets } from './pn-find-service-and-price-translations';\nimport { ProductPriceSourceData, ProductPriceItem } from '../../../globals/shared/productprice/product-price-types';\nimport {\n FindServiceAndPricePostageType,\n FindServiceAndPriceWeight,\n FindServiceAndPriceDeliveryScope,\n PnfindServiceAndPriceMarket,\n PnfindServiceAndPricei18n,\n} from './pn-find-service-and-price-types';\nimport { postagetypes, weights, deliveryscopes } from './data.js';\nimport { convertFileFromStream } from '../../../globals/shared/productprice/convert.js';\nimport { state } from './pn-find-service-and-price-store';\n\n@Component({\n tag: 'pn-find-service-and-price',\n styleUrl: 'pn-find-service-and-price.scss',\n})\nexport class PnfindServiceAndPrice {\n @Prop() source: string = 'https://com-inte.postnord.com/globalassets/global/prices/sv-se-findprice.xlsx';\n @Prop({ mutable: true }) language: string = 'sv';\n @Prop({ mutable: true }) market: string = 'se';\n\n @State() filteredItems: ProductPriceItem[] = [];\n @State() postagetype: FindServiceAndPricePostageType = {\n value: '',\n name: '',\n icon: '',\n } as FindServiceAndPricePostageType;\n @State() weight: FindServiceAndPriceWeight = { value: 0, name: '' } as FindServiceAndPriceWeight;\n @State() weightvalue: number = 0;\n @State() deliveryscope: FindServiceAndPriceDeliveryScope = {\n value: '',\n name: '',\n icon: '',\n } as FindServiceAndPriceDeliveryScope;\n @State() sourceData: ProductPriceSourceData = { types: [], data: [] };\n\n componentWillLoad() {\n this.setState();\n this.getDataSource();\n\n // window.setTimeout(() => {\n // this.postagetype = postagetypes[0];\n // this.deliveryscope = deliveryscopes[this.postagetype.value][0];\n // this.weight = weights[this.postagetype.value][0];\n // this.weightvalue = this.weight.value;\n // }, 500)\n }\n\n async getDataSource() {\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 console.log('Unable to parse data');\n }\n }\n\n @Watch('market')\n @Watch('language')\n setState() {\n if (this.market) {\n state.market = markets[this.market] as PnfindServiceAndPriceMarket;\n }\n if (this.language && translations[this.language]) {\n state.i18n = translations[this.language] as PnfindServiceAndPricei18n;\n }\n }\n\n @Watch('postagetype')\n @Watch('deliveryscope')\n @Watch('weightvalue')\n filterItems() {\n // this.debug = `Postagetype: ${this.postagetype.value}. <br/>Weight: ${ this.weight.value }`;\n if (!this.sourceData?.data) {\n console.log('Data has not yet been loaded');\n return;\n }\n if (!this.postagetype) {\n return;\n }\n const typeData = this.sourceData.data.filter(x => x.what === this.postagetype.value);\n if (!this.deliveryscope) {\n return;\n }\n const deliveryScopeData = typeData.filter(x => x.deliveryscope === this.deliveryscope.value);\n if (!this.weight \|\| !this.weight.value) {\n return;\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 = deliveryScopeData.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 = deliveryScopeData.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\n render() {\n return (\n <div>\n <div class=\"findprice-form\">\n {state.i18n.componentheading ? <h2>{state.i18n.componentheading}</h2> : null}\n <div class=\"postagetypes\">\n {postagetypes.map(postagetype => (\n <pn-choice-button\n choiceid={postagetype.value}\n value={postagetype.value}\n name=\"postagetype\"\n type=\"radio\"\n checked={postagetype.value === this.postagetype.value}\n onChange={() => {\n this.postagetype = (postagetypes as FindServiceAndPricePostageType[]).filter(x => x.value === postagetype.value)[0];\n this.deliveryscope = { value: '', name: '', icon: '' } as FindServiceAndPriceDeliveryScope;\n this.weight = { value: 0, name: '' } as FindServiceAndPriceWeight;\n this.weightvalue = this.weight.value;\n }}\n >\n <pn-illustration illustration={postagetype.illustration}></pn-illustration> {postagetype.name}\n </pn-choice-button>\n ))}\n </div>\n\n {this.postagetype.value && deliveryscopes[this.postagetype.value] ? (\n <div>\n {state.i18n.deliveryscopeheading ? <div class=\"heading\">{state.i18n.deliveryscopeheading}</div> : null}\n <div class=\"deliveryscope\">\n {deliveryscopes[this.postagetype.value].map(deliveryscope => (\n <pn-choice-button\n choiceid={this.postagetype.value + deliveryscope.value}\n value={deliveryscope.value}\n name=\"deliveryscope\"\n type=\"radio\"\n checked={deliveryscope.value === this.deliveryscope.value}\n onChange={() => {\n this.deliveryscope = (deliveryscopes[this.postagetype.value] as FindServiceAndPriceDeliveryScope[]).filter(x => x.value === deliveryscope.value)[0];\n if (this.weight.value === 0) {\n this.weight = weights[this.postagetype.value][0];\n this.weightvalue = this.weight.value;\n }\n }}\n >\n <pn-illustration illustration={deliveryscope.illustration}></pn-illustration> {deliveryscope.name}\n </pn-choice-button>\n ))}\n </div>\n </div>\n ) : null}\n\n {this.postagetype.value && weights[this.postagetype.value] && this.deliveryscope.value ? (\n <div>\n {state.i18n.sizeheading ? <div class=\"heading\">{state.i18n.sizeheading}</div> : null}\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 FindServiceAndPriceWeight[]).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 </div>\n {this.filteredItems && this.filteredItems.length > 0 ? (\n <div class=\"resultlist\">\n {state.i18n.resultlistheading ? <div class=\"heading\">{state.i18n.resultlistheading}</div> : null}\n {this.filteredItems.map((item: ProductPriceItem) => (\n <div>\n <pn-find-service-and-price-result item={item}></pn-find-service-and-price-result>\n </div>\n ))}\n </div>\n ) : null}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-find-service-and-price.entry.cjs.js","mappings":"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","names":["convertFileFromStream","state","h"],"sources":["src/components/widgets/pn-find-service-and-price/pn-find-service-and-price-translations.ts","src/components/widgets/pn-find-service-and-price/data.js","src/components/widgets/pn-find-service-and-price/pn-find-service-and-price.scss?tag=pn-find-service-and-price","src/components/widgets/pn-find-service-and-price/pn-find-service-and-price.tsx"],"sourcesContent":["export const translations = {\n sv: {\n componentheading: 'Vad vill du skicka?',\n deliveryscopeheading: 'Hit eller dit?',\n sizeheading: 'Hur mycket väger det?',\n resultlistheading: 'Några utvalda val',\n weightlabel: 'Vikt',\n maxweightlabel: 'Maxvikt',\n maxmeasurementlabel: 'Maxvolym',\n senddirectcta: 'Köp frakt via Skicka Direkt',\n stampshopcta: 'Köp frimärken via vår webshop',\n },\n en: {\n componentheading: 'What do you want to send?',\n deliveryscopeheading: 'Here or there?',\n sizeheading: 'How much does it weigh?',\n resultlistheading: 'Some suitable options for you',\n weightlabel: 'Weight',\n maxweightlabel: 'Max weight',\n maxmeasurementlabel: 'Maximum measurement',\n senddirectcta: 'Buy shipping in Send Direct',\n stampshopcta: 'Order home stamps from the webshop',\n },\n da: {\n componentheading: 'Vad vill du skicka?',\n deliveryscopeheading: 'Here or there?',\n sizeheading: 'How much does it weigh?',\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: 'Here or there?',\n sizeheading: 'How much does it weigh?',\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: 'Here or there?',\n sizeheading: 'How much does it weigh?',\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","const postagetypes = [\n { name: 'Brev', value: 'letter', illustration: 'letterbox-reply-letter-plants' },\n { name: 'Paket', value: 'parcel', illustration: 'tracking' },\n];\n\nconst deliveryscopes = {\n letter: [\n { name: 'Sweden', value: 'sweden', illustration: 'letterboxes' },\n { name: 'Abroad', value: 'abroad', illustration: 'character-box-letters-globe' },\n ],\n parcel: [\n { name: 'Sweden', value: 'sweden', illustration: 'letterboxes' },\n { name: 'Within Europe', value: 'withineurope', illustration: 'character-box-letters-globe' },\n { name: 'Outside Europe', value: 'outsideeurope', illustration: 'discover' },\n ],\n};\n\nconst weights = {\n letter: [\n { name: '50g', abbreviation: 'g', value: 50 },\n { name: '100g', abbreviation: 'g', value: 100 },\n { name: '250g', abbreviation: 'g', value: 250 },\n { name: '500g', abbreviation: 'g', value: 500 },\n { name: '1kg', abbreviation: 'kg', value: 1 },\n { name: '2kg', abbreviation: 'kg', value: 2 },\n ],\n parcel: [\n { name: '1kg', abbreviation: 'kg', value: 1 },\n { name: '2kg', abbreviation: 'kg', value: 2 },\n { name: '3kg', abbreviation: 'kg', value: 3 },\n { name: '4kg', abbreviation: 'kg', value: 4 },\n { name: '5kg', abbreviation: 'kg', value: 5 },\n { name: '6kg', abbreviation: 'kg', value: 6 },\n { name: '7Kg', abbreviation: 'kg', value: 7 },\n { name: '8kg', abbreviation: 'kg', value: 8 },\n { name: '9kg', abbreviation: 'kg', value: 9 },\n { name: '10kg', abbreviation: 'kg', value: 10 },\n { name: '11kg', abbreviation: 'kg', value: 11 },\n { name: '12kg', abbreviation: 'kg', value: 12 },\n { name: '13kg', abbreviation: 'kg', value: 13 },\n { name: '14kg', abbreviation: 'kg', value: 14 },\n { name: '15kg', abbreviation: 'kg', value: 15 },\n { name: '16kg', abbreviation: 'kg', value: 16 },\n { name: '17kg', abbreviation: 'kg', value: 17 },\n { name: '18kg', abbreviation: 'kg', value: 18 },\n { name: '20kg', abbreviation: 'kg', value: 20 },\n ],\n};\n\nexport { postagetypes, weights, deliveryscopes };\n","@import '../../../globals/main.scss';\n\npn-find-service-and-price {\n .findprice-form {\n max-width: 50em;\n margin: 0 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 .postagetypes,\n .deliveryscope {\n text-align: center;\n margin-bottom: 3rem;\n }\n\n .weightoption {\n display: flex;\n gap: 1em;\n }\n\n .weightoption-input {\n width: 5em;\n position: relative;\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 {\n margin: 3em 0;\n }\n}\n","import { Component, h, Prop, State, Watch } from '@stencil/core';\nimport { translations, markets } from './pn-find-service-and-price-translations';\nimport { ProductPriceSourceData, ProductPriceItem } from '../../../globals/shared/productprice/product-price-types';\nimport {\n FindServiceAndPricePostageType,\n FindServiceAndPriceWeight,\n FindServiceAndPriceDeliveryScope,\n PnfindServiceAndPriceMarket,\n PnfindServiceAndPricei18n,\n} from './pn-find-service-and-price-types';\nimport { postagetypes, weights, deliveryscopes } from './data.js';\nimport { convertFileFromStream } from '../../../globals/shared/productprice/convert.js';\nimport { state } from './pn-find-service-and-price-store';\n\n@Component({\n tag: 'pn-find-service-and-price',\n styleUrl: 'pn-find-service-and-price.scss',\n})\nexport class PnfindServiceAndPrice {\n @Prop() source: string = 'https://com-inte.postnord.com/globalassets/global/prices/sv-se-findprice.xlsx';\n @Prop({ mutable: true }) language: string = 'sv';\n @Prop({ mutable: true }) market: string = 'se';\n\n @State() filteredItems: ProductPriceItem[] = [];\n @State() postagetype: FindServiceAndPricePostageType = {\n value: '',\n name: '',\n icon: '',\n } as FindServiceAndPricePostageType;\n @State() weight: FindServiceAndPriceWeight = { value: 0, name: '' } as FindServiceAndPriceWeight;\n @State() weightvalue: number = 0;\n @State() deliveryscope: FindServiceAndPriceDeliveryScope = {\n value: '',\n name: '',\n icon: '',\n } as FindServiceAndPriceDeliveryScope;\n @State() sourceData: ProductPriceSourceData = { types: [], data: [] };\n\n componentWillLoad() {\n this.setState();\n this.getDataSource();\n\n // window.setTimeout(() => {\n // this.postagetype = postagetypes[0];\n // this.deliveryscope = deliveryscopes[this.postagetype.value][0];\n // this.weight = weights[this.postagetype.value][0];\n // this.weightvalue = this.weight.value;\n // }, 500)\n }\n\n async getDataSource() {\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 console.log('Unable to parse data');\n }\n }\n\n @Watch('market')\n @Watch('language')\n setState() {\n if (this.market) {\n state.market = markets[this.market] as PnfindServiceAndPriceMarket;\n }\n if (this.language && translations[this.language]) {\n state.i18n = translations[this.language] as PnfindServiceAndPricei18n;\n }\n }\n\n @Watch('postagetype')\n @Watch('deliveryscope')\n @Watch('weightvalue')\n filterItems() {\n // this.debug = `Postagetype: ${this.postagetype.value}. <br/>Weight: ${ this.weight.value }`;\n if (!this.sourceData?.data) {\n console.log('Data has not yet been loaded');\n return;\n }\n if (!this.postagetype) {\n return;\n }\n const typeData = this.sourceData.data.filter(x => x.what === this.postagetype.value);\n if (!this.deliveryscope) {\n return;\n }\n const deliveryScopeData = typeData.filter(x => x.deliveryscope === this.deliveryscope.value);\n if (!this.weight \|\| !this.weight.value) {\n return;\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 = deliveryScopeData.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 = deliveryScopeData.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\n render() {\n return (\n <div>\n <div class=\"findprice-form\">\n {state.i18n.componentheading ? <h2>{state.i18n.componentheading}</h2> : null}\n <div class=\"postagetypes\">\n {postagetypes.map(postagetype => (\n <pn-choice-button\n choiceid={postagetype.value}\n value={postagetype.value}\n name=\"postagetype\"\n type=\"radio\"\n checked={postagetype.value === this.postagetype.value}\n onChange={() => {\n this.postagetype = (postagetypes as FindServiceAndPricePostageType[]).filter(x => x.value === postagetype.value)[0];\n this.deliveryscope = { value: '', name: '', icon: '' } as FindServiceAndPriceDeliveryScope;\n this.weight = { value: 0, name: '' } as FindServiceAndPriceWeight;\n this.weightvalue = this.weight.value;\n }}\n >\n <pn-illustration illustration={postagetype.illustration}></pn-illustration> {postagetype.name}\n </pn-choice-button>\n ))}\n </div>\n\n {this.postagetype.value && deliveryscopes[this.postagetype.value] ? (\n <div>\n {state.i18n.deliveryscopeheading ? <div class=\"heading\">{state.i18n.deliveryscopeheading}</div> : null}\n <div class=\"deliveryscope\">\n {deliveryscopes[this.postagetype.value].map(deliveryscope => (\n <pn-choice-button\n choiceid={this.postagetype.value + deliveryscope.value}\n value={deliveryscope.value}\n name=\"deliveryscope\"\n type=\"radio\"\n checked={deliveryscope.value === this.deliveryscope.value}\n onChange={() => {\n this.deliveryscope = (deliveryscopes[this.postagetype.value] as FindServiceAndPriceDeliveryScope[]).filter(x => x.value === deliveryscope.value)[0];\n if (this.weight.value === 0) {\n this.weight = weights[this.postagetype.value][0];\n this.weightvalue = this.weight.value;\n }\n }}\n >\n <pn-illustration illustration={deliveryscope.illustration}></pn-illustration> {deliveryscope.name}\n </pn-choice-button>\n ))}\n </div>\n </div>\n ) : null}\n\n {this.postagetype.value && weights[this.postagetype.value] && this.deliveryscope.value ? (\n <div>\n {state.i18n.sizeheading ? <div class=\"heading\">{state.i18n.sizeheading}</div> : null}\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 FindServiceAndPriceWeight[]).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 </div>\n {this.filteredItems && this.filteredItems.length > 0 ? (\n <div class=\"resultlist\">\n {state.i18n.resultlistheading ? <div class=\"heading\">{state.i18n.resultlistheading}</div> : null}\n {this.filteredItems.map((item: ProductPriceItem) => (\n <div>\n <pn-find-service-and-price-result item={item}></pn-find-service-and-price-result>\n </div>\n ))}\n </div>\n ) : null}\n </div>\n );\n }\n}\n"],"version":3}

package/cjs/pn-hero-block-international.cjs.entry.js CHANGED Viewed

@@ -10,8 +10,6 @@ const PnHeroBlockInternationalStyle0 = pnHeroBlockInternationalCss;
 const PnHeroBlockInternational = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.hasCtaButtonSlot = false;
-        this.animateSideloader = false;
         this.heading = null;
         this.subHeading = null;
         this.preamble = null;
@@ -19,6 +17,9 @@ const PnHeroBlockInternational = class {
         this.showSideLoader = true;
         this.centeredLayout = false;
     }
+    get hostElement() { return index.getElement(this); }
+    hasCtaButtonSlot = false;
+    animateSideloader = false;
     async componentWillLoad() {
         this.hasCtaButtonSlot = !!this.hostElement.querySelector('[slot="hero-international-cta"]');
     }
@@ -38,7 +39,6 @@ const PnHeroBlockInternational = class {
     render() {
         return (index.h(index.Host, { key: '0148f7c2e315b2543a949c7031d7658f899f597b', class: `hero-international ${this.centeredLayout ? 'hero-international--centered-layout' : ''} ${this.animateLogo ? 'hero-international--animate' : ''}` }, index.h("div", { key: 'aae5579538d4c5ddadb4bac35a9368c369028eeb', class: "hero-international__content" }, index.h("div", { key: '6763917bc759970708206d15e27eb3e629f9f1da', class: "flex-wrapper" }, index.h("div", { key: '5dcddaaa4459358757b1f7d0751521d31e40510a', class: "content-col" }, index.h("span", { key: '6ae982bdb6b7701495692d4a1c69694ae3190480', class: "hero-international__content__site-tag" }, "International"), index.h("h1", { key: 'dd017614305992efe1c7d1724ed337bcc46d9b54', class: "hero-international__content__heading" }, this.heading, " ", index.h("span", { key: '0a50bef02bee87a94ce8040c532f0167ac4c7b78' }, this.subHeading)), index.h("p", { key: 'dd10260dd95d03a0db151fd4d1fa766f2841a1df', class: "hero-international__content__preamble" }, this.preamble), this.hasCtaButtonSlot && (index.h("div", { key: '8ec6a557f9725d6e7dbfbb7ba027182da5e46d5e', class: "hero-international__content__cta" }, index.h("slot", { key: '4f9ba644423c17d82b99a5f2d60912de1e69f800', name: "hero-international-cta" })))), !this.centeredLayout && (index.h("div", { key: '974e21f8cbe28c739273328701c3be0911cb4059', class: "hero-international__content__logo-col" }, index.h("div", { key: '0fa119433e7b08c2c2b123ff926a8c9da036255c', class: "hero-international__content__logo-col__image" }, index.h("svg", { key: 'cf22342c08c35fd4127f8d73768aa1c36e1fa565', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 919 336" }, index.h("circle", { key: '142f8f5b624226b1064d099a6886121a26c5e17c', class: "cls-1", cx: "168", cy: "168", r: "168" }), index.h("circle", { key: '9875ec20a24b93299bb64475c16702f4dd286379', class: "cls-1", cx: "519", cy: "168", r: "168" }), index.h("path", { key: '57ef9b1e34ee56c24ce457bcb54062ee17e98f81', class: "cls-1", d: "M510 0h409v336H510z" }), index.h("path", { key: 'e80a3923fb6e0ab1864e883838a1451712057eb5', d: "M235.51 155.55c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.02-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.65.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.48 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm-147.53 0c0 8.53-5.91 15.56-15.1 15.56-5.64 0-8.27-2.77-8.27-2.77v10.34H42v-37.89h10.96V144s2.85-3.84 9.08-3.84c9.13 0 14.29 6.98 14.29 15.72Zm-11.6 0c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm184.35.47c0-4.47 2.74-5.86 6.4-5.86 2.25 0 3.71.53 3.71.53l.27-10.02s-.7-.32-2.58-.32c-6.12 0-7.79 3.84-7.79 3.84v-3.41h-10.96v29.42h10.96v-14.18ZM294 132v38.53h-10.96v-2.88s-2.85 3.84-9.08 3.84c-9.13 0-14.29-6.98-14.29-15.72s5.91-15.56 15.1-15.56c5.64 0 8.27 2.77 8.27 2.77v-8.85L294 132Zm-10.64 23.77c0-3.47-2.47-6.02-6.07-6.02s-6.02 2.56-6.02 6.02c0 3.67 2.42 6.18 6.02 6.18s6.07-2.51 6.07-6.18Zm-96.71-15.62c-6.39 0-8.71 3.84-8.71 3.84v-2.88h-10.96v29.42h10.96v-15.08c0-3.73 1.4-5.44 4.78-5.44s3.87 2.77 3.87 6.29v14.23h11.07v-18.07c0-8.1-3.92-12.31-11.01-12.31Zm-30.74-5.65h-10.96v36.03h10.96v-20.25h5.16l5-9.17h-10.16v-6.61Zm-24.55 17.27c-3.55-.53-5.11-.53-5.11-1.92 0-1.17 1.45-1.65 4.3-1.65 4.83 0 9.08 1.6 9.08 1.6l1.93-8.26s-4.67-1.33-10.91-1.33c-10.48 0-15.96 4-15.96 10.39 0 4.96 2.96 7.89 11.61 9 3.65.48 5 .69 5 2.03s-1.45 1.7-3.98 1.7c-5.48 0-10.64-2.29-10.64-2.29l-2.2 8.53s5.16 1.81 11.88 1.81c11.28 0 16.49-3.95 16.49-10.39 0-5.11-2.79-7.88-11.49-9.22Zm-17.9 3.78c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.03-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.66.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Z", class: "svg-path-style2" }), index.h("path", { key: '5a0fd21b70944aff5a216650d786c0e0e30b4697', d: "M167 197.67v-15.01h2.71v15.01H167Zm15.27-7.02c0-2.41-1.92-4.08-4.24-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm8-3.8h-2.8v-3.62H185v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.9 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm11.93 6.2c0-.15.04-.71.04-.97 0-3.31-2.25-5.56-5.49-5.56s-5.56 2.56-5.56 5.74 2.49 5.74 5.73 5.74c2.12 0 3.86-.84 4.98-2.58l-2.05-1.1c-.6.88-1.52 1.48-2.93 1.48-1.68 0-3-1.04-3.33-2.74h8.6m-8.53-1.94c.37-1.48 1.52-2.47 3.07-2.47 1.7 0 2.78.95 3.09 2.47h-6.16Zm16.03-4.26c-1.61 0-2.62.84-3.09 1.83v-1.83h-2.32v10.81h2.47v-5.25c0-1.68 1.1-3 2.71-3h1.08v-2.56h-.86Zm12.55 3.79c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.56 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.27-1.48-3.27-3.35 1.3-3.38 3.27-3.38 3.29 1.5 3.29 3.38Zm10.31-5.39h-2.8v-3.62h-2.47v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.91 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm1.84-3.22c0 .84.68 1.52 1.54 1.52s1.57-.68 1.57-1.52-.71-1.5-1.57-1.5-1.54.69-1.54 1.5Zm2.78 14.04v-10.81h-2.47v10.81h2.47Zm2.12-5.41c0 3.18 2.49 5.74 5.78 5.74s5.76-2.56 5.76-5.74-2.49-5.74-5.76-5.74-5.78 2.54-5.78 5.74Zm9.06 0c0 1.88-1.39 3.38-3.29 3.38s-3.29-1.5-3.29-3.38 1.37-3.38 3.29-3.38 3.29 1.48 3.29 3.38Zm14.41-1.61c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.52-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.57 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.26-1.48-3.26-3.35 1.3-3.38 3.26-3.38 3.29 1.5 3.29 3.38Zm9.12 3.2h-.46c-.77 0-1.15-.4-1.15-1.17V182h-2.47v12.69c0 1.81 1.23 2.98 3.13 2.98h.95v-2.23Z", class: "svg-path-style1" })))))), this.showSideLoader && !this.centeredLayout && (index.h("div", { key: 'c3be8462674fe6f4e2f09a8242e1d55891968d66', class: `hero-international__side-loader ${this.animateSideloader ? 'hero-international__side-loader--animate' : ''}` }, index.h("div", { key: '1336f5ea7ac86bbfbd40614170531ca272a420af', class: "shape" }))))));
     }
-    get hostElement() { return index.getElement(this); }
 };
 PnHeroBlockInternational.style = PnHeroBlockInternationalStyle0;

package/cjs/pn-hero-block-international.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pn-hero-block-international.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,2BAA2B,GAAG,i7MAAi7M,CAAC;AACt9M,uCAAe,2BAA2B;;MCK7B,wBAAwB;;;QAU3B,qBAAgB,GAAY,KAAK,CAAC;QAClC,sBAAiB,GAAY,KAAK,CAAC;uBARjB,IAAI;0BACD,IAAI;wBACN,IAAI;2BACA,KAAK;8BACF,IAAI;8BACJ,KAAK;;IAKvC,MAAM,iBAAiB;QACrB,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,iCAAiC,CAAC,CAAC;KAC7F;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,+CAA+C,CAAC,CAAC;YAC9F,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,2CAA2C,CAAC,CAAC;YAC/F,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;YAE9B,IAAI,KAAK,EAAE;gBACT,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;aACnC;YACD,IAAI,UAAU,EAAE;gBACd,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;aACxC;SACF;KACF;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,KAAK,EAAE,sBAAsB,IAAI,CAAC,cAAc,GAAG,qCAAqC,GAAG,EAAE,IAAI,IAAI,CAAC,WAAW,GAAG,6BAA6B,GAAG,EAAE,EAAE,IAC5JD,kEAAK,KAAK,EAAC,6BAA6B,IACtCA,kEAAK,KAAK,EAAC,cAAc,IACvBA,kEAAK,KAAK,EAAC,aAAa,IACtBA,mEAAM,KAAK,EAAC,uCAAuC,oBAAqB,EACxEA,iEAAI,KAAK,EAAC,sCAAsC,IAC7C,IAAI,CAAC,OAAO,OAAEA,qEAAO,IAAI,CAAC,UAAU,CAAQ,CAC1C,EACLA,gEAAG,KAAK,EAAC,uCAAuC,IAAE,IAAI,CAAC,QAAQ,CAAK,EAEnE,IAAI,CAAC,gBAAgB,KACpBA,kEAAK,KAAK,EAAC,kCAAkC,IAC3CA,mEAAM,IAAI,EAAC,wBAAwB,GAAQ,CACvC,CACP,CACG,EAEL,CAAC,IAAI,CAAC,cAAc,KACnBA,kEAAK,KAAK,EAAC,uCAAuC,IAChDA,kEAAK,KAAK,EAAC,8CAA8C,IACvDA,kEAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,IAC3DA,qEAAQ,KAAK,EAAC,OAAO,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,GAAE,EACjDA,qEAAQ,KAAK,EAAC,OAAO,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,GAAE,EACjDA,mEAAM,KAAK,EAAC,OAAO,EAAC,CAAC,EAAC,qBAAqB,GAAE,EAC7CA,mEAAM,CAAC,EAAC,koDAAkoD,EAAC,KAAK,EAAC,iBAAiB,GAAE,EACpqDA,mEAAM,CAAC,EAAC,47DAA47D,EAAC,KAAK,EAAC,iBAAiB,GAAE,CAC19D,CACF,CACF,CACP,CACG,EAEL,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,cAAc,KAC1CA,kEAAK,KAAK,EAAE,mCAAmC,IAAI,CAAC,iBAAiB,GAAG,0CAA0C,GAAG,EAAE,EAAE,IACvHA,kEAAK,KAAK,EAAC,OAAO,GAAO,CACrB,CACP,CACG,CACD,EACP;KACH;;;;;;;","names":["h","Host"],"sources":["src/components/widgets/pn-hero-block-international/pn-hero-block-international.scss?tag=pn-hero-block-international","src/components/widgets/pn-hero-block-international/pn-hero-block-international.tsx"],"sourcesContent":["@import \"../../../globals/main.scss\";\n\n$animationTransitionTime: .8s;\n$internationalAlternativeBlue: rgba(8, 58, 103, 1);\n$mediumScreen: 768px;\n$mediumScreenExtra: 992px;\n$largeScreen: 1200px;\n$xLargeScreen: 1640px;\n\npn-hero-block-international {\n width: 100%;\n}\n\n.hero-international {\n width: 100%;\n min-height: unset;\n position: relative;\n background: $blue900;\n display: flex;\n\n @media screen and (min-width: $largeScreen) {\n min-height: 44rem;\n }\n\n .hero-international__content {\n width: 100%;\n margin-bottom: 1.6rem;\n overflow-x: hidden;\n\n @media screen and (min-width: $xLargeScreen) {\n display: grid;\n grid-template-columns: 1fr 1440px 1fr;\n }\n\n .flex-wrapper {\n @include inner-container;\n grid-column: 2 / 3;\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n display: flex;\n flex-direction: row;\n height: 100%;\n justify-content: space-between;\n\n @media screen and (min-width: $xLargeScreen) {\n justify-content: unset;\n padding: 0;\n }\n\n .content-col {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 4rem 0 4rem 0;\n\n @media screen and (min-width: $mediumScreen) {\n min-width: 60.2rem;\n }\n\n @media screen and (min-width: $xLargeScreen) {\n min-width: 100.6rem;\n padding: 5rem 2rem 5rem 0;\n }\n }\n\n .hero-international__content__site-tag {\n display: block;\n color: $blue400;\n font-size: 1.6rem;\n\n @media screen and (min-width: $mediumScreen) {\n font-size: 1.8rem\n }\n\n @media screen and (min-width: $xLargeScreen) {\n display: none;\n }\n }\n\n .hero-international__content__heading {\n color: $blue400;\n font-size: 3.2rem;\n font-weight: 500;\n line-height: 1.12;\n font-smooth: never;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n margin-bottom: 1rem;\n\n span {\n margin-top: -0.3rem;\n display: block;\n color: white;\n font-weight: 700;\n }\n\n @media screen and (min-width: $mediumScreen) {\n font-size: 4rem;\n }\n @media screen and (min-width: $mediumScreenExtra) {\n font-size: 5.6rem;\n margin-bottom: 1.6rem;\n }\n }\n\n .hero-international__content__preamble {\n color: white;\n margin-bottom: 0;\n font-weight: 500;\n font-size: 1.6rem;\n\n @media screen and (min-width: $mediumScreen) {\n font-size: 1.8rem\n }\n @media screen and (min-width: $xLargeScreen) {\n font-size: 2rem\n }\n }\n\n .hero-international__content__cta {\n margin-top: 2.4rem;\n\n @media screen and (min-width: $xLargeScreen) {\n margin-top: 3.2rem;\n }\n }\n\n .hero-international__content__logo-col {\n max-width: 60rem;\n display: none;\n\n @media screen and (min-width: $xLargeScreen) {\n max-width: unset;\n display: flex;\n width: 100%;\n flex-direction: column;\n justify-content: center;\n }\n\n .hero-international__content__logo-col__image {\n height: 32rem;\n\n svg {\n height: 100%;\n\n .cls-1 {\n fill:#083a67;\n stroke-width:0;\n }\n .svg-path-style1 {\n fill:#00a0d6;\n stroke-width:0;\n }\n .svg-path-style2 {\n fill:#fff;\n stroke-width:0;\n }\n }\n }\n }\n }\n }\n\n .hero-international__side-loader {\n grid-column: 3 / -1;\n display: none;\n flex-direction: column;\n justify-content: center;\n border-bottom: 1px solid transparent;\n padding-left: 8.8rem;\n\n @media screen and (min-width: $xLargeScreen) {\n display: flex;\n }\n\n .shape {\n background-color: $internationalAlternativeBlue;\n height: 32rem;\n }\n }\n\n .hero-international__side-loader--animate {\n transition: transform $animationTransitionTime ease-out;\n transform: translateX(100%);\n\n &.animate-in {\n transform: translateX(0);\n }\n }\n}\n\n.hero-international.hero-international--centered-layout {\n .hero-international__content .flex-wrapper {\n .hero-international__content__site-tag {\n display: block;\n }\n }\n\n .hero-international__content .flex-wrapper .content-col {\n @media screen and (min-width: $largeScreen) {\n width: 100%;\n display: flex;\n align-items: center;\n padding-right: 0;\n }\n }\n\n .hero-international__content__heading {\n @media screen and (min-width: $largeScreen) {\n text-align: center;\n }\n }\n}\n\n.hero-international.hero-international--animate {\n .hero-international__content__logo-col__image {\n transform: translateX(100%);\n transition: transform $animationTransitionTime - 0.3 ease-out;\n\n &.animate-in {\n transform: translateX(0);\n }\n }\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'pn-hero-block-international',\n styleUrl: 'pn-hero-block-international.scss',\n})\nexport class PnHeroBlockInternational {\n @Element() hostElement: HTMLElement;\n\n @Prop() heading: string = null;\n @Prop() subHeading: string = null;\n @Prop() preamble: string = null;\n @Prop() animateLogo: boolean = false;\n @Prop() showSideLoader: boolean = true;\n @Prop() centeredLayout: boolean = false;\n\n private hasCtaButtonSlot: boolean = false;\n private animateSideloader: boolean = false;\n\n async componentWillLoad() {\n this.hasCtaButtonSlot = !!this.hostElement.querySelector('[slot=\"hero-international-cta\"]');\n }\n\n componentDidLoad() {\n if (this.animateLogo) {\n const image = this.hostElement.querySelector('.hero-international__content__logo-col__image');\n const sideLoader = this.hostElement.querySelector('.hero-international__side-loader--animate');\n this.animateSideloader = true;\n\n if (image) {\n image.classList.add('animate-in');\n }\n if (sideLoader) {\n sideLoader.classList.add('animate-in');\n }\n }\n }\n\n render() {\n return (\n <Host class={`hero-international ${this.centeredLayout ? 'hero-international--centered-layout' : ''} ${this.animateLogo ? 'hero-international--animate' : ''}`}>\n <div class=\"hero-international__content\">\n <div class=\"flex-wrapper\">\n <div class=\"content-col\">\n <span class=\"hero-international__content__site-tag\">International</span>\n <h1 class=\"hero-international__content__heading\">\n {this.heading} <span>{this.subHeading}</span>\n </h1>\n <p class=\"hero-international__content__preamble\">{this.preamble}</p>\n\n {this.hasCtaButtonSlot && (\n <div class=\"hero-international__content__cta\">\n <slot name=\"hero-international-cta\"></slot>\n </div>\n )}\n </div>\n\n {!this.centeredLayout && (\n <div class=\"hero-international__content__logo-col\">\n <div class=\"hero-international__content__logo-col__image\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 919 336\">\n <circle class=\"cls-1\" cx=\"168\" cy=\"168\" r=\"168\"/>\n <circle class=\"cls-1\" cx=\"519\" cy=\"168\" r=\"168\"/>\n <path class=\"cls-1\" d=\"M510 0h409v336H510z\"/>\n <path d=\"M235.51 155.55c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.02-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.65.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.48 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm-147.53 0c0 8.53-5.91 15.56-15.1 15.56-5.64 0-8.27-2.77-8.27-2.77v10.34H42v-37.89h10.96V144s2.85-3.84 9.08-3.84c9.13 0 14.29 6.98 14.29 15.72Zm-11.6 0c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm184.35.47c0-4.47 2.74-5.86 6.4-5.86 2.25 0 3.71.53 3.71.53l.27-10.02s-.7-.32-2.58-.32c-6.12 0-7.79 3.84-7.79 3.84v-3.41h-10.96v29.42h10.96v-14.18ZM294 132v38.53h-10.96v-2.88s-2.85 3.84-9.08 3.84c-9.13 0-14.29-6.98-14.29-15.72s5.91-15.56 15.1-15.56c5.64 0 8.27 2.77 8.27 2.77v-8.85L294 132Zm-10.64 23.77c0-3.47-2.47-6.02-6.07-6.02s-6.02 2.56-6.02 6.02c0 3.67 2.42 6.18 6.02 6.18s6.07-2.51 6.07-6.18Zm-96.71-15.62c-6.39 0-8.71 3.84-8.71 3.84v-2.88h-10.96v29.42h10.96v-15.08c0-3.73 1.4-5.44 4.78-5.44s3.87 2.77 3.87 6.29v14.23h11.07v-18.07c0-8.1-3.92-12.31-11.01-12.31Zm-30.74-5.65h-10.96v36.03h10.96v-20.25h5.16l5-9.17h-10.16v-6.61Zm-24.55 17.27c-3.55-.53-5.11-.53-5.11-1.92 0-1.17 1.45-1.65 4.3-1.65 4.83 0 9.08 1.6 9.08 1.6l1.93-8.26s-4.67-1.33-10.91-1.33c-10.48 0-15.96 4-15.96 10.39 0 4.96 2.96 7.89 11.61 9 3.65.48 5 .69 5 2.03s-1.45 1.7-3.98 1.7c-5.48 0-10.64-2.29-10.64-2.29l-2.2 8.53s5.16 1.81 11.88 1.81c11.28 0 16.49-3.95 16.49-10.39 0-5.11-2.79-7.88-11.49-9.22Zm-17.9 3.78c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.03-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.66.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Z\" class=\"svg-path-style2\"/>\n <path d=\"M167 197.67v-15.01h2.71v15.01H167Zm15.27-7.02c0-2.41-1.92-4.08-4.24-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm8-3.8h-2.8v-3.62H185v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.9 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm11.93 6.2c0-.15.04-.71.04-.97 0-3.31-2.25-5.56-5.49-5.56s-5.56 2.56-5.56 5.74 2.49 5.74 5.73 5.74c2.12 0 3.86-.84 4.98-2.58l-2.05-1.1c-.6.88-1.52 1.48-2.93 1.48-1.68 0-3-1.04-3.33-2.74h8.6m-8.53-1.94c.37-1.48 1.52-2.47 3.07-2.47 1.7 0 2.78.95 3.09 2.47h-6.16Zm16.03-4.26c-1.61 0-2.62.84-3.09 1.83v-1.83h-2.32v10.81h2.47v-5.25c0-1.68 1.1-3 2.71-3h1.08v-2.56h-.86Zm12.55 3.79c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.56 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.27-1.48-3.27-3.35 1.3-3.38 3.27-3.38 3.29 1.5 3.29 3.38Zm10.31-5.39h-2.8v-3.62h-2.47v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.91 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm1.84-3.22c0 .84.68 1.52 1.54 1.52s1.57-.68 1.57-1.52-.71-1.5-1.57-1.5-1.54.69-1.54 1.5Zm2.78 14.04v-10.81h-2.47v10.81h2.47Zm2.12-5.41c0 3.18 2.49 5.74 5.78 5.74s5.76-2.56 5.76-5.74-2.49-5.74-5.76-5.74-5.78 2.54-5.78 5.74Zm9.06 0c0 1.88-1.39 3.38-3.29 3.38s-3.29-1.5-3.29-3.38 1.37-3.38 3.29-3.38 3.29 1.48 3.29 3.38Zm14.41-1.61c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.52-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.57 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.26-1.48-3.26-3.35 1.3-3.38 3.26-3.38 3.29 1.5 3.29 3.38Zm9.12 3.2h-.46c-.77 0-1.15-.4-1.15-1.17V182h-2.47v12.69c0 1.81 1.23 2.98 3.13 2.98h.95v-2.23Z\" class=\"svg-path-style1\"/>\n </svg>\n </div>\n </div>\n )}\n </div>\n\n {this.showSideLoader && !this.centeredLayout && (\n <div class={`hero-international__side-loader ${this.animateSideloader ? 'hero-international__side-loader--animate' : ''}`}>\n <div class=\"shape\"></div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pn-hero-block-international.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,2BAA2B,GAAG,i7MAAi7M,CAAC;AACt9M,uCAAe,2BAA2B;;MCK7B,wBAAwB;;;uBAGT,IAAI;0BACD,IAAI;wBACN,IAAI;2BACA,KAAK;8BACF,IAAI;8BACJ,KAAK;;;IAE/B,gBAAgB,GAAY,KAAK,CAAC;IAClC,iBAAiB,GAAY,KAAK,CAAC;IAE3C,MAAM,iBAAiB;QACrB,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,iCAAiC,CAAC,CAAC;KAC7F;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,+CAA+C,CAAC,CAAC;YAC9F,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,2CAA2C,CAAC,CAAC;YAC/F,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;YAE9B,IAAI,KAAK,EAAE;gBACT,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;aACnC;YACD,IAAI,UAAU,EAAE;gBACd,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;aACxC;SACF;KACF;IAED,MAAM;QACJ,QACEA,QAACC,UAAI,qDAAC,KAAK,EAAE,sBAAsB,IAAI,CAAC,cAAc,GAAG,qCAAqC,GAAG,EAAE,IAAI,IAAI,CAAC,WAAW,GAAG,6BAA6B,GAAG,EAAE,EAAE,IAC5JD,kEAAK,KAAK,EAAC,6BAA6B,IACtCA,kEAAK,KAAK,EAAC,cAAc,IACvBA,kEAAK,KAAK,EAAC,aAAa,IACtBA,mEAAM,KAAK,EAAC,uCAAuC,oBAAqB,EACxEA,iEAAI,KAAK,EAAC,sCAAsC,IAC7C,IAAI,CAAC,OAAO,OAAEA,qEAAO,IAAI,CAAC,UAAU,CAAQ,CAC1C,EACLA,gEAAG,KAAK,EAAC,uCAAuC,IAAE,IAAI,CAAC,QAAQ,CAAK,EAEnE,IAAI,CAAC,gBAAgB,KACpBA,kEAAK,KAAK,EAAC,kCAAkC,IAC3CA,mEAAM,IAAI,EAAC,wBAAwB,GAAQ,CACvC,CACP,CACG,EAEL,CAAC,IAAI,CAAC,cAAc,KACnBA,kEAAK,KAAK,EAAC,uCAAuC,IAChDA,kEAAK,KAAK,EAAC,8CAA8C,IACvDA,kEAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,IAC3DA,qEAAQ,KAAK,EAAC,OAAO,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,GAAE,EACjDA,qEAAQ,KAAK,EAAC,OAAO,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,KAAK,GAAE,EACjDA,mEAAM,KAAK,EAAC,OAAO,EAAC,CAAC,EAAC,qBAAqB,GAAE,EAC7CA,mEAAM,CAAC,EAAC,koDAAkoD,EAAC,KAAK,EAAC,iBAAiB,GAAE,EACpqDA,mEAAM,CAAC,EAAC,47DAA47D,EAAC,KAAK,EAAC,iBAAiB,GAAE,CAC19D,CACF,CACF,CACP,CACG,EAEL,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,cAAc,KAC1CA,kEAAK,KAAK,EAAE,mCAAmC,IAAI,CAAC,iBAAiB,GAAG,0CAA0C,GAAG,EAAE,EAAE,IACvHA,kEAAK,KAAK,EAAC,OAAO,GAAO,CACrB,CACP,CACG,CACD,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/widgets/pn-hero-block-international/pn-hero-block-international.scss?tag=pn-hero-block-international","src/components/widgets/pn-hero-block-international/pn-hero-block-international.tsx"],"sourcesContent":["@import \"../../../globals/main.scss\";\n\n$animationTransitionTime: .8s;\n$internationalAlternativeBlue: rgba(8, 58, 103, 1);\n$mediumScreen: 768px;\n$mediumScreenExtra: 992px;\n$largeScreen: 1200px;\n$xLargeScreen: 1640px;\n\npn-hero-block-international {\n width: 100%;\n}\n\n.hero-international {\n width: 100%;\n min-height: unset;\n position: relative;\n background: $blue900;\n display: flex;\n\n @media screen and (min-width: $largeScreen) {\n min-height: 44rem;\n }\n\n .hero-international__content {\n width: 100%;\n margin-bottom: 1.6rem;\n overflow-x: hidden;\n\n @media screen and (min-width: $xLargeScreen) {\n display: grid;\n grid-template-columns: 1fr 1440px 1fr;\n }\n\n .flex-wrapper {\n @include inner-container;\n grid-column: 2 / 3;\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n display: flex;\n flex-direction: row;\n height: 100%;\n justify-content: space-between;\n\n @media screen and (min-width: $xLargeScreen) {\n justify-content: unset;\n padding: 0;\n }\n\n .content-col {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 4rem 0 4rem 0;\n\n @media screen and (min-width: $mediumScreen) {\n min-width: 60.2rem;\n }\n\n @media screen and (min-width: $xLargeScreen) {\n min-width: 100.6rem;\n padding: 5rem 2rem 5rem 0;\n }\n }\n\n .hero-international__content__site-tag {\n display: block;\n color: $blue400;\n font-size: 1.6rem;\n\n @media screen and (min-width: $mediumScreen) {\n font-size: 1.8rem\n }\n\n @media screen and (min-width: $xLargeScreen) {\n display: none;\n }\n }\n\n .hero-international__content__heading {\n color: $blue400;\n font-size: 3.2rem;\n font-weight: 500;\n line-height: 1.12;\n font-smooth: never;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n margin-bottom: 1rem;\n\n span {\n margin-top: -0.3rem;\n display: block;\n color: white;\n font-weight: 700;\n }\n\n @media screen and (min-width: $mediumScreen) {\n font-size: 4rem;\n }\n @media screen and (min-width: $mediumScreenExtra) {\n font-size: 5.6rem;\n margin-bottom: 1.6rem;\n }\n }\n\n .hero-international__content__preamble {\n color: white;\n margin-bottom: 0;\n font-weight: 500;\n font-size: 1.6rem;\n\n @media screen and (min-width: $mediumScreen) {\n font-size: 1.8rem\n }\n @media screen and (min-width: $xLargeScreen) {\n font-size: 2rem\n }\n }\n\n .hero-international__content__cta {\n margin-top: 2.4rem;\n\n @media screen and (min-width: $xLargeScreen) {\n margin-top: 3.2rem;\n }\n }\n\n .hero-international__content__logo-col {\n max-width: 60rem;\n display: none;\n\n @media screen and (min-width: $xLargeScreen) {\n max-width: unset;\n display: flex;\n width: 100%;\n flex-direction: column;\n justify-content: center;\n }\n\n .hero-international__content__logo-col__image {\n height: 32rem;\n\n svg {\n height: 100%;\n\n .cls-1 {\n fill:#083a67;\n stroke-width:0;\n }\n .svg-path-style1 {\n fill:#00a0d6;\n stroke-width:0;\n }\n .svg-path-style2 {\n fill:#fff;\n stroke-width:0;\n }\n }\n }\n }\n }\n }\n\n .hero-international__side-loader {\n grid-column: 3 / -1;\n display: none;\n flex-direction: column;\n justify-content: center;\n border-bottom: 1px solid transparent;\n padding-left: 8.8rem;\n\n @media screen and (min-width: $xLargeScreen) {\n display: flex;\n }\n\n .shape {\n background-color: $internationalAlternativeBlue;\n height: 32rem;\n }\n }\n\n .hero-international__side-loader--animate {\n transition: transform $animationTransitionTime ease-out;\n transform: translateX(100%);\n\n &.animate-in {\n transform: translateX(0);\n }\n }\n}\n\n.hero-international.hero-international--centered-layout {\n .hero-international__content .flex-wrapper {\n .hero-international__content__site-tag {\n display: block;\n }\n }\n\n .hero-international__content .flex-wrapper .content-col {\n @media screen and (min-width: $largeScreen) {\n width: 100%;\n display: flex;\n align-items: center;\n padding-right: 0;\n }\n }\n\n .hero-international__content__heading {\n @media screen and (min-width: $largeScreen) {\n text-align: center;\n }\n }\n}\n\n.hero-international.hero-international--animate {\n .hero-international__content__logo-col__image {\n transform: translateX(100%);\n transition: transform $animationTransitionTime - 0.3 ease-out;\n\n &.animate-in {\n transform: translateX(0);\n }\n }\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'pn-hero-block-international',\n styleUrl: 'pn-hero-block-international.scss',\n})\nexport class PnHeroBlockInternational {\n @Element() hostElement: HTMLElement;\n\n @Prop() heading: string = null;\n @Prop() subHeading: string = null;\n @Prop() preamble: string = null;\n @Prop() animateLogo: boolean = false;\n @Prop() showSideLoader: boolean = true;\n @Prop() centeredLayout: boolean = false;\n\n private hasCtaButtonSlot: boolean = false;\n private animateSideloader: boolean = false;\n\n async componentWillLoad() {\n this.hasCtaButtonSlot = !!this.hostElement.querySelector('[slot=\"hero-international-cta\"]');\n }\n\n componentDidLoad() {\n if (this.animateLogo) {\n const image = this.hostElement.querySelector('.hero-international__content__logo-col__image');\n const sideLoader = this.hostElement.querySelector('.hero-international__side-loader--animate');\n this.animateSideloader = true;\n\n if (image) {\n image.classList.add('animate-in');\n }\n if (sideLoader) {\n sideLoader.classList.add('animate-in');\n }\n }\n }\n\n render() {\n return (\n <Host class={`hero-international ${this.centeredLayout ? 'hero-international--centered-layout' : ''} ${this.animateLogo ? 'hero-international--animate' : ''}`}>\n <div class=\"hero-international__content\">\n <div class=\"flex-wrapper\">\n <div class=\"content-col\">\n <span class=\"hero-international__content__site-tag\">International</span>\n <h1 class=\"hero-international__content__heading\">\n {this.heading} <span>{this.subHeading}</span>\n </h1>\n <p class=\"hero-international__content__preamble\">{this.preamble}</p>\n\n {this.hasCtaButtonSlot && (\n <div class=\"hero-international__content__cta\">\n <slot name=\"hero-international-cta\"></slot>\n </div>\n )}\n </div>\n\n {!this.centeredLayout && (\n <div class=\"hero-international__content__logo-col\">\n <div class=\"hero-international__content__logo-col__image\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 919 336\">\n <circle class=\"cls-1\" cx=\"168\" cy=\"168\" r=\"168\"/>\n <circle class=\"cls-1\" cx=\"519\" cy=\"168\" r=\"168\"/>\n <path class=\"cls-1\" d=\"M510 0h409v336H510z\"/>\n <path d=\"M235.51 155.55c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.02-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.65.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.48 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm-147.53 0c0 8.53-5.91 15.56-15.1 15.56-5.64 0-8.27-2.77-8.27-2.77v10.34H42v-37.89h10.96V144s2.85-3.84 9.08-3.84c9.13 0 14.29 6.98 14.29 15.72Zm-11.6 0c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Zm184.35.47c0-4.47 2.74-5.86 6.4-5.86 2.25 0 3.71.53 3.71.53l.27-10.02s-.7-.32-2.58-.32c-6.12 0-7.79 3.84-7.79 3.84v-3.41h-10.96v29.42h10.96v-14.18ZM294 132v38.53h-10.96v-2.88s-2.85 3.84-9.08 3.84c-9.13 0-14.29-6.98-14.29-15.72s5.91-15.56 15.1-15.56c5.64 0 8.27 2.77 8.27 2.77v-8.85L294 132Zm-10.64 23.77c0-3.47-2.47-6.02-6.07-6.02s-6.02 2.56-6.02 6.02c0 3.67 2.42 6.18 6.02 6.18s6.07-2.51 6.07-6.18Zm-96.71-15.62c-6.39 0-8.71 3.84-8.71 3.84v-2.88h-10.96v29.42h10.96v-15.08c0-3.73 1.4-5.44 4.78-5.44s3.87 2.77 3.87 6.29v14.23h11.07v-18.07c0-8.1-3.92-12.31-11.01-12.31Zm-30.74-5.65h-10.96v36.03h10.96v-20.25h5.16l5-9.17h-10.16v-6.61Zm-24.55 17.27c-3.55-.53-5.11-.53-5.11-1.92 0-1.17 1.45-1.65 4.3-1.65 4.83 0 9.08 1.6 9.08 1.6l1.93-8.26s-4.67-1.33-10.91-1.33c-10.48 0-15.96 4-15.96 10.39 0 4.96 2.96 7.89 11.61 9 3.65.48 5 .69 5 2.03s-1.45 1.7-3.98 1.7c-5.48 0-10.64-2.29-10.64-2.29l-2.2 8.53s5.16 1.81 11.88 1.81c11.28 0 16.49-3.95 16.49-10.39 0-5.11-2.79-7.88-11.49-9.22Zm-17.9 3.78c0 11.19-9.19 15.88-17.84 15.88s-17.46-4.58-17.46-15.4 9.03-15.88 17.84-15.88c8.6 0 17.46 4.63 17.46 15.4Zm-11.66.33c0-3.68-2.42-6.18-6.02-6.18s-6.07 2.5-6.07 6.18c0 3.46 2.47 6.02 6.07 6.02s6.02-2.56 6.02-6.02Z\" class=\"svg-path-style2\"/>\n <path d=\"M167 197.67v-15.01h2.71v15.01H167Zm15.27-7.02c0-2.41-1.92-4.08-4.24-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm8-3.8h-2.8v-3.62H185v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.9 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm11.93 6.2c0-.15.04-.71.04-.97 0-3.31-2.25-5.56-5.49-5.56s-5.56 2.56-5.56 5.74 2.49 5.74 5.73 5.74c2.12 0 3.86-.84 4.98-2.58l-2.05-1.1c-.6.88-1.52 1.48-2.93 1.48-1.68 0-3-1.04-3.33-2.74h8.6m-8.53-1.94c.37-1.48 1.52-2.47 3.07-2.47 1.7 0 2.78.95 3.09 2.47h-6.16Zm16.03-4.26c-1.61 0-2.62.84-3.09 1.83v-1.83h-2.32v10.81h2.47v-5.25c0-1.68 1.1-3 2.71-3h1.08v-2.56h-.86Zm12.55 3.79c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.51-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.56 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.27-1.48-3.27-3.35 1.3-3.38 3.27-3.38 3.29 1.5 3.29 3.38Zm10.31-5.39h-2.8v-3.62h-2.47v10.99c0 2.01 1.43 3.44 3.46 3.44h1.81v-2.29h-1.32c-.91 0-1.48-.55-1.48-1.48v-4.94h1.67l1.14-2.1Zm1.84-3.22c0 .84.68 1.52 1.54 1.52s1.57-.68 1.57-1.52-.71-1.5-1.57-1.5-1.54.69-1.54 1.5Zm2.78 14.04v-10.81h-2.47v10.81h2.47Zm2.12-5.41c0 3.18 2.49 5.74 5.78 5.74s5.76-2.56 5.76-5.74-2.49-5.74-5.76-5.74-5.78 2.54-5.78 5.74Zm9.06 0c0 1.88-1.39 3.38-3.29 3.38s-3.29-1.5-3.29-3.38 1.37-3.38 3.29-3.38 3.29 1.48 3.29 3.38Zm14.41-1.61c0-2.41-1.92-4.08-4.23-4.08-1.46 0-2.6.59-3.29 1.7v-1.41h-2.32v10.81h2.47v-6.2c0-1.52 1.04-2.58 2.52-2.58s2.38 1.02 2.38 2.54v6.24h2.47v-7.02Zm11.06-2.27c-.75-1.13-2.14-1.81-3.7-1.81-3.15 0-5.34 2.47-5.34 5.67s2.18 5.67 5.34 5.67c1.57 0 2.95-.68 3.7-1.83v1.59h2.32v-10.81h-2.32v1.52Zm0 3.86c0 1.87-1.32 3.35-3.29 3.35s-3.26-1.48-3.26-3.35 1.3-3.38 3.26-3.38 3.29 1.5 3.29 3.38Zm9.12 3.2h-.46c-.77 0-1.15-.4-1.15-1.17V182h-2.47v12.69c0 1.81 1.23 2.98 3.13 2.98h.95v-2.23Z\" class=\"svg-path-style1\"/>\n </svg>\n </div>\n </div>\n )}\n </div>\n\n {this.showSideLoader && !this.centeredLayout && (\n <div class={`hero-international__side-loader ${this.animateSideloader ? 'hero-international__side-loader--animate' : ''}`}>\n <div class=\"shape\"></div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/cjs/pn-language-selector_9.cjs.entry.js CHANGED Viewed

@@ -83,6 +83,9 @@ const PnlanguageSelector = class {
         this.options = [];
         this.i18n = undefined;
     }
+    get hostElement() { return index.getElement(this); }
+    // Events
+    setLanguage;
     componentWillLoad() {
         this.setInitialSelectedLanguageName();
         this.setTranslations();
@@ -141,8 +144,7 @@ const PnlanguageSelector = class {
         }
     }
     onValueChange() {
-        var _a;
-        const components = (_a = this.hostElement.querySelectorAll('pn-language-selector-option')) !== null && _a !== void 0 ? _a : [];
+        const components = this.hostElement.querySelectorAll('pn-language-selector-option') ?? [];
         components.forEach(component => {
             // Pass values as props into slotted components
             // component.setAttribute("current-language", this.value);
@@ -155,7 +157,6 @@ const PnlanguageSelector = class {
     render() {
         return (index.h(index.Host, { key: 'c7cdab6eeccbc93bcc4f0d286bdefa17495b0349', value: this.value }, index.h("pn-button-dropdown", { key: '71e193acb636f6e3bd03101473e59d371064f178', label: this.selectedLanguageName, icon: globe, appearance: "light", variant: "borderless" }, index.h("nav", { key: '67a65ae2feec9cc7448099bd2a6b70e15886d0b5', class: "languageselector-nav", "aria-label": this.i18n.heading }, index.h("strong", { key: '2befcaf1993606e5ae2cbff52338a4568b1098ca', class: "languageselector-title" }, this.i18n.heading), index.h("div", { key: 'afc6903faca9f225355def10f9e41521d7570987', class: "languageselector-list", role: "list" }, index.h("slot", { key: '904a906437fe780ac728d23fb031dd0ff265221f' }))))));
     }
-    get hostElement() { return index.getElement(this); }
     static get watchers() { return {
         "value": ["setSelectedLanguageName", "setTranslations", "onValueChange"]
     }; }
@@ -175,6 +176,7 @@ const PnlanguageSelectorOption = class {
         this.selected = false;
         this.currentLanguage = undefined;
     }
+    setCurrentLanguage;
     onOptionClick() {
         const currentlanguage = {
             name: this.name,
@@ -292,6 +294,10 @@ const PnMainnav = class {
         this.openMenu = false;
         this.navLabel = '';
     }
+    get hostElement() { return index.getElement(this); }
+    menuLanguageChange; // Could not use language change since it's a existing window event
+    marketChange;
+    menuOpenChange;
     componentWillLoad() {
         this.init();
         document.removeEventListener('mousedown', this._onClickOutside.bind(this));
@@ -331,7 +337,6 @@ const PnMainnav = class {
     render() {
         return (index.h(index.Host, { key: '910f0a551b6c6b86df0aa04c291c0b8deceac12a' }, index.h("div", { key: '0a764c1d5ab3f09e10960c1648cebbb1f783be4e', class: "mainnav-toggle" }, index.h("button", { key: '3cea0b2660e01d5049b0799339ce0ebd73a1dc8a', "aria-controls": this.navigationId, "aria-expanded": pnMainnavStore.state.openMenu + '', onClick: this.setMenuOpenState.bind(this) }, pnMainnavStore.state.i18n.mainMenuButton, index.h("pn-icon", { key: '705297573ebe108584e9edc61cadc71771aa79b4', icon: pnMainnavStore.state.openMenu ? close : bars.bars, color: "white" }))), index.h("nav", { key: '3c017fb27d53da0740736bdaeb13dd86d2576c32', class: "mainnav", "aria-label": this.navLabel, "data-menu-open": pnMainnavStore.state.openMenu + '', "data-menu-currentlevel": pnMainnavStore.state.currentLevel, id: this.navigationId }, index.h("slot", { key: 'b94c6dc92bb5c246035412def657829022794a3d' }))));
     }
-    get hostElement() { return index.getElement(this); }
 };
 PnMainnav.style = PnMainnavStyle0;
@@ -351,6 +356,7 @@ const PnMainnavLevel = class {
         this.listCount = 0;
         this.alignment = 'right';
     }
+    get hostElement() { return index.getElement(this); }
     async componentWillLoad() {
         this.setState();
         pnMainnavStore.onChange('openLevel', () => {
@@ -405,12 +411,11 @@ const PnMainnavLevel = class {
         pnMainnavStore.state.currentLevel = this.level;
     }
     render() {
-        return (index.h(index.Host, Object.assign({ key: 'fde26bf8c5fc7620ee0abb2c2b664bca6a1d2fba', role: "navigation" }, (this.level > 1 && this.levelId ? { 'aria-hidden': !this.isOpen + '' } : {}), { "data-level-listcount": this.listCount + '', "data-level-alignment": this.alignment, "data-level": this.level + '' }, (this.levelId ? { id: this.levelId } : {})), this.level > 1 ? (index.h("div", { class: "mainnav-level-header" }, index.h("label", { htmlFor: this.levelId }, pnMainnavStore.state.i18n.menuGoBackButton), index.h("button", { class: "secondlevel-backbtn", onClick: () => {
+        return (index.h(index.Host, { key: 'fde26bf8c5fc7620ee0abb2c2b664bca6a1d2fba', role: "navigation", ...(this.level > 1 && this.levelId ? { 'aria-hidden': !this.isOpen + '' } : {}), "data-level-listcount": this.listCount + '', "data-level-alignment": this.alignment, "data-level": this.level + '', ...(this.levelId ? { id: this.levelId } : {}) }, this.level > 1 ? (index.h("div", { class: "mainnav-level-header" }, index.h("label", { htmlFor: this.levelId }, pnMainnavStore.state.i18n.menuGoBackButton), index.h("button", { class: "secondlevel-backbtn", onClick: () => {
                 pnMainnavStore.state.openLevel = '';
                 pnMainnavStore.state.currentLevel = 1;
             }, "aria-expanded": (pnMainnavStore.state.openLevel === this.levelId) + '' }, index.h("pn-icon", { icon: arrow_left.arrow_left, color: "blue700" }), pnMainnavStore.state.i18n.menuStartButton), this.parentHref && this.label ? index.h("pn-mainnav-link", { href: this.parentHref, name: this.label, linkid: this.parentLinkId }) : null)) : null, index.h("slot", { key: '6197834b14a963be33ce1e2ffe0c4b7c60894d1b', name: "top" }), index.h("slot", { key: 'e270ea74af3d2a6b0408f6c0b84d8773ee5b998e' }), index.h("slot", { key: 'ee590e32c5f8f1749562aa0efc1722ca790f65c4', name: "additional" }), index.h("slot", { key: '7048a26e9b56586fbcb30d9d4d7cb037e939ff93', name: "footer" })));
     }
-    get hostElement() { return index.getElement(this); }
     static get watchers() { return {
         "label": ["setState"],
         "isOpen": ["onOpen"]
@@ -427,83 +432,54 @@ const PnMainnavList = class {
         this.heading = '';
         this.linkCount = 0;
     }
+    get hostElement() { return index.getElement(this); }
     componentWillLoad() {
         this.linkCount = this.hostElement.querySelectorAll(':scope > pn-mainnav-link').length;
     }
     render() {
         return (index.h(index.Host, { key: '5cef1764640843570d240aeda1f1a3a2f365064c', class: "mainnav-list", role: "list", "data-navlist-itemcount": this.linkCount + '', "data-navlist-showcolumns": (this.linkCount >= 8) + '' }, this.heading ? index.h("div", { class: "mainnav-list-heading" }, this.heading) : null, index.h("slot", { key: '63a60869af810fe9da3013e7c95a7c99b9078ab8' })));
     }
-    get hostElement() { return index.getElement(this); }
 };
 PnMainnavList.style = PnMainnavListStyle0;
 class MarketWebLoginManager {
+    eventTarget = window ?? document?.body;
+    endpoint = '';
+    storagePrefix = 'pn-user';
+    checkUserLoggedInStateInterval = 0;
+    baseUrls = {
+        at: 'https://atportal.postnord.com/api/unified-login/backend',
+        prod: 'https://portal.postnord.com/api/unified-login/backend',
+    };
+    events = {
+        loginstatechange: 'loginstatechange',
+    };
+    endpoints = {
+        authorizationEndpoint: `/authorization`,
+        tokenExchangeEndpoint: `/token`,
+        userInfoEndpoint: `/user`,
+        logoutEndpoint: `/logout`,
+    };
+    keys = {
+        tokensource: 'tokensource',
+        token: 'token',
+        accessToken: 'accessToken',
+        user: 'user',
+        expire: 'expire',
+        expireDate: 'expiredate',
+    };
+    overridetokenValue = 'overridetokenValue';
+    siteUrl = window.location.origin;
+    abortSignalForLoginCheck = null;
+    loginCheckInProgress = false;
+    loginCheckTimer = null;
     constructor(options = null) {
-        var _a;
-        this.eventTarget = window !== null && window !== void 0 ? window : document === null || document === void 0 ? void 0 : document.body;
-        this.endpoint = '';
-        this.storagePrefix = 'pn-user';
-        this.checkUserLoggedInStateInterval = 0;
-        this.baseUrls = {
-            at: 'https://atportal.postnord.com/api/unified-login/backend',
-            prod: 'https://portal.postnord.com/api/unified-login/backend',
-        };
-        this.events = {
-            loginstatechange: 'loginstatechange',
-        };
-        this.endpoints = {
-            authorizationEndpoint: `/authorization`,
-            tokenExchangeEndpoint: `/token`,
-            userInfoEndpoint: `/user`,
-            logoutEndpoint: `/logout`,
-        };
-        this.keys = {
-            tokensource: 'tokensource',
-            token: 'token',
-            accessToken: 'accessToken',
-            user: 'user',
-            expire: 'expire',
-            expireDate: 'expiredate',
-        };
-        this.overridetokenValue = 'overridetokenValue';
-        this.siteUrl = window.location.origin;
-        this.abortSignalForLoginCheck = null;
-        this.loginCheckInProgress = false;
-        this.loginCheckTimer = null;
-        this.store = {
-            get: (key) => {
-                const value = window.sessionStorage.getItem(`${this.storagePrefix}-${key}`);
-                if (!value) {
-                    return value;
-                }
-                if (value.indexOf('{') === 0) {
-                    try {
-                        return JSON.parse(value);
-                    }
-                    catch (e) { }
-                }
-                if (value.indexOf(',') !== -1) {
-                    return value.split(',');
-                }
-                return value;
-            },
-            set: (key, value) => {
-                if (typeof value === 'object' && typeof value.length === 'undefined') {
-                    window.sessionStorage.setItem(`${this.storagePrefix}-${key}`, JSON.stringify(value));
-                    return;
-                }
-                window.sessionStorage.setItem(`${this.storagePrefix}-${key}`, value);
-            },
-            remove: (key) => {
-                window.sessionStorage.removeItem(`${this.storagePrefix}-${key}`);
-            },
-        };
         if (!options) {
             return;
         }
         this.eventTarget = options.eventTarget ? options.eventTarget : this.eventTarget;
         this.endpoint = options.endpoint ? options.endpoint : `${window.location.protocol}//${window.location.host}`;
-        (_a = this.storagePrefix) !== null && _a !== void 0 ? _a : (this.storagePrefix = options.storagePrefix);
+        this.storagePrefix ??= options.storagePrefix;
         this.checkUserLoggedInStateInterval =
             options.checkUserLoggedInStateInterval && options.checkUserLoggedInStateInterval > 0 ? parseInt(options.checkUserLoggedInStateInterval + '', 10) : 0;
         if (options.userInfo) {
@@ -688,7 +664,7 @@ class MarketWebLoginManager {
         this.fetchUserInfo();
     }
     checkParameters() {
-        if (!(window === null || window === void 0 ? void 0 : window.location)) {
+        if (!window?.location) {
             return;
         }
         const params = new URLSearchParams(window.location.search);
@@ -799,6 +775,34 @@ class MarketWebLoginManager {
             .join(''));
         return JSON.parse(jsonPayload);
     }
+    store = {
+        get: (key) => {
+            const value = window.sessionStorage.getItem(`${this.storagePrefix}-${key}`);
+            if (!value) {
+                return value;
+            }
+            if (value.indexOf('{') === 0) {
+                try {
+                    return JSON.parse(value);
+                }
+                catch (e) { }
+            }
+            if (value.indexOf(',') !== -1) {
+                return value.split(',');
+            }
+            return value;
+        },
+        set: (key, value) => {
+            if (typeof value === 'object' && typeof value.length === 'undefined') {
+                window.sessionStorage.setItem(`${this.storagePrefix}-${key}`, JSON.stringify(value));
+                return;
+            }
+            window.sessionStorage.setItem(`${this.storagePrefix}-${key}`, value);
+        },
+        remove: (key) => {
+            window.sessionStorage.removeItem(`${this.storagePrefix}-${key}`);
+        },
+    };
 }
 const pnMarketwebSiteheaderLoginCss = "pn-button-dropdown .pn-button-dropdown>pn-button>.pn-button{min-height:initial}pn-marketweb-siteheader-login{padding:1rem 0;max-height:5.2rem;position:relative}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content{max-width:350px;display:flex;flex-direction:column;gap:2.4rem;padding:4rem}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content pn-button{width:100%}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content pn-marketweb-siteheader-unified-login::after{display:block;content:\"\";height:2px;background:#f9f8f8;width:100%;margin-top:2.4rem}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span::before{display:block;content:\"\";height:2px;background:#f9f8f8;width:100%;margin-bottom:2.4rem}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span{font-size:1.4rem;color:#2d2013}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span a{text-decoration:none;color:#005d92}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span a:hover{text-decoration:underline}pn-marketweb-siteheader-login pn-button-dropdown .pn-button-dropdown-container .pn-button-dropdown-content span *{margin-bottom:0}pn-marketweb-siteheader-login pn-button-dropdown{display:none}pn-marketweb-siteheader-login.hydrated pn-button-dropdown{display:block}";
@@ -808,7 +812,6 @@ const PnMarketwebSiteheaderLogin = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.loginStateChange = index.createEvent(this, "loginStateChange", 7);
-        var _a;
         this.endpoint = '';
         this.token = '';
         this.i18n = {
@@ -833,9 +836,12 @@ const PnMarketwebSiteheaderLogin = class {
         this.checkUserLoggedInStateInterval = 0;
         this.environment = undefined;
         this.loginLinks = undefined;
-        this.toggleButtonText = ((_a = this.loginDialog) === null || _a === void 0 ? void 0 : _a.loginMenuLinkText) ? this.loginDialog.loginMenuLinkText : '';
+        this.toggleButtonText = this.loginDialog?.loginMenuLinkText ? this.loginDialog.loginMenuLinkText : '';
         this.username = this.fullname;
     }
+    get hostElement() { return index.getElement(this); }
+    // Events
+    loginStateChange;
     componentWillLoad() {
         const userInfo = this.loggedin && this.fullname ? { given_name: this.fullname } : null;
         pnMarketwebSiteheaderStore.state.loginManager = new MarketWebLoginManager({
@@ -864,8 +870,7 @@ const PnMarketwebSiteheaderLogin = class {
         this.adjustLoginLinks();
     }
     adjustLoginLinks() {
-        var _a;
-        if (!((_a = this.loginDialog) === null || _a === void 0 ? void 0 : _a.loginMenuLinks)) {
+        if (!this.loginDialog?.loginMenuLinks) {
             return;
         }
         const adjustLink = (link, i) => {
@@ -915,7 +920,7 @@ const PnMarketwebSiteheaderLogin = class {
             this.username = name;
         }
         if (userInfo && userInfo.given_name) {
-            name = userInfo.given_name + ((userInfo === null || userInfo === void 0 ? void 0 : userInfo.family_name) ? ` ${userInfo === null || userInfo === void 0 ? void 0 : userInfo.family_name}` : '');
+            name = userInfo.given_name + (userInfo?.family_name ? ` ${userInfo?.family_name}` : '');
         }
         if (!name && userInfo && userInfo.email) {
             name = userInfo.email;
@@ -956,9 +961,8 @@ const PnMarketwebSiteheaderLogin = class {
             hostElementAttribute.username = this.username;
             hostElementAttribute.loggedin = this.loggedin + '';
         }
-        return (index.h(index.Host, Object.assign({}, hostElementAttribute), index.h("pn-button-dropdown", { label: this.toggleButtonText, icon: user, appearance: "light", variant: "borderless", class: "siteheader-logindialog" }, this.showUnifiedLogin && (index.h("pn-marketweb-siteheader-unified-login", { loggedIn: this.loggedin, myPageLabel: this.i18n.unifiedMyPagesButton, myPageUrl: "https://account.postnord.com/secure/profile", logInLabel: this.i18n.unifiedLoginButton })), this.loggedin && this.showProfileSelection ? (index.h("pn-marketweb-siteheader-login-profileselection", { loginDialog: this.loginDialog, loggedin: this.loggedin, i18n: this.i18n, idNamespace: this.emitEvents ? '1' : '2', endpoint: this.endpoint })) : (index.h("pn-marketweb-siteheader-login-links", { loginDialog: this.loginDialog, loggedin: this.loggedin, idNamespace: this.emitEvents ? '1' : '2', username: this.username, showUnifiedLogin: this.showUnifiedLogin })), !this.loggedin && index.h("span", { innerHTML: `${this.loginDialog.loginInfo}` }))));
+        return (index.h(index.Host, { ...hostElementAttribute }, index.h("pn-button-dropdown", { label: this.toggleButtonText, icon: user, appearance: "light", variant: "borderless", class: "siteheader-logindialog" }, this.showUnifiedLogin && (index.h("pn-marketweb-siteheader-unified-login", { loggedIn: this.loggedin, myPageLabel: this.i18n.unifiedMyPagesButton, myPageUrl: "https://account.postnord.com/secure/profile", logInLabel: this.i18n.unifiedLoginButton })), this.loggedin && this.showProfileSelection ? (index.h("pn-marketweb-siteheader-login-profileselection", { loginDialog: this.loginDialog, loggedin: this.loggedin, i18n: this.i18n, idNamespace: this.emitEvents ? '1' : '2', endpoint: this.endpoint })) : (index.h("pn-marketweb-siteheader-login-links", { loginDialog: this.loginDialog, loggedin: this.loggedin, idNamespace: this.emitEvents ? '1' : '2', username: this.username, showUnifiedLogin: this.showUnifiedLogin })), !this.loggedin && index.h("span", { innerHTML: `${this.loginDialog.loginInfo}` }))));
     }
-    get hostElement() { return index.getElement(this); }
     static get watchers() { return {
         "i18n": ["init"],
         "loginDialog": ["init"]
@@ -989,6 +993,7 @@ const PnMarketwebSiteheaderSearch = class {
         this.icononly = true;
         this.autoCompleteOptions = [];
     }
+    get hostElement() { return index.getElement(this); }
     onSearchValueUpdate() {
         this.getAutocomplete(state.searchValue);
     }
@@ -1055,16 +1060,15 @@ const PnMarketwebSiteheaderSearch = class {
             return;
         }
         const autocompleteAttribute = this.search.AutocompleteEndpoint ? { list: 'siteheader-search-autocomplete' } : {};
-        return (index.h("div", { class: "siteheader-search" }, this.showOnlyLink ? (index.h("pn-button", { href: this.search.formActionUrl, appearance: "light", icon: search.search, tooltip: this.i18n.searchlabel })) : (index.h("form", { method: "get", action: this.search.formActionUrl, role: "search" }, index.h("pn-search-field", Object.assign({}, autocompleteAttribute, { label: this.i18n.searchlabel, name: "q", button: this.icononly ? 'icon' : null, "button-label": 'Search', placeholder: this.i18n.searchplaceholder, onUpdate: (e) => {
+        return (index.h("div", { class: "siteheader-search" }, this.showOnlyLink ? (index.h("pn-button", { href: this.search.formActionUrl, appearance: "light", icon: search.search, tooltip: this.i18n.searchlabel })) : (index.h("form", { method: "get", action: this.search.formActionUrl, role: "search" }, index.h("pn-search-field", { ...autocompleteAttribute, label: this.i18n.searchlabel, name: "q", button: this.icononly ? 'icon' : null, "button-label": 'Search', placeholder: this.i18n.searchplaceholder, onUpdate: (e) => {
                 state.searchValue = e.detail;
             }, onSearch: () => {
                 const form = this.hostElement.querySelector('form');
                 if (form) {
                     form.submit();
                 }
-            } })), this.primary && this.search.AutocompleteEndpoint ? (index.h("datalist", { id: "siteheader-search-autocomplete" }, this.autoCompleteOptions.map(item => (index.h("option", null, item))))) : null))));
+            } }), this.primary && this.search.AutocompleteEndpoint ? (index.h("datalist", { id: "siteheader-search-autocomplete" }, this.autoCompleteOptions.map(item => (index.h("option", null, item))))) : null))));
     }
-    get hostElement() { return index.getElement(this); }
 };
 PnMarketwebSiteheaderSearch.style = PnMarketwebSiteheaderSearchStyle0;
@@ -1100,6 +1104,7 @@ const PnSiteSelector = class {
         this.language = 'sv';
         this.i18n = { navlabel: 'Site selector' };
     }
+    get hostElement() { return index.getElement(this); }
     componentWillLoad() {
         this.setLanguage();
     }
@@ -1111,7 +1116,6 @@ const PnSiteSelector = class {
     render() {
         return (index.h(index.Host, { key: 'e7f2afb9152823c342d400159df9250b8077f5e4' }, index.h("pn-button-dropdown", { key: 'cf7772fb94bc00f0e34f2224de5801087b1b4bdc', label: this.buttontext, icon: angle_small_down.angle_small_down, appearance: "light", variant: "borderless" }, index.h("nav", { key: 'a9aa62af98725a2ae8c9ee3c8763b1657b686b3b', class: "siteselector-nav", "aria-label": this.i18n.navlabel }, this.heading ? index.h("strong", { class: "siteselector-heading" }, this.heading) : null, index.h("ul", { key: 'e39b42302acdcbde9513b0886ba689a2dd15ba53', class: "siteselector-list" }, index.h("slot", { key: '2f653ff81c6b0cdf631aab20e6730251c4929f4f' }))))));
     }
-    get hostElement() { return index.getElement(this); }
 };
 PnSiteSelector.style = PnSiteSelectorStyle0;