@postnord/pn-marketweb-components 2.0.0 → 2.0.1
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.
- package/cjs/loader.cjs.js +1 -1
- package/cjs/pn-find-price-result.cjs.entry.js +3 -3
- package/cjs/{pn-find-price-store-c6cb51c1.js → pn-find-price-store-6aab7fd0.js} +0 -1
- package/cjs/pn-find-price.cjs.entry.js +7 -10
- package/cjs/pn-market-web-components.cjs.js +1 -1
- package/cjs/pn-marketweb-input.cjs.entry.js +76 -0
- package/cjs/pn-marketweb-search.cjs.entry.js +2 -2
- package/cjs/pn-pex-pricefinder.cjs.entry.js +10 -2
- package/cjs/pn-product-card_3.cjs.entry.js +8 -8
- package/cjs/pn-product-pricelist.cjs.entry.js +1 -1
- package/collection/collection-manifest.json +1 -0
- package/collection/components/input/pn-marketweb-input/marketweb-input.stories.js +51 -0
- package/collection/components/input/pn-marketweb-input/pn-marketweb-input.css +156 -0
- package/collection/components/input/pn-marketweb-input/pn-marketweb-input.js +412 -0
- package/collection/components/input/pn-marketweb-search/pn-marketweb-search.css +18 -15
- package/collection/components/input/pn-marketweb-search/pn-marketweb-search.js +2 -2
- package/collection/components/widgets/pn-find-price/img/clouds.svg +5 -0
- package/collection/components/widgets/pn-find-price/pn-find-price-result.js +2 -2
- package/collection/components/widgets/pn-find-price/pn-find-price-store.js +0 -1
- package/collection/components/widgets/pn-find-price/pn-find-price-translations.js +1 -6
- package/collection/components/widgets/pn-find-price/pn-find-price.css +14 -4
- package/collection/components/widgets/pn-find-price/pn-find-price.js +4 -3
- package/collection/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.js +10 -2
- package/collection/components/widgets/pn-product-card/pn-product-card-info.css +6 -7
- package/collection/components/widgets/pn-product-card/pn-product-card-info.js +2 -3
- package/collection/components/widgets/pn-product-card/pn-product-card-price.css +22 -5
- package/collection/components/widgets/pn-product-card/pn-product-card-price.js +1 -1
- package/collection/components/widgets/pn-product-card/pn-product-card.css +88 -30
- package/collection/components/widgets/pn-product-card/pn-product-card.js +1 -1
- package/collection/components/widgets/pn-product-pricelist/pn-product-pricelist.css +1 -0
- package/collection/components/widgets/pn-product-pricelist/pn-product-pricelist.stories.js +1 -1
- package/custom-elements/index.d.ts +6 -0
- package/custom-elements/index.js +102 -26
- package/esm/loader.js +1 -1
- package/esm/pn-find-price-result.entry.js +3 -3
- package/esm/{pn-find-price-store-c857dbc4.js → pn-find-price-store-3301df0a.js} +0 -1
- package/esm/pn-find-price.entry.js +7 -10
- package/esm/pn-market-web-components.js +1 -1
- package/esm/pn-marketweb-input.entry.js +72 -0
- package/esm/pn-marketweb-search.entry.js +2 -2
- package/esm/pn-pex-pricefinder.entry.js +10 -2
- package/esm/pn-product-card_3.entry.js +8 -8
- package/esm/pn-product-pricelist.entry.js +1 -1
- package/esm-es5/loader.js +1 -1
- package/esm-es5/pn-find-price-result.entry.js +1 -1
- package/esm-es5/pn-find-price-store-3301df0a.js +1 -0
- package/esm-es5/pn-find-price.entry.js +1 -1
- package/esm-es5/pn-market-web-components.js +1 -1
- package/esm-es5/pn-marketweb-input.entry.js +1 -0
- package/esm-es5/pn-marketweb-search.entry.js +1 -1
- package/esm-es5/pn-pex-pricefinder.entry.js +1 -1
- package/esm-es5/pn-product-card_3.entry.js +1 -1
- package/esm-es5/pn-product-pricelist.entry.js +1 -1
- package/package.json +1 -1
- package/pn-market-web-components/{p-c7c3361a.entry.js → p-045a349a.entry.js} +1 -1
- package/pn-market-web-components/p-07cc9f6b.system.entry.js +1 -0
- package/pn-market-web-components/p-3971ddb9.system.js +1 -0
- package/pn-market-web-components/p-5d587499.js +1 -0
- package/pn-market-web-components/p-5e78891a.entry.js +1 -0
- package/pn-market-web-components/p-67887512.system.js +1 -1
- package/pn-market-web-components/p-72195bd8.entry.js +1 -0
- package/pn-market-web-components/{p-fc41fcf6.system.entry.js → p-7e494e9d.system.entry.js} +1 -1
- package/pn-market-web-components/p-80dce81e.system.entry.js +1 -0
- package/pn-market-web-components/p-8fc7732d.system.entry.js +1 -0
- package/pn-market-web-components/p-996d8a6a.entry.js +1 -0
- package/pn-market-web-components/p-9e8c5793.system.entry.js +1 -0
- package/pn-market-web-components/p-9edaf6b6.system.entry.js +1 -0
- package/pn-market-web-components/p-c34db063.entry.js +1 -0
- package/pn-market-web-components/p-e5fffc92.entry.js +1 -0
- package/pn-market-web-components/p-e9fe5c54.entry.js +1 -0
- package/pn-market-web-components/p-fc6a09e0.system.entry.js +1 -0
- package/pn-market-web-components/pn-market-web-components.esm.js +1 -1
- package/types/components/input/pn-marketweb-input/pn-marketweb-input.d.ts +32 -0
- package/types/components/widgets/pn-find-price/pn-find-price-store.d.ts +0 -2
- package/types/components/widgets/pn-find-price/pn-find-price-translations.d.ts +0 -5
- package/types/components/widgets/pn-find-price/pn-find-price-types.d.ts +0 -1
- package/types/components/widgets/pn-pex-pricefinder/pn-pex-pricefinder.d.ts +1 -0
- package/types/components.d.ts +79 -0
- package/esm-es5/pn-find-price-store-c857dbc4.js +0 -1
- package/pn-market-web-components/p-0cff4955.entry.js +0 -1
- package/pn-market-web-components/p-0fe71e75.entry.js +0 -1
- package/pn-market-web-components/p-2239befa.system.entry.js +0 -1
- package/pn-market-web-components/p-38c4be82.system.entry.js +0 -1
- package/pn-market-web-components/p-3ddbc14c.entry.js +0 -1
- package/pn-market-web-components/p-6b505c69.entry.js +0 -1
- package/pn-market-web-components/p-6fab218d.system.js +0 -1
- package/pn-market-web-components/p-89ef9dad.system.entry.js +0 -1
- package/pn-market-web-components/p-b82f45b9.system.entry.js +0 -1
- package/pn-market-web-components/p-f0a468ef.entry.js +0 -1
- package/pn-market-web-components/p-f20380fb.js +0 -1
- package/pn-market-web-components/p-f5f1287a.system.entry.js +0 -1
package/custom-elements/index.js
CHANGED
|
@@ -221,7 +221,6 @@ const translations$9 = {
|
|
|
221
221
|
'sv': {
|
|
222
222
|
'componentheading': 'Våra priser och villkor för inrikesförsändelser för dig som direktbetalande kund?',
|
|
223
223
|
'deliveryscopeheading': 'Endast leveranser inom Sverige',
|
|
224
|
-
'sizeheading': 'Uppskatta storlek och vikt på din försändelse',
|
|
225
224
|
'resultlistheading': 'Några bra alternativ för dig',
|
|
226
225
|
'weightlabel': 'Vikt',
|
|
227
226
|
'maxweightlabel': 'Maxvikt',
|
|
@@ -230,12 +229,11 @@ const translations$9 = {
|
|
|
230
229
|
'stampshopcta': 'Beställ fysiska frimärken',
|
|
231
230
|
'message': '*Vid köp hos valfritt ombud',
|
|
232
231
|
'servicePointHeader': 'Eller hitta närmaste serviceställe',
|
|
233
|
-
'servicePointLink': 'Sök
|
|
232
|
+
'servicePointLink': 'Sök serviceställe eller brevlåda'
|
|
234
233
|
},
|
|
235
234
|
'en': {
|
|
236
235
|
'componentheading': 'Our prices and terms and conditions for domestic shipments for you as a direct paying customer',
|
|
237
236
|
'deliveryscopeheading': 'Deliveries within Sweden only',
|
|
238
|
-
'sizeheading': 'Estimate the size and weight of your shipment',
|
|
239
237
|
'resultlistheading': 'Some suitable options for you',
|
|
240
238
|
'weightlabel': 'Weight',
|
|
241
239
|
'maxweightlabel': 'Max weight',
|
|
@@ -249,7 +247,6 @@ const translations$9 = {
|
|
|
249
247
|
'da': {
|
|
250
248
|
'componentheading': 'Vad vill du skicka?',
|
|
251
249
|
'deliveryscopeheading': 'Kun leveringer indenfor Sverige',
|
|
252
|
-
'sizeheading': 'How much does it weigh?',
|
|
253
250
|
'resultlistheading': 'Some suitable options for you',
|
|
254
251
|
'weightlabel': 'Vægt',
|
|
255
252
|
'maxweightlabel': 'Max vægt',
|
|
@@ -260,7 +257,6 @@ const translations$9 = {
|
|
|
260
257
|
'no': {
|
|
261
258
|
'componentheading': 'Vad vill du skicka?',
|
|
262
259
|
'deliveryscopeheading': 'Kun leveranser innen Sverige',
|
|
263
|
-
'sizeheading': 'How much does it weigh?',
|
|
264
260
|
'resultlistheading': 'Some suitable options for you',
|
|
265
261
|
'weightlabel': 'Vekt',
|
|
266
262
|
'maxweightlabel': 'Maks vekt',
|
|
@@ -271,7 +267,6 @@ const translations$9 = {
|
|
|
271
267
|
'fi': {
|
|
272
268
|
'componentheading': 'Vad vill du skicka?',
|
|
273
269
|
'deliveryscopeheading': 'Toimitukset vain Ruotsin sisällä',
|
|
274
|
-
'sizeheading': 'How much does it weigh?',
|
|
275
270
|
'resultlistheading': 'Some suitable options for you',
|
|
276
271
|
'weightlabel': 'Paino',
|
|
277
272
|
'maxweightlabel': 'Max paino',
|
|
@@ -2357,7 +2352,6 @@ const { state: state$5, onChange: onChange$5 } = createStore({
|
|
|
2357
2352
|
i18n: {
|
|
2358
2353
|
componentheading: '',
|
|
2359
2354
|
deliveryscopeheading: '',
|
|
2360
|
-
sizeheading: '',
|
|
2361
2355
|
resultlistheading: '',
|
|
2362
2356
|
weightlabel: '',
|
|
2363
2357
|
maxweightlabel: '',
|
|
@@ -2381,7 +2375,9 @@ const largePackageSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTciIGhlaWdod
|
|
|
2381
2375
|
|
|
2382
2376
|
const postnordPerson1Svg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA0IiBoZWlnaHQ9IjE2MiIgdmlld0JveD0iMCAwIDEwNCAxNjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yOS4wMDE2IDE0My4zOTlIMTkuNjAxNlYxNTIuMTk5SDI5LjAwMTZWMTQzLjM5OVoiIGZpbGw9IiM5OTI5MEEiLz4KPHBhdGggZD0iTTE5LjYgMTUyLjJMMTcgMTU5SDMyTDI4LjkgMTUwLjNMMTkuNiAxNTIuMloiIGZpbGw9IiMwRDIzNEIiLz4KPHBhdGggZD0iTTQ5LjEgMTQ3LjVIMzlWMTU0LjhINDkuMVYxNDcuNVoiIGZpbGw9IiM5OTI5MEEiLz4KPHBhdGggZD0iTTM5IDE1Mi45VjE1OS4ySDY1LjVMNDkuMSAxNTEuNVYxNDkuM0wzOSAxNTIuOVoiIGZpbGw9IiMwRDIzNEIiLz4KPHBhdGggZD0iTTY1LjUgMTU5LjE5OUgzOVYxNjEuNzk5SDY1LjVWMTU5LjE5OVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik00NC41MDE2IDE1Ny4xQzQ1LjU1MDkgMTU3LjEgNDYuNDAxNiAxNTYuMjQ5IDQ2LjQwMTYgMTU1LjJDNDYuNDAxNiAxNTQuMTUgNDUuNTUwOSAxNTMuMyA0NC41MDE2IDE1My4zQzQzLjQ1MjIgMTUzLjMgNDIuNjAxNiAxNTQuMTUgNDIuNjAxNiAxNTUuMkM0Mi42MDE2IDE1Ni4yNDkgNDMuNDUyMiAxNTcuMSA0NC41MDE2IDE1Ny4xWiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBkPSJNMjkuMDAxNiAxNDMuMzk5SDE5LjYwMTZWMTUyLjE5OUgyOS4wMDE2VjE0My4zOTlaIiBmaWxsPSIjOTkyOTBBIi8+CjxwYXRoIGQ9Ik0xOS42IDE1Mi4yTDE3IDE1OUgzMkwyOC45IDE1MC4zTDE5LjYgMTUyLjJaIiBmaWxsPSIjMEQyMzRCIi8+CjxwYXRoIGQ9Ik00OS4xIDE0Ny41SDM5VjE1NC44SDQ5LjFWMTQ3LjVaIiBmaWxsPSIjOTkyOTBBIi8+CjxwYXRoIGQ9Ik0xMS42MDE2IDg0LjQ5OTJMMTIuODAxNiA4Ni44OTkyQzEzLjcwMTYgODguNjk5MiAxNS4zMDE2IDg5Ljk5OTIgMTcuMjAxNiA5MC40OTkyTDE4LjIwMTYgOTAuNzk5MkwxNS4yMDE2IDgzLjE5OTJMMTEuNjAxNiA4NC40OTkyWiIgZmlsbD0iIzk5MjkwQSIvPgo8cGF0aCBkPSJNMzkgMTUyLjlWMTU5SDY1LjVMNDkuMSAxNTEuNVYxNDkuM0wzOSAxNTIuOVoiIGZpbGw9IiMwRDIzNEIiLz4KPHBhdGggZD0iTTIwLjYgODUuMUgxMi4zQzExLjMgODUuMSAxMC41IDg0LjMgMTAuNSA4My4zVjYySDIwLjZWODUuMVoiIGZpbGw9IiNGQkMyQzEiLz4KPHBhdGggZD0iTTMzLjM5ODQgNjUuNjk5MlYxNDcuODk5SDE0Ljg5ODRWODkuNTk5MkMxNC44OTg0IDgwLjk5OTIgMTcuMzk4NCA3Mi44OTkyIDIyLjA5ODQgNjUuNjk5MkgzMy4zOTg0WiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBkPSJNMzMuODk5MiA2NS42OTkySDQ0LjQ5OTJMNTUuMTk5MiAxMDMuNjk5QzU1Ljg5OTIgMTA2LjA5OSA1Ni4yOTkyIDEwOC42OTkgNTYuMjk5MiAxMTEuMTk5VjE0Ny44OTlIMzguOTk5MlYxMTEuNTk5TDMyLjY5OTIgODYuNzk5MlY2NS42OTkySDMzLjg5OTJaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIG9wYWNpdHk9IjAuMiIgZD0iTTM3LjggODIuNUwzOSAxMTEuNkwzMy41IDg5LjlMMzMuNiA4NC4yTDM0LjIgODMuNkwzNy44IDgyLjVaIiBmaWxsPSIjMEQyMzRCIi8+CjxwYXRoIGQ9Ik0yOC4zOTg0IDM1LjFIMTYuMzk4NFYxOS4zQzE2LjM5ODQgMTUgMTkuODk4NCAxMS41IDI0LjE5ODQgMTEuNUgyOC40OTg0VjM1LjFIMjguMzk4NFoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik00Mi41IDM1LjA5OTZIMjBWMTIuMzk5NkMyMCA2LjE5OTYxIDI1IDEuMDk5NjEgMzEuMyAxLjA5OTYxQzM3LjUgMS4xOTk2MSA0Mi41IDYuMTk5NjEgNDIuNSAxMi4zOTk2VjM1LjA5OTZaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBkPSJNMzMuNTk5IDI1LjY5OTJIMzIuMjk5QzI4LjA5OSAyNS41OTkyIDI0LjY5OSAyMS45OTkyIDI0Ljg5OSAxNy43OTkyTDI1LjA5OSAxMi40OTkyQzI1LjE5OSA4LjI5OTIxIDI4Ljc5OSA0Ljg5OTIxIDMyLjk5OSA1LjA5OTIxQzM3LjE5OSA1LjE5OTIxIDQwLjU5OSA4Ljc5OTIxIDQwLjM5OSAxMi45OTkyTDQwLjE5OSAxOS42OTkyQzM5Ljk5OSAyMy4wOTkyIDM3LjA5OSAyNS43OTkyIDMzLjU5OSAyNS42OTkyWiIgZmlsbD0iIzk5MjkwQSIvPgo8cGF0aCBkPSJNMjUuODAwOCAxNS40OTkySDI3LjUwMDhDMjguNzAwOCAxNS40OTkyIDI5LjcwMDggMTQuNDk5MiAyOS43MDA4IDEzLjI5OTJWMTEuNTk5MkMzNC4zMDA4IDE0LjA5OTIgNDEuODAwOCAxMi42OTkyIDQxLjgwMDggMTIuNjk5Mkw0MC4xMDA4IDYuMTk5MjJMMjguODAwOCA3Ljk5OTIyTDI1LjgwMDggMTUuNDk5MloiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0yNS44IDE1LjQ5OThIMjEuNUwyNS44IDQuNzk5OEwzMS42IDMuMjk5OEwzNy45IDQuMzk5OEwzOS44IDguNzk5OEwyOC4zIDkuMzk5ODFMMjUuOCAxNS40OTk4WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTI0LjQ5OTIgMTguNjk5NkMyNS43Njk1IDE4LjY5OTYgMjYuNzk5MiAxNy42Njk5IDI2Ljc5OTIgMTYuMzk5NkMyNi43OTkyIDE1LjEyOTQgMjUuNzY5NSAxNC4wOTk2IDI0LjQ5OTIgMTQuMDk5NkMyMy4yMjkgMTQuMDk5NiAyMi4xOTkyIDE1LjEyOTQgMjIuMTk5MiAxNi4zOTk2QzIyLjE5OTIgMTcuNjY5OSAyMy4yMjkgMTguNjk5NiAyNC40OTkyIDE4LjY5OTZaIiBmaWxsPSIjOTkyOTBBIi8+CjxwYXRoIGQ9Ik0zNC43MDE2IDMxLjRIMjYuMTAxNkwyNi45MDE2IDIyLjVMMzQuNzAxNiAyMy44VjMxLjRaIiBmaWxsPSIjOTkyOTBBIi8+CjxwYXRoIGQ9Ik0zNC41IDI1LjY5OTRDMzQuNSAyNS42OTk0IDMxLjcgMjYuMDk5NCAyOS41IDI0Ljg5OTQiIHN0cm9rZT0iIzRGMTYwMCIgc3Ryb2tlLXdpZHRoPSIwLjciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik02NS41IDE1OUgzOVYxNjJINjUuNVYxNTlaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik0zMiAxNTlIMTdWMTYySDMyVjE1OVoiIGZpbGw9IiMwMDVEOTIiLz4KPHBhdGggZD0iTTQ1LjUgNjYuNDA5OEwxMC41IDY1LjYwOThWMzkuMzA5OEMxMC41IDM0LjEwOTggMTQuNyAzMC4wMDk4IDE5LjggMzAuMDA5OEg0MUw0NS41IDQwLjMwOThWNjYuNDA5OFoiIGZpbGw9IiNGQkMyQzEiLz4KPHBhdGggZD0iTTM3LjIwMDggNzIuMTk5MkgyMS4xMDA4QzE4LjcwMDggNzIuMTk5MiAxNi44MDA4IDY5Ljg5OTIgMTcuNDAwOCA2Ny40OTkyTDIzLjcwMDggNDYuODk5MkwzNy4yMDA4IDQ2LjE5OTJWNzIuMTk5MloiIGZpbGw9IiNGQkMyQzEiLz4KPHBhdGggZD0iTTQ2LjQwMTYgNDkuODk5NEw0Ni41MDE2IDcyLjc5OTRIMTUuNjAxNlY0Ny4zOTk0TDQ2LjQwMTYgNDkuODk5NFoiIGZpbGw9IiNGQkMyQzEiLz4KPHBhdGggZD0iTTMzLjYwMTYgOTAuNTk5OFY4My43OTk4IiBzdHJva2U9IiMwRDIzNEIiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzMuNjAxNiA4My44TDM3LjgwMTYgODIuNSIgc3Ryb2tlPSIjMEQyMzRCIiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTM3LjQwMTYgMjcuMTk5MkgyNC4xMDE2VjM1LjI5OTJIMzcuNDAxNlYyNy4xOTkyWiIgZmlsbD0iI0ZCQzJDMSIvPgo8cGF0aCBkPSJNMzMuMzk4NCAxNDEuOEgxNC44OTg0VjE0OEgzMy4zOTg0VjE0MS44WiIgZmlsbD0iIzAwNUQ5MiIvPgo8cGF0aCBkPSJNNTYuMiAxNDEuOEgzOVYxNDhINTYuMlYxNDEuOFoiIGZpbGw9IiMwMDVEOTIiLz4KPHBhdGggZD0iTTQ0LjUwMTYgMTU3LjFDNDUuNTUwOSAxNTcuMSA0Ni40MDE2IDE1Ni4yNDkgNDYuNDAxNiAxNTUuMkM0Ni40MDE2IDE1NC4xNSA0NS41NTA5IDE1My4zIDQ0LjUwMTYgMTUzLjNDNDMuNDUyMiAxNTMuMyA0Mi42MDE2IDE1NC4xNSA0Mi42MDE2IDE1NS4yQzQyLjYwMTYgMTU2LjI0OSA0My40NTIyIDE1Ny4xIDQ0LjUwMTYgMTU3LjFaIiBmaWxsPSIjMDA1RDkyIi8+CjxwYXRoIGQ9Ik01Ni4yIDE0My4zOTlIMzkiIHN0cm9rZT0iIzBEMjM0QiIgc3Ryb2tlLXdpZHRoPSIwLjciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0zMy4zOTg0IDE0My4zOTlIMTQuODk4NCIgc3Ryb2tlPSIjMEQyMzRCIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggb3BhY2l0eT0iMC4zIiBkPSJNMjYuMTAxNiAyOC4zOTk0VjMxLjU5OTQiIHN0cm9rZT0iI0YwNjM2NSIgc3Ryb2tlLXdpZHRoPSIwLjciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIG9wYWNpdHk9IjAuMyIgZD0iTTI4LjUgMjguMzk5NFYzMS41OTk0IiBzdHJva2U9IiNGMDYzNjUiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBvcGFjaXR5PSIwLjMiIGQ9Ik0zMC44MDA4IDI4LjM5OTRWMzEuNTk5NCIgc3Ryb2tlPSIjRjA2MzY1IiBzdHJva2Utd2lkdGg9IjAuNyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggb3BhY2l0eT0iMC4zIiBkPSJNMzMuMTAxNiAyOC4zOTk0VjMxLjU5OTQiIHN0cm9rZT0iI0YwNjM2NSIgc3Ryb2tlLXdpZHRoPSIwLjciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIG9wYWNpdHk9IjAuMyIgZD0iTTM1LjUgMjguMzk5NFYzMS41OTk0IiBzdHJva2U9IiNGMDYzNjUiIHN0cm9rZS13aWR0aD0iMC43IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzAuNjAxNiA4MC43OTk4TDE1LjYwMTYgNzYuMzk5OFY3Mi43OTk4SDMyLjYwMTZMMzAuNjAxNiA4MC43OTk4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZD0iTTQ5LjgwMTYgNzguOTk5MkwzNS42MDE2IDc4Ljc5OTJMMzIuNjAxNiA3Mi43OTkyTDQ2LjYwMTYgNzIuNjk5Mkw0OS44MDE2IDc4Ljk5OTJaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTUuNjAxNiA3Mi43OTk0VjQ3LjM5OTQiIHN0cm9rZT0iIzJEMjAxMyIgc3Ryb2tlLXdpZHRoPSIwLjciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDAxMyA1NS4wOTkzTDM2LjMwMTMgNDAuMDk5M0MzNC4wMDEzIDM3LjM5OTMgMzQuNTAxMyAzMy4yOTkzIDM3LjMwMTMgMzEuMjk5M0M0MC4xMDEzIDI5LjA5OTMgNDQuMTAxMyAyOS43OTkzIDQ2LjAwMTMgMzIuNzk5M0w1Ni4wMDEzIDQ5LjA5OTNMNDguMDAxMyA1NS4wOTkzWiIgZmlsbD0iI0ZCQzJDMSIvPgo8cGF0aCBkPSJNNDYuMzk4NCA1My4zOTkyVjQ3LjE5OTIiIHN0cm9rZT0iIzJEMjAxMyIgc3Ryb2tlLXdpZHRoPSIwLjciIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNODQuMTUxMSA0OC44TDc0LjY5NiA0N0M3NC42OTYgNDcgNzQuNDk2OSA0NyA3NC4zOTc0IDQ3SDUyVjU3TDc0LjE5ODMgNTIuMUM3NS4wOTQxIDUxLjkgNzUuNDkyMiA1MS42IDc1Ljc5MDggNTAuOEw4My43NTMgNTEuMkM4NC4zNTAxIDUxLjIgODQuNzQ4MyA1MC45IDg0Ljk0NzMgNTAuM0M4NS4wNDY4IDQ5LjggODUuMDQ2OCA0OS4zIDg0LjU0OTIgNDlDODQuNDQ5NyA0OC45IDg0LjM1MDEgNDguOSA4NC4xNTExIDQ4LjhaIiBmaWxsPSIjOTkyOTBBIi8+CjxwYXRoIGQ9Ik02OS42MTkyIDU1LjI5MTlMNTIgNTdWNDdINzIuMDAwMkw3MS41MDQxIDUzLjA4NzdDNzEuNDA0OSA1NC4yNDIzIDcwLjYxMTMgNTUuMTg2OSA2OS42MTkyIDU1LjI5MTlaIiBmaWxsPSIjRkJDMkMxIi8+CjxyZWN0IHg9IjQ3IiB5PSI0NyIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIiByeD0iNSIgZmlsbD0iI0ZCQzJDMSIvPgo8cGF0aCBvcGFjaXR5PSIwLjIiIGQ9Ik01NC41IDQ3TDUzIDUwTDU3IDQ3SDU0LjVaIiBmaWxsPSIjRTU0NzRDIi8+Cjwvc3ZnPgo=';
|
|
2383
2377
|
|
|
2384
|
-
const
|
|
2378
|
+
const cloudsSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjc4IiBoZWlnaHQ9IjU1IiB2aWV3Qm94PSIwIDAgMjc4IDU1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMjQ3LjM1NSA0OS42ODE1QzI0Ny42OTQgNTIuNDc5IDI0OS43MjIgNTQuNjI2MSAyNTIuMTgxIDU0LjYyNjFIMjcyLjkyNkMyNzUuNjIgNTQuNjI2MSAyNzcuNzk4IDUyLjA1MjIgMjc3Ljc5OCA0OC44Njg2VjQ4LjgwMDhDMjc3Ljc5OCA0NS42MTczIDI3NS42MiA0My4wNDMzIDI3Mi45MjYgNDMuMDQzM0gyNzAuNTM3QzI2OS42MDggMzkuMjQzOSAyNjYuODQ2IDM2LjQ3MyAyNjMuNTg1IDM2LjQ3M0gyNTkuNzE3QzI1OS4zNzMgMzEuODQxIDI1Ni4xMDEgMjguMjA5MiAyNTIuMTI0IDI4LjIwOTJDMjQ4LjE0NiAyOC4yMDkyIDI0NC44OCAzMS44NDEgMjQ0LjUzIDM2LjQ3M0gyNDIuMDk1QzIzOC4wODMgMzYuNDczIDIzNC44MTYgNDAuNjcyNiAyMzQuODE2IDQ1LjgyMDVWNDkuNjgxNUgyNDcuMzU1WiIgZmlsbD0iI0UwRjhGRiIvPgo8cGF0aCBkPSJNMTIuMDM5MSA0Ni4xMDIyQzEyLjMxNzYgNDguNTU2OSAxNC4wODY3IDUwLjQzNzMgMTYuMjQyMSA1MC40MzczSDM0LjU4MDdDMzYuOTMwNCA1MC40MzczIDM4LjgyMTYgNDguMjAyIDM4LjgyMTYgNDUuNDI0OFY0NS4zNTcxQzM4LjgyMTYgNDIuNTc5OSAzNi45MzA0IDQwLjM0NDYgMzQuNTgwNyA0MC4zNDQ2SDMyLjQ2ODRDMzEuNjY3OCAzNy4wMjA5IDI5LjIyNyAzNC41ODcyIDI2LjMyODMgMzQuNTg3MkgyMi45MTc5QzIyLjYwMDQgMzAuNTU5NyAxOS43MzI3IDI3LjQwNzEgMTYuMjQyMSAyNy40MDcxQzEyLjc1MTQgMjcuNDA3MSA5Ljg4MzcxIDMwLjU1OTcgOS41NjYyMiAzNC41ODcySDcuNDE2NThDMy44NjM0NiAzNC41ODcyIDAuOTk4MDQ3IDM4LjI0NDggMC45OTgwNDcgNDIuNzE1NFY0Ni4xMDIySDEyLjAzOTFaIiBmaWxsPSIjRTBGOEZGIi8+CjxwYXRoIGQ9Ik0xMzEuMDU2IDI2LjU4NjRDMTMxLjQ0OSAzMC4wNDIzIDEzMy45NDggMzIuNjg5NSAxMzYuOTkxIDMyLjY4OTVIMTYyLjg5MUMxNjYuMjA5IDMyLjY4OTUgMTY4Ljg4IDI5LjU0MjYgMTY4Ljg4IDI1LjYzMjhWMjUuNTM3NUMxNjguODggMjEuNjI3NyAxNjYuMjA5IDE4LjQ4MDggMTYyLjg5MSAxOC40ODA4SDE1OS45MDdDMTU4Ljc3NyAxMy44MDE1IDE1NS4zMyAxMC4zNzUzIDE1MS4yMzYgMTAuMzc1M0gxNDYuNDJDMTQ1Ljk3MSA0LjcwNTMzIDE0MS45MjEgMC4yNjcwOSAxMzYuOTkxIDAuMjY3MDlDMTMyLjA2MiAwLjI2NzA5IDEyOC4wMTIgNC43MDUzMyAxMjcuNTYzIDEwLjM3NTNIMTI0LjUyOEMxMTkuNTEgMTAuMzc1MyAxMTUuNDYzIDE1LjUyNDcgMTE1LjQ2MyAyMS44MTg0VjI2LjU4NjRIMTMxLjA1NloiIGZpbGw9IiNFMEY4RkYiLz4KPC9zdmc+Cg==';
|
|
2379
|
+
|
|
2380
|
+
const pnFindPriceCss = "@charset \"UTF-8\";pn-find-price .sizeTable{border-style:none !important;border:0 !important}pn-find-price .sizeTable>tr td{margin-bottom:1em;text-align:center;vertical-align:bottom;padding-right:1em}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 .sizecategory #clouds{position:absolute;top:4.87em;left:26.3em}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:1.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
2381
|
|
|
2386
2382
|
let PnfindPrice = class extends HTMLElement {
|
|
2387
2383
|
constructor() {
|
|
@@ -2460,14 +2456,14 @@ let PnfindPrice = class extends HTMLElement {
|
|
|
2460
2456
|
this.filteredItems = weightFilteredData;
|
|
2461
2457
|
}
|
|
2462
2458
|
render() {
|
|
2463
|
-
return (h("div", { class: "findprice-form" }, h("div", null,
|
|
2459
|
+
return (h("div", { class: "findprice-form" }, h("div", null, h("div", { class: "sizecategory" }, h("img", { id: "clouds", src: cloudsSvg }), h("table", { class: "sizeTable" }, h("tr", null, h("td", null, h("img", { class: "firstCell", src: postnordPerson1Svg })), h("td", null, h("img", { src: smallPackageSvg })), h("td", null, h("img", { src: mediumPackageSvg })), h("td", null, h("img", { src: largePackageSvg }))), h("tr", null, h("td", null), sizeCategories.map((sizeCategory) => (h("td", null, h("pn-radio-button", { radioid: sizeCategory.value, value: sizeCategory.value, name: "sizecategory", checked: sizeCategory.value === this.sizecategory.value, onChange: () => {
|
|
2464
2460
|
this.sizecategory = sizeCategories.filter(x => x.value === sizeCategory.value)[0];
|
|
2465
2461
|
this.weight = { value: 0, name: "" };
|
|
2466
2462
|
this.weightvalue = this.weight.value;
|
|
2467
2463
|
} })))))))), (this.sizecategory.value && weights$2[this.sizecategory.unit]) ? (h("div", { class: "weightoption" }, h("div", { class: "weightoption-content" }, weights$2[this.sizecategory.unit].map((wght) => (h("pn-choice-button", { choiceid: this.sizecategory.value + wght.value, name: "weight", type: "radio", value: (!this.weight.value) ? 0 : weights$2[this.sizecategory.unit].findIndex((x) => x.value === this.weightvalue), checked: wght.value === this.weight.value, onChange: () => {
|
|
2468
2464
|
this.weight = weights$2[this.sizecategory.unit].filter(x => x.value === wght.value)[0];
|
|
2469
2465
|
this.weightvalue = this.weight.value;
|
|
2470
|
-
} }, wght.name)))))) : null, (this.filteredItems && this.filteredItems.length > 0) ? (h("div", { class: "resultlist" }, (state$5.i18n.resultlistheading) ? (h("div", { class: "resultHeading" }, state$5.i18n.resultlistheading)) : null, this.filteredItems.map((item) => (h("div", null, h("pn-find-price-result", { item: item })))), h("div", { class: "servicePoint" }, h("pn-illustration", { illustration: "character-box-letters-house" }), h("h3", null, state$5.i18n.servicePointHeader), h("a", { href: ServicePointUrl, target: "_blank" },
|
|
2466
|
+
} }, wght.name)))))) : null, (this.filteredItems && this.filteredItems.length > 0) ? (h("div", { class: "resultlist" }, (state$5.i18n.resultlistheading) ? (h("div", { class: "resultHeading" }, state$5.i18n.resultlistheading)) : null, this.filteredItems.map((item) => (h("div", null, h("pn-find-price-result", { item: item })))), h("div", { class: "servicePoint" }, h("pn-illustration", { illustration: "character-box-letters-house" }), h("h3", null, state$5.i18n.servicePointHeader), h("a", { href: ServicePointUrl, target: "_blank" }, h("pn-icon", { symbol: "map-marker", color: "blue700" }), state$5.i18n.servicePointLink)))) : null));
|
|
2471
2467
|
}
|
|
2472
2468
|
static get watchers() { return {
|
|
2473
2469
|
"market": ["setState"],
|
|
@@ -2506,8 +2502,8 @@ let PnfindPriceResult = class extends HTMLElement {
|
|
|
2506
2502
|
render() {
|
|
2507
2503
|
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) ?
|
|
2508
2504
|
(this.item.highestrankusp === "Billigast") ?
|
|
2509
|
-
(h("span", { slot: "
|
|
2510
|
-
: (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.item.paket ? (h("pn-product-card-info", { paket: this.item.paket, rulle: this.item.rulle })) : null, h("div", { slot: "cardprice" }, this.item.priceagent ? (h("pn-product-card-price", { slot: "price", label: "", amount: this.item.priceagent + '', currency: state$5.market.currency, url: "https://shop.postnord.se/ebutik/default.aspx", service: this.item.name + "-eshop" })) : null, 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: "https://portal.postnord.com/skickadirekt/", 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: "https://shop.postnord.se/ebutik/default.aspx", service: this.item.name + "-eshop"
|
|
2505
|
+
(h("span", { slot: "Billigast" }, this.item.highestrankusp, h("pn-icon", { symbol: "box-label", small: "false", color: "green700" })))
|
|
2506
|
+
: (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.item.paket ? (h("pn-product-card-info", { paket: this.item.paket, rulle: this.item.rulle })) : null, h("div", { slot: "cardprice" }, this.item.priceagent ? (h("pn-product-card-price", { slot: "price", label: "", amount: this.item.priceagent + '', currency: state$5.market.currency, url: "https://shop.postnord.se/ebutik/default.aspx", service: this.item.name + "-eshop" })) : null, 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: "https://portal.postnord.com/skickadirekt/", 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: "https://shop.postnord.se/ebutik/default.aspx", service: this.item.name + "-eshop" })) : null))));
|
|
2511
2507
|
}
|
|
2512
2508
|
static get watchers() { return {
|
|
2513
2509
|
"item": ["composeItems"]
|
|
@@ -3205,7 +3201,77 @@ let PnMainnavList$1 = class extends HTMLElement {
|
|
|
3205
3201
|
static get style() { return pnMainnavListCss; }
|
|
3206
3202
|
};
|
|
3207
3203
|
|
|
3208
|
-
const
|
|
3204
|
+
const pnMarketwebInputCss = "pn--marketweb-input{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}pn-marketweb-input input{padding:0.75em;font-size:1em;font-weight:500;-webkit-font-smoothing:antialiased;outline:none;border-radius:0.8rem;border:0.1rem solid #5E554A;-webkit-transition:border 0.15s, -webkit-box-shadow 0.15s;transition:border 0.15s, -webkit-box-shadow 0.15s;transition:box-shadow 0.15s, border 0.15s;transition:box-shadow 0.15s, border 0.15s, -webkit-box-shadow 0.15s;color:#000000;width:100%}pn-marketweb-input input::-webkit-input-placeholder{color:#969087;font-weight:normal}pn-marketweb-input input::-moz-placeholder{color:#969087;font-weight:normal}pn-marketweb-input input:-ms-input-placeholder{color:#969087;font-weight:normal}pn-marketweb-input input::-ms-input-placeholder{color:#969087;font-weight:normal}pn-marketweb-input input::placeholder{color:#969087;font-weight:normal}pn-marketweb-input input:focus{border:0.1rem solid #005D92;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}pn-marketweb-input input:hover{border:0.1rem solid #00A0D6}pn-marketweb-input input:disabled{background:#F3F2F2;border:none}pn-marketweb-input>.input-container{position:relative}pn-marketweb-input>.input-container>button{position:absolute;right:1.2rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#005D92;padding:0.6rem;border-radius:0.8rem;outline:none;-webkit-transition:border 0.1s, background 0.2s, color 0.1s;transition:border 0.1s, background 0.2s, color 0.1s;border:0.1rem solid transparent}pn-marketweb-input>.input-container>button:focus{border:0.1rem solid #005D92}pn-marketweb-input>.input-container>button:hover{background:#E0F8FF}pn-marketweb-input>.input-container>button:active{background:#005D92;color:white}pn-marketweb-input>.input-container>svg{position:absolute;right:0.75em;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:1.5em;width:1.5em;pointer-events:none}pn-marketweb-input>.input-container>svg polyline{stroke-linecap:round;-webkit-transition:stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:stroke-dashoffset 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86)}pn-marketweb-input>.input-container>svg.pn-input-checkmark polyline{stroke:#005E41;stroke-dashoffset:23;stroke-dasharray:23}pn-marketweb-input .label-container{margin-bottom:0.4rem;color:#5E554A;font-size:0.875em;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:end;align-items:flex-end}pn-marketweb-input .label-container label{cursor:pointer;-webkit-transition:color 0.2s;transition:color 0.2s}.label-container label.char-count{-ms-flex-negative:0;flex-shrink:0;padding-left:0.5em}pn-marketweb-input small{font-size:0.75em;font-size:max(.6em, 1.2rem);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:-webkit-transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86), -webkit-transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86);margin-top:0.5em;color:#5E554A}pn-input.error{color:#A70707}pn-input.error label{color:#A70707}pn-input.error small{color:#A70707}pn-input.error small>pn-icon{margin-right:0.25em}pn-input.error input{border:0.1rem solid #A70707}pn-input.error input:focus{border:0.1rem solid #A70707;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #A70707;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #A70707}pn-input.error input:hover{border:0.1rem solid #F06365}pn-input.valid{color:#005E41}pn-input.valid .input-container>svg.pn-input-checkmark polyline{stroke-dashoffset:0}pn-input.valid label{color:#005E41}pn-input.valid input{border:0.1rem solid #005E41}pn-input.valid input:focus{border:0.1rem solid #005E41;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005E41;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005E41}pn-input.valid input:hover{border:0.1rem solid #5EC584}pn-marketweb-input.password input{padding-right:4em}pn-marketweb-input.icon input{padding-right:2.3em}";
|
|
3205
|
+
|
|
3206
|
+
let PnMarketwebInput$1 = class extends HTMLElement {
|
|
3207
|
+
constructor() {
|
|
3208
|
+
super();
|
|
3209
|
+
this.__registerHost();
|
|
3210
|
+
this.disabled = false;
|
|
3211
|
+
/** Error message; will take precedence over helpertext if both are provided (applies invalid styles automatically) */
|
|
3212
|
+
this.error = '';
|
|
3213
|
+
/** Error state without message (If you want to control the error messaging on your own) */
|
|
3214
|
+
this.invalid = false;
|
|
3215
|
+
/** Text message placed underneath the input field */
|
|
3216
|
+
this.helpertext = '';
|
|
3217
|
+
/** Text label placed above the input field */
|
|
3218
|
+
this.label = '';
|
|
3219
|
+
this.placeholder = '';
|
|
3220
|
+
this.inputid = `${Math.random()}`;
|
|
3221
|
+
this.name = '';
|
|
3222
|
+
this.required = null;
|
|
3223
|
+
this.type = 'text';
|
|
3224
|
+
this.autocomplete = '';
|
|
3225
|
+
this.valid = null;
|
|
3226
|
+
this.value = '';
|
|
3227
|
+
/** The maximum number of characters the user should be able to add, also adds a visible counter */
|
|
3228
|
+
this.maxlength = '';
|
|
3229
|
+
this.min = '';
|
|
3230
|
+
this.max = '';
|
|
3231
|
+
this.step = '';
|
|
3232
|
+
this.pattern = '';
|
|
3233
|
+
this.showText = false;
|
|
3234
|
+
}
|
|
3235
|
+
getTextMessage() {
|
|
3236
|
+
if (this.error)
|
|
3237
|
+
return this.error;
|
|
3238
|
+
if (this.helpertext)
|
|
3239
|
+
return this.helpertext;
|
|
3240
|
+
return null;
|
|
3241
|
+
}
|
|
3242
|
+
toggleTextVisibility() {
|
|
3243
|
+
this.showText = !this.showText;
|
|
3244
|
+
}
|
|
3245
|
+
getInputType() {
|
|
3246
|
+
let types = ['text', 'password', 'url', 'tel', 'search', 'number', 'email', 'date', 'datetime-local', 'month', 'week', 'time'];
|
|
3247
|
+
return (types.includes(this.type) && !this.showText) ? this.type : 'text';
|
|
3248
|
+
}
|
|
3249
|
+
setVal(e) {
|
|
3250
|
+
var _a;
|
|
3251
|
+
const target = (_a = e.composedPath) === null || _a === void 0 ? void 0 : _a.call(e)[0];
|
|
3252
|
+
this.value = target.value;
|
|
3253
|
+
}
|
|
3254
|
+
getClassNames() {
|
|
3255
|
+
let classNames = 'pn-input ';
|
|
3256
|
+
if (this.error.length > 0 || this.invalid)
|
|
3257
|
+
classNames += 'error ';
|
|
3258
|
+
if (this.valid)
|
|
3259
|
+
classNames += 'valid ';
|
|
3260
|
+
if (this.type === 'password')
|
|
3261
|
+
classNames += 'password ';
|
|
3262
|
+
if (this.error || this.invalid || this.valid)
|
|
3263
|
+
classNames += 'icon ';
|
|
3264
|
+
return classNames;
|
|
3265
|
+
}
|
|
3266
|
+
render() {
|
|
3267
|
+
return (h(Host, { class: this.getClassNames() }, (this.label || this.maxlength) &&
|
|
3268
|
+
h("div", { class: "label-container" }, this.label && h("label", { htmlFor: this.inputid }, this.label), parseInt(this.maxlength) > 0 && h("label", { class: "char-count", htmlFor: this.inputid }, `${this.value.length}/${this.maxlength}`)), h("div", { class: "input-container" }, h("input", { type: this.getInputType(), value: this.value, id: this.inputid, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autocomplete: this.autocomplete, onInput: (e) => this.setVal(e), maxlength: this.maxlength ? this.maxlength : null, min: (this.min ? this.min : null), max: (this.max ? this.max : null), step: (this.step ? this.step : null), pattern: (this.pattern ? this.pattern : null) }), h("svg", { class: "pn-input-checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none" }, h("polyline", { class: "checkmark-path", points: "4,12 9,17 20,6", "stroke-width": "3" })), this.type === 'password' && !this.disabled && h("button", { onClick: () => this.toggleTextVisibility() }, "Show")), this.getTextMessage() &&
|
|
3269
|
+
h("small", null, this.error && h("pn-icon", { symbol: "alert-exclamation-circle", small: true, color: "warning" }), this.getTextMessage())));
|
|
3270
|
+
}
|
|
3271
|
+
static get style() { return pnMarketwebInputCss; }
|
|
3272
|
+
};
|
|
3273
|
+
|
|
3274
|
+
const pnMarketwebSearchCss = ":host{display:-ms-inline-flexbox;display:inline-flex}:host>pn-button{margin-left:0.35em}:host>pn-button button .pn-button-bg{-webkit-transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, left 0.2s, -webkit-box-shadow 0.1s, -webkit-transform 0.2s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, left 0.2s, -webkit-box-shadow 0.1s, -webkit-transform 0.2s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, left 0.2s, transform 0.2s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, left 0.2s, transform 0.2s, -webkit-box-shadow 0.1s, -webkit-transform 0.2s}:host>pn-button[data-loading=true] .pn-button-bg{left:0;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, background 0.1s, box-shadow 0.1s, -webkit-box-shadow 0.1s}:host>pn-button[data-loading=true] pn-spinner{left:0.75em}:host input{padding:0.75em;min-height:3em;font-size:1em;height:100%;font-weight:500;-webkit-font-smoothing:antialiased;outline:none;border-radius:3em;border:0.1rem solid #5E554A;-webkit-transition:border 0.15s, -webkit-box-shadow 0.15s;transition:border 0.15s, -webkit-box-shadow 0.15s;transition:box-shadow 0.15s, border 0.15s;transition:box-shadow 0.15s, border 0.15s, -webkit-box-shadow 0.15s;color:#000000;width:100%}:host input::-webkit-search-cancel-button{display:none}:host input::-webkit-input-placeholder{color:#969087;font-weight:normal}:host input::-moz-placeholder{color:#969087;font-weight:normal}:host input:-ms-input-placeholder{color:#969087;font-weight:normal}:host input::-ms-input-placeholder{color:#969087;font-weight:normal}:host input::placeholder{color:#969087;font-weight:normal}:host input:focus{border:0.1rem solid #005D92;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}:host input:hover{border:0.1rem solid #00A0D6}:host input:disabled{background:#F3F2F2;border:none}:host>.input-container{width:100%;position:relative}:host>.input-container .button-container{position:absolute;top:0;right:0;background:transparent;width:3em;height:100%;overflow:hidden;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host[list] :host>.input-container .button-container{display:none}:host>.input-container button{position:absolute;left:50%;top:50%;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);background:#FFFFFF;border:none;color:#005D92;padding:0.3rem;margin:0;font-size:0.875em;border-radius:50%;outline:none;-webkit-transition:border 0.1s, background 0.2s, opacity 0.2s, -webkit-box-shadow 0.1s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:border 0.1s, background 0.2s, opacity 0.2s, -webkit-box-shadow 0.1s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:border 0.1s, background 0.2s, box-shadow 0.1s, transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s, opacity 0.2s;transition:border 0.1s, background 0.2s, box-shadow 0.1s, transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s, opacity 0.2s, -webkit-box-shadow 0.1s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;border:0.1rem solid transparent;-webkit-tap-highlight-color:transparent}:host>.input-container button.clear,:host>.input-container button.search{cursor:pointer}:host>.input-container button:focus{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}:host>.input-container button:hover,:host>.input-container button:focus{background:#E0F8FF}:host>.input-container button:active{background:#005D92}:host>.input-container button:active pn-icon svg,:host>.input-container button:active pn-icon svg path{fill:white}:host .searching button.search{-webkit-transform:translate(150%, -50%);transform:translate(150%, -50%)}:host .searching button.clear{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host .button-none input,:host .button-icon-inline input{padding-right:3.3em}:host .button-none pn-spinner,:host .button-icon-inline pn-spinner{position:absolute;left:50%;top:50%;-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%);-webkit-transition:-webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:-webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s, -webkit-transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s}:host .button-none button.search,:host .button-icon-inline button.search{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host .button-none.loading button,:host .button-icon-inline.loading button{-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}:host .button-none.loading pn-spinner,:host .button-icon-inline.loading pn-spinner{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host .button-none.searching button.search{-webkit-transform:translate(100%, -50%);transform:translate(100%, -50%)}:host .button-icon>pn-button[data-loading=true] .pn-button-bg{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}";
|
|
3209
3275
|
|
|
3210
3276
|
let PnMarketwebSearch$1 = class extends HTMLElement {
|
|
3211
3277
|
constructor() {
|
|
@@ -3291,7 +3357,7 @@ let PnMarketwebSearch$1 = class extends HTMLElement {
|
|
|
3291
3357
|
});
|
|
3292
3358
|
}
|
|
3293
3359
|
render() {
|
|
3294
|
-
return (h(Host,
|
|
3360
|
+
return (h(Host, null, h("div", { class: `input-container ${this.getClassNames()}`, "data-haslist": (this.list !== null) + '' }, h("input", { type: "search", value: this.value, id: this.inputid, name: this.name, placeholder: this.placeholder, disabled: this.disabled, autocomplete: this.autocomplete, list: this.list, onKeyDown: (e) => this.emitSearch(e), onInput: (e) => this.setVal(e) }), h("div", { class: "button-container" }, (this.button === 'none' || this.button === 'icon-inline') &&
|
|
3295
3361
|
h("button", { class: "search", tabindex: this.button === 'icon-inline' ? '0' : '-1', onClick: (e) => this.emitSearch(e), "aria-label": "search", title: "search" }, h("pn-icon", { symbol: "search", color: "blue700" })), (this.button !== 'icon-inline') &&
|
|
3296
3362
|
h("button", { class: "clear", "aria-label": "clear", title: "clear search field", tabindex: this.value && (!this.loading || this.button !== 'none') ? '0' : '-1', onClick: () => this.clearInput() }, h("pn-icon", { symbol: "close-small", color: "blue700" })), this.button === 'none' || this.button === 'icon-inline' && h("pn-spinner", null))), (this.button !== 'none' && this.button !== 'icon-inline') &&
|
|
3297
3363
|
h("pn-button", { onClick: (e) => this.emitSearch(e), loading: this.loading, icon: "search", appearance: this.light ? 'light' : 'dark', "icon-only": this.button === 'icon' }, this.label), (this.list) &&
|
|
@@ -4581,16 +4647,24 @@ let PnPexPricefinder$1 = class extends HTMLElement {
|
|
|
4581
4647
|
this.fromzip = null;
|
|
4582
4648
|
this.tozip = null;
|
|
4583
4649
|
this.weight = 100;
|
|
4584
|
-
this.when =
|
|
4650
|
+
this.when = '';
|
|
4585
4651
|
this.response = null;
|
|
4586
4652
|
}
|
|
4587
4653
|
componentWillLoad() {
|
|
4588
4654
|
this.init();
|
|
4589
4655
|
}
|
|
4590
4656
|
async init() {
|
|
4657
|
+
this.setInitialTime();
|
|
4591
4658
|
this.checkParameters();
|
|
4592
4659
|
this.setLanguage();
|
|
4593
4660
|
}
|
|
4661
|
+
setInitialTime() {
|
|
4662
|
+
const initialTime = (new Date());
|
|
4663
|
+
initialTime.setHours(initialTime.getHours() + 1);
|
|
4664
|
+
initialTime.setMinutes(0);
|
|
4665
|
+
const splitTime = initialTime.toLocaleString('sv', { timeZoneName: 'short' }).split(' ');
|
|
4666
|
+
this.when = `${splitTime[0]}T${splitTime[1].substring(0, 5)}`;
|
|
4667
|
+
}
|
|
4594
4668
|
checkParameters() {
|
|
4595
4669
|
const params = new URLSearchParams(window.location.href);
|
|
4596
4670
|
if (!params) {
|
|
@@ -4651,13 +4725,13 @@ let PnPexPricefinder$1 = class extends HTMLElement {
|
|
|
4651
4725
|
console.error('onFetchError(error', error);
|
|
4652
4726
|
}
|
|
4653
4727
|
render() {
|
|
4654
|
-
return (h(Host, null, h("div", { class: "pex-pricefinder-top" }, h("pn-illustration", { illustration: "PEX-truck" }), h("h2", null, this.i18n.heading)), h("form", { method: "get", action: "", class: "pex-pricefinder-form", onSubmit: this.onSubmit.bind(this) }, h("fieldset", null, h("div", null, h("pn-input", { type: "number", label: this.i18n.labelFrom, inputid: "fromzip", name: "fromzip", placeholder: this.i18n.zipPlaceholder, required: true, value: this.fromzip }), h("pn-input", { type: "number", label: this.i18n.labelTo, inputid: "tozip", name: "tozip", placeholder: this.i18n.zipPlaceholder, required: true, value: this.tozip }))), h("fieldset", null, h("div", null, h("pn-input", { type: "number", label: this.i18n.labelWeight, inputid: "weight", name: "weight", placeholder: this.i18n.weightPlaceholder, required: true, value: this.weight }), h("div", { class: "datepicker" }, h("label", { htmlFor: "when" }, this.i18n.labelWhen), h("pn-
|
|
4728
|
+
return (h(Host, null, h("div", { class: "pex-pricefinder-top" }, h("pn-illustration", { illustration: "PEX-truck" }), h("h2", null, this.i18n.heading)), h("form", { method: "get", action: "", class: "pex-pricefinder-form", onSubmit: this.onSubmit.bind(this) }, h("fieldset", null, h("div", null, h("pn-input", { type: "number", label: this.i18n.labelFrom, inputid: "fromzip", name: "fromzip", placeholder: this.i18n.zipPlaceholder, required: true, value: this.fromzip }), h("pn-input", { type: "number", label: this.i18n.labelTo, inputid: "tozip", name: "tozip", placeholder: this.i18n.zipPlaceholder, required: true, value: this.tozip }))), h("fieldset", null, h("div", null, h("pn-input", { type: "number", label: this.i18n.labelWeight, inputid: "weight", name: "weight", placeholder: this.i18n.weightPlaceholder, required: true, value: this.weight }), h("div", { class: "datepicker" }, h("label", { htmlFor: "when" }, this.i18n.labelWhen), h("pn-marketweb-input", { inputid: "when", name: "when", type: "datetime-local", min: (new Date()).toISOString().split('T')[0], value: this.when })))), h("fieldset", null, h("div", null, h("pn-button", { type: "submit" }, this.i18n.submitButtonText)))), this.response ? (h("div", { class: "pex-pricefinder-response" }, h("strong", null, this.response.data.value, " ", this.currency))) : null));
|
|
4655
4729
|
}
|
|
4656
4730
|
get hostElement() { return this; }
|
|
4657
4731
|
static get style() { return pnPexPricefinderCss; }
|
|
4658
4732
|
};
|
|
4659
4733
|
|
|
4660
|
-
const pnProductCardCss = "pn-product-card{
|
|
4734
|
+
const pnProductCardCss = "pn-product-card{border:0.1rem solid #D3CECB;outline:none;background:#FFFFFF;-webkit-box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);display:-ms-flexbox;display:flex;word-break:break-word;text-decoration:none;border-radius:0.8rem;position:relative;padding:11rem 2.4rem 2.4rem;margin-bottom:1.6rem}@media screen and (min-width: 36em){pn-product-card{padding:2.4rem}}pn-product-card [slot=title]{display:-ms-flexbox;display:flex;width:100%;margin-bottom:0.8rem;gap:1.6rem;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}@media screen and (min-width: 36em){pn-product-card [slot=title]{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:inherit;align-items:inherit}}pn-product-card [slot=title] h2{width:100%}@media screen and (min-width: 36em){pn-product-card [slot=title] h2{width:auto}}pn-product-card [slot=title]>[slot]{border-radius:0.4rem;height:2.5em;font-weight:normal;font-size:0.75em;text-align:center;vertical-align:bottom;padding:0.6rem}pn-product-card [slot=title]>[slot] pn-icon{vertical-align:middle;margin-left:0.6em}pn-product-card [slot=title]>[slot=Billigast]{color:#005E41;background:#DCF6E7}pn-product-card [slot=title]>[slot=Snabbast]{background:#E0F8FF;color:#005D92}pn-product-card [slot=note]{margin-top:1em;margin-bottom:1em}pn-product-card [slot=additionalUSP]{display:-ms-flexbox;display:flex}pn-product-card [slot=additionalUSP] :first-child{margin-left:0em}pn-product-card [slot=additionalUSP] span{margin-left:1em;background:#D3CECB;color:#2D2013;border-radius:0.25em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0.3em;margin-top:0.5em;font-size:0.75em}pn-product-card>pn-illustration{min-width:8rem;width:8rem;height:8rem;-ms-flex-item-align:center;align-self:center;position:absolute;top:1.6rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%;-webkit-box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);box-shadow:0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);border-radius:100%}@media screen and (min-width: 36em){pn-product-card>pn-illustration{-webkit-box-shadow:none;box-shadow:none;top:1.6rem;right:1.6rem;left:auto;-webkit-transform:none;transform:none}}@media screen and (min-width: 48em){pn-product-card>pn-illustration{position:static;top:auto;right:auto;margin-right:3rem}}pn-product-card .cardcontent{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 48em){pn-product-card .cardcontent{-ms-flex-direction:row;flex-direction:row;gap:1.6rem}}pn-product-card .cardcontent .description :first-child{max-width:calc(100% - 10rem)}@media screen and (min-width: 48em){pn-product-card .cardcontent .description :first-child{max-width:none}}pn-product-card [slot=cardprice]{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 36em){pn-product-card [slot=cardprice]{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}}@media screen and (min-width: 48em){pn-product-card [slot=cardprice]{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end}}pn-product-card .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:100%}pn-product-card .info{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-positive:1;flex-grow:1;-ms-flex-flow:wrap;flex-flow:wrap;padding:0 1em 0 0}pn-product-card .info>*{min-width:6em;margin:0.5em 2em 0.5em 0}";
|
|
4661
4735
|
|
|
4662
4736
|
let PnProductCard$1 = class extends HTMLElement {
|
|
4663
4737
|
constructor() {
|
|
@@ -4665,12 +4739,12 @@ let PnProductCard$1 = class extends HTMLElement {
|
|
|
4665
4739
|
this.__registerHost();
|
|
4666
4740
|
}
|
|
4667
4741
|
render() {
|
|
4668
|
-
return (h(Host, null, h("slot", { name: "illustration" }), h("div", { class: "cardcontent" }, h("div", { class: "details" }, h("slot", { name: "title" }), h("slot", { name: "content" }), h("div", { class: "info" }, h("slot", null)), h("slot", { name: "note" }), h("slot", { name: "additionalUSP" })), h("div",
|
|
4742
|
+
return (h(Host, null, h("slot", { name: "illustration" }), h("div", { class: "cardcontent" }, h("div", { class: "details" }, h("slot", { name: "title" }), h("slot", { name: "content" }), h("div", { class: "info" }, h("slot", null)), h("slot", { name: "note" }), h("slot", { name: "additionalUSP" })), h("div", { class: "cardprice" }, h("slot", { name: "cardprice" })))));
|
|
4669
4743
|
}
|
|
4670
4744
|
static get style() { return pnProductCardCss; }
|
|
4671
4745
|
};
|
|
4672
4746
|
|
|
4673
|
-
const pnProductCardInfoCss = "pn-product-card-info{-ms-flex-item-align:center;align-self:center}.cardinfocontent{display:-ms-flexbox;display:flex;-ms-flex-direction:
|
|
4747
|
+
const pnProductCardInfoCss = "pn-product-card-info{-ms-flex-item-align:center;align-self:center}.cardinfocontent{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-positive:1;flex-grow:1;font-size:0.875em;gap:1.6rem}@media screen and (min-width: 36em){.cardinfocontent{-ms-flex-direction:row;flex-direction:row}}[slot=formatPre]{font-family:\"PostNordSans\", \"Verdana\";margin:0.5em 3em 0 0}[slot=formatPre]>strong{font-weight:bold}.cardinfoprice{display:-ms-flexbox;display:flex;font-size:1em;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}";
|
|
4674
4748
|
|
|
4675
4749
|
let PnProductCardInfo$1 = class extends HTMLElement {
|
|
4676
4750
|
constructor() {
|
|
@@ -4678,10 +4752,10 @@ let PnProductCardInfo$1 = class extends HTMLElement {
|
|
|
4678
4752
|
this.__registerHost();
|
|
4679
4753
|
}
|
|
4680
4754
|
render() {
|
|
4681
|
-
return (this.label) ? (h(Host, null, h("div", { class: "cardinfocontent" }, (this.text) ? (h("pre", { slot: "formatPre" }, this.text)) : null))) : (h(Host, null, h("div", { class: "cardinfocontent" }, h("div",
|
|
4755
|
+
return (this.label) ? (h(Host, null, h("div", { class: "cardinfocontent" }, (this.text) ? (h("pre", { slot: "formatPre" }, this.text)) : null))) : (h(Host, null, h("div", { class: "cardinfocontent" }, h("div", { class: "cardinfocontent-item" }, h("strong", null, "Paket:"), this.paket.split("/").map((item) => ((item.split(":").length > 0) ?
|
|
4682
4756
|
h("p", null, h("strong", null, item.split(":")[0] + ": "), " ", item.split(":")[1]) :
|
|
4683
|
-
h("p", null, item)))),
|
|
4684
|
-
(h("div",
|
|
4757
|
+
h("p", null, item)))), (this.rulle) ?
|
|
4758
|
+
(h("div", { class: "cardinfocontent-item" }, h("strong", null, "Rulle:"), this.rulle.split("/").map((item) => ((item.split(":").length > 0) ?
|
|
4685
4759
|
h("p", null, h("strong", null, item.split(":")[0] + ": "), " ", item.split(":")[1]) :
|
|
4686
4760
|
h("p", null, item))))) : null)));
|
|
4687
4761
|
}
|
|
@@ -4689,7 +4763,7 @@ let PnProductCardInfo$1 = class extends HTMLElement {
|
|
|
4689
4763
|
};
|
|
4690
4764
|
h("pn-icon", { symbol: "align-center", small: "false", color: "black" });
|
|
4691
4765
|
|
|
4692
|
-
const pnProductCardPriceCss = "pn-product-card-price{margin-top:
|
|
4766
|
+
const pnProductCardPriceCss = "pn-product-card-price{margin-top:1.6rem;white-space:nowrap;text-align:center;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}pn-product-card-price span:last-child{display:inline-block;margin-left:0.2em}pn-product-card-price+pn-product-card-price{margin-right:0}pn-product-card-price pn-icon{display:inline-block;-ms-flex-item-align:center;align-self:center}pn-product-card-price pn-button{min-width:12.8em;margin-top:0.8rem;font-size:1.25;-ms-flex-order:2;order:2}@media screen and (min-width: 48em){pn-product-card-price pn-button{-ms-flex-order:3;order:3;margin-bottom:1.6rem}}pn-product-card-price h3{-ms-flex-order:1;order:1}pn-product-card-price p{font-weight:lighter;font-size:0.875em;-ms-flex-item-align:center;align-self:center;margin-top:0.8rem;-ms-flex-order:3;order:3}@media screen and (min-width: 48em){pn-product-card-price p{-ms-flex-order:2;order:2}}pn-product-card-price a{text-decoration:none;color:#005D92}pn-product-card-price a h3{text-decoration:underline}";
|
|
4693
4767
|
|
|
4694
4768
|
let PnProductCardPrice$1 = class extends HTMLElement {
|
|
4695
4769
|
constructor() {
|
|
@@ -4700,7 +4774,7 @@ let PnProductCardPrice$1 = class extends HTMLElement {
|
|
|
4700
4774
|
if (!this.amount) {
|
|
4701
4775
|
return;
|
|
4702
4776
|
}
|
|
4703
|
-
return (this.url) ? (h(Host, null, h("h3", null, (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: "
|
|
4777
|
+
return (this.url) ? (h(Host, null, h("h3", null, (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("h3", null, (this.amount) ? (h("span", null, this.amount)) : null, (this.currency) ? (h("span", null, this.currency)) : null)));
|
|
4704
4778
|
}
|
|
4705
4779
|
static get style() { return pnProductCardPriceCss; }
|
|
4706
4780
|
};
|
|
@@ -4809,7 +4883,7 @@ const { state: state$1, onChange: onChange$1 } = createStore({
|
|
|
4809
4883
|
}
|
|
4810
4884
|
});
|
|
4811
4885
|
|
|
4812
|
-
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}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}";
|
|
4886
|
+
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}";
|
|
4813
4887
|
|
|
4814
4888
|
let PnFindProductPricelist = class extends HTMLElement {
|
|
4815
4889
|
constructor() {
|
|
@@ -5383,6 +5457,7 @@ const PnMainnav = /*@__PURE__*/proxyCustomElement(PnMainnav$1, [4,"pn-mainnav",{
|
|
|
5383
5457
|
const PnMainnavLevel = /*@__PURE__*/proxyCustomElement(PnMainnavLevel$1, [4,"pn-mainnav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"listCount":[32],"alignment":[32]}]);
|
|
5384
5458
|
const PnMainnavLink = /*@__PURE__*/proxyCustomElement(PnMainnavLink$1, [4,"pn-mainnav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"levelId":[32],"open":[32],"hasChildren":[32]}]);
|
|
5385
5459
|
const PnMainnavList = /*@__PURE__*/proxyCustomElement(PnMainnavList$1, [4,"pn-mainnav-list",{"heading":[1],"linkCount":[32]}]);
|
|
5460
|
+
const PnMarketwebInput = /*@__PURE__*/proxyCustomElement(PnMarketwebInput$1, [0,"pn-marketweb-input",{"disabled":[4],"error":[1],"invalid":[4],"helpertext":[1],"label":[1],"placeholder":[1],"inputid":[1],"name":[1],"required":[4],"type":[1025],"autocomplete":[1],"valid":[4],"value":[1],"maxlength":[1],"min":[1],"max":[1],"step":[1],"pattern":[1],"showText":[32]}]);
|
|
5386
5461
|
const PnMarketwebSearch = /*@__PURE__*/proxyCustomElement(PnMarketwebSearch$1, [1,"pn-marketweb-search",{"disabled":[4],"placeholder":[1],"inputid":[1],"name":[1],"autocomplete":[1],"list":[1],"value":[1],"label":[1],"loading":[4],"button":[1],"light":[4],"suggestionObserver":[32],"hasClonedInput":[32],"listSuggestion":[32]},[[0,"input","inputHandler"]]]);
|
|
5387
5462
|
const PnMarketwebSitefooter = /*@__PURE__*/proxyCustomElement(PnMarketwebSiteheader$2, [0,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]);
|
|
5388
5463
|
const PnMarketwebSiteheader = /*@__PURE__*/proxyCustomElement(PnMarketwebSiteheader$1, [4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"token":[1],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"AutocompleteEndpoint":[1,"autocomplete-endpoint"],"sessionForward":[4,"session-forward"],"cache":[4],"spaMode":[4,"spa-mode"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32],"loggedIn":[32],"loginManager":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]);
|
|
@@ -5423,6 +5498,7 @@ const defineCustomElements = (opts) => {
|
|
|
5423
5498
|
PnMainnavLevel,
|
|
5424
5499
|
PnMainnavLink,
|
|
5425
5500
|
PnMainnavList,
|
|
5501
|
+
PnMarketwebInput,
|
|
5426
5502
|
PnMarketwebSearch,
|
|
5427
5503
|
PnMarketwebSitefooter,
|
|
5428
5504
|
PnMarketwebSiteheader,
|
|
@@ -5454,4 +5530,4 @@ const defineCustomElements = (opts) => {
|
|
|
5454
5530
|
}
|
|
5455
5531
|
};
|
|
5456
5532
|
|
|
5457
|
-
export { PnBonusProgressbar, PnBonusProgressbarLevel, PnChoiceButton, PnFilterCheckbox, PnFindPrice, PnFindPriceResult, PnFindServiceAndPrice, PnFindServiceAndPriceResult, PnLanguageSelector, PnLanguageSelectorOption, PnMainnav, PnMainnavLevel, PnMainnavLink, PnMainnavList, PnMarketwebSearch, PnMarketwebSitefooter, PnMarketwebSiteheader, PnMarketwebSiteheaderLogin, PnMarketwebSiteheaderSearch, PnPexPricefinder, PnProductCard, PnProductCardInfo, PnProductCardPrice, PnProductPricelist, PnProductPricelistResult, PnProductTile, PnProductTileInfo, PnProductTilePrice, PnProfileSelector, PnProfileSelectorOption, PnSidenav, PnSidenavLevel, PnSidenavLink, PnSiteFooter, PnSiteFooterCol, PnSiteSelector, PnSiteSelectorItem, defineCustomElements };
|
|
5533
|
+
export { PnBonusProgressbar, PnBonusProgressbarLevel, PnChoiceButton, PnFilterCheckbox, PnFindPrice, PnFindPriceResult, PnFindServiceAndPrice, PnFindServiceAndPriceResult, PnLanguageSelector, PnLanguageSelectorOption, PnMainnav, PnMainnavLevel, PnMainnavLink, PnMainnavList, PnMarketwebInput, PnMarketwebSearch, PnMarketwebSitefooter, PnMarketwebSiteheader, PnMarketwebSiteheaderLogin, PnMarketwebSiteheaderSearch, PnPexPricefinder, PnProductCard, PnProductCardInfo, PnProductCardPrice, PnProductPricelist, PnProductPricelistResult, PnProductTile, PnProductTileInfo, PnProductTilePrice, PnProfileSelector, PnProfileSelectorOption, PnSidenav, PnSidenavLevel, PnSidenavLink, PnSiteFooter, PnSiteFooterCol, PnSiteSelector, PnSiteSelectorItem, defineCustomElements };
|
package/esm/loader.js
CHANGED
|
@@ -10,7 +10,7 @@ const patchEsm = () => {
|
|
|
10
10
|
const defineCustomElements = (win, options) => {
|
|
11
11
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
12
12
|
return patchEsm().then(() => {
|
|
13
|
-
return bootstrapLazy([["pn-marketweb-siteheader",[[4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"token":[1],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"AutocompleteEndpoint":[1,"autocomplete-endpoint"],"sessionForward":[4,"session-forward"],"cache":[4],"spaMode":[4,"spa-mode"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32],"loggedIn":[32],"loginManager":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]]],["pn-find-price",[[0,"pn-find-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"weight":[32],"weightvalue":[32],"sourceData":[32],"sizecategory":[32]}]]],["pn-find-service-and-price",[[0,"pn-find-service-and-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"postagetype":[32],"weight":[32],"weightvalue":[32],"deliveryscope":[32],"sourceData":[32]}]]],["pn-product-pricelist",[[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]}]]],["pn-marketweb-sitefooter",[[0,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["pn-bonus-progressbar",[[4,"pn-bonus-progressbar",{"icon":[1],"heading":[1],"theme":[513],"bonuspercentage":[1],"currency":[513],"value":[1538],"min":[1538],"max":[1538],"valuepercentage":[32],"progresspercentage":[32],"levelValues":[32],"currentLevelAdjustedValue":[32]}]]],["pn-
|
|
13
|
+
return bootstrapLazy([["pn-marketweb-siteheader",[[4,"pn-marketweb-siteheader",{"market":[1537],"language":[1537],"environment":[1537],"token":[1],"endpoint":[1],"hideSiteSelector":[1540,"hide-site-selector"],"hideLanguageSelector":[1540,"hide-language-selector"],"hideSearch":[1540,"hide-search"],"hideLogin":[1540,"hide-login"],"AutocompleteEndpoint":[1,"autocomplete-endpoint"],"sessionForward":[4,"session-forward"],"cache":[4],"spaMode":[4,"spa-mode"],"i18n":[32],"gotData":[32],"fetchingData":[32],"homePageLink":[32],"menuItems":[32],"siteDefinition":[32],"search":[32],"siteSelector":[32],"languageSelector":[32],"languageOptions":[32],"loginDialog":[32],"minimizeSearch":[32],"loggedIn":[32],"loginManager":[32]},[[0,"setLanguage","onLanguageSelectorChange"],[0,"loginStateChange","onLoginStateChange"],[9,"resize","handleResize"]]]]],["pn-find-price",[[0,"pn-find-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"weight":[32],"weightvalue":[32],"sourceData":[32],"sizecategory":[32]}]]],["pn-find-service-and-price",[[0,"pn-find-service-and-price",{"source":[1],"language":[1025],"market":[1025],"filteredItems":[32],"postagetype":[32],"weight":[32],"weightvalue":[32],"deliveryscope":[32],"sourceData":[32]}]]],["pn-product-pricelist",[[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]}]]],["pn-marketweb-sitefooter",[[0,"pn-marketweb-sitefooter",{"market":[1537],"language":[1537],"environment":[1537],"endpoint":[1],"cache":[4],"siteDefinition":[32],"footerContent":[32],"i18n":[32],"gotData":[32],"fetchingData":[32]}]]],["pn-bonus-progressbar",[[4,"pn-bonus-progressbar",{"icon":[1],"heading":[1],"theme":[513],"bonuspercentage":[1],"currency":[513],"value":[1538],"min":[1538],"max":[1538],"valuepercentage":[32],"progresspercentage":[32],"levelValues":[32],"currentLevelAdjustedValue":[32]}]]],["pn-pex-pricefinder",[[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"]]]]],["pn-filter-checkbox",[[1,"pn-filter-checkbox",{"value":[520],"name":[1],"checkboxid":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-marketweb-search",[[1,"pn-marketweb-search",{"disabled":[4],"placeholder":[1],"inputid":[1],"name":[1],"autocomplete":[1],"list":[1],"value":[1],"label":[1],"loading":[4],"button":[1],"light":[4],"suggestionObserver":[32],"hasClonedInput":[32],"listSuggestion":[32]},[[0,"input","inputHandler"]]]]],["pn-profile-selector",[[4,"pn-profile-selector",{"language":[1537],"returnUrl":[1,"return-url"],"i18n":[32],"isLoading":[32],"numberOfProfiles":[32]}]]],["pn-profile-selector-option",[[0,"pn-profile-selector-option",{"name":[1],"identifier":[1],"url":[1]}]]],["pn-sidenav",[[4,"pn-sidenav",{"language":[1],"navLabel":[1,"nav-label"],"i18n":[32]},[[0,"language","setLanguage"],[0,"openSubMenuLevelChange","onOpenSubMenuLevelChange"]]]]],["pn-sidenav-level",[[4,"pn-sidenav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"alignment":[32]}]]],["pn-sidenav-link",[[4,"pn-sidenav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"icon":[1],"current":[4],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-find-price-result",[[0,"pn-find-price-result",{"item":[1040],"shownitems":[16],"Usp1":[1,"usp-1"],"Usp2":[1,"usp-2"],"Usp3":[1,"usp-3"],"description":[16],"weightText":[32]}]]],["pn-find-service-and-price-result",[[0,"pn-find-service-and-price-result",{"item":[1040],"shownitems":[16],"weightText":[32]}]]],["pn-product-pricelist-result",[[0,"pn-product-pricelist-result",{"item":[1040],"shownitems":[16],"weightText":[32]}]]],["pn-bonus-progressbar-level",[[0,"pn-bonus-progressbar-level",{"current":[516],"value":[1538],"bonuspercentage":[1537],"visualpercentage":[1538],"percentage":[32],"max":[32],"min":[32],"currency":[32]}]]],["pn-marketweb-input",[[0,"pn-marketweb-input",{"disabled":[4],"error":[1],"invalid":[4],"helpertext":[1],"label":[1],"placeholder":[1],"inputid":[1],"name":[1],"required":[4],"type":[1025],"autocomplete":[1],"valid":[4],"value":[1],"maxlength":[1],"min":[1],"max":[1],"step":[1],"pattern":[1],"showText":[32]}]]],["pn-site-footer_2",[[4,"pn-site-footer",{"url":[1],"linktitle":[1]}],[4,"pn-site-footer-col"]]],["pn-choice-button",[[4,"pn-choice-button",{"value":[520],"name":[1],"choiceid":[1],"type":[1],"disabled":[4],"checked":[4],"indeterminate":[1028]},[[0,"change","handlechange"]]]]],["pn-mainnav-link",[[4,"pn-mainnav-link",{"name":[1],"href":[1],"target":[1],"linkid":[1],"levelId":[32],"open":[32],"hasChildren":[32]}]]],["pn-product-card_3",[[4,"pn-product-card"],[0,"pn-product-card-info",{"rulle":[1],"paket":[1],"label":[1],"text":[1]}],[0,"pn-product-card-price",{"label":[1],"amount":[1],"currency":[1],"note":[1],"url":[1],"service":[1]}]]],["pn-language-selector_9",[[4,"pn-mainnav-level",{"level":[32],"levelId":[32],"isOpen":[32],"parentName":[32],"parentHref":[32],"parentLinkId":[32],"listCount":[32],"alignment":[32]}],[4,"pn-language-selector",{"value":[1537],"selectedLanguageName":[32],"options":[32],"i18n":[32]}],[0,"pn-language-selector-option",{"name":[1],"code":[1],"url":[1],"selected":[4],"currentLanguage":[1,"current-language"]}],[4,"pn-mainnav",{"market":[1],"language":[1],"navigationId":[1,"navigation-id"],"openMenu":[1028,"open-menu"],"navLabel":[1,"nav-label"]},[[0,"language","setLanguage"],[0,"market","setMarket"],[0,"menuLanguageChange","onLanguageChange"],[0,"setmenuopenstate","setMenuOpenState"],[0,"openMenuLevelChange","onOpenMenuLevelChange"]]],[4,"pn-mainnav-list",{"heading":[1],"linkCount":[32]}],[0,"pn-marketweb-siteheader-login",{"endpoint":[1],"token":[1],"i18n":[8,"i-1-8n"],"emitEvents":[4,"emit-events"],"loginDialog":[1040],"loginManager":[32],"loggedIn":[32],"toggleButtonText":[32],"username":[32]}],[0,"pn-marketweb-siteheader-search",{"i18n":[8,"i-1-8n"],"showOnlyLink":[1028,"show-only-link"],"hideSearch":[1028,"hide-search"],"search":[1040],"primary":[4],"autoCompleteOptions":[32]}],[4,"pn-site-selector",{"buttontext":[1537],"heading":[1537],"language":[1537],"i18n":[32]}],[0,"pn-site-selector-item",{"url":[1],"heading":[1],"description":[1],"newwindow":[4]}]]],["pn-product-tile_3",[[4,"pn-product-tile"],[0,"pn-product-tile-info",{"label":[1],"text":[1],"icon":[1]}],[0,"pn-product-tile-price",{"label":[1],"amount":[1],"currency":[1],"url":[1]}]]]], options);
|
|
14
14
|
});
|
|
15
15
|
};
|
|
16
16
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, a as Host } from './index-5397620b.js';
|
|
2
|
-
import { s as state } from './pn-find-price-store-
|
|
2
|
+
import { s as state } from './pn-find-price-store-3301df0a.js';
|
|
3
3
|
import './index-7b21ecff.js';
|
|
4
4
|
|
|
5
5
|
const pnFindPriceResultCss = "pn-find-price-result .test{margin:3em 0}.resultcontent{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}";
|
|
@@ -29,8 +29,8 @@ let PnfindPriceResult = class {
|
|
|
29
29
|
render() {
|
|
30
30
|
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) ?
|
|
31
31
|
(this.item.highestrankusp === "Billigast") ?
|
|
32
|
-
(h("span", { slot: "
|
|
33
|
-
: (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.item.paket ? (h("pn-product-card-info", { paket: this.item.paket, rulle: this.item.rulle })) : null, h("div", { slot: "cardprice" }, this.item.priceagent ? (h("pn-product-card-price", { slot: "price", label: "", amount: this.item.priceagent + '', currency: state.market.currency, url: "https://shop.postnord.se/ebutik/default.aspx", service: this.item.name + "-eshop" })) : null, this.item.pricesenddirect ? (h("pn-product-card-price", { slot: "sendDirectPrice", label: state.i18n.senddirectcta, amount: this.item.pricesenddirect + '', currency: state.market.currency, url: "https://portal.postnord.com/skickadirekt/", service: this.item.name + "-portal" })) : null, this.item.pricestamps ? (h("pn-product-card-price", { slot: "stampPrice", label: state.i18n.stampshopcta, amount: this.item.pricestamps + '', currency: state.market.currency, url: "https://shop.postnord.se/ebutik/default.aspx", service: this.item.name + "-eshop"
|
|
32
|
+
(h("span", { slot: "Billigast" }, this.item.highestrankusp, h("pn-icon", { symbol: "box-label", small: "false", color: "green700" })))
|
|
33
|
+
: (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.item.paket ? (h("pn-product-card-info", { paket: this.item.paket, rulle: this.item.rulle })) : null, h("div", { slot: "cardprice" }, this.item.priceagent ? (h("pn-product-card-price", { slot: "price", label: "", amount: this.item.priceagent + '', currency: state.market.currency, url: "https://shop.postnord.se/ebutik/default.aspx", service: this.item.name + "-eshop" })) : null, this.item.pricesenddirect ? (h("pn-product-card-price", { slot: "sendDirectPrice", label: state.i18n.senddirectcta, amount: this.item.pricesenddirect + '', currency: state.market.currency, url: "https://portal.postnord.com/skickadirekt/", service: this.item.name + "-portal" })) : null, this.item.pricestamps ? (h("pn-product-card-price", { slot: "stampPrice", label: state.i18n.stampshopcta, amount: this.item.pricestamps + '', currency: state.market.currency, url: "https://shop.postnord.se/ebutik/default.aspx", service: this.item.name + "-eshop" })) : null))));
|
|
34
34
|
}
|
|
35
35
|
static get watchers() { return {
|
|
36
36
|
"item": ["composeItems"]
|