@postnord/pn-marketweb-components 2.0.3-beta6 → 2.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 (108) hide show
  1. package/cjs/{pn-find-price-store-345037e9.js → data-42342802.js} +0 -23
  2. package/cjs/data-e77c1ada.js +41 -0
  3. package/cjs/loader.cjs.js +1 -1
  4. package/cjs/pn-find-price-result.cjs.entry.js +7 -3
  5. package/cjs/{pn-product-pricelist-store-86310b5a.js → pn-find-price-store-6aab7fd0.js} +7 -2
  6. package/cjs/pn-find-price.cjs.entry.js +10 -9
  7. package/cjs/pn-find-service-and-price-result.cjs.entry.js +14 -13
  8. package/cjs/pn-language-selector_9.cjs.entry.js +1 -1
  9. package/cjs/pn-market-web-components.cjs.js +1 -1
  10. package/cjs/pn-product-card_3.cjs.entry.js +1 -1
  11. package/cjs/pn-product-pricelist-result.cjs.entry.js +58 -17
  12. package/cjs/pn-product-pricelist.cjs.entry.js +46 -61
  13. package/cjs/{pn-product-tile_3.cjs.entry.js → pn-product-tile-info_2.cjs.entry.js} +0 -13
  14. package/cjs/pn-product-tile.cjs.entry.js +19 -0
  15. package/collection/components/layout-components/pn-marketweb-siteheader/pn-marketweb-siteheader-search.css +3 -0
  16. package/collection/components/widgets/pn-find-price/pn-find-price-result.js +14 -10
  17. package/collection/components/widgets/pn-find-price/pn-find-price.css +1 -1
  18. package/collection/components/widgets/pn-find-service-and-price/pn-find-service-and-price-result.js +14 -15
  19. package/collection/components/widgets/pn-product-card/pn-product-card-price.js +19 -2
  20. package/collection/components/widgets/pn-product-pricelist/data.js +8 -1
  21. package/collection/components/widgets/pn-product-pricelist/pn-product-pricelist-result.js +93 -24
  22. package/collection/components/widgets/pn-product-pricelist/pn-product-pricelist-translations.js +30 -14
  23. package/collection/components/widgets/pn-product-pricelist/pn-product-pricelist.css +4 -3
  24. package/collection/components/widgets/pn-product-pricelist/pn-product-pricelist.js +5 -5
  25. package/collection/components/widgets/pn-product-pricelist/pn-product-pricelist.stories.js +4 -4
  26. package/custom-elements/index.js +120 -70
  27. package/esm/data-108a2820.js +37 -0
  28. package/esm/{pn-find-price-store-cb8e4714.js → data-2fa1e9cb.js} +1 -23
  29. package/esm/loader.js +1 -1
  30. package/esm/pn-find-price-result.entry.js +7 -3
  31. package/esm/{pn-product-pricelist-store-2c336043.js → pn-find-price-store-3301df0a.js} +7 -2
  32. package/esm/pn-find-price.entry.js +3 -2
  33. package/esm/pn-find-service-and-price-result.entry.js +14 -13
  34. package/esm/pn-language-selector_9.entry.js +1 -1
  35. package/esm/pn-market-web-components.js +1 -1
  36. package/esm/pn-product-card_3.entry.js +1 -1
  37. package/esm/pn-product-pricelist-result.entry.js +56 -15
  38. package/esm/pn-product-pricelist.entry.js +36 -51
  39. package/esm/pn-product-tile-info_2.entry.js +31 -0
  40. package/esm/{pn-product-tile_3.entry.js → pn-product-tile.entry.js} +1 -29
  41. package/esm-es5/data-108a2820.js +1 -0
  42. package/esm-es5/data-2fa1e9cb.js +1 -0
  43. package/esm-es5/loader.js +1 -1
  44. package/esm-es5/pn-find-price-result.entry.js +1 -1
  45. package/esm-es5/pn-find-price-store-3301df0a.js +1 -0
  46. package/esm-es5/pn-find-price.entry.js +1 -1
  47. package/esm-es5/pn-find-service-and-price-result.entry.js +1 -1
  48. package/esm-es5/pn-language-selector_9.entry.js +1 -1
  49. package/esm-es5/pn-market-web-components.js +1 -1
  50. package/esm-es5/pn-product-card_3.entry.js +1 -1
  51. package/esm-es5/pn-product-pricelist-result.entry.js +1 -1
  52. package/esm-es5/pn-product-pricelist.entry.js +1 -1
  53. package/esm-es5/pn-product-tile-info_2.entry.js +1 -0
  54. package/esm-es5/{pn-product-tile_3.entry.js → pn-product-tile.entry.js} +1 -1
  55. package/package.json +1 -1
  56. package/pn-market-web-components/{p-d55dbea8.system.entry.js → p-01a615ef.system.entry.js} +1 -1
  57. package/pn-market-web-components/p-0a49c688.system.entry.js +1 -0
  58. package/pn-market-web-components/p-1ecf47ed.entry.js +1 -0
  59. package/pn-market-web-components/p-218200c0.system.entry.js +1 -0
  60. package/pn-market-web-components/p-290d5824.system.entry.js +1 -0
  61. package/pn-market-web-components/p-3971ddb9.system.js +1 -0
  62. package/pn-market-web-components/p-4e9a272d.js +1 -0
  63. package/pn-market-web-components/{p-d58e3078.entry.js → p-51fc5bc4.entry.js} +1 -1
  64. package/pn-market-web-components/p-5d587499.js +1 -0
  65. package/pn-market-web-components/p-61dbe832.entry.js +1 -0
  66. package/pn-market-web-components/p-67887512.system.js +1 -1
  67. package/pn-market-web-components/p-6f556e76.system.entry.js +1 -0
  68. package/pn-market-web-components/p-72c39bf1.js +1 -0
  69. package/pn-market-web-components/p-8117b79e.system.entry.js +1 -0
  70. package/pn-market-web-components/p-893a20df.system.entry.js +1 -0
  71. package/pn-market-web-components/p-8e146205.entry.js +1 -0
  72. package/pn-market-web-components/p-a597a036.entry.js +1 -0
  73. package/pn-market-web-components/p-a921d3fd.system.entry.js +1 -0
  74. package/pn-market-web-components/p-bdd0fc97.system.js +1 -0
  75. package/pn-market-web-components/p-bf7cc19d.system.js +1 -0
  76. package/pn-market-web-components/p-d0155ddf.entry.js +1 -0
  77. package/pn-market-web-components/p-d428dc82.entry.js +1 -0
  78. package/pn-market-web-components/{p-3120f5c4.entry.js → p-dc869f2f.entry.js} +1 -1
  79. package/pn-market-web-components/{p-83baf538.system.entry.js → p-e89a9e79.system.entry.js} +1 -1
  80. package/pn-market-web-components/p-eb600482.entry.js +1 -0
  81. package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
  82. package/types/components/widgets/pn-find-price/pn-find-price-result.d.ts +4 -3
  83. package/types/components/widgets/pn-find-price/pn-find-price-types.d.ts +2 -2
  84. package/types/components/widgets/pn-find-price/pn-find-price.d.ts +2 -2
  85. package/types/components/widgets/pn-product-card/pn-product-card-price.d.ts +1 -0
  86. package/types/components/widgets/pn-product-pricelist/pn-product-pricelist-result.d.ts +2 -0
  87. package/types/components/widgets/pn-product-pricelist/pn-product-pricelist-translations.d.ts +26 -10
  88. package/types/components.d.ts +12 -6
  89. package/types/globals/shared/productprice/product-price-types.d.ts +5 -2
  90. package/umd/pn-marketweb-inject.js +0 -2
  91. package/esm-es5/pn-find-price-store-cb8e4714.js +0 -1
  92. package/esm-es5/pn-product-pricelist-store-2c336043.js +0 -1
  93. package/pn-market-web-components/p-045a349a.entry.js +0 -1
  94. package/pn-market-web-components/p-10b95894.entry.js +0 -1
  95. package/pn-market-web-components/p-20c72142.entry.js +0 -1
  96. package/pn-market-web-components/p-43dd4b37.system.js +0 -1
  97. package/pn-market-web-components/p-7b93d570.system.entry.js +0 -1
  98. package/pn-market-web-components/p-86b271f4.entry.js +0 -1
  99. package/pn-market-web-components/p-9e8c5793.system.entry.js +0 -1
  100. package/pn-market-web-components/p-a5bc1695.system.js +0 -1
  101. package/pn-market-web-components/p-adc8d9ab.js +0 -1
  102. package/pn-market-web-components/p-ae2bd55f.js +0 -1
  103. package/pn-market-web-components/p-aeb26d10.system.entry.js +0 -1
  104. package/pn-market-web-components/p-af800e0e.system.entry.js +0 -1
  105. package/pn-market-web-components/p-c90b8645.system.entry.js +0 -1
  106. package/pn-market-web-components/p-d46d9b6e.system.entry.js +0 -1
  107. package/pn-market-web-components/p-e056d2c6.entry.js +0 -1
  108. package/pn-market-web-components/p-f1c06bc8.entry.js +0 -1
@@ -1,41 +1,57 @@
1
1
  export const translations = {
2
2
  'sv': {
3
- 'maxweightlabel': 'Maxvikt',
3
+ 'componentheading': 'Våra priser och villkor för inrikesförsändelser för dig som direktbetalande kund?',
4
+ 'deliveryscopeheading': 'Endast leveranser inom Sverige',
5
+ 'resultlistheading': 'Några bra alternativ för dig',
4
6
  'weightlabel': 'Vikt',
7
+ 'maxweightlabel': 'Maxvikt',
5
8
  'maxmeasurementlabel': 'Maxvolym',
6
- 'sizeheading': 'Hur mycket väger det?',
7
- 'senddirectcta': 'Köp frakt via Skicka Direkt',
8
- 'stampshopcta': 'Köp frimärken via vår webshop',
9
+ 'senddirectcta': 'Köp online',
10
+ 'stampshopcta': 'Köp frimärken',
11
+ 'message': '*Vid köp hos valfritt ombud',
12
+ 'servicePointHeader': 'Eller hitta närmaste serviceställe',
13
+ 'servicePointLink': 'Sök serviceställe eller brevlåda'
9
14
  },
10
15
  'en': {
11
- 'maxweightlabel': 'Max weight',
16
+ 'componentheading': 'Our prices and terms and conditions for domestic shipments for you as a direct paying customer',
17
+ 'deliveryscopeheading': 'Deliveries within Sweden only',
18
+ 'resultlistheading': 'Some suitable options for you',
12
19
  'weightlabel': 'Weight',
20
+ 'maxweightlabel': 'Max weight',
13
21
  'maxmeasurementlabel': 'Maximum measurement',
14
- 'sizeheading': 'How much does it weigh?',
15
- 'senddirectcta': 'Buy shipping in Send Direct',
16
- 'stampshopcta': 'Order home stamps from the webshop',
22
+ 'senddirectcta': 'Buy Online',
23
+ 'stampshopcta': 'Buy Stamps',
24
+ 'message': 'When buying from any agent',
25
+ 'servicePointHeader': 'Or find nearest service point',
26
+ 'servicePointLink': 'Search letter-box or service point'
17
27
  },
18
28
  'da': {
19
- 'maxweightlabel': 'Max vægt',
29
+ 'componentheading': 'Vad vill du skicka?',
30
+ 'deliveryscopeheading': 'Kun leveringer indenfor Sverige',
31
+ 'resultlistheading': 'Some suitable options for you',
20
32
  'weightlabel': 'Vægt',
33
+ 'maxweightlabel': 'Max vægt',
21
34
  'maxmeasurementlabel': 'Maks. Volumen',
22
- 'sizeheading': 'How much does it weigh?',
23
35
  'senddirectcta': 'Buy shipping in Send Direct',
24
36
  'stampshopcta': 'Order home stamps from the webshop',
25
37
  },
26
38
  'no': {
27
- 'maxweightlabel': 'Maks vekt',
39
+ 'componentheading': 'Vad vill du skicka?',
40
+ 'deliveryscopeheading': 'Kun leveranser innen Sverige',
41
+ 'resultlistheading': 'Some suitable options for you',
28
42
  'weightlabel': 'Vekt',
43
+ 'maxweightlabel': 'Maks vekt',
29
44
  'maxmeasurementlabel': 'Maks volum',
30
- 'sizeheading': 'How much does it weigh?',
31
45
  'senddirectcta': 'Buy shipping in Send Direct',
32
46
  'stampshopcta': 'Order home stamps from the webshop',
33
47
  },
34
48
  'fi': {
49
+ 'componentheading': 'Vad vill du skicka?',
50
+ 'deliveryscopeheading': 'Toimitukset vain Ruotsin sisällä',
51
+ 'resultlistheading': 'Some suitable options for you',
52
+ 'weightlabel': 'Paino',
35
53
  'maxweightlabel': 'Max paino',
36
- 'weightlabel': 'Piano',
37
54
  'maxmeasurementlabel': 'Max äänenvoimakkuus',
38
- 'sizeheading': 'How much does it weigh?',
39
55
  'senddirectcta': 'Buy shipping in Send Direct',
40
56
  'stampshopcta': 'Order home stamps from the webshop',
41
57
  }
@@ -10,13 +10,14 @@ pn-product-pricelist .heading {
10
10
  margin-bottom: 1rem;
11
11
  }
12
12
  pn-product-pricelist .content,
13
- pn-product-pricelist .weightselection {
13
+ pn-product-pricelist .weightselection,
14
+ pn-product-pricelist .resultlist {
14
15
  max-width: 50em;
15
- margin: 0 auto 1em;
16
+ margin: 0 auto 1.6rem;
16
17
  }
17
18
  pn-product-pricelist .weightoption {
18
19
  display: flex;
19
- gap: 1em;
20
+ gap: 1.6rem;
20
21
  }
21
22
  pn-product-pricelist .weightoption-input {
22
23
  width: 5em;
@@ -2,10 +2,11 @@ import { Component, h, Prop, State, Host, Watch } from "@stencil/core";
2
2
  import { translations, markets } from "./pn-product-pricelist-translations";
3
3
  import { weights } from "./data.js";
4
4
  import { convertFileFromStream } from "../../../globals/shared/productprice/convert.js";
5
- import { state } from "./pn-product-pricelist-store";
5
+ // import { state } from "./pn-product-pricelist-store";
6
+ import { state } from "../pn-find-price/pn-find-price-store";
6
7
  export class PnFindProductPricelist {
7
8
  constructor() {
8
- this.source = "https://com-integration.postnord.com/globalassets/global/prices/sv-se-findprice.xlsx";
9
+ this.source = "https://com-integration.postnord.com/globalassets/global/prices/sv-findprice-1-PN.xlsx";
9
10
  this.language = "sv";
10
11
  this.market = "se";
11
12
  this.productid = "";
@@ -89,7 +90,6 @@ export class PnFindProductPricelist {
89
90
  h("slot", null)),
90
91
  this.loading ? (h("pn-spinner", null)) : null,
91
92
  (this.postagetype.value && weights[this.postagetype.value]) ? (h("div", { class: "weightselection" },
92
- (state.i18n.sizeheading) ? (h("div", { class: "heading" }, state.i18n.sizeheading)) : null,
93
93
  h("div", { class: "weightoption" },
94
94
  h("div", { class: "weightoption-input" },
95
95
  h("pn-input", { inputid: "weightvalue", name: "weightvalue", type: "number", label: state.i18n.weightlabel, value: this.weightvalue, onChange: (e) => {
@@ -124,7 +124,7 @@ export class PnFindProductPricelist {
124
124
  return (h("option", Object.assign({ value: weightindex }, (labelText ? { label: labelText } : {}))));
125
125
  })))))) : null,
126
126
  h("div", { class: "resultlist", "data-list-count": this.filteredItems.length }, this.filteredItems.map((item) => (h("div", null,
127
- h("pn-product-pricelist-result", { item: item })))))));
127
+ h("pn-find-price-result", { item: item })))))));
128
128
  }
129
129
  static get is() { return "pn-product-pricelist"; }
130
130
  static get originalStyleUrls() { return {
@@ -150,7 +150,7 @@ export class PnFindProductPricelist {
150
150
  },
151
151
  "attribute": "source",
152
152
  "reflect": false,
153
- "defaultValue": "\"https://com-integration.postnord.com/globalassets/global/prices/sv-se-findprice.xlsx\""
153
+ "defaultValue": "\"https://com-integration.postnord.com/globalassets/global/prices/sv-findprice-1-PN.xlsx\""
154
154
  },
155
155
  "language": {
156
156
  "type": "string",
@@ -26,10 +26,10 @@ const Template = ({ ...args }) => {
26
26
 
27
27
  export const Primary = Template.bind({});
28
28
  Primary.args = {
29
- heading: '1:a-klassbrev inrikes',
30
- description: '1:a-klassbrev kan väga upp till 2 kg och delas normalt ut första alternativt andra dagen dagen efter att det lämnats. För att skicka ett 1:a-klassbrev behöver du vara avtalskund hos oss.',
31
- source: 'https://com-integration.postnord.com/globalassets/global/prices/sv-se-findprice.xlsx',
29
+ heading: '',
30
+ description: '',
31
+ source: 'https://com-integration.postnord.com/globalassets/global/prices/sv-findprice-1-PN.xlsx',
32
32
  language: 'sv',
33
33
  market: 'se',
34
- productid: 'registered10000'
34
+ productid: 'letter'
35
35
  };
@@ -328,9 +328,9 @@ const fileLocation = "https://com-integration.postnord.com/globalassets/global/p
328
328
 
329
329
  const servicePointUrl = "https://www.postnord.se/vara-verktyg/sok-brevlada-eller-servicestalle";
330
330
 
331
- const sendDirectUrl = "https://portal.postnord.com/skickadirekt/";
331
+ const sendDirectUrl$1 = "https://portal.postnord.com/skickadirekt/";
332
332
 
333
- const stampShopUrl = "https://shop.postnord.se/ebutik/default.aspx";
333
+ const stampShopUrl$1 = "https://shop.postnord.se/ebutik/default.aspx";
334
334
 
335
335
  const xml = {
336
336
  createDocument: function createDocument(content) {
@@ -2382,7 +2382,7 @@ const postnordPerson1Svg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA0IiBoZW
2382
2382
 
2383
2383
  const cloudsSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjc4IiBoZWlnaHQ9IjU1IiB2aWV3Qm94PSIwIDAgMjc4IDU1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMjQ3LjM1NSA0OS42ODE1QzI0Ny42OTQgNTIuNDc5IDI0OS43MjIgNTQuNjI2MSAyNTIuMTgxIDU0LjYyNjFIMjcyLjkyNkMyNzUuNjIgNTQuNjI2MSAyNzcuNzk4IDUyLjA1MjIgMjc3Ljc5OCA0OC44Njg2VjQ4LjgwMDhDMjc3Ljc5OCA0NS42MTczIDI3NS42MiA0My4wNDMzIDI3Mi45MjYgNDMuMDQzM0gyNzAuNTM3QzI2OS42MDggMzkuMjQzOSAyNjYuODQ2IDM2LjQ3MyAyNjMuNTg1IDM2LjQ3M0gyNTkuNzE3QzI1OS4zNzMgMzEuODQxIDI1Ni4xMDEgMjguMjA5MiAyNTIuMTI0IDI4LjIwOTJDMjQ4LjE0NiAyOC4yMDkyIDI0NC44OCAzMS44NDEgMjQ0LjUzIDM2LjQ3M0gyNDIuMDk1QzIzOC4wODMgMzYuNDczIDIzNC44MTYgNDAuNjcyNiAyMzQuODE2IDQ1LjgyMDVWNDkuNjgxNUgyNDcuMzU1WiIgZmlsbD0iI0UwRjhGRiIvPgo8cGF0aCBkPSJNMTIuMDM5MSA0Ni4xMDIyQzEyLjMxNzYgNDguNTU2OSAxNC4wODY3IDUwLjQzNzMgMTYuMjQyMSA1MC40MzczSDM0LjU4MDdDMzYuOTMwNCA1MC40MzczIDM4LjgyMTYgNDguMjAyIDM4LjgyMTYgNDUuNDI0OFY0NS4zNTcxQzM4LjgyMTYgNDIuNTc5OSAzNi45MzA0IDQwLjM0NDYgMzQuNTgwNyA0MC4zNDQ2SDMyLjQ2ODRDMzEuNjY3OCAzNy4wMjA5IDI5LjIyNyAzNC41ODcyIDI2LjMyODMgMzQuNTg3MkgyMi45MTc5QzIyLjYwMDQgMzAuNTU5NyAxOS43MzI3IDI3LjQwNzEgMTYuMjQyMSAyNy40MDcxQzEyLjc1MTQgMjcuNDA3MSA5Ljg4MzcxIDMwLjU1OTcgOS41NjYyMiAzNC41ODcySDcuNDE2NThDMy44NjM0NiAzNC41ODcyIDAuOTk4MDQ3IDM4LjI0NDggMC45OTgwNDcgNDIuNzE1NFY0Ni4xMDIySDEyLjAzOTFaIiBmaWxsPSIjRTBGOEZGIi8+CjxwYXRoIGQ9Ik0xMzEuMDU2IDI2LjU4NjRDMTMxLjQ0OSAzMC4wNDIzIDEzMy45NDggMzIuNjg5NSAxMzYuOTkxIDMyLjY4OTVIMTYyLjg5MUMxNjYuMjA5IDMyLjY4OTUgMTY4Ljg4IDI5LjU0MjYgMTY4Ljg4IDI1LjYzMjhWMjUuNTM3NUMxNjguODggMjEuNjI3NyAxNjYuMjA5IDE4LjQ4MDggMTYyLjg5MSAxOC40ODA4SDE1OS45MDdDMTU4Ljc3NyAxMy44MDE1IDE1NS4zMyAxMC4zNzUzIDE1MS4yMzYgMTAuMzc1M0gxNDYuNDJDMTQ1Ljk3MSA0LjcwNTMzIDE0MS45MjEgMC4yNjcwOSAxMzYuOTkxIDAuMjY3MDlDMTMyLjA2MiAwLjI2NzA5IDEyOC4wMTIgNC43MDUzMyAxMjcuNTYzIDEwLjM3NTNIMTI0LjUyOEMxMTkuNTEgMTAuMzc1MyAxMTUuNDYzIDE1LjUyNDcgMTE1LjQ2MyAyMS44MTg0VjI2LjU4NjRIMTMxLjA1NloiIGZpbGw9IiNFMEY4RkYiLz4KPC9zdmc+Cg==';
2384
2384
 
2385
- const pnFindPriceCss = "@charset \"UTF-8\";pn-find-price .sizeTable{border-style:none !important;border:0 !important;position:relative}pn-find-price .sizeTable>tr td{margin-bottom:1em;text-align:center;vertical-align:bottom;padding-right:1em;padding-top:1em}pn-find-price .sizeTable #clouds{position:absolute;top:0em;left:4em;z-index:-1}pn-find-price .firstCell{margin-right:0;margin-left:auto}pn-find-price .findprice-form{max-width:60em;margin:0 auto 3em auto}pn-find-price h2,pn-find-price .heading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:1rem}pn-find-price .resultHeading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:2em}pn-find-price .sizecategory{margin-top:5em;margin-bottom:3rem;font-size:0.9em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}pn-find-price .weightoption{font-size:0.9em;max-width:41rem;margin:0 auto}pn-find-price .weightoption-content{text-align:center}pn-find-price .weightoption-content pn-choice-button{width:7em;line-height:3.3em;font-size:0.9em;vertical-align:bottom}pn-find-price .weightoption-content pn-choice-button>label{-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center;justify-content:center}pn-find-price .weightoption-content pn-choice-button ::before{content:\"Max  \";font-weight:lighter}pn-find-price .resultlist{margin:3em 0}pn-find-price .servicePoint{text-align:center}pn-find-price .servicePoint pn-illustration{display:block;max-width:5em;max-height:5em;margin:1.5em auto 0 auto}pn-find-price .servicePoint h3{margin-top:0.8em;margin-bottom:0.9em}pn-find-price .servicePoint a{color:#005D92;text-decoration:none}pn-find-price .servicePoint a:hover{color:#0D234B;text-decoration:underline}";
2385
+ const pnFindPriceCss = "@charset \"UTF-8\";pn-find-price .sizeTable{border-style:none !important;border:0 !important;position:relative}pn-find-price .sizeTable>tr td{margin-bottom:1em;text-align:center;vertical-align:bottom;padding-right:1em;padding-top:1em}pn-find-price .sizeTable #clouds{position:absolute;top:0em;left:4em;z-index:-1}pn-find-price .firstCell{margin-right:0;margin-left:auto}pn-find-price .findprice-form{max-width:60em;margin:0 auto 3em auto}pn-find-price h2,pn-find-price .heading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:1rem}pn-find-price .resultHeading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:2em}pn-find-price .sizecategory{margin-top:5em;margin-bottom:3rem;font-size:0.9em;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}pn-find-price .weightoption{font-size:0.9em;max-width:41rem;margin:0 auto}pn-find-price .weightoption-content{text-align:center}pn-find-price .weightoption-content pn-choice-button{width:7em;line-height:3.3em;font-size:0.9em;vertical-align:bottom}pn-find-price .weightoption-content pn-choice-button>label{-ms-flex-line-pack:center;align-content:center;-ms-flex-pack:center;justify-content:center}pn-find-price .weightoption-content pn-choice-button ::before{content:\"Max  \";font-weight:lighter}pn-find-price .resultlist{margin:3.2rem 0}pn-find-price .servicePoint{text-align:center}pn-find-price .servicePoint pn-illustration{display:block;max-width:5em;max-height:5em;margin:1.5em auto 0 auto}pn-find-price .servicePoint h3{margin-top:0.8em;margin-bottom:0.9em}pn-find-price .servicePoint a{color:#005D92;text-decoration:none}pn-find-price .servicePoint a:hover{color:#0D234B;text-decoration:underline}";
2386
2386
 
2387
2387
  let PnfindPrice = class extends HTMLElement {
2388
2388
  constructor() {
@@ -2490,8 +2490,10 @@ let PnfindPriceResult = class extends HTMLElement {
2490
2490
  this.description = [];
2491
2491
  this.showMeasurement = false;
2492
2492
  this.weightText = "";
2493
+ this.linkId = '';
2493
2494
  }
2494
2495
  componentWillLoad() {
2496
+ console.log(this.item);
2495
2497
  this.composeItems();
2496
2498
  }
2497
2499
  composeItems() {
@@ -2505,12 +2507,13 @@ let PnfindPriceResult = class extends HTMLElement {
2505
2507
  this.description = this.item.description.split("#bullet").filter(x => x !== "");
2506
2508
  }
2507
2509
  this.showMeasurement = (this.item.maxmått !== null) || (this.item.rulle !== null);
2510
+ this.linkId = `${this.item.id}-${this.item.name.toLocaleLowerCase().replace(/[^a-zA-Z0-9]/g, '')}`;
2508
2511
  }
2509
2512
  render() {
2510
- return (h(Host, null, h("pn-product-card", null, h("pn-illustration", { slot: "illustration", illustration: this.item.illustration }), h("div", { slot: "title" }, h("h2", null, this.item.name, " "), (this.item.highestrankusp) ?
2513
+ return (h(Host, null, h("pn-product-card", { "data-productid": this.item.id }, h("pn-illustration", { slot: "illustration", illustration: this.item.illustration }), h("div", { slot: "title" }, h("h2", null, this.item.name, " "), (this.item.highestrankusp) ?
2511
2514
  (this.item.highestrankusp === "Billigast") ?
2512
2515
  (h("span", { slot: "Billigast" }, this.item.highestrankusp, h("pn-icon", { symbol: "box-label", small: "false", color: "green700" })))
2513
- : (h("span", { slot: "Snabbast" }, this.item.highestrankusp, h("pn-icon", { symbol: "bolt", small: "false", color: "blue700" }))) : null), h("div", { slot: "content" }, h("div", { class: "content" }, (this.item.description) ? (h("div", { class: "description" }, this.description.map((desc) => (h("li", null, desc))))) : null, (this.item.info) ? (h("div", { class: "description" }, this.item.info)) : null)), this.item.note ? (h("small", { slot: "note" }, h("p", null, this.item.note))) : null, this.item.additionalusp ? (h("div", { slot: "additionalUSP" }, this.Usp1 ? (h("span", null, this.Usp1)) : null, this.Usp2 ? (h("span", null, this.Usp2)) : null, this.Usp3 ? (h("span", null, this.Usp3)) : null)) : null, this.showMeasurement ? (h("pn-product-card-info", { paket: this.item.maxmått, rulle: this.item.rulle })) : null, h("div", { slot: "cardprice" }, this.item.pricesenddirect ? (h("pn-product-card-price", { slot: "sendDirectPrice", label: state$5.i18n.senddirectcta, amount: this.item.pricesenddirect + '', currency: state$5.market.currency, url: sendDirectUrl, service: this.item.name + "-portal" })) : null, this.item.pricestamps ? (h("pn-product-card-price", { slot: "stampPrice", label: state$5.i18n.stampshopcta, amount: this.item.pricestamps + '', currency: state$5.market.currency, url: stampShopUrl, service: this.item.name + "-eshop" })) : null))));
2516
+ : (h("span", { slot: "Snabbast" }, this.item.highestrankusp, h("pn-icon", { symbol: "bolt", small: "false", color: "blue700" }))) : null), h("div", { slot: "content" }, h("div", { class: "content" }, (this.item.description) ? (h("div", { class: "description" }, this.description.map((desc) => (h("li", null, desc))))) : null, (this.item.info) ? (h("div", { class: "description" }, this.item.info)) : null)), this.item.note ? (h("small", { slot: "note" }, h("p", null, this.item.note))) : null, this.item.additionalusp ? (h("div", { slot: "additionalUSP" }, this.Usp1 ? (h("span", null, this.Usp1)) : null, this.Usp2 ? (h("span", null, this.Usp2)) : null, this.Usp3 ? (h("span", null, this.Usp3)) : null)) : null, this.showMeasurement ? (h("pn-product-card-info", { paket: this.item.maxmått, rulle: this.item.rulle })) : null, h("div", { slot: "cardprice" }, this.item.pricesenddirect ? (h("pn-product-card-price", { slot: "sendDirectPrice", label: state$5.i18n.senddirectcta, amount: this.item.pricesenddirect + '', currency: state$5.market.currency, url: sendDirectUrl$1, linkid: this.linkId + '-portal' })) : null, this.item.pricestamps ? (h("pn-product-card-price", { slot: "stampPrice", label: state$5.i18n.stampshopcta, amount: this.item.pricestamps + '', currency: state$5.market.currency, url: stampShopUrl$1, linkid: this.linkId + '-stampshop' })) : null))));
2514
2517
  }
2515
2518
  static get watchers() { return {
2516
2519
  "item": ["composeItems"]
@@ -2803,22 +2806,23 @@ let PnfindServiceAndPriceResult = class extends HTMLElement {
2803
2806
  this.composeItems();
2804
2807
  }
2805
2808
  composeItems() {
2806
- this.shownitems = [];
2807
- if (this.item.pricestamps) {
2808
- this.shownitems.push(Object.assign(Object.assign({}, this.item), { priceagent: null, pricesenddirect: null }));
2809
- }
2810
- if (this.item.priceagent) {
2811
- this.shownitems.push(Object.assign(Object.assign({}, this.item), { pricestamps: null, pricesenddirect: null }));
2812
- }
2813
- if (this.item.pricesenddirect) {
2814
- this.shownitems.push(Object.assign(Object.assign({}, this.item), { pricestamps: null, priceagent: null }));
2815
- }
2809
+ this.shownitems = [this.item];
2810
+ // this.shownitems = [];
2811
+ // if (this.item.pricestamps) {
2812
+ // this.shownitems.push({...this.item, priceagent: null, pricesenddirect: null});
2813
+ // }
2814
+ // if (this.item.priceagent) {
2815
+ // this.shownitems.push({...this.item, pricestamps: null, pricesenddirect: null});
2816
+ // }
2817
+ // if (this.item.pricesenddirect) {
2818
+ // this.shownitems.push({...this.item, pricestamps: null, priceagent: null});
2819
+ // }
2816
2820
  // Parcels are always in KG. Letter KG must be converted from grams
2817
- this.weightText = (this.item.what === "parcel") ? this.item.maxweight + 'kg' :
2818
- (this.item.what === "letter" && this.item.maxweight > 999) ? Math.round(this.item.maxweight / 1000) + " kg" : this.item.maxweight + " g";
2821
+ // this.weightText = (this.item.what === "parcel") ? this.item.maxweight + 'kg' :
2822
+ // (this.item.what === "letter" && this.item.maxweight > 999) ? Math.round(this.item.maxweight/1000) + " kg" : this.item.maxweight + " g";
2819
2823
  }
2820
2824
  render() {
2821
- return (h(Host, null, this.shownitems.map((item) => (h("pn-product-tile", null, h("pn-illustration", { slot: "illustration", illustration: item.illustration }), h("div", { slot: "content" }, h("div", { class: "content" }, h("h3", null, item.name), (item.description) ? (h("div", { class: "description" }, item.description)) : null, (item.info) ? (h("div", { class: "description" }, item.info)) : null)), item.maxweight ? (h("pn-product-tile-info", { label: state$4.i18n.maxweightlabel, text: this.weightText })) : null, item.maximummeasurements ? (h("pn-product-tile-info", { label: state$4.i18n.maxmeasurementlabel, text: item.maximummeasurements })) : null, item.pricestamps ? (h("pn-product-tile-price", { slot: "price", label: state$4.i18n.stampshopcta, amount: item.pricestamps + '', currency: state$4.market.currency })) : null, item.priceagent ? (h("pn-product-tile-price", { slot: "price", label: "", amount: item.priceagent + '', currency: state$4.market.currency, url: "https://shop.postnord.se/ebutik/default.aspx" })) : null, item.pricesenddirect ? (h("pn-product-tile-price", { slot: "price", label: state$4.i18n.senddirectcta, amount: item.pricesenddirect + '', currency: state$4.market.currency, url: "https://portal.postnord.com/skickadirekt/" })) : null, item.note ? (h("small", { slot: "note" }, h("p", null, item.note))) : null)))));
2825
+ return (h(Host, null, this.shownitems.map((item) => (h("pn-product-card", null, h("pn-illustration", { slot: "illustration", illustration: item.illustration }), h("div", { slot: "content" }, h("div", { class: "content" }, h("h3", null, item.name), (item.description) ? (h("div", { class: "description" }, item.description)) : null, (item.info) ? (h("div", { class: "description" }, item.info)) : null)), item.maxweight ? (h("pn-product-tile-info", { label: state$4.i18n.maxweightlabel, text: this.weightText })) : null, item.pricestamps ? (h("pn-product-tile-price", { slot: "price", label: state$4.i18n.stampshopcta, amount: item.pricestamps + '', currency: state$4.market.currency })) : null, item.pricesenddirect ? (h("pn-product-tile-price", { slot: "price", label: state$4.i18n.senddirectcta, amount: item.pricesenddirect + '', currency: state$4.market.currency, url: "https://portal.postnord.com/skickadirekt/" })) : null, item.note ? (h("small", { slot: "note" }, h("p", null, item.note))) : null)))));
2822
2826
  }
2823
2827
  static get watchers() { return {
2824
2828
  "item": ["composeItems"]
@@ -4531,7 +4535,7 @@ const { state: state$2, onChange: onChange$2 } = createStore({
4531
4535
  requestAbortController: new AbortController()
4532
4536
  });
4533
4537
 
4534
- const pnMarketwebSiteheaderSearchCss = ".siteheader-search a{display:none}@media screen and (min-width: 48em){.siteheader-search a{display:block}}.siteheader-search pn-search-field.button-icon pn-button,.siteheader-search pn-button{display:-ms-inline-flexbox;display:inline-flex}.siteheader-search pn-search-field.button-icon pn-button button,.siteheader-search pn-button button{-ms-flex-item-align:center;align-self:center;padding:0;height:2.3em;width:2.3em;line-height:0;min-height:unset;min-width:unset}.siteheader-search pn-search-field.button-icon pn-button pn-icon,.siteheader-search pn-button pn-icon{margin-left:0}.siteheader-search form{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:auto;-ms-flex:none;flex:none;display:-ms-flexbox;display:flex;padding:0;margin:0 0 0 0.4rem;position:relative}@media screen and (min-width: 60em){.siteheader-search form{margin-right:1.6rem}}.siteheader-search form pn-search-field{min-width:13.5em}.siteheader-search form pn-search-field .input-container{-ms-flex-item-align:center;align-self:center}.siteheader-search form pn-search-field input{height:auto;min-height:1em;padding:0.6em 0.75em}";
4538
+ const pnMarketwebSiteheaderSearchCss = ".siteheader-search a{display:none}@media screen and (min-width: 48em){.siteheader-search a{display:block}}.siteheader-search pn-search-field>.input-container button{background:#FFFFFF}.siteheader-search pn-search-field.button-icon pn-button,.siteheader-search pn-button{display:-ms-inline-flexbox;display:inline-flex}.siteheader-search pn-search-field.button-icon pn-button button,.siteheader-search pn-button button{-ms-flex-item-align:center;align-self:center;padding:0;height:2.3em;width:2.3em;line-height:0;min-height:unset;min-width:unset}.siteheader-search pn-search-field.button-icon pn-button pn-icon,.siteheader-search pn-button pn-icon{margin-left:0}.siteheader-search form{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:auto;-ms-flex:none;flex:none;display:-ms-flexbox;display:flex;padding:0;margin:0 0 0 0.4rem;position:relative}@media screen and (min-width: 60em){.siteheader-search form{margin-right:1.6rem}}.siteheader-search form pn-search-field{min-width:13.5em}.siteheader-search form pn-search-field .input-container{-ms-flex-item-align:center;align-self:center}.siteheader-search form pn-search-field input{height:auto;min-height:1em;padding:0.6em 0.75em}";
4535
4539
 
4536
4540
  let PnMarketwebSiteheaderSearch$1 = class extends HTMLElement {
4537
4541
  constructor() {
@@ -4787,49 +4791,65 @@ let PnProductCardPrice$1 = class extends HTMLElement {
4787
4791
  if (!this.amount) {
4788
4792
  return;
4789
4793
  }
4790
- return (this.url) ? (h(Host, null, h("div", { class: "price" }, (this.amount) ? (h("span", null, this.amount)) : null, (this.currency) ? (h("span", null, " " + this.currency)) : null), (this.note) ? (h("p", null, this.note)) : null, (this.label) ? (h("pn-button", { small: "true", icon: "open-in-new", appearance: "light", href: this.url, target: "_blank", id: this.service.split(" ").join("-").toLocaleLowerCase() }, this.label)) : null)) : (h(Host, null, h("div", { class: "price" }, (this.amount) ? (h("span", null, this.amount)) : null, (this.currency) ? (h("span", null, this.currency)) : null)));
4794
+ return (this.url) ? (h(Host, { id: this.linkid }, h("div", { class: "price" }, (this.amount) ? (h("span", null, this.amount)) : null, (this.currency) ? (h("span", null, " " + this.currency)) : null), (this.note) ? (h("p", null, this.note)) : null, (this.label) ? (h("pn-button", { small: "true", icon: "open-in-new", appearance: "light", href: this.url, target: "_blank" }, this.label)) : null)) : (h(Host, null, h("div", { class: "price" }, (this.amount) ? (h("span", null, this.amount)) : null, (this.currency) ? (h("span", null, this.currency)) : null)));
4791
4795
  }
4792
4796
  static get style() { return pnProductCardPriceCss; }
4793
4797
  };
4794
4798
 
4795
4799
  const translations$2 = {
4796
4800
  'sv': {
4797
- 'maxweightlabel': 'Maxvikt',
4801
+ 'componentheading': 'Våra priser och villkor för inrikesförsändelser för dig som direktbetalande kund?',
4802
+ 'deliveryscopeheading': 'Endast leveranser inom Sverige',
4803
+ 'resultlistheading': 'Några bra alternativ för dig',
4798
4804
  'weightlabel': 'Vikt',
4805
+ 'maxweightlabel': 'Maxvikt',
4799
4806
  'maxmeasurementlabel': 'Maxvolym',
4800
- 'sizeheading': 'Hur mycket väger det?',
4801
- 'senddirectcta': 'Köp frakt via Skicka Direkt',
4802
- 'stampshopcta': 'Köp frimärken via vår webshop',
4807
+ 'senddirectcta': 'Köp online',
4808
+ 'stampshopcta': 'Köp frimärken',
4809
+ 'message': '*Vid köp hos valfritt ombud',
4810
+ 'servicePointHeader': 'Eller hitta närmaste serviceställe',
4811
+ 'servicePointLink': 'Sök serviceställe eller brevlåda'
4803
4812
  },
4804
4813
  'en': {
4805
- 'maxweightlabel': 'Max weight',
4814
+ 'componentheading': 'Our prices and terms and conditions for domestic shipments for you as a direct paying customer',
4815
+ 'deliveryscopeheading': 'Deliveries within Sweden only',
4816
+ 'resultlistheading': 'Some suitable options for you',
4806
4817
  'weightlabel': 'Weight',
4818
+ 'maxweightlabel': 'Max weight',
4807
4819
  'maxmeasurementlabel': 'Maximum measurement',
4808
- 'sizeheading': 'How much does it weigh?',
4809
- 'senddirectcta': 'Buy shipping in Send Direct',
4810
- 'stampshopcta': 'Order home stamps from the webshop',
4820
+ 'senddirectcta': 'Buy Online',
4821
+ 'stampshopcta': 'Buy Stamps',
4822
+ 'message': 'When buying from any agent',
4823
+ 'servicePointHeader': 'Or find nearest service point',
4824
+ 'servicePointLink': 'Search letter-box or service point'
4811
4825
  },
4812
4826
  'da': {
4813
- 'maxweightlabel': 'Max vægt',
4827
+ 'componentheading': 'Vad vill du skicka?',
4828
+ 'deliveryscopeheading': 'Kun leveringer indenfor Sverige',
4829
+ 'resultlistheading': 'Some suitable options for you',
4814
4830
  'weightlabel': 'Vægt',
4831
+ 'maxweightlabel': 'Max vægt',
4815
4832
  'maxmeasurementlabel': 'Maks. Volumen',
4816
- 'sizeheading': 'How much does it weigh?',
4817
4833
  'senddirectcta': 'Buy shipping in Send Direct',
4818
4834
  'stampshopcta': 'Order home stamps from the webshop',
4819
4835
  },
4820
4836
  'no': {
4821
- 'maxweightlabel': 'Maks vekt',
4837
+ 'componentheading': 'Vad vill du skicka?',
4838
+ 'deliveryscopeheading': 'Kun leveranser innen Sverige',
4839
+ 'resultlistheading': 'Some suitable options for you',
4822
4840
  'weightlabel': 'Vekt',
4841
+ 'maxweightlabel': 'Maks vekt',
4823
4842
  'maxmeasurementlabel': 'Maks volum',
4824
- 'sizeheading': 'How much does it weigh?',
4825
4843
  'senddirectcta': 'Buy shipping in Send Direct',
4826
4844
  'stampshopcta': 'Order home stamps from the webshop',
4827
4845
  },
4828
4846
  'fi': {
4847
+ 'componentheading': 'Vad vill du skicka?',
4848
+ 'deliveryscopeheading': 'Toimitukset vain Ruotsin sisällä',
4849
+ 'resultlistheading': 'Some suitable options for you',
4850
+ 'weightlabel': 'Paino',
4829
4851
  'maxweightlabel': 'Max paino',
4830
- 'weightlabel': 'Piano',
4831
4852
  'maxmeasurementlabel': 'Max äänenvoimakkuus',
4832
- 'sizeheading': 'How much does it weigh?',
4833
4853
  'senddirectcta': 'Buy shipping in Send Direct',
4834
4854
  'stampshopcta': 'Order home stamps from the webshop',
4835
4855
  }
@@ -4881,28 +4901,17 @@ const weights = {
4881
4901
  ]
4882
4902
  };
4883
4903
 
4884
- // Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store
4885
- const { state: state$1, onChange: onChange$1 } = createStore({
4886
- i18n: {
4887
- maxweightlabel: '',
4888
- weightlabel: '',
4889
- maxmeasurementlabel: '',
4890
- sizeheading: '',
4891
- senddirectcta: '',
4892
- stampshopcta: '',
4893
- },
4894
- market: {
4895
- currency: ""
4896
- }
4897
- });
4904
+ const sendDirectUrl = "https://portal.postnord.com/skickadirekt/";
4905
+
4906
+ const stampShopUrl = "https://shop.postnord.se/ebutik/default.aspx";
4898
4907
 
4899
- const pnProductPricelistCss = "pn-product-pricelist pn-spinner{margin:1em auto}pn-product-pricelist h2,pn-product-pricelist .heading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:1rem}pn-product-pricelist .content,pn-product-pricelist .weightselection{max-width:50em;margin:0 auto 1em}pn-product-pricelist .weightoption{display:-ms-flexbox;display:flex;gap:1em}pn-product-pricelist .weightoption-input{width:5em;position:relative;display:none}pn-product-pricelist .weightoption-input input::-webkit-outer-spin-button,pn-product-pricelist .weightoption-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}pn-product-pricelist .weightoption-input-abbreviation{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:1.2em;margin-top:1.55rem;font-weight:500}pn-product-pricelist .weightoption-range{-ms-flex-positive:1;flex-grow:1;-ms-flex-item-align:end;align-self:flex-end;position:relative;top:0.5em}pn-product-pricelist .weightoption-range input{width:calc(100% - 1.5em)}pn-product-pricelist .weightoption-range datalist{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;font-size:0.75em}pn-product-pricelist .resultlist:not([data-list-count=\"0\"]){margin-top:2em}";
4908
+ const pnProductPricelistCss = "pn-product-pricelist pn-spinner{margin:1em auto}pn-product-pricelist h2,pn-product-pricelist .heading{text-align:center;font-size:1.5em;line-height:1.1;font-weight:bold;margin-bottom:1rem}pn-product-pricelist .content,pn-product-pricelist .weightselection,pn-product-pricelist .resultlist{max-width:50em;margin:0 auto 1.6rem}pn-product-pricelist .weightoption{display:-ms-flexbox;display:flex;gap:1.6rem}pn-product-pricelist .weightoption-input{width:5em;position:relative;display:none}pn-product-pricelist .weightoption-input input::-webkit-outer-spin-button,pn-product-pricelist .weightoption-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}pn-product-pricelist .weightoption-input-abbreviation{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:1.2em;margin-top:1.55rem;font-weight:500}pn-product-pricelist .weightoption-range{-ms-flex-positive:1;flex-grow:1;-ms-flex-item-align:end;align-self:flex-end;position:relative;top:0.5em}pn-product-pricelist .weightoption-range input{width:calc(100% - 1.5em)}pn-product-pricelist .weightoption-range datalist{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;font-size:0.75em}pn-product-pricelist .resultlist:not([data-list-count=\"0\"]){margin-top:2em}";
4900
4909
 
4901
4910
  let PnFindProductPricelist = class extends HTMLElement {
4902
4911
  constructor() {
4903
4912
  super();
4904
4913
  this.__registerHost();
4905
- this.source = "https://com-integration.postnord.com/globalassets/global/prices/sv-se-findprice.xlsx";
4914
+ this.source = "https://com-integration.postnord.com/globalassets/global/prices/sv-findprice-1-PN.xlsx";
4906
4915
  this.language = "sv";
4907
4916
  this.market = "se";
4908
4917
  this.productid = "";
@@ -4920,10 +4929,10 @@ let PnFindProductPricelist = class extends HTMLElement {
4920
4929
  }
4921
4930
  setState() {
4922
4931
  if (this.market) {
4923
- state$1.market = markets[this.market];
4932
+ state$5.market = markets[this.market];
4924
4933
  }
4925
4934
  if (this.language && translations$2[this.language]) {
4926
- state$1.i18n = translations$2[this.language];
4935
+ state$5.i18n = translations$2[this.language];
4927
4936
  }
4928
4937
  }
4929
4938
  async getDataSource() {
@@ -4981,7 +4990,7 @@ let PnFindProductPricelist = class extends HTMLElement {
4981
4990
  this.gotData = this.filteredItems.length > 0;
4982
4991
  }
4983
4992
  render() {
4984
- return (h(Host, null, h("div", { class: "content" }, h("slot", null)), this.loading ? (h("pn-spinner", null)) : null, (this.postagetype.value && weights[this.postagetype.value]) ? (h("div", { class: "weightselection" }, (state$1.i18n.sizeheading) ? (h("div", { class: "heading" }, state$1.i18n.sizeheading)) : null, h("div", { class: "weightoption" }, h("div", { class: "weightoption-input" }, h("pn-input", { inputid: "weightvalue", name: "weightvalue", type: "number", label: state$1.i18n.weightlabel, value: this.weightvalue, onChange: (e) => {
4993
+ return (h(Host, null, h("div", { class: "content" }, h("slot", null)), this.loading ? (h("pn-spinner", null)) : null, (this.postagetype.value && weights[this.postagetype.value]) ? (h("div", { class: "weightselection" }, h("div", { class: "weightoption" }, h("div", { class: "weightoption-input" }, h("pn-input", { inputid: "weightvalue", name: "weightvalue", type: "number", label: state$5.i18n.weightlabel, value: this.weightvalue, onChange: (e) => {
4985
4994
  if (e && e.target && e.target.value) {
4986
4995
  const weightNum = parseInt(e.target.value, 10);
4987
4996
  if (!isNaN(weightNum)) {
@@ -5007,7 +5016,7 @@ let PnFindProductPricelist = class extends HTMLElement {
5007
5016
  labelText = (weightindex % 5 === 0 || weightindex === 0 || weightindex === weights[this.postagetype.value].length - 1) ? weight.name : '';
5008
5017
  }
5009
5018
  return (h("option", Object.assign({ value: weightindex }, (labelText ? { label: labelText } : {}))));
5010
- })))))) : null, h("div", { class: "resultlist", "data-list-count": this.filteredItems.length }, this.filteredItems.map((item) => (h("div", null, h("pn-product-pricelist-result", { item: item })))))));
5019
+ })))))) : null, h("div", { class: "resultlist", "data-list-count": this.filteredItems.length }, this.filteredItems.map((item) => (h("div", null, h("pn-find-price-result", { item: item })))))));
5011
5020
  }
5012
5021
  static get watchers() { return {
5013
5022
  "market": ["setState"],
@@ -5018,6 +5027,21 @@ let PnFindProductPricelist = class extends HTMLElement {
5018
5027
  static get style() { return pnProductPricelistCss; }
5019
5028
  };
5020
5029
 
5030
+ // Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store
5031
+ const { state: state$1, onChange: onChange$1 } = createStore({
5032
+ i18n: {
5033
+ maxweightlabel: '',
5034
+ weightlabel: '',
5035
+ maxmeasurementlabel: '',
5036
+ sizeheading: '',
5037
+ senddirectcta: '',
5038
+ stampshopcta: '',
5039
+ },
5040
+ market: {
5041
+ currency: ""
5042
+ }
5043
+ });
5044
+
5021
5045
  const pnProductPricelistResultCss = "";
5022
5046
 
5023
5047
  let PnFindProductPricelistResult = class extends HTMLElement {
@@ -5025,29 +5049,55 @@ let PnFindProductPricelistResult = class extends HTMLElement {
5025
5049
  super();
5026
5050
  this.__registerHost();
5027
5051
  this.item = null;
5052
+ this.description = [];
5028
5053
  this.shownitems = [];
5054
+ this.showMeasurement = false;
5029
5055
  this.weightText = "";
5030
5056
  }
5031
5057
  componentWillLoad() {
5032
5058
  this.composeItems();
5033
5059
  }
5034
5060
  composeItems() {
5035
- this.shownitems = [];
5036
- if (this.item.pricestamps) {
5037
- this.shownitems.push(Object.assign(Object.assign({}, this.item), { priceagent: null, pricesenddirect: null }));
5038
- }
5039
- if (this.item.priceagent) {
5040
- this.shownitems.push(Object.assign(Object.assign({}, this.item), { pricestamps: null, pricesenddirect: null }));
5041
- }
5042
- if (this.item.pricesenddirect) {
5043
- this.shownitems.push(Object.assign(Object.assign({}, this.item), { pricestamps: null, priceagent: null }));
5061
+ if (this.item.description) {
5062
+ this.description = this.item.description.split("#bullet").filter(x => x !== "");
5044
5063
  }
5045
- // Parcels are always in KG. Letter KG must be converted from grams
5046
- this.weightText = (this.item.what === "parcel") ? this.item.maxweight + 'kg' :
5047
- (this.item.what === "letter" && this.item.maxweight > 999) ? Math.round(this.item.maxweight / 1000) + " kg" : this.item.maxweight + " g";
5064
+ this.showMeasurement = (this.item.maxmått !== null) || (this.item.rulle !== null);
5065
+ this.shownitems = [this.item];
5066
+ // if (this.item.pricestamps) {
5067
+ // this.shownitems.push({...this.item, priceagent: null, pricesenddirect: null});
5068
+ // }
5069
+ // if (this.item.priceagent) {
5070
+ // this.shownitems.push({...this.item, pricestamps: null, pricesenddirect: null});
5071
+ // }
5072
+ // if (this.item.pricesenddirect) {
5073
+ // this.shownitems.push({...this.item, pricestamps: null, priceagent: null});
5074
+ // }
5075
+ // // Parcels are always in KG. Letter KG must be converted from grams
5076
+ // this.weightText = (this.item.what === "parcel") ? this.item.maxweight + 'kg' :
5077
+ // (this.item.what === "letter" && this.item.maxweight > 999) ? Math.round(this.item.maxweight/1000) + " kg" : this.item.maxweight + " g";
5048
5078
  }
5049
5079
  render() {
5050
- return (h(Host, null, this.shownitems.map((item) => (h("pn-product-tile", null, h("pn-illustration", { slot: "illustration", illustration: item.illustration }), h("div", { slot: "content" }, h("div", { class: "content" }, h("h3", null, item.name), (item.description) ? (h("div", { class: "description" }, item.description)) : null, (item.info) ? (h("div", { class: "description" }, item.info)) : null)), item.maxweight ? (h("pn-product-tile-info", { label: state$1.i18n.maxweightlabel, text: this.weightText })) : null, item.maximummeasurements ? (h("pn-product-tile-info", { label: state$1.i18n.maxmeasurementlabel, text: item.maximummeasurements })) : null, item.pricestamps ? (h("pn-product-tile-price", { slot: "price", label: state$1.i18n.stampshopcta, amount: item.pricestamps + '', currency: state$1.market.currency })) : null, item.priceagent ? (h("pn-product-tile-price", { slot: "price", label: "", amount: item.priceagent + '', currency: state$1.market.currency, url: "https://shop.postnord.se/ebutik/default.aspx" })) : null, item.pricesenddirect ? (h("pn-product-tile-price", { slot: "price", label: state$1.i18n.senddirectcta, amount: item.pricesenddirect + '', currency: state$1.market.currency, url: "https://portal.postnord.com/skickadirekt/" })) : null, item.note ? (h("small", { slot: "note" }, h("p", null, item.note))) : null)))));
5080
+ return (h(Host, null, this.shownitems.map((item) => (h("pn-product-card", { "data-productid": item.id }, h("pn-illustration", { slot: "illustration", illustration: this.item.illustration }), h("div", { slot: "title" }, h("h2", null, item.name, " "), (this.item.highestrankusp) ?
5081
+ (this.item.highestrankusp === "Billigast") ?
5082
+ (h("span", { slot: "Billigast" }, this.item.highestrankusp, h("pn-icon", { symbol: "box-label", small: "false", color: "green700" })))
5083
+ : (h("span", { slot: "Snabbast" }, this.item.highestrankusp, h("pn-icon", { symbol: "bolt", small: "false", color: "blue700" }))) : null), h("div", { slot: "content" }, h("div", { class: "content" }, (this.item.description) ? (h("div", { class: "description" }, this.description.map((desc) => (h("li", null, desc))))) : null, (this.item.info) ? (h("div", { class: "description" }, this.item.info)) : null)), this.item.note ? (h("small", { slot: "note" }, h("p", null, this.item.note))) : null, this.item.additionalusp ? (h("div", { slot: "additionalUSP" })) : null, this.showMeasurement ? (h("pn-product-card-info", { paket: this.item.maxmått, rulle: this.item.rulle })) : null, h("div", { slot: "cardprice" }, this.item.pricesenddirect ? (h("pn-product-card-price", { slot: "sendDirectPrice", label: state$1.i18n.senddirectcta, amount: this.item.pricesenddirect + '', currency: state$1.market.currency, url: sendDirectUrl, service: this.item.name + "-portal" })) : null, this.item.pricestamps ? (h("pn-product-card-price", { slot: "stampPrice", label: state$1.i18n.stampshopcta, amount: this.item.pricestamps + '', currency: state$1.market.currency, url: stampShopUrl, service: this.item.name + "-eshop" })) : null))
5084
+ // <pn-product-tile>
5085
+ // <pn-illustration slot="illustration" illustration={ item.illustration }></pn-illustration>
5086
+ // <div slot="content">
5087
+ // <div class="content">
5088
+ // <h3>{item.name}</h3>
5089
+ // {(item.description) ? (<div class="description">{item.description}</div>) : null}
5090
+ // {(item.info) ? (<div class="description">{item.info}</div>) : null}
5091
+ // </div>
5092
+ // </div>
5093
+ // { item.maxweight ? (<pn-product-tile-info label={state.i18n.maxweightlabel} text={this.weightText}></pn-product-tile-info>) : null }
5094
+ // {/* { item.maximummeasurements ? (<pn-product-tile-info label={state.i18n.maxmeasurementlabel} text={item.maximummeasurements}></pn-product-tile-info>) : null } */}
5095
+ // { item.pricestamps ? (<pn-product-tile-price slot="price" label={state.i18n.stampshopcta} amount={item.pricestamps+''} currency={ state.market.currency }></pn-product-tile-price>) : null }
5096
+ // {/* { item.priceagent ? (<pn-product-tile-price slot="price" label="" amount={item.priceagent+''} currency={ state.market.currency } url="https://shop.postnord.se/ebutik/default.aspx"></pn-product-tile-price>) : null } */}
5097
+ // { item.pricesenddirect ? (<pn-product-tile-price slot="price" label={state.i18n.senddirectcta} amount={item.pricesenddirect+''} currency={ state.market.currency } url="https://portal.postnord.com/skickadirekt/"></pn-product-tile-price>) : null }
5098
+ // { item.note ? (<small slot="note"><p>{item.note}</p></small>) : null }
5099
+ // </pn-product-tile>
5100
+ ))));
5051
5101
  }
5052
5102
  static get watchers() { return {
5053
5103
  "item": ["composeItems"]
@@ -5461,7 +5511,7 @@ const PnBonusProgressbarLevel = /*@__PURE__*/proxyCustomElement(PnBonusProgressb
5461
5511
  const PnChoiceButton = /*@__PURE__*/proxyCustomElement(PnChoiceButton$1, [4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]);
5462
5512
  const PnFilterCheckbox = /*@__PURE__*/proxyCustomElement(PnFilterCheckbox$1, [1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]);
5463
5513
  const PnFindPrice = /*@__PURE__*/proxyCustomElement(PnfindPrice, [0,"pn-find-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"weight":[32],"weightvalue":[32],"sourceData":[32],"sizecategory":[32]}]);
5464
- const PnFindPriceResult = /*@__PURE__*/proxyCustomElement(PnfindPriceResult, [0,"pn-find-price-result",{"item":[1040],"shownitems":[16],"Usp1":[1,"usp-1"],"Usp2":[1,"usp-2"],"Usp3":[1,"usp-3"],"description":[16],"showMeasurement":[4,"show-measurement"],"weightText":[32]}]);
5514
+ const PnFindPriceResult = /*@__PURE__*/proxyCustomElement(PnfindPriceResult, [0,"pn-find-price-result",{"item":[1040],"shownitems":[16],"Usp1":[1,"usp-1"],"Usp2":[1,"usp-2"],"Usp3":[1,"usp-3"],"description":[16],"showMeasurement":[4,"show-measurement"],"weightText":[32],"linkId":[32]}]);
5465
5515
  const PnFindServiceAndPrice = /*@__PURE__*/proxyCustomElement(PnfindServiceAndPrice, [0,"pn-find-service-and-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"postagetype":[32],"weight":[32],"weightvalue":[32],"deliveryscope":[32],"sourceData":[32]}]);
5466
5516
  const PnFindServiceAndPriceResult = /*@__PURE__*/proxyCustomElement(PnfindServiceAndPriceResult, [0,"pn-find-service-and-price-result",{"item":[1040],"shownitems":[16],"weightText":[32]}]);
5467
5517
  const PnLanguageSelector = /*@__PURE__*/proxyCustomElement(PnlanguageSelector, [4,"pn-language-selector",{"value":[1537],"selectedLanguageName":[32],"options":[32],"i18n":[32]}]);
@@ -5479,9 +5529,9 @@ const PnMarketwebSiteheaderSearch = /*@__PURE__*/proxyCustomElement(PnMarketwebS
5479
5529
  const PnPexPricefinder = /*@__PURE__*/proxyCustomElement(PnPexPricefinder$1, [0,"pn-pex-pricefinder",{"language":[1],"currency":[1],"apiUrl":[1,"api-url"],"i18n":[32],"fromzip":[32],"tozip":[32],"weight":[32],"when":[32],"response":[32]},[[0,"language","setLanguage"]]]);
5480
5530
  const PnProductCard = /*@__PURE__*/proxyCustomElement(PnProductCard$1, [4,"pn-product-card"]);
5481
5531
  const PnProductCardInfo = /*@__PURE__*/proxyCustomElement(PnProductCardInfo$1, [0,"pn-product-card-info",{"rulle":[1],"paket":[1],"label":[1],"text":[1]}]);
5482
- const PnProductCardPrice = /*@__PURE__*/proxyCustomElement(PnProductCardPrice$1, [0,"pn-product-card-price",{"label":[1],"amount":[1],"currency":[1],"note":[1],"url":[1],"service":[1]}]);
5532
+ const PnProductCardPrice = /*@__PURE__*/proxyCustomElement(PnProductCardPrice$1, [0,"pn-product-card-price",{"label":[1],"amount":[1],"currency":[1],"note":[1],"url":[1],"service":[1],"linkid":[1]}]);
5483
5533
  const PnProductPricelist = /*@__PURE__*/proxyCustomElement(PnFindProductPricelist, [4,"pn-product-pricelist",{"source":[1],"language":[1025],"market":[1025],"productid":[1],"filteredItems":[32],"sourceData":[32],"gotData":[32],"loading":[32],"postagetype":[32],"weight":[32],"weightvalue":[32]}]);
5484
- const PnProductPricelistResult = /*@__PURE__*/proxyCustomElement(PnFindProductPricelistResult, [0,"pn-product-pricelist-result",{"item":[1040],"shownitems":[16],"weightText":[32]}]);
5534
+ const PnProductPricelistResult = /*@__PURE__*/proxyCustomElement(PnFindProductPricelistResult, [0,"pn-product-pricelist-result",{"item":[1040],"description":[16],"shownitems":[16],"showMeasurement":[4,"show-measurement"],"weightText":[32]}]);
5485
5535
  const PnProductTile = /*@__PURE__*/proxyCustomElement(PnProductTile$1, [4,"pn-product-tile"]);
5486
5536
  const PnProductTileInfo = /*@__PURE__*/proxyCustomElement(PnProductTileInfo$1, [0,"pn-product-tile-info",{"label":[1],"text":[1],"icon":[1]}]);
5487
5537
  const PnProductTilePrice = /*@__PURE__*/proxyCustomElement(PnProductTilePrice$1, [0,"pn-product-tile-price",{"label":[1],"amount":[1],"currency":[1],"url":[1]}]);
@@ -0,0 +1,37 @@
1
+ const weights = {
2
+ "letter": [
3
+ { name: "50g", abbreviation: 'g', value: 50 },
4
+ { name: "100g", abbreviation: 'g', value: 100 },
5
+ { name: "250g", abbreviation: 'g', value: 250 },
6
+ { name: "500g", abbreviation: 'g', value: 500 },
7
+ { name: "1kg", abbreviation: 'kg', value: 1 },
8
+ { name: "2kg", abbreviation: 'kg', value: 2 },
9
+ ],
10
+ "parcel": [
11
+ { name: "1kg", abbreviation: 'kg', value: 1 },
12
+ { name: "2kg", abbreviation: 'kg', value: 2 },
13
+ { name: "3kg", abbreviation: 'kg', value: 3 },
14
+ { name: "4kg", abbreviation: 'kg', value: 4 },
15
+ { name: "5kg", abbreviation: 'kg', value: 5 },
16
+ { name: "6kg", abbreviation: 'kg', value: 6 },
17
+ { name: "7Kg", abbreviation: 'kg', value: 7 },
18
+ { name: "8kg", abbreviation: 'kg', value: 8 },
19
+ { name: "9kg", abbreviation: 'kg', value: 9 },
20
+ { name: "10kg", abbreviation: 'kg', value: 10 },
21
+ { name: "11kg", abbreviation: 'kg', value: 11 },
22
+ { name: "12kg", abbreviation: 'kg', value: 12 },
23
+ { name: "13kg", abbreviation: 'kg', value: 13 },
24
+ { name: "14kg", abbreviation: 'kg', value: 14 },
25
+ { name: "15kg", abbreviation: 'kg', value: 15 },
26
+ { name: "16kg", abbreviation: 'kg', value: 16 },
27
+ { name: "17kg", abbreviation: 'kg', value: 17 },
28
+ { name: "18kg", abbreviation: 'kg', value: 18 },
29
+ { name: "20kg", abbreviation: 'kg', value: 20 },
30
+ ]
31
+ };
32
+
33
+ const sendDirectUrl = "https://portal.postnord.com/skickadirekt/";
34
+
35
+ const stampShopUrl = "https://shop.postnord.se/ebutik/default.aspx";
36
+
37
+ export { stampShopUrl as a, sendDirectUrl as s, weights as w };
@@ -1,5 +1,3 @@
1
- import { c as createStore } from './index-7b21ecff.js';
2
-
3
1
  const sizeCategories = [
4
2
  { name: "Small", value: "Small", illustration: "eli1n", unit: "small" },
5
3
  { name: "Medium", value: "Medium", illustration: "medium-package", unit: "medium"},
@@ -42,24 +40,4 @@ const sendDirectUrl = "https://portal.postnord.com/skickadirekt/";
42
40
 
43
41
  const stampShopUrl = "https://shop.postnord.se/ebutik/default.aspx";
44
42
 
45
- // Read more about how stencil stores work here: https://stenciljs.com/docs/stencil-store
46
- const { state, onChange } = createStore({
47
- i18n: {
48
- componentheading: '',
49
- deliveryscopeheading: '',
50
- resultlistheading: '',
51
- weightlabel: '',
52
- maxweightlabel: '',
53
- maxmeasurementlabel: '',
54
- senddirectcta: '',
55
- stampshopcta: '',
56
- message: '',
57
- servicePointHeader: '',
58
- servicePointLink: ''
59
- },
60
- market: {
61
- currency: ""
62
- }
63
- });
64
-
65
- export { state as a, servicePointUrl as b, sendDirectUrl as c, stampShopUrl as d, fileLocation as f, sizeCategories as s, weights as w };
43
+ export { servicePointUrl as a, sendDirectUrl as b, stampShopUrl as c, fileLocation as f, sizeCategories as s, weights as w };